/*
Theme Name: Projecto Entre Serras
Theme URI:
Author: Nuno Palma
Author URI:
Description: Another Custom template
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain:customtheme

This theme, like WordPress, is licensed under the GPL.
*/

@font-face {
	font-family: 'BasierCircle';
	src: url('css/fonts/basier/basiercircle-medium-webfont.eot');
	src: url('css/fonts/basier/basiercircle-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('css/fonts/basier/basiercircle-medium-webfont.woff2') format('woff2'),
		url('css/fonts/basier/basiercircle-medium-webfont.woff') format('woff'),
		url('css/fonts/basier/basiercircle-medium-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BasierCircleBold';
	src: url('css/fonts/basier/basiercircle-bold-webfont.eot');
	src: url('css/fonts/basier/basiercircle-bold-webfont.eot?#iefix') format('embedded-opentype'),
			url('css/fonts/basier/basiercircle-bold-webfont.woff2') format('woff2'),
			url('css/fonts/basier/basiercircle-bold-webfont.woff') format('woff'),
			url('css/fonts/basier/basiercircle-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'BasierCircleMedium';
	src: url('css/fonts/basier/basiercircle-medium-webfont.eot');
	src: url('css/fonts/basier/basiercircle-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('css/fonts/basier/basiercircle-medium-webfont.woff2') format('woff2'),
		url('css/fonts/basier/basiercircle-medium-webfont.woff') format('woff'),
		url('css/fonts/basier/basiercircle-medium-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'BasierCircleSemiBold';
	src: url('css/fonts/basier/basiercircle-semibold-webfont.eot');
	src: url('css/fonts/basier/basiercircle-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		url('css/fonts/basier/basiercircle-semibold-webfont.woff2') format('woff2'),
		url('css/fonts/basier/basiercircle-semibold-webfont.woff') format('woff'),
		url('css/fonts/basier/basiercircle-semibold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

@font-face {
    font-family: 'BasierSquare';
    src: url('css/fonts/basier/basiersquare-regular-webfont.eot');
    src: url('css/fonts/basier/basiersquare-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/basier/basiersquare-regular-webfont.woff2') format('woff2'),
         url('css/fonts/basier/basiersquare-regular-webfont.woff') format('woff'),
         url('css/fonts/basier/basiersquare-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
	font-family: 'NoWay';
	src: url('css/fonts/noway/nowayround-regular-webfont.eot');
	src: url('css/fonts/noway/nowayround-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('css/fonts/noway/nowayround-regular-webfont.woff2') format('woff2'),
		url('css/fonts/noway/nowayround-regular-webfont.woff') format('woff'),
		url('css/fonts/noway/nowayround-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'NoWayBold';
    src: url('css/fonts/noway/nowayround-bold-webfont.eot');
    src: url('css/fonts/noway/nowayround-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/noway/nowayround-bold-webfont.woff2') format('woff2'),
         url('css/fonts/noway/nowayround-bold-webfont.woff') format('woff'),
         url('css/fonts/noway/nowayround-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NoWayMedium';
    src: url('css/fonts/noway/nowayround-medium-webfont.eot');
    src: url('css/fonts/noway/nowayround-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/noway/nowayround-medium-webfont.woff2') format('woff2'),
         url('css/fonts/noway/nowayround-medium-webfont.woff') format('woff'),
         url('css/fonts/noway/nowayround-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
	
	
	:root {
		--verde: #258637;
		--lima: #DEE393;
		--creme: #DEE393;
		--laranja: #FAB500;
		--roxo:#8174A8;
		--azul: #5788C6;
		--castanho: #86673B;
		--cinza: #e0e9e1;
	}
	  

	/*** Reset ***/
	*{box-sizing: border-box;}
	body{margin:0; font-family: "BasierSquare", sans-serif; font-size:17px; color:#1a1a1a; word-wrap: break-word;}
	img{max-width:100%;height:auto;}
	a{text-decoration:none;color:inherit;}
	h1,h2,h3{margin:0; font-family:'NoWayBold', sans-serif;}
	figure{margin:0;}
	input,textarea{font-size:inherit;font-family:inherit;}

	/*** Grid ***/
	.container{max-width:1250px;margin:0 auto;padding:0 15px;}
	.row{margin:0 -15px;display:flex;flex-wrap:wrap;align-items:stretch;}
	.row:after{content:'.';clear:both;display:block;height:0;visibility:hidden;}
	.col{padding:0 15px;min-height:1px;}
	.col1{width:8.333%;}
	.col2{width:16.666%;}
	.col3{width:25%;}
	.col4{width:33.333%;}
	.col5{width:41.666%;}
	.col6{width:50%;}
	.col7{width:58.33%;}
	.col8{width:66.666%;}
	.col9{width:75%;}
	.col10{width:83.333%;}
	.col11{width:91.666%;}
	.col12{width:100%;}

	/* Header */
	.main-header{ padding:1.75em 0 1.5em 0; position:relative; font-family: "NoWay";}
	.main-header > .container > .row{ align-items: center; }
	.main-header h1{ margin:0; }
	.main-header h1 img{ width:135px; }
	.header-center{ text-align:right; }
	/*.header-langs{ }
	.header-langs a{ font-size:0.8em; margin-left:0.5em; }
	.header-langs a.active-lang{ border-bottom:2px solid #000; }*/
	.header-langs{ margin-right:2em; }
	.header-langs a.active-lang{ font-weight:700; border-bottom:2px solid var(--verde); }
	.header-specs{ display:flex; color:var(--verde); justify-content: flex-end; position:relative; }
	.search-button{ font-size:1em; cursor: pointer; }

	/*** Main menu ***/
	.main-menu{ text-align:center; text-transform: uppercase; font-weight:400;}
	.main-menu ul, .main-menu li{ padding:0; margin:0; list-style-type:none; font-size:1em; color:var(--verde); }
	.main-menu ul{ display:flex; justify-content: center;}
	.main-menu ul li{ position:relative; display:inline-block; padding:0.35em 0.75em; margin:0 0.25em; border-radius:1em;}
	.main-menu ul li:hover{ background:var(--cinza); }
	.main-menu ul li.current-menu-item{ background:var(--lima); }
	/*.main-menu a:hover{}*/

	.main-menu ul li.menu-item-has-children{ cursor: default;}
	.main-menu ul li.menu-item-has-children > a:after{content: "\f0dd"; font-family:'Font Awesome 5 Free';display:inline-block;vertical-align:top;font-size:0.8em;margin:0.1em 0 0 0.3em; font-weight: 900;}

	.main-menu ul li ul{ display:none; position:absolute; z-index:9; top:100%; left:0; min-width:100%;  text-align:left; white-space: nowrap; padding-top:0.5em; }
	.main-menu ul li:hover ul{ display:block; }
	.main-menu ul li ul li{ padding:0; display:block; background:var(--lima); border-radius:0; box-shadow: 0 6px 7px rgba(0,0,0,0.15); padding:1.25em 1.25em 0 1.25em; font-size:0.9em;}
	.main-menu ul li ul li:first-child{ border-radius:1em 1em 0 0;}
	.main-menu ul li ul li:last-child{ border-radius:0 0 1em 1em; padding-bottom:1.25em;}
	.main-menu ul li ul li:hover{  background:var(--lima); text-decoration: underline;}

	.mobile-menu-button{ display: none;}

	#search-bar{ position:absolute; background:#FFF; right:1.75em; top:50%; transform: translateY(-50%); display:none; }
	#search-bar input{ border:1px solid var(--verde); border-radius:5px; padding:0.5em;  outline:none;  }
	#search-bar input:focus{ outline:none;}
	#search-bar button{ display:none; }

	/* Home */
	.home-headlines-container{ padding:0 15px;}
	.home-headlines{ position:relative; max-width:1400px; margin:0 auto; overflow: hidden; border-radius:10px; }
	.headlines-container{ position:relative; padding-top:40%; overflow:hidden; }
	.home-headline{ position:absolute; width:100%; height: 100%; left:0; top:0; left:100%; }
	.home-headline:first-child{ left:0; }
	.home-headline figure{ width:100%; height:100%;}
	.home-headline figure img{ width:100%; height:100%; object-fit: cover; }
	.home-headline header{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10; width:50%; text-align: center;}
	.home-headline-cat, .home-headline-more{ display:inline-block; padding:0.25em 1.5em; margin:1.5em 0.35em; border-radius:1em; border:1px solid #000; text-transform: lowercase; font-weight: 700;}
	.home-headline-more{ background:#000; color:#FFF;}
	.home-headline header h2{ font-size:2em; font-style: italic; text-transform: uppercase; }
	.home-headline header h3{ font-size:1.5em; font-weight: 400;}


	.headlines-control{ position:absolute;  z-index:1; }
	.headline-arrow{ position:absolute; font-size:2.5em; cursor: pointer; line-height: 1em; top:50%; transform:translateY(-50% ); color:var(--creme); text-shadow: 0 0 5px rgba(0,0,0,0.5); z-index:1;}
	#headline-arrow-left{ left:25px; }
	#headline-arrow-right{ right:25px;  }
	.headlines-buttons{ text-align:center; }
	.headlines-button{ display:inline-block; height:0.5em; width:0.5em; border:1px solid var(--verde); background:#FFF; border-radius:50%; margin:0 0.25em; cursor: pointer; }
	.headlines-active-button{ background:var(--verde); }

	.home-cars-title{ margin:0.5em 0 0.75em 0; line-height: 1em; font-family: "NoWayBold"; font-size:3.5em; -webkit-text-fill-color: #FFF; -webkit-text-stroke-color: var(--verde); -webkit-text-stroke-width: 1px; }

	.home-cards{ padding:45px 0; }
	.home-card{ border:2px solid var(--verde); border-radius:6px; padding:0.5em; height:100%;  }
	.home-card figure{ position:relative; padding-top:100%; border-radius: 6px;  overflow: hidden;}
	.home-card figure img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
	.home-card .card-cat{ position:absolute; bottom:30px; left:50%; transform: translateX(-50%); padding:0.25em 1.5em; border-radius:1em; border:1px solid #000; text-transform: lowercase; font-weight: 700; }
	.home-card header h2{ font-family:'NoWayMedium'; font-size:1.58em; line-height: 1.3em; color:var(--verde); margin:0.5em 0; }
	.home-card header h2 a:hover{ text-decoration: underline;}
	.home-card header h3{ font-weight: 400; font-size:1.25em; }
	.home-card header p{ text-align:left; margin:0; font-size:1em; padding-bottom:4em; color:var(--verde);}
	.home-card header a.read-more{ display:inline-block; padding:0.25em 1.5em; border-radius:1em; border:1px solid #000; text-transform: lowercase; font-weight: 700; background:#000; color:#FFF; font-size:0.9em; }
	.home-card .card-date{ color:var(--verde); margin-bottom:0.75em; font-size:0.9em; }

	.home-about{ padding:4em 0 8em 0;}
	.home-about h2{ line-height: 1em; font-family: "NoWayBold"; font-size:3.5em; -webkit-text-fill-color: #FFF;
		-webkit-text-stroke-color: var(--verde); -webkit-text-stroke-width: 1px; margin:0; }
	.home-about p{  font-family: "BasierSquare"; font-size:1.1em; line-height: 1.5em; color:var(--verde); margin:0; }
	.home-about .read-more-button{ margin-top:2em; }

	a.read-more-button{ display:inline-block; color:var(--verde); border:2px solid var(--verde); font-size:1.15em; padding:1em 1.25em; border-radius:5px; text-transform: uppercase; font-family: "NoWay"; transition:0.3s; }
	a.read-more-button:hover{ background:var(--verde); color:#FFF; }

	.home-sponsors{ background:#e9f3eb; padding:30px 0 30px 0; color:#258637;}
	.home-sponsors .container{ display:flex; justify-content: space-between; flex-wrap: wrap; }
	.home-sponsor{ display:flex; justify-content: space-between; flex-wrap: wrap; }
	.home-sponsor h3{ font-family: 'NoWayMedium'; font-size:0.9em; text-transform: uppercase; }
	
	.home-sponsor:nth-child(1){ width:45%; justify-content:flex-start; }
	.home-sponsor:nth-child(1) h3{ width:42.5%; }
	.home-sponsor:nth-child(1) a{ display:block; width:45%; }
	.home-sponsor:nth-child(1) img{  }
	
	.home-sponsor:nth-child(2){ width:50%; justify-content:space-between; }
	.home-sponsor:nth-child(2) h3{  }
	.home-sponsor:nth-child(2) a{ display:block; width:23%; }
	.home-sponsor:nth-child(2) img{  }
	
	.main-footer{ background:var(--verde); color:var(--lima); padding:45px 0 30px 0; font-family: "NoWay";}
	.footer-row{ display:flex; flex-wrap: wrap; justify-content: space-between; }
	.footer-col{ }
	.footer-col h3{ font-size:1.5em; font-family: 'NoWay'; font-size:1em; }
	.footer-col ul{ list-style-type:none; padding:0;}
	.footer-col ul li{ list-style-type:none; margin-bottom:0.5em;}
	.footer-col ul li a:hover{ text-decoration: underline; }
	/*.footer-col ul li:before{ content:'\2022'; }*/
	.footer-logo{ max-width:155px; }
	.footer-social{ font-size:1.25em; }
	.footer-social a{ margin-right:0.25em; }

	.main-footer input[type="email"]{ background:var(--lima) !important; color:var(--verde) !important; border-radius:5px; width:250px !important; padding:0.5em; border:none;}
	.main-footer input[type="submit"]{ background:none !important; color:var(--lima) !important; border:2px solid var(--lima) !important; border-radius:5px; border:none; margin-top:0.5em; padding:0.5em; cursor: pointer;}
	.main-footer label{ display:none !important; }

	.search-result{ border-bottom:1px solid var(--verde); margin-bottom:30px; }
	.search-result p{ margin:0; }
	.search-result figure{ background:#f2f2f2; padding-top:75%; position:relative; }
	.search-result figure img{ position:absolute; top:0; width:100%; height: 100%; object-fit: cover;}	
	.search-result h3{ color:var(--verde); margin-top:5px;}	
	.search-result .category-tag2{ font-size:0.9em; background:var(--lima); color:var(--verde); display:inline-block; padding:0.25em 0.5em; border-radius:5px; }

	/*** Pagination***/
	.pagination{padding:45px 0;text-align:center;font-size:0.9em;}
	.pagination .page-numbers{display:inline-block;padding:0.8em;font-weight:bold;vertical-align:middle;}
	.pagination .page-numbers:link:hover{text-decoration: underline;}
	.pagination .current{color:#999;border:1px solid #DDD;background:#FFF;}
	.pagination .next, .pagination .prev{text-transform:uppercase;font-size:0.7em;}

	/* Single */
	.main-article{}
	.main-article header{ }
	.main-article header h1{ font-size:3.75em; font-family: "NoWayBold"; -webkit-text-fill-color: #FFF;
-webkit-text-stroke-color: var(--verde); -webkit-text-stroke-width: 1px; margin:0.25em 0 0.65em 0; line-height: 1em;}
	.main-article header h2{ font-size:1.5em; margin-top:0.25em; }
	.main-article-figure{}
	.main-article-figure img{ width:100%;}

	.main-article-content{ margin-top:30px; line-height: 1.6em; border-bottom:1px solid var(--verde); padding-bottom:75px; color:var(--verde);}
	.main-article-content p{margin:0 0 1em 0;}
	.main-article-content .row{ position:relative; }
	.main-article-content .row .col4{ width:30%; }
	.main-article-content .row .col8{ width:60%; margin-left:1%;}
	.main-article .article-cat{ position:absolute; top:0; display:inline-block; padding:0.25em 1.5em; border-radius:1em; text-transform: uppercase; background:var(--lima); color:var(--verde); font-size:0.9em;}
	.related-cards{ padding:60px 0 120px 0; }
	.related-cards > h3{ font-size:3em; font-family: "NoWayBold"; -webkit-text-fill-color: #FFF;
		-webkit-text-stroke-color: var(--verde); -webkit-text-stroke-width: 1px; margin:0.25em 0 0.65em 0; line-height: 1em; }
	.main-article-content .wp-block-gallery{ display:none; }
	.main-article .home-headlines{ display:none; }
	.article-side{ font-family: 'NoWay'; margin-top:4em; border:2px solid var(--verde); border-radius:6px; padding:1.5em; }
	
	.related-card figure{ padding-top:65%;}
	.related-card header h2{ font-family: 'NoWay'; font-size:1.15em; }
	.related-card header .card-date{ font-size:0.8em;}

	/* Category */
	.category-section{ padding:30px 0 120px 0;}
	.category-header h1{ font-size:3em; font-family: "NoWayBold"; -webkit-text-fill-color: #FFF;
		-webkit-text-stroke-color: var(--verde); -webkit-text-stroke-width: 1px; margin:0 0 0.65em 0; line-height: 1em; }
	.category-section .col{ margin-bottom:30px;}


	.cat-article{}
	.cat-article figure{ padding-top:65%;}
	.cat-article header h2{ font-family: 'NoWay'; font-size:1.15em; }
	.cat-article header .card-date{ font-size:0.8em;}

	/*** Medium ***/
	@media screen and (max-width:768px){

		/*** M Grid ***/
		.m-col1{width:8.333%;}
		.m-col2{width:16.666%;}
		.m-col3{width:25%;}
		.m-col4{width:33.333%;}
		.m-col5{width:41.666%;}
		.m-col6{width:50%;}
		.m-col7{width:58.333%;}
		.m-col8{width:66.666%;}
		.m-col9{width:75%;}
		.m-col10{width:83.333%;}
		.m-col11{width:91.666%;}
		.m-col12{width:100%;}



	}

	/*** Small ***/
	@media screen and (max-width:480px){

		/*** S Grid ***/
		.s-col1{width:8.333%;}
		.s-col2{width:16.666%;}
		.s-col3{width:25%;}
		.s-col4{width:33.333%;}
		.s-col5{width:41.666%;}
		.s-col6{width:50%;}
		.s-col7{width:58.33%;}
		.s-col8{width:66.666%;}
		.s-col9{width:75%;}
		.s-col10{width:83.333%;}
		.s-col11{width:91.666%;}
		.s-col12{width:100%;}

		.main-header{ padding:30px 0 10px 0; }
		.menu-col{ position:absolute; z-index:99; top:100%; }
		.main-menu ul{ display:none; box-shadow: none; background:#FFF; }
		.main-menu ul li{ position:relative; display:block; padding:1em 0; margin:0 0.25em; border-radius:1em;}
		.main-menu ul li:hover{ background:none;}
		.main-menu ul li ul{ display:none; position:relative; top:0; left:0; min-width:100%;  text-align:center; white-space: nowrap; padding-top:0.5em; box-shadow: none; border-bottom:2px solid var(--verde);}
		.main-menu ul li ul li{ background:none; box-shadow: none; width:100%;}
		.main-menu ul li ul li:last-child{  background:none; box-shadow: none; }
		

		.mobile-menu-button{ display:block; position:absolute; top:35px; right:15px; color:var(--verde); font-size:1.75em; cursor: pointer;}
		.header-specs{position:absolute; top:45px; right:60px; font-size:0.8em; }
		.header-langs{ margin-right:0;  }
		.search-button{display:none; }

		
		.headlines-container{ padding:90% 0 0 0; margin-top:0px;}
		.headline-arrow{ position:absolute; font-size:1.75em; cursor: pointer; line-height: 1em; top:50%; transform:translateY(-50% ); color:var(--creme); text-shadow: 0 0 5px rgba(0,0,0,0.5); z-index:1;}
		#headline-arrow-left{ left:10px; }
		#headline-arrow-right{ right:10px;  }

		.home-cars-title{ margin:0.25em 0 0.75em 0; line-height: 1em; font-size:2em; }
		.home-card{ height:auto; margin-bottom:30px;  }
		.home-card figure{ position:relative; padding-top:75%; }
		.home-card header p{ padding-bottom:1em;  }
		.home-sponsors .container{ display:block; }
		.home-sponsor:nth-child(1){ width:100%; justify-content:flex-start; }
		.home-sponsor:nth-child(1) h3{ width:100%; margin-bottom:1em; }
		.home-sponsor:nth-child(1) a{ display:block; width:100%; }
	
		.home-sponsor:nth-child(2){ width:100%; justify-content:space-between; }
		.home-sponsor:nth-child(2) a{ display:block; width:100%; }

		.footer-row{ display:block; }
		.footer-col{ display:block; margin-bottom:3em; }
		.footer-col h3{ font-size:1.15em; }

		.category-header h1{ font-size:2em; margin:1em 0 1em 0; line-height: 1em; }

		.main-article header h1{ font-size:2em;margin:0.75em 0 1em 0;}
		.main-article-content .row .col4{ width:100%;}
		.main-article-content .row .col8{ width:100%; margin-top:30px; }
		.main-article-content{  padding-bottom:30px; margin-top:1em; }
		.related-cards { padding: 30px 0 120px 0; }



		/*.main-article{}
	.main-article header{ }
	.main-article header h1{ font-size:3.75em; font-family: "NoWayBold"; -webkit-text-fill-color: #FFF;
-webkit-text-stroke-color: var(--verde); -webkit-text-stroke-width: 1px; margin:0.25em 0 0.65em 0; line-height: 1em;}
	.main-article header h2{ font-size:1.5em; margin-top:0.25em; }
	.main-article-figure{}
	.main-article-figure img{ width:100%;}

	.main-article-content{ margin-top:30px; line-height: 1.6em; border-bottom:1px solid var(--verde); padding-bottom:75px; color:var(--verde);}
	.main-article-content p{margin:0 0 1em 0;}
	.main-article-content .row{ position:relative; }
	.main-article-content .row .col4{ width:30%; }
	.main-article-content .row .col8{ width:60%; margin-left:1%;}
	.main-article .article-cat{ position:absolute; top:0; display:inline-block; padding:0.25em 1.5em; border-radius:1em; text-transform: uppercase; background:var(--lima); color:var(--verde); font-size:0.9em;}
	.related-cards{ padding:60px 0 120px 0; }
	.related-cards > h3{ font-size:3em; font-family: "NoWayBold"; -webkit-text-fill-color: #FFF;
		-webkit-text-stroke-color: var(--verde); -webkit-text-stroke-width: 1px; margin:0.25em 0 0.65em 0; line-height: 1em; }
	.main-article-content .wp-block-gallery{ display:none; }
	.main-article .home-headlines{ display:none; }
	.article-side{ font-family: 'NoWay'; margin-top:4em; border:2px solid var(--verde); border-radius:6px; padding:1.5em; }
	
	.related-card figure{ padding-top:65%;}
	.related-card header h2{ font-family: 'NoWay'; font-size:1.15em; }
	.related-card header .card-date{ font-size:0.8em;}*/
		

	}
