@import url('https://fonts.googleapis.com/css?family=Questrial');


/*
Theme Name: Salient Child Theme
Theme URI: http: //outspoke.co/
Description: This is a custom child theme for Salient
Author: Outspoke
Author URI: http: //outspoke.co/
Template: salient
Version: 0.1
*/

.wpb_row .row-bg, .full-width-section .row-bg {
    background-position: right top !important;
}

.section-padding-top {
	padding-top:100px !important;
}

.section-padding-top-half {
	padding-top:50px !important;
}


.section-padding-bottom {
	padding-bottom:100px !important;
}

@media only screen and (max-width: 690px) and (min-width: 1px) {
	.section-padding-top {
	padding-top:50px !important;
}

.section-padding-top-half {
	padding-top:30px !important;
}


.section-padding-bottom {
	padding-bottom:50px !important;
}

}

.full-width {
	width: 100% !important;
}

.marquee-header {
	max-height: 500px !important;
	overflow: hidden !important;
}

/*reverse row in desktop*/
@media only screen and (min-width: 1001px) {   
	.reverse-row >.col.span_12 {        
		display: flex;
		flex-direction: row-reverse !important;  
		
	}
	
	.reverse-row  .vc_col-sm-6:last-child {
		margin-left: 0% !important;
	}
	
	.reverse-row  .vc_col-sm-6:first-child {
		margin-left: 2.1% !important;
	}
}

/* fix strange bug in salient which is displaying off-canvas menu twice in mobile */
@media only screen and (max-width: 1000px) and (min-width: 1px) {
    #slide-out-widget-area .mobile-only {
        display: none !important;
    }
}

/* Timeline code */
html body .ctl-timeline-date, html body .timeline-main-title, html body .timeline-year  {
	display: none !important;
}

.press-carousel h3 {
	margin-top: 20px !important;
}

.swiper-slide .image-bg {
	background-position: right!important;
}
.swiper-slide {
	background-color: black;
}

/* main page slider background alignment */
@media only screen and (max-width: 1000px) and (min-width: 1px) {
	html body  .swiper-slide .content span,
	html body .nectar-slider-wrap[data-full-width="false"] .swiper-slide .button a	{
		font-size:13px !important;
	}
}

@media only screen and (max-width: 690px) and (min-width: 1px) {
	
	.swiper-slide .image-bg {
		opacity: 0.6;
	}
	
}

@media only screen and (max-width: 460px) and (min-width: 1px) {
	.swiper-slide .image-bg {
		background-position: 75% 0% !important;
	}
}