/* STRUCTRURE */

*, ::before, ::after {

	box-sizing: border-box;
	
	
}

input:focus {

	outline: none;

}


hmtl,
body	 {

	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 20px;
	overflow-x: hidden;

}

	#header {
	
	
	
	}

		#top {
		
			position: relative;
		
		}
		
		.menu-wrap {
		
			width: 100%;
			height: 480px;
			padding: 11px 15px 22px 15px;
    		background-repeat: no-repeat;
    		background-size: cover;
    		position: relative;
		
		}

		.menu-wrap h1{

			max-width: unset !important;
			
		}
		
		.menu-wrap h1 a:hover{

			opacity: 0.5 !important;
			
		}
		
		.menu-hamb {
	
			height: 30px;
			width: 100%;
			text-align: center;
			position: fixed;
			top: 0;
			z-index: 9999999;
			background: black;
			opacity: 0.4;
			color: white;
	
		}
		


		.search {
		
			background: none;
			border: none !important;
			width: 240px;
			height: 40px;
			font-size: 27px;
			text-align: center;
			color: #BFBFBF;
			
		
		}
		
		.search-button {

			width: unset;
			height: 40px;
			background: unset;
			border: unset;
			font-family: unset;
			font-size: unset;
			display: unset;
			cursor: pointer;
			color: white;
			padding: 0;
			padding-top: 10px;
			opacity: 1;
		
		}

		.search-button:hover {

			color: white;
			opacity:0.5;

		}
		
		.switch {
		
			opacity:1;		
		
		} 
		
		.switch:hover {
		
			color: white;
			opacity:1;		
		
		} 	

		.show-menu {
		
			display: block !important;
			margin-bottom: -30px;

		
		}		
		
		.menu-buttons {
		
			display: flex;
			align-items: center;
			justify-content: space-between;
		
		}
		
		.menu h2 {
		
			text-align: center;
			letter-spacing: -1.30px;
		
		}
		
		
		.menu-content h2:hover {
		
			opacity: 1;
			color: white;
		
		}
 
 

		#highlights {
		
			height: 480px;
			width: 100%;
			display: flex;
			overflow: hidden;
			z-index: 99;
		
		}

			.highlight {
			
				width: 100vw;
				flex-shrink: 0;	
				height: 480px !important;
				background: lightgrey;
				cursor: pointer;
			
			}

			.highlight-img {
		
				margin: 0;
				padding: 0;
				height: 480px;
				object-fit: cover;
				width: 100%;
		
			}

			.bullets-highlights{
				top: 210px;
				height: 30px;
			}

			.bullets-highlights > .swiper-pagination-bullet{
				margin: 0 1px !important;
				width: 10px !important;
				height: 10px !important;
				background: none !important;
				border: 1.5px solid black !important;
				opacity: 1 !important;
			}
			
		.bullets-highlights > .swiper-pagination-bullet-active{
				background: black !important;
			}

		
			.highlight h1 {
			
				padding: 11px 15px 22px 15px;
			
			}


		#landscape {
		
			height: 960px !important;
			display: flex;
			overflow: hidden;
			width: 100%;
  			position: relative;
  			margin-top: 30px;

			-ms-overflow-style: none;  /* IE and Edge */
  			scrollbar-width: none;  /* Firefox */

					
		}
		
		.menu-item-home {
			background: url("../fogo-island-arts/img/logo/landscape.jpg"); 
			background-position: bottom; 
			background-size: 100% auto; 
			background-repeat: no-repeat;
		}
		
		.menu-item-home:nth-of-type(2) {
	
			background: url("../fogo-island-arts/img/logo/landscape2.jpg");
			background-position: bottom;
			background-size: 100% auto;
			background-repeat: no-repeat;
			
		}
		
		.menu-item-home:nth-of-type(3) {
	
			background: url("../fogo-island-arts/img/logo/landscape3.jpg");
			background-position: bottom;
			background-size: 100% auto;
			background-repeat: no-repeat;
			
		}
		
		.menu-item-home:nth-of-type(4) {
	
			background: url("../fogo-island-arts/img/logo/landscape4.jpg");
			background-position: bottom;
			background-size: 100% auto;
			background-repeat: no-repeat;
			
		}
		
		.menu-item-home:nth-of-type(5) {
	
			background: url("../fogo-island-arts/img/logo/landscape5.jpg");
			background-position: bottom;
			background-size: 100% auto;
			background-repeat: no-repeat;
			
		}
		
		
		#landscape::-webkit-scrollbar {

			display: none;

		}
			

			.menu-item {
			
				width: 100vw;
				flex-shrink: 0;	
				text-align: center;
				display: flex !important;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				height: 240px !important;
				color: white;
									
			}


			.menu-item-home {
			
				width: 100vw;
				flex-shrink: 0;	
				text-align: center;
				height: 960px !important;
				color: black;
									
			}
			
				.menu-item .title {
				
					margin-top: 0;
				
				}

				.menu-item-home .title {
				
					margin-top: 0;
				
				}

			
		
			.mi-1 {
			
				background: url("../fogo-island-arts/img/logo/landscape.jpg"), linear-gradient(90deg, rgba(7,110,255,0.80) 0%, rgba(6,100,255,0.80) 100%); 
				background-position: bottom; 
				background-size: 100% auto; 
				background-repeat: no-repeat;
				background-blend-mode: multiply;

			}
			
			
			
			.menu-item h2 {
			
				color: white;
				z-index:99;
				cursor: pointer;
			
			}
			
			.menu-item-home h2 {
			
				color: black;
				z-index:99;
				cursor: pointer;
			
			}
			


		#description {
		
			height: 480px;
			display: flex;
			overflow: hidden;
			width: 100%;

		}
		
			.desc {
			
				flex-shrink: 0;
				height: 300px !important;		
			
			}
			
			.desc h2 {
			
				padding: 11px 15px 22px 15px;
			
			}

		#newsfeed {
		
			background: #FFFE93;
			width: 100%;	
			color: #373C41;
			z-index: 999;
			position: relative;
		}
		
		.news-inner {
		
			width: max-content;
			height: 30px;
			overflow: hidden;
			cursor: pointer;
			float: left;

			-webkit-animation-name: marquee-text-animation;
			animation-name: marquee-text-animation;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
			animation-duration: 30s;
			padding-top: 5px;
		
		}
		
	@keyframes marquee-text-animation {
  		0% {
    		transform: translateX(0);
  		}
  		100% {
    		transform: translateX(-100%);
  			}
	}
		
		.marquee {
		 
		 	overflow: hidden;
		 	overflow: hidden;
			display: flex;
			height: 30px;
			flex-direction: column;
			flex-wrap: wrap;			
		}
		
		
		.news-title {
		
		
		}
		
		.news-title:before {
	
			content: "\25B6 \FE0E";
			font-family: favorit_promedium;
			font-size: 16px;
			margin-left: 12px;		
		
		}



		
		
		#news-items {
		
			display: none;
			width: 100vw !important;
			position: relative;
			
		
		}
		
		.news-article > .title {
			margin-top: 0px;
		}
		
		.news-article {
		
			width: 100vw !important;
			background: #FFFE93;

		
		}
		
		
		.news-article .attachment-post-thumbnail{
		
			filter: grayscale(100%);
			mix-blend-mode: multiply;

		
		}
		
	#core {
	
		width: 100%;
		margin: 0;
		padding: 0;
		display: flex;
		height: max-content;
		position: relative;
		
	}
	

	
	.content {

		width: 100vw;
		flex-shrink: 0;
		margin-top: 30px;
		
	}




	
		.title { 
		
			text-align: center;
			display: flex !important;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 240px !important;
			max-width: 960px;
			margin: 0 auto;
			margin-top: 30px;

		}
	
	
	#pictures {
	
		position: relative;
	
	}
	
		.attachment-post-thumbnail {
		
			margin: 0;
			padding: 0;
			height: 480px;
			object-fit: cover;
			width: 100%;
			background: lightgrey;
			object-position: center;
		}
		


.halftone {
    background: white;
    position: relative;	   
    filter: contrast(1500%);
    overflow: hidden;
    transform: translateZ(0); /* force a HW accelerated layer */
}

.halftone > * {
   filter: brightness(0.5) blur(2px) grayscale(100%);
}

.halftone::after {
    content: '';
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    background-blend-mode: multiply;
    background:
        radial-gradient(4px 4px, cyan, white),
        radial-gradient(4px 4px, yellow, white),
        radial-gradient(4px 4px, magenta, white);
    background-size: 4px 4px;
    background-position: 0 0px, 0px 0, 0px 0;
    mix-blend-mode: screen;
    pointer-events: auto;
    z-index: 1;

}

		
			.subtab-img {
		
				filter: grayscale(100%);
				mix-blend-mode: multiply;
		
			}

		
		img:not([src]) {
   	
   			visibility: hidden;
		}
		
		
		iframe {
		
			height: 480px !important;
			width: 100vw !important;
			margin-bottom: 30px;
			background: black;		
		}	
		
		figure {
		
			margin: 0;
		
		}
		
		.caption {
		
			text-align: center;
			width: 100%;
			height: 22px;
			margin-bottom: 30px;
			
		}
		
		
		.text {
		
			padding: 0 15px 60px 15px;
			max-width: 780px;
			margin: 0 auto;
			position: relative;
		
		}
		
		.text p{
		
			margin-bottom: 22px;
		
		}
		
		.press-release {
		
			width: 140px;
			height: 44px;
			position: fixed;
			right: 0px;
			background: black;
			color: white !important;
			transform: rotate(270deg);
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			margin-right: -48px;
			top: calc((var(--vh, 1vh) * 50) - 22px);
			z-index: 9999;
			
		
		
		}
		
		.subcategory {
		
			min-height: 60px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			color: #D4E0E2;
			mix-blend-mode: color-dodge;

		
		}
		
		.subcategory:hover {
	
			color: black;
			mix-blend-mode: unset;
	
		}
	
.exhibition:nth-of-type(2){
	background-color: #9CFF93 !important;
	color: black !important;
	mix-blend-mode: unset;
	}	
	
	    .entrybutton:nth-of-type(2n).short {
		
			background: #D4E0E2;	
		
		}

		.entrybutton:nth-of-type(2n+1).short {
		
			background: none;	
			isolation: isolate;	
		
		}
		
		.entrybutton:nth-of-type(2n) {
		
			background: #D4E0E2;	
		
		}
		
		.entrybutton:nth-of-type(2n+1) {
		
			background: none;
			isolation: isolate;	
		
		}
		
		.entrybutton-2:nth-of-type(2n+1) {
		
			background: none;	
			isolation: isolate;	
	
		}
		
		.entrybutton-2:nth-of-type(2n) {
		
			background: #D4E0E2;	
		
		}
	
		.inner {

		}
		
		.entrybutton:hover .inner{
		
			color: black;
			mix-blend-mode: unset;
		
		}
	
		.short {
		
			height: 60px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			padding: 0 15px;
			align-items: center;
			cursor: pointer;
			position: relative;
			z-index: 99;
			color: black;
			isolation: isolate;
					
		}
		
		.short-2 {
		
			height: max-content;
			min-height: 60px;
			max-width: 780px;
			cursor: pointer;
			position: relative;
			z-index: 99;
			color: black;
			margin: 0 auto;
			
		
		}
		
		.short-2:last-of-type {
			
        	border-bottom: 1.5px solid black;
			
    	}
		
			.short-2-inner {
			
				border-top: 1.5px solid black;
				padding: 10px 0 0px 0;
				
			}
			
				.short-2-inner p{
			
					padding: 0;
					margin:0;
				
				}
		
		
		.practical {
		
			position: relative;
			min-height: 240px;
			background-position: center; 
			background-size: 100% auto; 
			background-repeat: no-repeat;
			

		
		}

		.informations {
		
			position: absolute;
			z-index: 999;
			top: 0px; 
    		bottom: 0px;
    		min-height: 240px;
    		overflow: scroll;
			-webkit-columns: 360px;
			-moz-columns: 360px;
			columns: 360px;
			-moz-column-fill: auto;
       		column-fill: auto;
       		background: rgba(255, 255, 255, 0.5); 
       		width: 100%;
			padding: 11px 0 22px 0;
			scroll-snap-type: x mandatory;
			pointer-events: auto !important;
			overflow-y: hidden;

		}
		
		
		.informations .item {
		
			-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
			page-break-inside: avoid; /* Firefox */
			break-inside: avoid;
			margin-bottom: 22px;
			scroll-snap-align: start;
			padding-left: 15px;
			pointer-events: auto !important;

		
		}
		

		
		
		.item > *  {
		
			pointer-events: auto !important;	
		
		}
		
		.related {
		
			color: #D4E0E2;
			font-size: 36px;
			font-family: 'favorit_probook';
			font-weight: normal;
			min-height: 60px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			isolation: isolate;	
		}
	
	
		.related h2 {
		
			mix-blend-mode: color-dodge;	
		
		}
		
		.divider {
		
			mix-blend-mode: color-dodge;
			isolation: isolate;
			color: #D4E0E2;
			margin: 0;
			border: 0.5px solid;	
		
		}
		
	
	
		.hide {
			
			display: none !important;
		
		}
		
		.show {
			
			display: flex;
		
		}
		
	
	
	.post-categories li {
	
		list-style: none;
		margin-left: 0px;
	
	}
	
	
	li {
	
		list-style: numbers;
		margin-left: 30px;
	
	}
	

	
	ul {
	
		margin:  0;
		padding: 0;
	
	}
	
		.back {
		
			color: #D4E0E2;
			font-size: 36px;
			font-weight: normal;
			min-height: 60px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			isolation: isolate;		
		
		}
		
		.back a {
		
			mix-blend-mode: color-dodge;	
		
		}
		
		
		.back:hover a{
	
	color: black;
	mix-blend-mode: unset;
	
}
		

.close:hover a{
	
	opacity: 0.4;
	
}



		
		.close {
		
			color: white;
			font-size: 36px;
			font-weight: normal;
			min-height: 60px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			background: #D4E0E2;		
			
		}
		
		.close a {
		
		
		}
		
	
	#colophon {
	
		z-index: 999;
		position: relative;
		background: white;
		
	
	}
	
		#address {

			min-height: 240px;
			width: 100%;
			background: url("../fogo-island-arts/img/map.png") no-repeat center;
			background-size: cover;
			color: white;
			padding: 11px 15px 22px 15px;
			-ms-overflow-style: none;  /* IE and Edge */
  			scrollbar-width: none;  /* Firefox */
		
		
		}
		
		#logos {
		
			height: 18px;
			display: flex;
			margin-top: 22px;
		
		}
		
		
		#logos a {
		
			height: 100%;
			margin-right: 9px;
		
		}
		
		a img{
		
			height: 100%;
		
		}
		
		
		
		#faqs {
		
			text-align: center !important;
			background: cornsilk;
			color: black;
			z-index: 9999;
			position: relative;
			
		
		}
		
			#faqs h2 {
		
				width: 100%;
		
			}
		
		#faqs-button {
		
			height: 60px;
			width: 100%;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			cursor: pointer;
		
		}

		#faqs-title {
		
			margin-bottom: -22px;
			margin-bottom: 0px !important;
		}			

		#faqs-content {
		
			min-height: calc((var(--vh, 1vh) * 100) - 240px);
			width: 100%;
			text-align: left;
		
		}
		
		.faqs-close-button {
		
			color: #D4E0E2;
			font-size: 36px;
			font-weight: normal;
			min-height: 60px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			background: white;
		
		}
		
.faqs-close-button:hover a{
	
	opacity: 0.4;
	
}		
		
		#newsletter {
		
			height: 240px;
			position: relative;
			background: white;
			-ms-overflow-style: none;  /* IE and Edge */
  			scrollbar-width: none;  /* Firefox */
		
		}
		
		#newsletter::-webkit-scrollbar {

			display: none;

		}
		
		#address::-webkit-scrollbar {

			display: none;

		}
		
		
		#form {
			
				position: absolute;
				z-index: 999;
				top: 0px;
				bottom: 0px;
				min-height: 240px;
				overflow: scroll;
				-webkit-columns: 360px;
				-moz-columns: 360px;
				columns: 360px;
				-moz-column-fill: auto;
				column-fill: auto;
				background: rgba(255, 255, 255, 0.5);
				width: 100%;
				padding: 0 0 11px 0;
				scroll-snap-type: x mandatory;
			
			}
			
			input {
			
				width: 100%;
				border: none !important;
				background: none;
				font-size: 18px;
				font-family: 'favorit_probook';
				border-bottom: 1.5px solid black !important;
				height: 40px;
				-webkit-appearance: none !important;
				border-radius: 0 !important;
				padding: 0 !important;
				color: black;
			
			}
			
			
			input {
 				 border-radius: 0 !important;
 				 padding: 0 !important;
			}

			input[type="search"] {
 		 		-webkit-appearance: none!important;
 		 		padding: 0 !important;
			}
			
			
			.mc-field-group input {
			
				width: 100%;
				border: none !important;
				background: none;
				font-size: 18px;
				font-family: 'favorit_probook';
				border-bottom: 1.5px solid black !important;
				height: 48px;
				-webkit-appearance: none !important;
				border-radius: 0 !important;
				padding: 0 !important;

			
			}
			
			.mc-field-group {
			
				
			
			}
			
			
			.button-newsletter {
			
			    border: none !important;
    			margin: 0 !important;
   				padding: 0 !important;
    			display: block !important;
   				text-align: left !important;
   				cursor: pointer;
   				color: black;
	
			}
			
			.search::placeholder {
			
				opacity: 1 !important;
				overflow: visible;
				color: white !important;
			
			}
		
		
			
			#mergeRow-gdpr p {
			
				font-size: 13px;
				line-height: 15px;
			
			}
			
			
			.form-inner {
			
				-webkit-column-break-inside: avoid;
				page-break-inside: avoid;
				break-inside: avoid;
				margin-bottom: 22px;
				scroll-snap-align: start;
				padding: 0 15px 0 15px;
			
			}

			.form-inner:first-of-type {
			
				padding: 11px 30px 0 15px;
			
			}

			
			
			.long-button {
			
				width: 100%;
				height: 30px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				position: absolute;
				margin-top: 170px;
				z-index: 999;
				background: black;
				color: white;
				opacity: 0.5;
				border: none;
				font-size: 18px;
			
			}
			
			
				.long-button:hover  {
			
					opacity: 1;	
			
				}		
			
	
		#support {
		
			background: #373C41;
			color: white;
			padding-bottom: 30px;
			min-height: 240px;
		
		}
	
		#support h1 {
			
				padding: 11px 15px 22px 15px;
			
			}

		#support h2 {
			
				padding: 11px 15px 22px 15px;
			
			}
			
		
		#support-sub {
		
			display: flex;
			flex-wrap: wrap;

		}
		
		#support-sub p {

			padding: 0 0 22px 0;

		}

		#support-sub h2 {

			padding: 0 0 22px 0;

		}
		
		.support-sub {
		
			overflow: scroll;
			flex: 1 1 360px;		
		
		}
			
		#patrons {

			width: 50%;		
			padding: 11px 15px 22px 15px;
			color: white;
			background: #373C41;
		
		}	

		#partners {
		
			width: 50%;
			padding: 11px 15px 22px 15px;
			color: #373C41;
			background: white;		
		
		}	


		.latest {
		
			background: #9CFF93 !important;
			color: black !important;
			mix-blend-mode: unset;
		
		}
		
		
		.latest .inner {
		
			color: black !important;
			mix-blend-mode: unset;
		
		}
		
		
		
		#policies {
		
			background: black;
			color: white;
		
		}
		
		#policies-content {
		
			padding: 11px 15px 22px 15px;	

		
		}
		
		#policies-title {
		
			height: 30px;
			text-align: center;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			cursor: pointer;		
			display: flex;
		}