/*          ELEMENTS            */
main h1,main h2,main h3,main h4,main h5 {text-transform: uppercase; font-weight: 300;}


/*		PAGES					*/
body.page-template-default:not(.home) main > article {margin-bottom: 6em;}

.post-password-required {min-height: 50vh; margin-top:12rem;}
.post-password-required form {max-width:600px; margin:4rem auto;}
.post-password-required #heroes {display:none;}


/*		BLOCKS					*/
.block-qa {clear: both; margin-bottom: 1em;}
.block-qa > * {position: relative; }
.block-qa .question {text-align: left; }
.block-qa .question h3 {line-height: 1.1em; font-weight: 100; text-transform: uppercase; margin: 0; }
.block-qa .question, .block-qa .answer {overflow: hidden;}

/*.block-qa .question:after, .block-qa .answer:after {position: absolute; font-size:50px; font-weight: 900;
	line-height: 30px; color:#EEE; top:50%; line-height: 1em; }
.block-qa .question:after {content:'Q'; top:0; right:0; transform: translateX(25%);}
.block-qa .answer:after {content:'A'; bottom:0; left:0; transform: translateX(-25%);}*/

@media screen and (min-width: 40em) {
	.block-qa .question {padding-right: 50px;}
	.block-qa .answer { border-left: 1px solid #CCC;  padding-left: 50px;  }
	.block-qa .question, .block-qa .answer {padding-top: 2em; padding-bottom: 2em;}
}
@media screen and (max-width: 39.9375em) {
	.block-qa .question {margin-bottom: 1em;}
	.block-qa {padding: 1em 0;}
}



/*			LOCATIONS			*/
.post-type-archive-location #content #inner-content {padding: 0; position: relative;}
.post-type-archive-location header.header {z-index:1000;}
#locations-map {position:relative; border-bottom:1px solid #FFF200; z-index:11}
#locations-map #map-canvas {margin-left: 0; transition: all 0.5s; }
#locations-map #location-details {background: #062E28; position: absolute; left:-400px; top:0; z-index: 21; width:400px; height: 100%; transition: all 0.5s;
	color:#FFF; overflow-y: auto; padding-top: 3em; }
#locations-map.showing #location-details {left:0;}
#locations-map.showing #map-canvas {margin-left: 400px;}
body.rtl #locations-map #location-details {left:auto; right:-400px;}
body.rtl #locations-map.showing #location-details {right:0;}
body.rtl #locations-map.showing #map-canvas {margin-right: 400px; margin-left: 0;}
#locations-map #location-details .texture {padding:3em 2em 0;}
#locations-map #location-details p {margin: 2em 0;}
#locations-map #location-details h3 {font-size:1.3em; line-height: 1.1em; }
#locations-map #location-details h3 span.location-name {text-transform: uppercase; font-weight: 700;}
#locations-map #location-details h3 span.location-location {color:#FFF200; font-size:75%;}
#locations-map #location-details .texture a {color:#FFF200; font-weight:700; }
#locations-map #location-details .texture a:hover {color:#FFF; }
#locations-map #location-details .cta {background: #FFF200; padding: 1px 2em; margin-bottom: 1em;  }
#locations-map #location-details .cta a {display: block; padding:0.75em;  margin: 1em 0; }
#locations-map h6 {border-bottom:1px solid #999; margin-bottom: 0.5em;}
@media screen and (max-width: 63.9375em) {
	#locations-map #location-details {padding-top: 7em;}
}
@media screen and (max-width: 39.9375em) {
	#locations-map #location-details {padding-top: 3em;}
}


.single-location main {margin-top: 4em;}
.single-location .article-header h1 {display: none;}
.single-location #locations-map {margin-top: 4em;}
.single-location main .entry-content > * {width:75%; margin-left: auto; margin-right: auto;}
.single-location main .entry-content > div, .single-location main .entry-content > figure
	{width:100%;}


 
ol.process {display:flex; font-size:0.875rem; margin: 0; list-style: none;}
ol.process li {position: relative; counter-increment: step-counter; padding: 3rem 1rem; border:solid #000; border-width:1px 0 0 0; flex-basis:20%;}
ol.process li::before{content: counter(step-counter); position: absolute; top:0; left:0; transform: translateY(-50%); height: 40px; width: 40px;
    background: #fff200; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1em; }
@media screen and (max-width: 63.9375em) {
    ol.process {flex-direction: column; padding: 0 3rem;}
    ol.process li { border-width:0 0 0 1px; padding: 1rem 2rem; }
    ol.process li::before {transform: translate(-50%,0);}
}  
      
.lower-menu {padding: 0 1rem;}
#footer-links {margin: 5px 0;  }
#footer-links li a, .footer .copyright {text-transform: none; border-right: 1px solid #000; font-size:0.875rem; opacity: 0.5; transition: all 0.5s;}
#footer-links li a:hover {opacity: 1;}
footer.footer {background: #000; color:#FFF;}
.footer .copyright {padding: 10px 20px; display:inline-block; }