/*
	Theme Name: BLNK
	Description: Derek's WordPress Theme
	Version: 1.0.0
	Author: Derek (@derekonomy)
	Author URI: http://uixist.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html {
}
body {
	font-family: 'Roboto', sans-serif;	
	color:#222;
	font-weight: 300;
	font-size: 1vw;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#0daaff;
	text-decoration:none;
	transition: 0.5s;
}
a:hover {
	color:#0daaff;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.center { width: 1px; height: 100vh; 
	position: fixed; 
	background-color: cyan; 
	left: 50%; top: 0px;
	display: none; }


h1 { font-size: 3em; font-weight: 100;     	font-style: italic;
	}

h2 { font-weight: 400;
	font-size: 2em; }

p { line-height: 1.5; }



@media only screen and (max-width: 1024px){
	
	body { font-size: 14px; }

}

@media only screen and (max-width: 640px){
	
	
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	margin:0 auto;
	position: relative;
	overflow: hidden;
}
/* header */
.header {
	position: absolute;
	height: 5em; width: 100%; 
}
/* logo */
.home .top-right-logo { display: none; }
.top-right-logo { position: absolute; 
	right: 5%; 
	height: 4em;
	top: 2em; }

/* nav */	
	.nav .menu ul { list-style: none;
		padding: 0px;
		margin: 0px; }
	.nav .menu ul li { display: block;
		font-size: 2em; 
		font-weight: 300;
		line-height: 20px;
		text-transform: uppercase;
		margin: 0px 0px 1em; }
	
	.nav a { color: #cacaca; }
	.nav a:hover { color: #bbb099; }
	
	.current-menu-item a,
	.current-menu-parent a { color: #bbb099 !important; }
	
	.nav .menu { padding-bottom 2em;
		width: calc( 100% - 60px );
		margin: 2em auto;
		border-bottom: 1px solid #222b33; }
	
	.site-cover { position: absolute;
		background-color: rgb(0,0,0,0.9);
		z-index: -10;
		width: 100%; height: 100%;
		opacity: 0;
	    transition: 1s;}
	
	.shade-nav { opacity: 1; 
		transform: translateX(-0%);
		z-index: 95;
		cursor: pointer;
		}
	
	.nav { position: fixed;
		color: #FFF; 
		z-index: 97;
		width: 40%; max-width: 1000px;
		height: 100%;
		top: 0px; left: 0px;
		transform: translateX(-100%);
		background-color: #0f1417;
		transition: 0.5s;
		padding: 7em 0px 0px;
		overflow-x: hidden;
		overflow-y: auto; }
	
	.open-nav { transform: translateX(-0%); }
	
	.top-left-menu { position: fixed; 
		left: 30px; 
		z-index: 98;
		padding-top: 2em;
		padding-left: 10px;
		border-left: 1px solid #435258;
		transition: 0.5s;
		}	
	.changeBorder { border-left: 1px solid #d7d7d7; }
	
	
.hamburger {
    cursor: pointer;
    position: relative;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 4px;
    background-color: #435258;
    margin: 8px 0;
    transition: 0.5s;
}
	
	.bar1 { width: 30px; }
	.bar3 { width: 25px; }
	.bar3 { margin-bottom: 0px; }

.hamburger:hover .bar1, 
.hamburger:hover .bar2, 
.hamburger:hover .bar3 { width: 35px; }

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
	width: 35px !important;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-11px, -8px) ;
    transform: rotate(45deg) translate(-11px, -8px) ;
		width: 35px !important;
}		
	
	.change > div { background-color: #d7d7d7; }	
	
	.menu-footer { display: flex; 
		align-items: flex-end;
		padding: 1em 30px;
		font-size: 1em;
		}	

	.menu-footer a { color: #FFF; }
	
	.menu-footer > div { margin-right: 2em;
		max-width: 13.4em; }
	
	.menu-footer > div img { height: 5em; margin-right: 10px;
		position: relative; bottom: 0.2em; }
	
.footer-copyright { display: none; }
	
.slick-list {
    width: calc(100% - 60px);
    margin: 0px auto;
    overflow: visible;
}	
			
	.sliderContent { padding-right: 5px; }
	
.slick-dots { width: initial;
    width: calc(100% - 60px);	
    display: flex !important;
	position: relative;
	top:0px;
  	margin: 2em auto 0px;
	}

.slick-dots li { margin: 0px;
	flex-grow: 1; }

.slick-dots li button { padding: 0px; }

.slick-dots li button:before {content: '';
    width: 100%;
    height: 0.75em;
    background-color: #000;
  	opacity: 1;
}

	.slick-dots li.slick-active button:before { background-color: #d7d7d7;
		border-radius: 5px; }

.slick-dots li:first-of-type { }

	.sliderEntry img { height: 200px;
	object-fit: cover;
    object-position: center; }
	
	.slick-dots li.slick-active button:before { opacity: 1; }

	.slick-dotted.slick-slider { margin-bottom: 0px; }

.slick-next {
    right: 5px;
	top: 40%; }

.slick-prev {
    left: 5px;
	top: 40%;
    z-index: 99; }

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: 0; }

/* sidebar */
.sidebar {

}


.accredits { display: flex;
	align-items: center;
    width: 86%;
    max-width: calc( 100% - 150px );
    float: right;
    margin: 10em auto 2em;
 }

.accredits label { padding-right: 1em; margin-right: 1em; font-size: 1.5em; }
.accredits .a_logos { padding: 1em 0px; border-left: 1px dotted #222; padding-left: 2em; }
.accredits img { height: 3em; margin-right: 2em; width: auto; opacity: 0.5; transition: 0.5s; }
.accredits img:hover { opacity: 1; }


/* footer */
.footer {

}

.inner-wrapper { max-width: 1920px;
	margin: 0px auto; }


.post-edit-link { position: fixed; 
	bottom: 0px; right: 0px; 
	background-color: yellow; 
	padding: 1em;
	font-weight: 900; }



@media only screen and ( max-width: 1024px ){
	
	.nav { width: 60%; }

	
}

@media only screen and (max-width: 820px){
	
	.nav { width: 80%; }
	
	.hamburger:hover .bar1 { width: 30px; }
	.hamburger:hover .bar3 { width: 25px; }
	
	.top-left-menu { position: fixed; 
		transform: scale(0.7) translate(-30%, -25%);
		border: 0px;
		padding-left: 0px;
		}		
	
	.changeBorder { border: 0px; }
	
	.slick-prev,
	.slick-next { opacity: 0; }
	.accredits { padding-left: 6em;
    width: 100%;
    max-width: initial; }

}


@media only screen and (max-width: 640px){
	.nav {
		width: 100%;
	}
	.nav .menu { margin-bottom: 0px; }
	.nav .menu ul { }
	.nav .menu ul li { font-size: 1.2em;
	 	display: inline-block;
    	width: 48%; }
	
	.top-left-menu { padding-top: 3em; }
	
	.menu-footer { flex-flow: wrap;
		display: block;
		padding-bottom: 0px;
		padding-right: 0em;
		width: 15em; }
	
	
	.menu-footer > div { width: 100%; margin: 1em 0px 0px; }
	.menu-footer > div.contact {  }
	.menu-footer > div:first-of-type { width: 30%; }
	
	.sliderEntry img { height: 150px; }
	
	.menu-footer .address { margin-top: 1em; }
	
	.menu-footer .address span { display: block; }
	
	.top-right-logo { height: 3em;
		top: 1em;
		left: 6em;
		right: 0px; }
	
	.footer-copyright { display: block;
	margin-top: 3em;
    padding-left: 28px; }
	
	.footer-copyright .copyright { margin-bottom: 4px; width: initial;  }
	.footer-copyright .credit { display: inline-block; text-align: center; }
	.footer-copyright .credit img { width: 2.25em; margin-top: 5px; }
	.footer-copyright .credit div { margin-top: 1em; white-space: nowrap; }
	
}

@media only screen and (max-width: 600px){
.accredits { display: block; width: 100%;
    padding-left: 6em;
    padding-right: 10%; }

.accredits .a_logos { padding: 1em 0px; border: none; border-top: 1px dotted #222; padding-left: 0em; margin-top: 1em; }
.accredits img { height: 3em; margin-right: 2em; width: auto; }


}


/*------------------------------------*\
    HOME
\*------------------------------------*/

	.home-landing { width: 100%; height: 90vh; max-height: 60vw;
		position: relative;
		z-index: 50; }
	
	.home-landing .home-background { position: absolute; 
		top: 0px; left: 0px; 
		width: 100%; height: 100%;
		background-size:cover;
		background-position: center center; }

.video-container { position: absolute; 
	top: 0px; left: 0px; 
	width: 100%; height: 100%; 
	overflow: hidden; }

video { display: block; }

.home-video { min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

	.home-landing .banner { background-color: rgb(48,65,71,0.95);
		    background: linear-gradient(180deg, rgba(48,65,71,0.8) 0%, rgba(48,65,71,1) 60%, rgba(48,65,71,1) 90%);
		position: absolute;
		width: 20vw; height: 100%;
		right: 10vw;
		text-align: center;
		padding: 4em 2.5em 2.5em; }

	.point { 
	position: absolute;
    width: 20vw;
    height: auto;
    left: 0px;
    bottom: 0%;
    transform: translateY(99%); }
	
	.home-landing h1 {
		font-size: 3.9vw;
		line-height: 1.3;
		margin: 1.5em auto;
		color: #FFF;
		width: 90%;
		font-weight: 300;
		text-align: center;
		position: absolute;
    	left: 50%; top: 45%;
		transform: translate(-50%,-50%);
		font-style: initial;
	}	
	
	.banner .logo {  width: 60%; height: auto; }

	.home-trim { width: 33%; 
		position: absolute; 
		top: 115vh;
		}

	/*--INTRO--*/
	
	.home-intro { display: flex;
		justify-content: center;
		margin-top: 10vh; 
		margin-bottom: 2em; }

	.home-intro .tagline { width: 50%;
    	padding-left: 10%; }
	.home-intro .tagline h2 { font-size: 5em;
    	font-weight: 100;
    	font-style: italic;
		margin: 0px;
		line-height: 1;
    	width: 7.67em; }

	.home-intro .desc { width: 50%;
		font-size: 1.5em;
		padding: 0px 10%;
		position: relative; 
		bottom: -5em; }
	
	.seperator-1 { 	width: 40%;
	height: 15em;
	position: relative; }

	.seperator-1:after { content: '';
		display: block;
		height: 0em;
		border-right: 1px solid #84b7c1;
		transition: 1s;
		transition-delay: 1s;
		}

	.seperator-1.animated:after { height: 15em; }
		
	.seperator-2 { height: 5em; }
.seperator-2:after {  transition: 0.5s; }
	.seperator-2.animated:after { height: 5em; }
	
	.home-port { display: flex;
		justify-content: flex-end; }
	
	.home-port .tagline { width: 32em;
		position: relative; }
	.home-port h2 { 
		font-size: 6.5em;
    	font-weight: 100;
    	text-transform: uppercase;
    	margin: 1vw 0px;
    	text-align: right; direction: rtl;
		line-height: 0.9; }
	
	.home-port .image { width: 35%; 
		margin-left: 5%;
		position: relative; }
	
	.home-port .image img { position: absolute;
		left: 0px; top: 50%; 
		width: 100%; height: 120%; 
		transform: translateY(-50%);
		object-fit: cover; }	
	
	.cta { display: inline-block; 
		background-color: #222;
		padding: 0.25em; padding-left: 0.5em; padding-right: 2em; padding-top: 0.3em;
		text-transform: uppercase;
		font-weight: 300;
		letter-spacing: 0em;
		color: #FFF;
		line-height: 1;
		position: relative;
		border: 0px;
		transition: 0.5s;
		}
	
	.cta:after { content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: 0.77em solid transparent;
		border-bottom: 0.77em solid transparent;
		border-left: 0.5em solid #222;
		position: absolute;
		top: 0px;
		left: 100%;
		}
	
	.cta:hover { color: #FFF; padding-right: 3em; }
	
		.home-port .cta { position: absolute; 
			bottom: 5.75em;
			left: 3em;
			font-size: 1.3em;}

	/*-- LATEST --*/

	
	.home-latest { display: flex;
		position: relative;
		justify-content: flex-end;
		margin-bottom: 2em;
}
	
	.feature-trim {
		width: calc(22em);
		overflow: hidden;
	position: absolute;
    left: 15%;
	top: 2em;
	}
	
	.feature-trim span { font-size: 3.5em;
    text-align: left;
    font-weight: 100;
	font-style: italic;
    text-transform: uppercase;
    line-height: 0.9;}
	
	.latest-post-image { width: 35%;
		margin-left: 5%; 
		position: relative; }

	.latest-post-image img { position: absolute;
		bottom: 0px; left: 0px;
		width: 100%; 
		height: calc(100% + 12em);
		object-fit: cover; }	
	
	.latest-post { width: 24em;
		margin-left: 8%;
		position: relative; }

	.date {    
		position: relative;
		font-size: 0.9em; }
	.latest-post .date {    
		position: absolute;
		top: 0px;
		transform: translateY(-100%); }
	.date > span { display: block;
		line-height: 1;
		text-transform: uppercase;
		text-align: center;
		font-weight: 300;
	    white-space: nowrap;}
	.date .year { font-weight: 900; letter-spacing: 0.25em; margin-top: 0.25em; margin-right: -0.25em; }	
	
	.latest-post .content {
		position: relative; }

.latest-post .content a { color: #000; }
	
.latest-post h2 { font-style: initial;
    font-weight: 400;
    font-size: 2em; }

	.latest-post .content:after {
		content: '';
		background-image: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 1) 100%);
		position: absolute;
		width: 100%;
		height: 4em;
		bottom: 0px;
		left: 0px;
		}
	
	.latest-post .cta {
		position: absolute;
		bottom: 0.25em;
		font-size: 1.3em;
		}

	/*-- CTA --*/


	.hor-seperator { 
		width: 20%; 
		height: 5em; 
		margin-left: 20%;
		position: relative; }
	
	.hor-seperator:before {
		content: '';
		display: block;
		position: absolute;
		width: 0%; 
		right:0px;
		border-top: 1px solid #84b7c1; 
		transition: 0.5s;
}

	.hor-seperator.animated:before { width: 100%;
		transition-delay: 0.5s; }

	.hor-seperator:after {
		content: '';
		display: block;
		position: absolute;
		height: 0%; 
		left:0px;
		border-left: 1px solid #84b7c1; 
		transition: 0.5s;
}

	.hor-seperator.animated:after { height: 100%;
		transition-delay: 1s; }


	.home-cta { width: 74%; 
		margin: 2em auto; }
	
	.home-cta h2 { font-size: 5em;
		font-weight: 100;
		font-style: italic;
		margin: 0px;
		line-height: 1; }
	
	.home-cta p { font-size: 3em;
		margin-top: 0.5em;
		font-weight: 200;
		line-height: 1.1em;
}
	
	.home-cta p a { display: inline-block; 
		background-color: #222;
		padding: 0.25em; padding-left: 0.5em; padding-right: 2em; padding-top: 0.3em;
		text-transform: uppercase;
		font-weight: 300;
		color: #FFF;
		line-height: 1;
		position: relative;
		
		font-size: 0.5em;
		vertical-align: middle;
		margin-top: -0.25em;
		margin-left: 2em;		
		}
	
	.home-cta p a:after { content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: 0.77em solid transparent;
		border-bottom: 0.77em solid transparent;
		border-left: 0.5em solid #222;
		position: absolute;
		top: 0px;
		left: 100%;
		}
	
	.home-cta p a:hover { color: #FFF; padding-right: 3em; }
	
@media (min-aspect-ratio: 2/1) { 

		.home-landing h1 {
		line-height: 9vh;
	}	

}

@media only screen and ( max-width: 900px ) and (min-aspect-ratio: 2/1) { 

		.home-landing h1 {
		display: none;
	}	

}



 
@media only screen and ( max-width: 1024px ) {
	
	.home-intro { flex-flow: wrap; }
	
	.home-intro .tagline { padding-left: 0px; width: initial; }
	
	.home-intro .tagline h2 { font-size: 4em; }
	
	.home-intro .desc { bottom: 0px;
		margin-top: 2em;
		width: 90%; }
		
	.home-trim { width: 50%;
		opacity: 0.5;
		top: 84vw; }
	
	.home-port { margin: 2em 0px; }
	
	.home-cta { width: 64%; }
	
	.seperator-1,
	.seperator-1.animated:after { height: 10em; }
	
	.home-port .tagline { width: 19.5em; }
	.home-port h2 { font-size: 4.5em; }
	.home-port .cta { bottom: 3.75em; left: 0em; }
	
	.feature-trim span { display: none; }
	
	.latest-post-image img { height: 29em; }
	
	.home-cta h2 { font-size: 4.5em; } 

	.home-cta p a { margin-left: 0px;
		margin-top: 1em; }
	
}

@media only screen and (max-width: 820px){
	
	.home-port .tagline { /*-- width: 23.25em; --*/ }

	.home-cta h2 { font-size: 3em; }
	.home-cta p { font-size: 2em; }
	.home-cta p a { display: table; }
	
	.home-cta { width: 75%; }


	
}

@media only screen and (max-width: 640px){
	
	.home-landing { max-height: 75vw; }
	
	.banner .logo { width: 100%; }

	.point,
	.home-landing .banner { width: 25vw; }
	
	.home-landing h1 { font-size: 5vw; }
	
	.home-landing .banner { padding: 1em; }
	
	.home-video { height: 100%; width: 100%; object-fit: cover; }
	
	.home-intro { margin-top: 10vh; }
	
	.home-intro .tagline { width: 100%;
		padding-left: 6em; }
	
	.home-intro .tagline h2 { font-size: 2.25em; width: 8em; }
	
	.home-port { 
		flex-flow: wrap;
		padding-left: 100px;
		justify-content: flex-start; }
	.home-port .image {
		margin-left: 0%;
		position: relative;
		height: 25vh;
		width: 100%;
		margin-top: 1em;
	}	
	.home-port .image img { height: 100%; }

	
	.home-port .tagline {
        width: 22.25em;
   		 font-size: 0.8em;
	}	
	.home-port .cta { left: 2.25em; }
	
	.home-intro .desc {
		bottom: 0px;
		margin-top: 2em;
		width: 100%;
		padding-left: 4em;
		}	
	
	.home-trim { top: 104vh;
		width: 90%; 
		}
	
	.hor-seperator { display: none; }	
	
	.home-cta { width: 100%; 
		padding-left: 6em;
		padding-right: 10%; 
		padding-bottom: 2em; }

	.home-cta p {
		font-size: 1.5em;
		font-weight: 300;
	}	
	
	.home-cta h2 {
		font-size: 2.2em;
	}	
	
	.home-cta p a { margin-left: 0em;
		font-size: 1em;
		margin-top: 0.7em; }		

	.latest-post { width: 100%; padding-right: 2em; }
	
	.latest-post-image { display: none; }
	
	.home-latest { padding-left: 4em; }
	
}



/*-- FOOTER --*/

.footer {
    width: 86%;
    max-width: calc( 100% - 150px );
    float: right;
}

.footer a { color: #000; }
.footer .current_page_item a,
footer a:hover { color: #bbb099;  }


	.footer-nav { margin: 2em 0px; }

	.footer-nav .menu { display: inline-block; 
		line-height: 0px; }
	
	.footer-nav ul { list-style: none; 
		font-size: 1.2em;
		padding: 0px;
		margin: 0px; 
		display: inline-block;
		}
	
	.footer-nav ul li { display: inline-block; 
		font-weight: 400; 
		margin-right: 1em;
		text-transform: uppercase; }
	
	.social-media-icon { height: 1.5em; 
		display: inline-block;
		margin-left: 0.5em;
		transition: 0.5s; }

.credit { width: 2.25em; }
	.credit img { height: 1em; margin-top: 3px; margin-bottom: 4px; }
	.credit div { font-size: 0.6em;
		font-weight: bold; 
		margin-top: 2.5em;
		white-space: nowrap;
		}

.social-media-icon:hover { transform: translateY(-25%); }
	
	.footer-contact-info { display: flex;
		font-size: 0.8em; 
		font-weight: 700; }
	
	.footer-contact-info > div { margin-right: 2em; }
	
	.copyright { font-size: 0.8em;  }


@media only screen and ( max-width: 1024px ) {
	
	.wrapper { min-height: 100vh; 
		padding-bottom: 10em; }
	
	.footer { position: absolute; 
		bottom: 0px;
    	right: 0px;
    	margin-top: 0px; }	
		
	
}

@media only screen and ( max-width: 640px ){
	

}


@media only screen and ( max-width: 640px ){

	.wrapper { padding-bottom: 0px; }
	
	.footer { display: none; }
	
	.menu-footer > div img { 
		max-width: initial; }	
	
	.footer-nav ul li { margin-bottom: 1em; }
	.footer-contact-info { display: block; 
		font-size: 1em;
		line-height: 1.5; }
	.copyright { width: 18em; }
	
	.footer-nav ul { display: block; }
	
	.social-media-icon { margin-left: 0px; margin-right: 1em;}
	
	.footer-contact-info > div { max-width: 14em; }
	
	.credit { font-size: 1.2em;}
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

.page-wrapper { width: 86%; 
	max-width: calc( 100% - 150px ); 
	float: right;
	}

.page-excerpt { max-width: 37.5%; }

.page-wrapper h2 { margin-bottom: 0.5em;
	margin-top: 1.3em; }
	
.page-wrapper li { margin-bottom: 1em; }

	.page-title {     font-size: 4em;
    margin: 0.66em 0px;
    line-height: 1;
	visibility: hidden; }

	.page-image { min-height: 50vh;
		width: 100%; 
		background-size: cover; 
		}

	.page-title a { color: #000; }

	.page-intro { display: flex;
		align-items: center; 
		margin-bottom: 2em;
	}
	.page-excerpt { font-size: 2em;
		line-height: 1.3em;
		padding: 2em 0px;
		padding-right: 2em;
		font-weight: 400;
		max-width: 540px; }
	.page-video { width: 100%; }
	
	article { max-width: 60%; }
	.services article { max-width: 60%; }
	
	
	.page-trim { position: absolute; 
		right: 0px;
		top: 35vh;
		width: 30%; }
	
	.page-trim img { width: 100%; }
	
	.blocks-gallery-grid .blocks-gallery-item { align-self: center; }
	
.page-wrapper h3 { margin-bottom: 0.75em; }

@media only screen and (min-width: 2560px){
	.page-excerpt { max-width: 640px; }
	
}

@media only screen and (max-width: 1024px){

	.page-trim { display: none; }
	article,
	.services article { max-width: 90%; }
}

@media only screen and (max-width: 820px) {
	
	.page-wrapper,
	.footer { padding-left: 6em;
		width: 100%;
		max-width: initial; }
	
	.page-intro { flex-flow: wrap; 
		}
	.page-excerpt { width: 100%; }
	
	.page-image { height: 30vw; 
		width: 100%; 
		background-size: cover; }
}

@media only screen and (max-width: 640px){
	
		.footer { margin-top: 2em; 
			max-width: initial; }
	
	.page-title { margin-top: 4em; margin-bottom: 0em;
		font-size: 2.5em; }
	
	.page-excerpt { padding-right: 1em; 
		font-size: 1.5em;
		padding-top: 0em; }

	.page-image { height: 40vh;
    background-position: center; }
	
	
	
}


	@media (min-width: 782px) {
	.wp-block-column:not(:first-child) {
		margin-left: 4em;
	}	
	}


/*------------------------------------*\
    CONTACT
\*------------------------------------*/

.contact-container { background-size: cover; 
	background-position: top center; }

.contact-wrapper { padding: 5em 0px 30vh;
	display: flex;
	justify-content: flex-start;
    padding-right: 5%; }

.contact-wrapper > div { width: 30%;
	margin-right: 5%;}

.cols { display: flex; 
	justify-content: space-between;
	flex-flow: wrap;
}
	
.cols > div { width: 48%; margin-bottom: 1em;  }

.contact-right article { max-width: 75%; }
.contact-right article p:first-of-type { margin-top: 0.25em; }

.contact-right article a { color: #000; }

.wpcf7 input,
.wpcf7 textarea { width: 100%;
	padding: 0.25em;
	background-color: rgb( 255, 255, 255, 0.5);
	border: 0px; }

.wpcf7 p:first-of-type { margin-top: 0px; }

.wpcf7 .cta { margin-top: 1em; font-size: 1.5em; }

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7-not-valid-tip { display: none;  }

.wpcf7 .wpcf7-not-valid { border-bottom: 1px solid red; }

	.contact-line { display: flex;
		margin: 1em 0px;
		align-items: center;
		font-weight: 400; }
	.contact-line > div:first-of-type { width: 2em; 
		margin-right: 1em;
		text-align: center; }
	.contact-line { font-size: 1.5em;}
	.contact-line:nth-of-type(1) img { width: 100%; }
	.contact-line:nth-of-type(2) img { height: 2em; }



@media only screen and ( max-width: 1024px ){
	.contact-wrapper > div { width: initial; }
	
}

@media only screen and ( max-width: 800px ){
	
	.cols > div { width: 100%; }
	.contact-line { font-size: 1em; }
}

@media only screen and ( max-width: 640px ){
	
	.contact-wrapper { display: block;
		padding: 2em; }
	
	.contact-container { margin-top: 1em; }
	
	.contact-container { background-image: initial !important; 
		background-color: #d7d7d7; }

}



/*------------------------------------*\
	SINGLE
\*------------------------------------*/

	.article-header { 
		display: inline-block;
		position: relative; 
		}

	.article-header .cta { position:absolute; left: 51%; 
		bottom: 0px;
		padding-right: 1.5em; }
	
	.article-header .cta:hover { padding-right: 2em; }
	
	.article-header .cta-rev { position:absolute; 
		right: 51%; 
		bottom: 0px;  
		padding-left: 1.5em;
		padding-right: 0.5em; }

	.article-header .cta { padding-top: 0.4em; }
	.article-header .cta:after { border-top: 0.82em solid transparent;
		border-bottom: 0.82em solid transparent;
		border-left: 0.5em solid #222;}	

	.cta-rev { display: inline-block; 
		background-color: #222;
		padding: 0.25em; padding-left: 5em; padding-top: 0.4em;
		text-transform: uppercase;
		font-weight: 300;
		color: #FFF;
		line-height: 1;
		position: relative;
		border: 0px;
		transition: 0.5s;
		}
	
	.cta-rev:after { content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: 0.82em solid transparent;
		border-bottom: 0.82em solid transparent;
		border-right: 0.5em solid #222;
		position: absolute;
		top: 0px;
		right: 100%;
		}
	
	.cta-rev:hover { color: #FFF; padding-left: 2em; }		
	
	.inactive { background-color: #CCC; }
	.cta-rev.inactive:hover { padding-left: 1.5em; }
	.cta-rev.inactive:after { border-right: 0.5em solid #CCC; }
	.cta.inactive:hover { padding-right: 1.5em; }
	.cta.inactive:after { border-left: 0.5em solid #CCC; }

	.single-title { font-style: initial;
		font-weight: 400;
		font-size: 2em; }

	.single-title a { color: #000; }
	
	.single-feat-image { float: right;
		width: 50vw;
    	margin: revert;
    	margin-left: 4em;
    	margin-bottom: 2em;
		margin-top: -4em; }
	
	.single-feat-image img { width: 100%; 
		height: auto; }
	
	.single-content { position: relative;
		margin-top: 4em; }
	
	.single-content p,
	.single-content ul,
	.single-content ol,
	.single-content h2,
	.single-content h3,
	.single-content h4,
	.single-content h5 { max-width: 50%; }

.single-content ol,
.single-content ul { margin-bottom: 2em; }

.single-content h1 { font-size: 2em; max-width: 50%; }
	
	.title-border .date { position: absolute;
		top: 0px; 
		transform: translateX( calc( -100% - 2em ) ); }
	
	.title-border .date > span { font-weight: 300; }
	.title-border .date .year { font-weight: 900; }
	
	.title-border { position: relative;
		padding-left: 1em;
    	left: -1em; }
	
	.title-border .single-title { position: relative; top: -0.2em; }
	
	.title-border:before { display: inline-block;
		content: '';
		position: absolute;
		left: -1px;
		height: calc( 100% - 0.4em);
		border-left: 1px solid #84b7c1; }
	


	@media only screen and (max-width: 1024px ){
		
	.single-content p,
	.single-content ul,
	.single-content ol,
	.single-content h1,
	.single-content h2,
	.single-content h3,
	.single-content h4,
	.single-content h5 { max-width: 90%; }	
		
	}

	
@media only screen and (max-width: 820px){
	
	.single-feat-image { width: 100%; 
		float: none;
		margin: 1em 0px; }	
	
	.title-border .date { text-align: left; 
		position: relative; 
		transform: initial;
		display: inline-block;
		border-bottom: 1px solid #84b7c1;
		padding-bottom: 1em; }
	.date > span { text-align: left; }
	
	.title-border:before { display: none; }
	
}	

@media only screen and (max-width: 640px){
	
	.article-header { display: none; }
	.single .page-wrapper { margin-top: 4em; }
	
	.title-border .single-title { margin-top: 1.8em;}
	.single-feat-image img { min-height: 35vh;
		object-fit: cover; }
	
	
}
	

/*------------------------------------*\
	LOOP
\*------------------------------------*/

	.loop-entry { display: flex;
		justify-content: space-between;
		margin-bottom: 2em; }
	.loop-entry .loop-wrapper { padding-top: 2em;
		position: relative;
		width: 30%; }
		
	.loop-wrapper .content {
		position: relative; }
	
	.loop-wrapper .content:after {
		content: '';
		background-image: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 1) 100%);
		position: absolute;
		width: 100%;
		height: 4em;
		bottom: 0px;
		left: 0px;
		}
	
	.loop-wrapper .cta {
		position: absolute;
		bottom: 0.25em;
		font-size: 1.3em;
		}	

	.loop-thumb { display: inline-block; 
		position: relative;
		width: 65%; }
	
	.loop-thumb img { position: absolute; 
		width: 100%; 
		height: 100%; 
		right: 0px; 
		top: 0px;
		object-fit: cover; }

.pagination { vertical-align: middle; 
	text-align: right; 
	font-size: 0.8em; 
	font-weight: 900;
    margin-top: 5em;
    padding-right: 10vw;
} 
.page-right {    float: right; 
    position: relative; 
    top: 0.75em; } 
.current-page { display: inline-block; 
	padding: 0em 0.5em 0em; 
	margin: 0px 0.25em; 
	background-color: #222;
	color: #FFF;
	border: 1px solid #222; } 
.next-arrow, 
.previous-arrow {  
	display: inline-block; 
    width: 0; height: 0px; 
	margin: 0px 0.5em; 
	margin-top: -0.2em; 
    vertical-align: middle;} 
.next-arrow { 
    border-top: 0.5em solid transparent; 
    border-bottom: 0.5em solid transparent; 
    border-left: 0.5em solid #222; 
} 
.previous-arrow { 
	border-top: 0.5em solid transparent; 
    border-bottom: 0.5em solid transparent; 
    border-right: 0.5em solid #222; 
}



@media only screen and (max-width: 640px){
	
	.archive .page-title { margin-top: 3em; }
	
	.loop-entry { flex-flow: wrap;
		flex-direction: column-reverse;
		margin-bottom: 3em;
		margin-top: 1em; }
	
	.loop-entry .loop-wrapper { width: 100%;
		padding-top: 1em;
		}
	
	.loop-thumb { width: 100%; height: 30vh; }
	.title-border .date {
		position: absolute;
		top: -6em;
		background-color: #FFF;
		z-index: 15;
		padding: 1em;
		padding-left: 0px;
		}
	
	.bottom-pagination { margin-bottom: 2em; }
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

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

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

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

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

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

@-webkit-keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}

/*--SCROLL--*/

.nav::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 3px;
	background-color: #000;
}

.nav::-webkit-scrollbar
{
	width: 6px;
	background-color: #000;
}

.nav::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #FFF;
}

.nav::-webkit-scrollbar-thumb {
	background-color: #435258;}

.wow { visibility: hidden; }


video::-webkit-media-controls {
  display: none !important;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

/* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

.grecaptcha-badge { display: none; }