/*
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; align-items: center; }
	.search-button{ font-size:1em; cursor: pointer; }
	.main-header .container{ position:relative; }

	/*** 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; }

	.menu-login{ margin-left:2em; }
	.menu-user{ position:relative; margin-left:2em;  }
	.menu-avatar{ cursor: pointer; }
	.menu-avatar-thumb{ position:relative; width:2em; height:2em; border-radius: 50%; border:1px solid #CCC; overflow:hidden; display:inline-block;  }
	.menu-avatar img{ width:100%; height:100%; object-fit:cover; }
	.menu-avatar-caret{ position:absolute; right:-0.25em; bottom:0; background:#FFF; border-radius:50%; border:2px solid #CCC; text-align:center; width:1em; height:1em; }
	.menu-avatar-caret-inner{ margin-top:-0.25em; }
	.menu-avatar-caret i{   }
	.user-menu{ position:absolute; top:100%; right:0; margin-top:0.5em; text-align:right; z-index:-1; opacity:0; transition:0.4s; }
	.user-menu-active{ z-index:99; opacity:1; }
	.user-menu a{ display:block; padding:0.75em; min-width:150px; background:var(--verde); color:var(--lima); }
	.user-menu a i{ margin-left:0.25em; }

	.profile-edit{ min-height:100vh; }
	.main-article header.profile-edit-header h1{ -webkit-text-stroke-color: var(--roxo);}
	.profile-edit-tabs{ font-family: 'NowayMedium'; color:var(--roxo); font-size:1em; margin-bottom:2em; text-transform: uppercase;}
	.profile-edit-tab{ padding:0.35em 1em; border-radius:1.5em; }
	.profile-edit-tab:first-child{ padding:0.35em 1em 0.35em 0; }
	.profile-active-tab{ background:var(--roxo); color:#FFF; }
	.profile-active-tab:first-child{ padding:0.35em 1em; }
	/*.profile-edit-tabs{ border-bottom:2px solid var(--verde); }
	.profile-edit-tab{ display:inline-block; padding:0.5em 1em; border-radius:5px 5px 0 0; background:#FFF; border:2px solid var(--verde); color:var(--verde); cursor: pointer; margin-right:0.25em; border-bottom:none;  transition:0.3s;}
	.profile-active-tab{ background:var(--verde); color:var(--lima); }
	.profile-edit-tab:hover{ background:var(--lima);}
	.profile-active-tab:hover{ background:var(--verde); }
	.user-select select{ background:#f2f2f2; padding:0.5em 1em !important; border:1px solid #CCC; width:20em; }*/

	.expo-list-item{ display:flex; flex-wrap: wrap; justify-content: space-between; align-items:center; margin-bottom:0.5%;}
	.expo-list-item input{ margin:0 !important;}
	.expo-list-item input:nth-child(1){ width:13%; }
	.expo-list-item input:nth-child(2){ width:30%; }
	.expo-list-item input:nth-child(3){ width:50%; }
	.expo-item-buttons{ width:5%; display:flex; justify-content: space-around; }
	.expo-delete-button{ cursor: pointer; font-size:1.25em; color:#ff5e5e;  }
	.expo-more-button{ cursor: pointer; font-size:1.25em; color:green;}

	.user-contacts-table{ width:100%; }
	.user-contacts-table td{ padding-bottom:10px; }
	.user-contacts-table td:first-child{ width:2em;}
	.user-contacts-table td i{ font-size:1.5em;}
	.user-contacts-table input{ width:100%; background:#f2f2f2; margin:0 !important; }

	
	/* 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:100px 0 90px 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{ min-height:80vh; }
	.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 .artist-header h1{ -webkit-text-stroke-color: var(--roxo); }
	.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:#333;}
	.main-article-content a:link, .main-article-content a:visited{ color:var(--verde); text-decoration:underline; font-weight:bold; }
	.main-article-content p{margin:0 0 1em 0;}
	.main-article-content .row{ position:relative; }
	.main-article-content .row .col4{ width:30%; }
	.artist-content .row .col4{ width:33.33%; }
	.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; margin:0; }
	.category-header p.category-description{ font-size:1em;  margin:15px 0 45px 0; }
	.category-section .col{ margin-bottom:30px;}

	.activity-filters{ margin-bottom:2em; }
	.activity-filters ul, .activity-filters li{ padding:0; margin:0; list-style-type:none; font-size:1em; }
	.activity-filters ul{ display:flex; justify-content: center; flex-wrap: wrap;}
	.activity-filters ul li a{ display:inline-block; padding:0.25em 0.75em; margin:0 0.25em 0.5em 0.25em; border-radius:1em; border:2px solid var(--verde); color:var(--verde);  font-family: 'NoWayMedium'; }
	.activity-filters ul li a:hover{ background:var(--verde); color:#FFF; }
	.activity-filters ul li a.active-filter{ background:var(--verde); color:#FFF; }
	.sub-cat{ display:inline-block; font-size:0.9em; padding:0.25em 0.75em; margin:0 0.25em 0.5em 0.25em; border-radius:1em; background:var(--verde); color:#FFF; font-family: 'NoWayMedium'; position:absolute; top:0.5em; right:0.5em; }

	.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;}

	/* USER AREA */
	#login-custom-form{ padding:0 4em 4em 0; }
	#login-custom-form input{ width:100%; /*max-width:350px;*/ padding:0.5em; border:1px solid #97c49f; display:block; margin-bottom: 1em; border-radius:3px; background:#e4f5e7; }
	#login-custom-form input[type="submit"]{ display:inline-block; width:auto; padding:0.5em 2em; border:none; background:var(--verde); color:var(--lima);}
	#login-custom-form label{ display:block; margin-bottom:0.25em; }
	.login-error{ background:#ffc9c9; color:#F00; padding:1em; border:1px solid #F00; margin:2em 0;}
	.top-username{ position:absolute; top:0.25em; right:0; }
	.login-text{ padding-top:2em; line-height: 1.6em; }

	/* Artist Page */
	.side-artist-menu{ list-style-type: none; padding:0; margin:0; position:sticky; top:1em; }
	.side-artist-menu li{ padding:0; margin-bottom:0.5em; }
	.side-artist-menu a{ display:inline-block; text-transform: uppercase; padding:0.25em 1em; border-radius:1em; color:var(--roxo); transition:0.3s;}
	.side-artist-menu a.active-artist-menu{ background:var(--roxo); color:#FFF; }

	.artist-project{ padding:0; border:none; margin-bottom:60px; }
	.artist-project figure{ padding-top:65%; position:relative;}
	.artist-project header h2{ font-family: 'NoWay'; font-size:1.5em; margin-top:0.75em; }
	.artist-project h2 a{ color:var(--roxo); text-decoration: none !important; margin-top:1em; }
	.artist-project figure a:after{ content:''; display:block; position:absolute; bottom:15px; right:15px; height:55px; width:55px; background:url('img/plus.png') no-repeat center var(--roxo); background-size:contain; border-radius:50%; box-sizing: border-box;}

	.artist-section{ display:none; }
	.artist-section:nth-child(1){ display:block; }
	.artist-section p{ margin:0; }
	.artist-section > h3{ margin-bottom:1.5em; color:var(--roxo); }
	.middle-section-title{ margin-top:2em; border-top: 1px solid var(--verde); padding-top:1em; }
	.artist-section a:link{ text-decoration: underline;}

	.artist-contacts{ font-family: 'NoWay'; }
	.contact-email{ font-size:1.5em; margin-bottom:0.5em; }
	.contact-phone{ font-size:1.2em; text-decoration: underline; }
	.contact-social{ margin-top:2em; }
	.contact-social a{ font-size:1.25em; display:inline-block; color:#FFF; height:2em; width:2em; text-align:center; padding:0.5em; background: var(--roxo); border-radius:50%; line-height: 0; margin-right:0.25em; }

	.expo-timeline{ position:relative;}
	.expo-timeline-items{}
	.expo-timeline-item{ width:50%; position:relative; margin-bottom:3em; }
	.expo-timeline-item:nth-child(odd){ margin-left:auto; padding-left:3em; }
	.expo-timeline-item:nth-child(even){ text-align:right; padding-right:3em;}
	.expo-item-date{ font-family: "NoWayBold"; -webkit-text-fill-color: #FFF; -webkit-text-stroke-color: var(--laranja); -webkit-text-stroke-width: 2px; font-size:2.5em; line-height: 1em;}
	.expo-item-title{ font-family: "NoWayMedium"; color: var(--laranja); font-size:1.5em; font-weight:400; margin:0em 0 0.25em 0; }
	.expo-item-text{ font-size:0.9em; color:#333; font-family: "NoWayMedium"; font-weight:400; text-transform: uppercase;}

	.expo-timeline-line{ position:absolute; width:5px; background:#dfe8e1; height:calc(100% - 5.75em); top:2.5em; left:50%; transform:translateX(-50%);}
	.expo-timeline-item:after{ content:''; display:block; position: absolute; width:1.5em; height:1.5em; border-radius:50%; background:#dfe8e1; top:50%; transition:0.3s; }

	.expo-timeline-item:nth-child(odd):after{ right:100%; transform: translate(50%,-50%);}
	.expo-timeline-item:nth-child(even):after{ left:100%; transform: translate(-50%,-50%);}
	.active-timeline-item:after{ background:var(--roxo); width:2em; height:2em; }

	.project-title{ color:var(--roxo); font-family: "NoWayMedium"; }
	.project-text{ margin-top:2em; color: #333; }

	.artist-list-header h1{ -webkit-text-stroke-color: var(--roxo); }
	.artist-card{ border:none; padding:0; position:relative; }
	.artist-card h2 a { font-family: 'NoWayMedium'; font-size:2em; }
	.artist-card h2 a span{ display:block; line-height: 1.1em; text-transform: uppercase;}
	.artist-card h2 a span:nth-child(1){ color: var(--roxo); }
	.artist-card h2 a span:nth-child(2){ -webkit-text-fill-color: #FFF; -webkit-text-stroke-color: var(--roxo); -webkit-text-stroke-width: 1px; margin-left:0.65em;  }
	.artist-card figure{ position:relative; }
	.artist-card figure a:after{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; background:rgba(87, 136, 198, 1); mix-blend-mode: overlay;  }
	.artist-card .artist-country{ position:absolute; bottom:10px; right:10px; background:var(--laranja); color:var(--verde); width:3.25em; height:3.25em; border-radius:50%; transform:rotateZ(-20deg); }
	.artist-card .artist-country span{ font-size:1.5em; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}

	.letters-filter{ text-align:center;}
	.letters-filter a{ display:inline-block; color:#333; margin:0 0.33em; }
	.letters-filter a.active-letter{ background:var(--lima); padding:0.5em;}

	.main-article header.profile-header h1{ -webkit-text-stroke-color: var(--roxo); }

	.project-gallery{ position:relative; width:100%; padding-top:60%; border-radius:20px; overflow:hidden; margin-top:1em;}
	.project-gallery-images{ position:absolute; top:0; left:0; width:100%; height:100%; background:#333;}
	.project-gallery-image{ position:absolute; width:100%; height:100%; left:100%; }
	.project-gallery-image:first-child{ left:0; }
	.project-gallery-image img{ width:100%; height:100%; object-fit:contain; object-position: center; }
	.project-gallery-image:first-child img{ object-fit:cover; }

	.project-arrow{ position:absolute; top:50%; transform:translateY(-50%); cursor: pointer; z-index:2; height:10%; width:5%; }
	#project-arrow-right{ right:10px; background:url('img/arrow_right.png') no-repeat center; background-size:contain; }
	#project-arrow-left{ left:10px; background:url('img/arrow_left.png') no-repeat center; background-size:contain;  }

	.project-specs{ margin-top:3em; font-size:1.1em; line-height: 1.6em; border:2px solid var(--roxo); padding:2em; border-radius:20px; width:50%; font-family: 'NoWayMedium'; color:var(--roxo); }
	.project-specs p{ margin:0;}


	.profile-edit-pages{ padding:2em 0; position:relative; }
	.profile-page-header{ }
	.profile-page-title h2{ font-size:1.5em; margin:0 0 0.25em 0; }
	.profile-page-buttons a{ background:var(--roxo); color:#FFF; display:inline-block; padding:0.5em 1em; border-radius:3px; text-transform: uppercase; font-size:0.9em;}
	.profile-page-buttons i{ margin-right:0.25em;}

	.new-item-wrapper{ display:none; }
	.new-item-form{ padding:2em; margin-top:1em; background:#f2f2f2; }
	.new-item-form label{ display:block; margin:2em 0 0.5em 0; font-weight: bold; font-size:1.1em;}
	.new-item-form input{ width:100%; padding:0.5em; border:1px solid #CCC; border-radius:3px; margin-bottom:1em; }
	.new-item-form textarea{  width:100%; padding:0.5em; border:1px solid #CCC; border-radius:3px; margin-bottom:1em; height:10em; resize: none;}
	.upload-image-button{ background:var(--roxo); color:#FFF; border:none; padding:0.25em 1em; font-family: inherit; cursor: pointer; border-radius:3px; }
	.new-item-form input[type="submit"]{ background:var(--roxo); color:#FFF; border:none; padding:0.5em 1.5em; font-family: inherit;  display:inline-block; margin-top:2em; font-size:1.15em; width:auto; border-radius:3px; cursor: pointer; }
	.preview-media-image, .form-image-preview img{ display:inline-block; height:200px; margin-top:0.5em; }
	.new-item-form textarea.form-big-text{ height:20em; background-color: #f4f4f4; padding:1em; }
	.new-item-form textarea.form-big-text2{ height:40em; background-color: #f4f4f4; padding:1em; }
	.new-item-form select{ min-width:100px; padding:0.25em;}
	.white-form{ background:none; padding:0;}

	.form-image-preview{ padding:0; margin:0; list-style-type: none; }
	.form-image-item{ display:inline-block; position:relative; margin:0; padding:0;}
	.form-image-item img{ cursor:grab !important;}
	.form-image-item img:hover{ opacity:0.8; }
	.form-image-item .image-trash{ background:#FFF; padding:5px; position:absolute; top:15px; right:10px; z-index:9; cursor:pointer !important; }

	.front-text-editor{ font-family: inherit !important; font-size:1em !important; background:#FFF; min-height:10em; }

	.list-table{ width:100%; text-align:center; border-spacing:0; border-collapse: collapse; font-family: inherit; color:#333; }
	.list-table td, .list-table th{padding:0.75em; border:1px solid var(--roxo);}
	.list-table td:first-child, .list-table th:first-child{ text-align:left;  }
	.list-table th{ background:#FFF; padding:0.75em; font-weight:400; background:var(--roxo); color:#FFF; border-top:none; border-bottom:none; }
	.list-table .list-published{ color:var(--roxo); }
	.list-table .list-draft{ color:#666; font-style: italic; }
	.list-row{background:#FFF;}
	.list-row:nth-child(odd){ background:#f2f2f2; }
	.list-table i{ color:var(--roxo);}

	.edit-projects-list{ margin-top:3em;}
	.arrow-up i, .arrow-down i{ color:#666; cursor: pointer; font-size:1.25em;}
	.edit-projects-list tr:nth-child(2) .arrow-up{ display:none; }
	.edit-projects-list tr:last-child .arrow-down{ display:none; }

	#save-order-button{ position:fixed; top:50%; right:15px; z-index:99; background:var(--verde); color:var(--lima); padding:0.5em 1em; border-radius:3px; box-shadow: 0 0 10px rgba(0,0,0,0.3); cursor: pointer; display: none;}

	/* MAp */
	#main-map-wrapper{ position:relative; width:100%; height:75vh; margin-bottom:60px; }
	#main-map{ position:relative; width:100%; height:100%; }
	.map-popup{ padding:0;}
	.map-popup h3 a{ font-weight: 400; color:#258637;}
	.map-popup img{ width:100%; display:block; margin:5px 0;}
	.map-popup h4{ font-weight: 400; margin:0; }
	.leaflet-popup-content { margin: 5px !important; padding: 10px !important;  }

	#artist-map-wrapper{ position:relative; width:100%; height:50vh; }
	#artist-map{ position:relative; width:100%; height:100%; }


	/*** 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; }


		
		
		

	}
