/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.4
*/

@import url("../salient/style.css");

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

}

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

}

h3.name, .text-wrapper h1, .text-wrapper h3, .content h2, #page-header-wrap h1, .container h1  {
	font-family: 'montserratbold' !important;
}


body{
	font-size:12pt;
	line-height: 1.6;
}

.toggle h3 a {
font-size: 18px!important;
}


#logo img{
height: 110px !important;
margin-bottom: -40px !important;
margin-top: -70px !important;
-webkit-transition: 1s !important;
-o-transition: 1s !important;
transition: 1s !important;
}

#logo:hover img{
margin-bottom: -50px !important;
margin-top: -70px !important;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}


header#top #logo{
	  margin-top: 33px;
}


/* .home #logo img.starting-logo:not(.dark-version){ */
.home #logo img{
	height: 225px !important;
	margin-bottom: -115px !important; 
	top: 200px !important;
	top: 20vh !important;
	position: absolute;
}



.bottom-meta p{
	display: none;
}



/*//////////////////////////////////////////////

THE TEAM - LA FAMILIA

///////////////////////////////////////////////*/

.name{
	text-transform:capitalize !important;
}


.page-template-template-team article:not(.active) .entry-content{
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 0 20px;
}


.page-template-template-team article{
background-size: cover;
height: 290px;
border-top: 5px solid #E73333;
text-align: center;
position: relative;
z-index: 99;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
-webkit-transform: translateZ(0);
}






.page-template-template-team article:not(.active):hover{
cursor: pointer;
height: 340px;
margin-top:-25px;
}

.page-template-template-team .the-team a:last-child article{
border-bottom: 5px solid #E73333;
}

.page-template-template-team article .entry-content{
	z-index: 2;
	position: relative;
	height: auto;
    min-height: 90vh;
}

.page-template-template-team article h3{
font-size: 35px;
line-height: 30px;
margin-bottom: 0px;
padding-top: 100px;
color: white !important;
z-index: 9;
/* 
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
 */
}


/* 
.page-template-template-team article .description h3{
padding-top: 20px;
font-size: 30px;
}
 */


.description p:nth-child(2) {
  color: white;
  /* border-top: 2px solid red; */
  padding-top:10px;
}

.page-template-template-team article h4{
padding-top: 5px;
font-size: 20px;
color: white !important;
z-index: 9;
font-family: OpenSansLight;
font-weight: bolder;
}


/* 
.page-template-template-team article:not(.active):hover h3{
font-size: 45px;
padding-bottom: 15px;
-webkit-transform: rotateZ(0deg) scale(1.2);
-o-transform: rotateZ(0deg) scale(1.2);
transform: rotateZ(0deg) scale(1.2);


-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s; 
}
*/

.page-template-template-team article .overlay{
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.page-template-template-team article:not(.active) .overlay{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.6;
background: black;
z-index: 0;

}

.page-template-template-team article:not(.active):hover .overlay{
opacity: 0.2;
}




	.team-member-content .container{
		height: 100%;
	}

	.team-member-content{
		text-align: left;
		background-size: 100% 100%, cover;
		background-position:  top left, 50% 50%;
		background-repeat: repeat-y, no-repeat;
		height: 100%;
		min-height: 90vh;
		opacity: 1;
		display: block;
	}

	article:not(.active) .team-member-content{
		display: none;
	}



	.text-wrapper{
		padding:200px 0;
	}

	.text-wrapper h1, .text-wrapper h2, .text-wrapper h3{
		color: white;
	}



	.text-wrapper h1{
		font-size: 35px;
		line-height: 15px;
		margin-bottom: 15px;
	}
	.text-wrapper h2{
		font-size: 20px;
		line-height: 20px;
		font-family: OpenSansLight;
		font-weight: bolder;
		margin-bottom: 40px;
		border-bottom: 1px solid red;
		padding-bottom: 5px;
	}
	
	.text-wrapper h3{
		font-size: 30px;
		line-height: 25px;
		font-weight: 700;
		position:relative;
		margin-top:20px;
		margin-bottom:20px !important;
	}

	.text-wrapper h3:after{
	content:"";
	display:block;
	width:15px;
	height:3px;
	background: red;
	position:absolute;
	bottom:-10px;
	}

	.text-wrapper h1, .text-wrapper p{
		color:white;
	}

.close{
	color:white;
	position: absolute;
	bottom:100px;
	left: 49.4%;
	z-index: 999;
	padding: 10px;
	border: 2px solid white;
	cursor: pointer;


}

article.active{
	height: calc(100vh - 58px);
	overflow: auto;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

/*HIDE-SHOW FADE IN-OUT TRICK*/

article .name, article .postion{
display: block;
opacity: 1;
  -webkit-transition: opacity 2s linear;
  -o-transition: opacity 2s linear;
  transition: opacity 2s linear;
}
article.active .name, article.active .postion{
	display: none;
  opacity: 0;
}

article{
	background-position: 50% 20%;
}

.taylor-cylke{	
	background-position: 50% 6%;
}

.alison-reither{
	background-position: 50% 8%;
}
.pablo-izquierdo{
	background-position: 50% 25%;
}
.michael-tonati{
	background-position: 50% 8%;
}
.andrea-montes{
    background-position: 50% 14%;
}
.shawn-borja{
	background-position: 50% 13%;
}
.guayi-fernandez{
	background-position: 50% 15%;
}
.andrea-valdez{
	background-position: 50% 2%;
}

.greg-milone{
	background-position: 50% 41%;
}

.john-carter{
	background-position: 50% 45%
}

.andrea-montes{
	background-position: 50% 32%;
}


.page-template-template-team .slider-video{
	opacity: 0.5;
}


/*  WORK SLIDE  */
.powershot .inner{
	background-position: 50% 20%;
}
.slick-prev, .slick-next{
background: url('http://www.elevation-us.com/wp-content/uploads/2015/03/arrows.png') no-repeat;
background-position: 0;
position: absolute;
top: 0;
width: 40px;
height: 60px;
border: none;
text-indent: -200px;
cursor: pointer;
height: 100%;
}

.slick-prev{
	margin-left: -40px;
}

.slick-disabled{
	display: none !important;
}

.slick-next{
	background-position: 100%;
	margin-right: -40px;
	left:100%;
}






.work-info .icon-salient-plus, .work-info h3{display: none;}
#portfolio{background: black;}



/* ///////////////////////

INDIVIDUAL HEADING  

/////////////////////////*/


.swiper-slide .content h2 {
margin-bottom: -8px;
}

.home .swiper-slide .content h2 {  
font-size: 80px !important;
line-height: 85px !important;
margin-bottom: 8px;
}

.swiper-slide a{
	color:white;
}


/* 
.swiper-wrapper h2, #page-header-bg h1, .page-id-839 #page-header-bg h1{
font-size: 114px !important;
margin-bottom: 44px !important;
} */



/* FOOTER */

#footer-outer{
  background-color: #252525;
  background-image: url('http://www.elevation-us.com/wp-content/uploads/2015/04/header_bg.jpg') !important;
  background-attachment: auto;
  background-size: cover;
  background-position: center center;
}

#footer-outer #copyright {
background-color:rgba(0,0,0,0.05);
}

#footer-outer .widget h4 {
color:#D54728;
}


/* HEADER */

#header-outer{
	background: rgb(42, 42, 42);
}

header#top nav > ul > li > a {
  font-family: 'montserratregular' !important;
  text-transform: uppercase;
  font-weight: bolder !important;
  font-size: 20px !important;
  line-height: 22.4px;
}


/* WORK GRID */
.work-info .vert-center a:nth-child(1){
	display: none!important;
}





/* SORT WORK MENU */
#current-category{
	display: none;
}

#portfolio-filters-inline .container > ul {
  float: left;
  width: 85%;
  max-width: 85%;
}




/*/////////////////

THE HOW

/////////////////*/

.page-id-389 .row .col.section-title {
  margin: 0;
  padding: 0;
  border-bottom: none !important;
  text-align: left;
}

.page-id-389 .row .col.section-title h2 {
  margin: 6px 0;
  padding: 10px 20px;
  font-size: 42px;
  line-height: 77px;
  font-family: montserratbold;
  text-transform: uppercase;
  text-align: left;
  background-color: rgba(213, 71, 40, 0.85);
  color: white;
  display: inline;
}




/* HIDE FAST WITH DELAY */
.mysection{
	cursor: pointer;
	max-height: 90px;
	overflow: hidden;
	border-top: 3px solid rgba(231, 51, 51, 0.85);
	position:relative;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateZ(0);
}

 .mysection *, .mysection:before, .mysection:after {	
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;

 }


.mysection .row-bg{
	background-size: cover !important;
	background-position: center 27% !important;
}




.mysection .wpb_text_column {
	opacity: 0;
}


.mysection.active{
	max-height: 2000px;
}

/* SHOW SLOW WITH ANIMATION */
 .mysection.active, .mysection.active *, .mysection.active:before, .mysection.active:after{	
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
 }


.mysection p {
	color:white;
}

/* 
.mysection.active h2 {
background-color: transparent !important;
padding-left: 0 !important;
color: white;
} 
*/

.mysection.active .wpb_text_column {
	opacity: 1;
}



/* .mysection:before{
content: '';
display:block;
top:0;
left:0;
width:100%;
height:100%;
position:absolute;
z-index:8;
background: rgba(213, 71, 40, 0.8)
} */

.mysection:after {
content: " ";
display: block;
top:0;
left:0;
width:100%;
height:100%;
position:absolute;
z-index:9;

background: url('http://www.elevation-us.com/wp-content/uploads/2015/05/overlay-black.png');
background-size: 100%;
background-position: 50% 27%;
font-size: 0;
clear: both;
}

.mysection.active:after {
background-size: 140%;
background-position: 100% 27%;
}

.mysection.active:before {
	opacity: 0;
}


.page-id-389 blockquote span, .page-id-389 h2 span{
	font-family: montserratbold;
	/* text-transform: uppercase; */
}





/* wait what + about us Paragraphs */
.page-id-839 .main-content p, .page-id-363 .main-content p{

  letter-spacing: -0.5px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-family: 'OpenSansSemiBold';
  font-size: 19px;
  line-height: 34px;
}


.mysection p{
margin-right: 42px;
padding: 20px;
}



.page-id-839 .main-content a, .page-id-363 .main-content a {
 font-family: 'OpenSansBold' !important;
}


/* white colors */
.page-id-839 .main-content p, .page-id-839 .main-content a {
	  color: white;
}


/*========================================
IPAD LANDSCAPE [    ] 
==========================================*/
@media only screen and (max-width: 1300px) {
	header#top nav > ul > li > a {
	  font-size: 13px !important;
	}

	.the-team article.active{
	background-size: cover;
    background-position: 50% 0;
    background-color: black;
    background-repeat: no-repeat;
    height: 680px;
	}


.the-team article.jim-learned.active{
    background-position: 64% 0;
}

.the-team article.pablo-izquierdo.active{
    background-position: 64% 0;
}


.the-team article.rodolfo-hernandez.active{
    background-position: 64% 0;
}

.the-team article.alison-reither.active{
	background-position: 30% 0;
}

.the-team article.kim-murphy.active{
	background-position: 66% 0;
}


.the-team article.taylor-cylke.active{	
    background-position: 32% 0;
}

.the-team article.mike-martin.active{
	background-position: 90% 0;
}

.the-team article.guayi-fernandez.active{
	background-position: 42% 0;
}

/*.laurent-baiettini*/
.the-team article.myteammemeber.active{ 
	background-position: 73% 0;
}

.the-team article.maxy-sosa.active{
	    background-position: 55% 0;
}

.the-team article.anissa-adas.active{
	    background-position: 55% 0;
}

.the-team article.andrea-valdez.active{
	background-position: 50% 2%;
}



.jimena-paz.active{
	background-position: 17% 0;
}



	.mysection.active:after {
	opacity: 0;
	}


	.home #logo img {
	    height: 170px !important;
	}

	.page-id-389 .row .col.section-title h2 {
    	font-size: 26px;
	}

	.page-template-template-team article:not(.active) .entry-content {
    	max-width: 600px;
	}
	.mysection.active .row-bg {
		background-position: 40% 27% !important;
	}


.nectar-sharing{
	padding:0;
}



/* header */
#top .container{
	    padding: 0 20px;
}

.close{
	left:50%;
	margin-left: -77px;
}


.mejs-container{
	min-height: 365px;
}

.mejs-container.mejs-iphone{
	min-height: 200px;
}



}/*  END LANDSCAPE */


/*=========================================
IPAD PORTRAIT []
==========================================*/
@media only screen and (max-width: 768px) {
	.the-team article.active .text-wrapper{
		margin-left: 0!important;
	}

	body:not(.home) header#top #logo img {
    	height: 60px!important;
		margin-top: -20px!important;
		top: 3px; 
		position: relative;
	}
/* 	.mysection.active .row-bg {
    	background-position: -4% 27% !important;
} */
.page-id-389 .row .col.section-title h2 {
    font-size: 18px;
}

.mysection.active .row-bg {
	background-color: rgba(0,0,0,0.80);
	border-radius: 5px;
	box-shadow: 0 0 20px rgba(0,0,0,0.9);
	border: 1px solid #BB381C;
}

.the-team article.active{
	height: 970px;
}

} /* end ipad portrait */







/* ============ IPHONE =================  */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 


/* LA FAMILIA */

.page-template-template-team article, .page-template-template-team article:not(.active):hover{
	height: 160px ;
}
.name{
	font-size: 18px !important;
	padding-top: 52px !important;
}
.postion{
	font-size: 15px !important;
	padding-top: 0 !important;
}


.home #logo img {
    height: 62px !important;
    margin-bottom: 0;
    top: 62px !important;
    position: absolute;
}






/* ABOUT */
.page-id-363 .wpb_row .span_12 > .col {
	padding: 0!important;
	width: 100%!important;
}

.page-id-363 .wpb_row .row-bg, .page-id-363 .full-width-section .row-bg {
    background-image: none !important;
}

/* WORK */
body.single-portfolio .row .col.section-title h1 {
    line-height: 25px !important;
    font-size: 18px!important;
}

.rsDefaultInv .rsFullscreenBtn {
	zoom:0.5;
}


} /* ============= end iphone =============== */

/* ================= IPHONE PORTRAIT ============ */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 
	/* HOW */
	.mysection{
		padding-top: 30px !important; 
    	padding-bottom: 30px !important;
	}
	.page-id-389 .row .col.section-title h2 {
    	font-size: 14px;
	}
}




/* ALL ABOVE  1000 */
@media only screen and (min-width: 1000px){
	body  .wpb_wrapper #portfolio-filters-inline .container {
	    width: 130%!important;
	    margin-left: -10% !important;
	}

}
/* AND BELOW */
@media only screen and (max-width: 1000px){
	
	.page-id-363 .vc_row-fluid .wpb_column {
    	width: 50% !important;
	}

	.page-id-363 .main-content p {
	    text-shadow: 0 0 7px white;
	    color: black;
	}

}

/* IPHONE LANSCAPE */
@media only screen and (max-width: 667px) {
    .the-team article.active{
    	height: 667px;
    	height: 93vh;
	}
}

@media only screen and (max-width: 375px) {
    .mysection{
    	font-size: 12px;
	}
}


#bmplayer-container{
	z-index:9999;
}

body:not(.home) #bmplayer-container{
	display: none;
}



/* FIX Z-INDEX FOR ROYAL SLIDER FULLSCREEN*/
body.single-portfolio .container-wrap {
    z-index: auto!important;
}


/* WORK work */

.wp-video {
    max-width: 100%;
    /* height: auto !IMPORTANT; */
}

body.page-id-469 .slider-video{ object-fit:cover; height: 110% !important;}



/* News Author hide */
.entry-author-link { display: none; }
.entry-permalink { display: none; }
.entry-date { display: none; }





.page-id-389 .nectar-button.medium{
	margin-top:20px;
   display: table;
}

/* SOCIAL WIDGET */
ul.lsi-social-icons{
	background: none!important;
	width: 100%!important;
}

.lsi-social-icons li{
	float: left!important;
}

#footer-outer #footer-widgets .col ul li:first-child > a {
    padding-top: 8px!important;
}


.mejs-audio{
height: 40px !important;
min-height: 40px !important;
}

.mejs-poster.mejs-layer img {  
    display: none!important;
}

#footer-outer a {
    text-decoration: underline;
}




video.wp-video-shortcode, .wp-video-shortcode video{
	width: 100%!important;
}

video, audio{
	visibility: visible !important;
}

/* 
 #post-area .wp-video,  .mejs-container, .mejs-inner, .mejs-mediaelement, .wp-video-shortcode, video{
	width: 570px!important;
	height: 400px!important;
	min-height: 400px!important;
}
 */

/* fix media player background */
 .mejs-container .mejs-controls{
 	background: #111 !important;
 }