@charset "UTF-8";
/* CSS Document */

/* 
======================================
======================================
======================================
C A M I N H O S
======================================
======================================
======================================
*/


/* 
======================================
F O N T S
====================================== 
*/

@font-face {
	font-family: 'ATCHarris';
	src: url('fonts/ATCHarris-Black.eot');
	src: local('☺'), url('fonts/ATCHarris-Black.woff') format('woff'), url('fonts/ATCHarris-Black.ttf') format('truetype'), url('fonts/ATCHarris-Black.svg') format('svg');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'ATCHarris';
	src: url('fonts/ATCHarris-BlackSlanted.eot');
	src: local('☺'), url('fonts/ATCHarris-BlackSlanted.woff') format('woff'), url('fonts/ATCHarris-BlackSlanted.ttf') format('truetype'), url('fonts/ATCHarris-BlackSlanted.svg') format('svg');
	font-weight: 900;
	font-style: italic;
}
@font-face {
	font-family: 'ATCHarris';
	src: url('fonts/ATCHarris-Bold.eot');
	src: local('☺'), url('fonts/ATCHarris-Bold.woff') format('woff'), url('fonts/ATCHarris-Bold.ttf') format('truetype'), url('fonts/ATCHarris-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'ATCHarris';
	src: url('fonts/ATCHarris-BoldSlanted.eot');
	src: local('☺'), url('fonts/ATCHarris-BoldSlanted.woff') format('woff'), url('fonts/ATCHarris-BoldSlanted.ttf') format('truetype'), url('fonts/ATCHarris-BoldSlanted.svg') format('svg');
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: 'ATCHarris';
	src: url('fonts/ATCHarris-Regular.eot');
	src: local('☺'), url('fonts/ATCHarris-Regular.woff') format('woff'), url('fonts/ATCHarris-Regular.ttf') format('truetype'), url('fonts/ATCHarris-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'ATCHarris';
	src: url('fonts/ATCHarris-RegularSlanted.eot');
	src: local('☺'), url('fonts/ATCHarris-RegularSlanted.woff') format('woff'), url('fonts/ATCHarris-RegularSlanted.ttf') format('truetype'), url('fonts/ATCHarris-RegularSlanted.svg') format('svg');
	font-weight: 400;
	font-style: italic;
}


/* 
======================================
B A S I C S 
====================================== 
*/

* 						{ box-sizing: border-box }
a 						{ color: #000000 !important; text-decoration: none; }
img 					{ display: block; }


h1, h2, h3, h4, h5, h6 	{ margin: 0; padding: 0; }


/* 
======================================
 T Y P O G R A P H Y 
======================================
*/

html 					{ font-size: 16px; }
body 					{ font-family: 'ATCHarris', Verdana; font-weight: 400; font-size: 1rem; line-height: 1.25em; color: #000;  }

h1, h2, h3, h4, h5, h6 	{ line-height: 1.25em; }

.main-navigation 		{ font-weight: 700; font-size: 3rem; line-height: 1em; }
.menu-toggle 			{ font-weight: 700; font-size: 1.25rem; line-height: 1em; }
.site-footer 			{ font-weight: 700; font-size: 1.25rem; line-height: 1em; }

.filter-menu 			{ font-weight: 400; font-size: 1rem; line-height: 1.5em; }

.banner-info 			{ font-size: 1.75rem; line-height: 1em; }
#gotofooter  			{ font-weight: 700; font-size: 1.25rem; line-height: 1em; }

.caption 				{ font-size: 0.8rem; }

.text-home 				{ font-weight: 700; font-size: 2rem; line-height: 1.25em; text-align:center;  }


/* 
======================================
G E N E R I C  &  G R I D 
====================================== 
*/

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	}

.site-content {
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
.site-main {
	width: 100%;
	margin: 0 auto;
	padding: 100px 10px 0 10px;
	}

.main-grid, .gallery-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.logo-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
}

.gallery-grid { grid-column: span 2; }

#home-video { 
	width: 100%; height: auto; 
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
	}

#home-text {
	width: 100%;
	margin: 0 auto;
	padding: 100px 10px;
	}

/* 
======================================
H E A D E R  &  N A V I G A T I O N 
====================================== 
*/


.site-header {
	width: 100%;
	margin:  0;
	padding: 10px;
	background-color: #001930;
	
	position: fixed !important;
	display: block;
	z-index: 900; 
	}

.main-navigation {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.site-branding { 
	margin: 0;
	padding: 0;
	z-index: 900;  }

.site-logo { 
	margin: 0;
	padding: 0;
	display: block;
	width: auto;
	height: 7vh;
	max-height: 50px;
}


.menu-toggle 		{
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 900; 

	color: #FFF;
}

.menu-toggle span:before 			{ content: "Menú"; }
.toggled .menu-toggle span:before 	{ content: "X"; }

	
#primary-menu { 
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	background-color: #001930;
	
	position: fixed;
	left: 0;
	top: 0;

	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
	list-style: none;
	}
	
#primary-menu a 	{ 
	margin:  0 0 13px 0; 
	padding: 0 0 13px 0;
	display: block;
	text-decoration: none;
	color: #FFF !important;
	}
	
#primary-menu li:last-of-type a {
	margin:  0; 
}

#primary-menu a:hover,
#primary-menu .current-menu-item a,
#primary-menu .current-menu-item a:hover,
body.single-eventos.programa .menu-item-247 a,
body.single-eventos.programa .menu-item-247 a:hover {
	padding: 0 0 10px 0 !important; 
	border-bottom: solid 3px #FFF;
}






/* 
======================================
C O N T E N T
====================================== 
*/

.main-title 			{ grid-column: span 2; }
.sec-title 				{ grid-column: span 2; text-transform: uppercase; }
.liner 					{ grid-column: span 2; border-top: solid 2px #000000; width: 100%; height:0; }
.empty 					{ grid-column: span 2; width: 100%; height:0; }

.logo-grid .main-title 	{ grid-column: span 4; }
.logo-grid .sec-title 	{ grid-column: span 4; }
.logo-grid .liner 		{ grid-column: span 4; }

.text-home 				{ grid-column: span 2; }
.text-main 				{ grid-column: span 2; }
.text-intro 			{ grid-column: span 2; }
.text-intro  p:first-of-type 
						{ margin: 0; }
						
.press-link				{ grid-column: span 2; }

hr 						{ border-top: solid 2px #000000; width: 100%; height:0; margin: 80px 0; padding: 0; }

/* LIST THUMBS, GALLERY & ROTEIRO */

.list-thumb, .gallery-thumb, .list-roteiros {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	grid-column: span 2; 
	}
	
.list-thumb a { display: block; cursor: pointer; }

.list-thumb-colorize { width: 100%; margin: 0 0 10px 0; padding: 66.66% 0 0 0; /* 3:2 Aspect Ratio */ position: relative; }

.the-thumb { 
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	display: block;
	position: absolute;
	left: 0; top: 0;
	background: center center no-repeat;
	background-size: cover;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}

.duotone 			{ width: 100%; height: 100%; margin: 0; padding: 0; display: block; position: absolute; left: 0; top: 0; mix-blend-mode: multiply; }
.agua 	.duotone 	{ background-color: rgb(0, 177, 187); }
.ferro 	.duotone 	{ background-color: rgb(236, 100, 74); }
.pedra 	.duotone  	{ background-color: rgb(183, 178, 144); }

.list-thumb:hover .the-thumb { -webkit-filter: none; filter: none; }
.list-thumb:hover .duotone { display: none; }
	

.event-type 			{ text-transform: uppercase; }
.agua 	.event-type 	{ color: rgb(0, 177, 187); }
.ferro 	.event-type 	{ color: rgb(236, 100, 74); }
.pedra 	.event-type 	{ color: rgb(183, 178, 144); }

.event-target 			{ text-transform: uppercase; }

.list-thumb .event-title, .gallery-thumb .gallery-title { margin: 10px 0; }
.list-thumb .event-subtitle, .gallery-thumb .gallery-subtitle { display: block; font-weight:400; font-style: italic; font-size: 0.75em; line-height: 1.25em; }

.list-thumb ul.event-stops {
	width: 100%;
	margin: 0;
	padding: 0;
	
	list-style: none;
}

.roteiro-thumb {
	width: 100%; margin: 0 0 30px 0; padding: 66.66% 0 0 0;
	background: center center no-repeat;
	background-size: cover;
}

/* LIST VENUES */

h1.other-title { text-transform: uppercase; }
strong.venue-title { text-transform: uppercase; }
.venue-address {
	margin: 0;
	padding: 0;
	grid-column: span 2; 
	}

/* LIST SUPPORT */

.apoio-size-large { grid-column: span 4; }
.apoio-size-medium { grid-column: span 2; }
.apoio-size-small { grid-column: span 1; }

.apoio-size-large,
.apoio-size-medium,
.apoio-size-small { width: 100%; margin: 0; padding: 0;}

.apoio-size-large img,
.apoio-size-medium img,
.apoio-size-small img { width:100%; height: auto; }

/* TEMP  LISTS */

.tmplist-details { grid-column: span 2; text-decoration: none; }
.tmplist-details:hover { text-decoration: underline; }
.tmplist-details strong  { text-transform: uppercase; }


/* DETAIL */

.event-detail, .gallery-title {
	grid-column: span 2;
	}

.event-detail  img { margin-bottom: 40px; }
.event-detail .event-title, .gallery-title { margin: 10px 0; text-transform: uppercase; }
.event-detail .event-subtitle, .gallery-subtitle { display: block; font-weight:400; font-style: italic; font-size: 0.75em; line-height: 1.25em; text-transform:none; }



/* FILTERS */

.filter-menu {
	grid-column: span 2;
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
	margin: 0;
	padding: 0;
	list-style: none;
	
	}

.filter-menu li {
	cursor: pointer;
	margin: 0 10px 0 0;
	padding: 0;
	text-transform: uppercase;
}

.filter-menu li::after {
	content: " /";
}

.filter-menu li:hover span {
	font-weight: 700;
}

.filter-menu li.active span {
	font-weight: 700;
}

.filter-menu h4 { text-transform: normal; width: 100%; display: block; line-height: 1.5em; }


/* MULTI  FILTER */

.multi-filter 					{ grid-column: span 2; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.select-wrapper					{  margin: 0 10px 10px 0; padding: 0; border: none; }

button.control         			{ margin: 0 10px 10px 0;  border: solid 2px #000; border-radius: 0; cursor: pointer; background-color: #FFF; }
button.control:hover			{ border: solid 2px #999; }
button.control:last-of-type		{ margin: 0 0 10px 0; }


/* GALLERY */


.gallery-item {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	display: block;
	
	grid-column: span 2;
	}

.video-wrapper {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	}
	
.video {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

/* 
======================================
F O O T E R 
====================================== 
*/

.site-footer {
	width: 100%;
	margin: 40px 0 0 0;
	padding: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	align-items:flex-end;
	justify-content: space-between;
	}

.site-info 			{ margin: 0; padding: 0; display: block; }
.site-signature 	{ height: 100px; width: auto; display: block; }

.footer-menu 		{ margin: 0; padding: 0; display: block; }
.footer-menu ul 	{ 
	margin: 0; 
	padding: 0; 
	display: flex;
	flex-direction: column;
	
	list-style: none;
	}

.footer-menu li 	{ 
	margin: 0; 
	padding: 0; 
	}

.footer-menu a 	{ 
	margin:  6px 0 0 0; 
	padding: 0 0 6px 0;
	display: block;
	text-decoration: none;
	}
	
.footer-menu a:hover 	{ 
	text-decoration: none;
	}
	
.footer-menu .current-menu-item a,
.single-galerias .menu-item-776 a,
.single-galerias .menu-item-776 a:hover,
body.arquivo .menu-item-1280 a,
body.arquivo .menu-item-1280 a:hover {
	padding: 0 0 3px 0; 
	border-bottom: solid 3px #000000;
}


/* 
======================================
B U T T O N S
======================================
*/

#gotofooter {
	margin: 0;
	padding: 0;
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: block;
	
	z-index: 800;
	}
	
	
/* 
======================================
B A N N E R   S L I D E R 
======================================
*/

.home-carousel 				{ margin:0; padding: 0; width: 100% !important; height: 100vh;  }

.carousel-cell 				{ margin: 0; padding: 0; width: 100%; height: 100%; background: no-repeat center; background-size:cover; }
.banner-bg-blue 			{ background-color: rgb(0, 177, 187); }
.banner-bg-gray 			{ background-color: rgb(183, 178, 144); }
.banner-bg-red 				{ background-color: rgb(236, 100, 74); }

.banner-text-white, .banner-text-white a, .banner-text-white a:hover 			{ color: #FFFFFF !important; }
.banner-text-black, .banner-text-black a, .banner-text-black a:hover 			{ color: #333333 !important; }

.banner-info 				{ position: absolute; left: 20px; bottom: 40px; width: 80%; }
.carousel-cell a ,
.carousel-cell a:hover  	{ text-decoration: none; border: none; }





/* 
==========
====================
=============================================

 6666666     0000000     0000000 
666         000   000   000   000
666         000   000   000   000
66666666    000   000   000   000
666   666   000   000   000   000
666   666   000   000   000   000
 6666666     0000000     0000000

=============================================
====================
==========
*/


@media only screen and  (min-width: 600px) { 


} /* END 600 */




/* 
==========
====================
=============================================

777777777    6666666     8888888
      777   666         888   888
     777    666         888   888
    777     66666666     8888888
   777      666   666   888   888
  777       666   666   888   888
 777         6666666     8888888

=============================================
====================
==========
*/



@media only screen and  (min-width: 768px) {


/* 
======================================
 T Y P O G R A P H Y 
======================================
*/

.main-navigation 		{ font-size: 1.25rem; }
.menu-toggle 			{ font-size: 1.25rem; }
.site-footer 			{ font-size: 1.25rem; }

.banner-info 			{ font-size: 1.5rem; }
#gotofooter  			{ font-size: 1.5rem; }


/* 
======================================
G E N E R I C  &  G R I D 
====================================== 
*/


.site-main {
	max-width: 600px;
	padding: 200px 0 0 0;
	}

.main-grid, .gallery-grid {
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
}

.logo-grid {
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 20px;
}

.gallery-grid { grid-column: span 4; }

#home-text {
	max-width: 600px;
	}

/* 
======================================
H E A D E R  &  N A V I G A T I O N 
====================================== 
*/

.site-header { padding: 20px; }
.menu-toggle { display: none; }
	
#primary-menu {
	width: auto;
	height: auto;
	background: none;

	position: relative;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	}

#primary-menu a 	{ 
	margin:  0 10px -4px 0; 
	padding: 0 0 8px 0;
	}
	
#primary-menu li:last-of-type a {
	margin:  0 0 -4px 0; 
}

#primary-menu a:hover,
#primary-menu .current-menu-item a,
#primary-menu .current-menu-item a:hover,
body.single-eventos.programa .menu-item-247 a,
body.single-eventos.programa .menu-item-247 a:hover {
	padding: 0 0 5px 0 !important; 
	border-bottom: solid 3px #FFF;
}

/* 
======================================
C O N T E N T
====================================== 
*/

.main-title 			{ grid-column: span 4; }
.sec-title 				{ grid-column: span 4; }
.liner 					{ grid-column: span 4; }
.empty 					{ grid-column: span 4; }

.logo-grid .main-title 	{ grid-column: span 6; }
.logo-grid .sec-title 	{ grid-column: span 6; }
.logo-grid .liner 		{ grid-column: span 6; }
.logo-grid .liner:last-of-type 		{ display: none; }

.text-home 				{ grid-column: span 4; }
.text-main 				{ grid-column: span 4; }
.text-intro 			{ grid-column: span 4; }

.press-link				{ grid-column: span 4; }


/* LIST SUPPORT */

.apoio-size-large { grid-column: span 3; }
.apoio-size-medium { grid-column: span 2; }
.apoio-size-small { grid-column: span 1; }

/* TEMP  LISTS */

.tmplist-details { grid-column: span 4; }

/* DETAIL */

.event-detail, .gallery-title {
	grid-column: span 4;
	}

/* FILTERS */

.filter-menu 	{ grid-column: span 4; }

/* MULTI  FILTER */

.multi-filter 		{ grid-column: span 4; }


/* GALLERY */

.gallery-item:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
 
.gallery-item img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 85%; max-height: 85%; height: auto; width:auto; }
.gallery-item figcaption { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }


.video-wrapper {
	position: relative;
    left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 85%; width:auto;
    height: 0;
    padding-bottom: 56.25%;
	}


/* HOME VIDEO */

#home-video .video-wrapper {
	max-width: 100% !important;
	width: 100% !important;
	left: 0; top:0; transform: none;
	}

/* 
======================================
F O O T E R 
====================================== 
*/

.site-footer 		{ padding: 20px; margin-top: 80px; }
.site-signature 	{ height: 110px; }

.footer-menu ul 	{  flex-direction: row; }

.footer-menu a 	{ 
	margin: 0 0 0 10px; 
	padding: 0 0 8px 0; 
	}
	
.footer-menu a:hover {
	padding: 0 0 4px 0; 
	border-bottom: solid 4px #000000;
	}

.footer-menu .current-menu-item a,
.single-galerias .menu-item-776 a,
.single-galerias .menu-item-776 a:hover,
body.arquivo .menu-item-1280 a,
body.arquivo .menu-item-1280 a:hover {
	padding: 0 0 4px 0; 
	border-bottom: solid 4px #000000;
}

	
/* 
======================================
B U T T O N S
======================================
*/

#gotofooter {
	right: 20px;
	bottom: 20px;
	}
	
/* 
======================================
B A N N E R   S L I D E R 
======================================
*/

.banner-info 				{ left: 20px; bottom: 20px; }

} /* END 768 */



/* 
==========
====================
=============================================

 9999999     0000000     0000000 
999   999   000   000   000   000
999   999   000   000   000   000
 99999999   000   000   000   000
      999   000   000   000   000
      999   000   000   000   000
 9999999     0000000     0000000

=============================================
====================
==========
*/


@media only screen and  (min-width: 900px) { 


/* 
======================================
G E N E R I C  &  G R I D 
====================================== 
*/

.site-main {
	width: 75%;
	max-width: 800px;
	}

.main-grid, .gallery-grid {
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 30px;
}

.logo-grid {
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 30px;
}

.gallery-grid { grid-column: span 6; }

#home-text {
	width: 75%;
	max-width: 800px;
	}


/* 
======================================
H E A D E R  &  N A V I G A T I O N 
====================================== 
*/

#primary-menu a 	{ 
	margin:  0 20px -4px 0;
	}


/* 
======================================
C O N T E N T
====================================== 
*/

.main-title 			{ grid-column: span 6; }
.sec-title 				{ grid-column: span 6; }
.liner 					{ grid-column: span 6; }
.empty 					{ grid-column: span 6; }

.logo-grid .main-title 	{ grid-column: span 12; }
.logo-grid .sec-title 	{ grid-column: span 12; }
.logo-grid .liner 		{ grid-column: span 12; }

.text-home 				{ grid-column: span 6; }
.text-main 				{ grid-column: 2 / span 4; }
.text-intro 			{ grid-column: 2 / span 4; }

.press-link				{ grid-column: 2 / span 4; }

/* LIST THUMBS */

.duotone 			{  margin-bottom: 20px; }
.list-thumb .event-title, .gallery-thumb .gallery-title { margin: 20px 0; }

/* LIST SUPPORT */

.apoio-size-large { grid-column: span 4; }
.apoio-size-medium { grid-column: span 3; }
.apoio-size-small { grid-column: span 2; }

/* TEMP  LISTS */

.tmplist-details { grid-column: span 6; }

/* DETAIL */

.event-detail, .gallery-title {
	grid-column: 2 / span 4;
	}

/* FILTERS */

.filter-menu 		{ grid-column: span 6; }

/* MULTI  FILTER */

.multi-filter 		{ grid-column: span 6; }


/* 
======================================
F O O T E R 
====================================== 
*/

.site-footer 		{ padding: 30px; margin-top: 120px; }
.site-signature 	{ height: 120px; }

.footer-menu a 	{ 
	margin: 0 0 0 20px; 
	padding: 0 0 10px 0; 
	}
	
.footer-menu a:hover {
	padding: 0 0 5px 0; 
	border-bottom: solid 5px #000000;
	}
	
.footer-menu .current-menu-item a,
.single-galerias .menu-item-776 a,
.single-galerias .menu-item-776 a:hover,
body.arquivo .menu-item-1280 a,
body.arquivo .menu-item-1280 a:hover {
	padding: 0 0 5px 0; 
	border-bottom: solid 5px #000000;
}

/* 
======================================
B U T T O N S
======================================
*/

#gotofooter 	{ right: 30px; bottom: 30px; }

/* 
======================================
B A N N E R   S L I D E R 
======================================
*/

.banner-info 				{ left: 30px; bottom: 30px; }
	
	
} /* END 900 */



/* 
==========
====================
=============================================

111111      22222222     0000000     0000000 
   111            222   000   000   000   000
   111            222   000   000   000   000
   111       2222222    000   000   000   000
   111      222         000   000   000   000
   111      222         000   000   000   000
111111111   222222222    0000000      000000

=============================================
====================
==========
*/

@media only screen and  (min-width: 1200px) { 

/* 
======================================
G E N E R I C  &  G R I D 
====================================== 
*/

.site-main 						{ padding-top: 250px; max-width: 1400px; }
.main-grid, .gallery-grid 		{ grid-gap: 40px; }
.logo-grid 						{ grid-gap: 40px; }

#home-text {
	max-width: 1400px;
	}


/* 
======================================
H E A D E R  &  N A V I G A T I O N 
====================================== 
*/



/* FILTERS */

.filter-menu 		{ grid-column: span 6; }

/* MULTI  FILTER */

.multi-filter 		{ grid-column: span 6; }


/* 
======================================
F O O T E R 
====================================== 
*/

.site-footer 		{ padding: 40px; margin-top: 160px; }
.site-signature 	{ height: 130px; }


/* 
======================================
B U T T O N S
======================================
*/

#gotofooter 	{ right: 40px; bottom: 40px; }

/* 
======================================
B A N N E R   S L I D E R 
======================================
*/

.banner-info 				{ left: 40px; bottom: 40px; }



} /* END 1200 */





/* 
======================================
E A S Y   D R O P D O W N
====================================== 
*/

.edd-root,
.edd-root *,
.edd-root *::before,
.edd-root *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.edd-root {
    display: inline-block;
    position: relative;
    width: 180px;
    user-select: none;
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    font-size: 16px;
    color: #333;
}

.edd-root-disabled {
    color: #ccc;
    cursor: not-allowed;
}

.edd-head {
    position: relative;
    overflow: hidden;
    border: 2px solid #000;
    background: white;
}

.edd-head,
.edd-body {
    border-radius: 0;
}

.edd-root-focused .edd-head {
    box-shadow: 0 0 5px rgba(105, 215, 255, 0.4);
}

.edd-root-invalid .edd-head {
    box-shadow: 0 0 5px rgba(255, 105, 105, 0.671);
}

.edd-root:not(.edd-root-disabled):not(.edd-root-open) .edd-head:hover {
    border-color: #999;
}

.edd-value {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0 8px 8px;
    border-right: 1px solid #eee;
}

.edd-arrow {
    position: absolute;
    width: 18px;
    height: 10px;
    top: calc(50% - 5px);
    right: calc(24px - 9px);
    transition: transform 150ms;
    pointer-events: none;
}

.edd-arrow::before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    top: -5px;
    right: 0;
    transform: rotate(45deg);
    transform-origin: 50% 25%;
}

.edd-root-open .edd-arrow {
    transform: rotate(180deg);
}

.edd-value,
.edd-option,
.edd-group-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.edd-root:not(.edd-root-disabled) .edd-value,
.edd-option {
    cursor: pointer;
}

.edd-select {
    position: absolute;
    opacity: 0;
    width: 100%;
    left: -100%;
    top: 0;
}

.edd-root-native .edd-select {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.edd-body {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    border: 1px solid #eee;
    pointer-events: none;
    overflow: hidden;
    margin: 8px 0;
    z-index: 999;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transform: scale(0.95);
    background: white;
}

.edd-root-open .edd-body {
    opacity: 1;
    pointer-events: all;
    transform: scale(1);
    transition: opacity 200ms, transform 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.edd-root-open-above .edd-body {
    bottom: 100%;
}

.edd-root-open-below .edd-body {
    top: 100%;
}

.edd-items-list {
    overflow: auto;
    max-height: 0;
    transition: max-height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-overflow-scrolling: touch;
}

.edd-group-label {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 12px 8px 4px;
    color: #999;
}

.edd-group-has-label {
    border-bottom: 1px solid #eee;
}

.edd-option {
    padding: 4px 8px;
}

.edd-group-has-label .edd-option {
    padding-left: 20px;
}

.edd-option-selected {
    font-weight: bold;
}

.edd-option-focused:not(.edd-option-disabled) {
    color: #4ac5f1;
}

.edd-option-disabled,
.edd-group-disabled .edd-option {
    cursor: default;
    color: #ccc;
}

.edd-gradient-top,
.edd-gradient-bottom {
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    height: 32px;
    background-image:
        linear-gradient(
            0deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 40%,
            rgba(255, 255, 255, 1) 60%,
            rgba(255, 255, 255, 0) 100%
        );
    background-repeat: repeat-x;
    background-size: 100% 200%;
    pointer-events: none;
    transition: opacity 100ms;
    opacity: 0;
}

.edd-gradient-top {
    background-position: bottom;
    top: 0;
}

.edd-gradient-bottom {
    background-position: top;
    bottom: 0;
}

.edd-body-scrollable .edd-gradient-top,
.edd-body-scrollable .edd-gradient-bottom {
    opacity: 1;
}

.edd-body-scrollable.edd-body-at-top .edd-gradient-top,
.edd-body-scrollable.edd-body-at-bottom .edd-gradient-bottom {
    opacity: 0;
}