/*
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.1
*/
	
	body{ font-size: 18px !important; line-height: 22px}
	
	/*header*/
	
	body #header-outer.transparent header#top nav > ul > li > a, body #header-outer.transparent header#top nav ul #search-btn a span.icon-salient-search, body #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class^="icon-"], body #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], body #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart{ opacity: 1 !important}
	
	body #header-outer.transparent header#top nav > ul > li#social-in-menu > a { color:#BB7B00 !important}

	html body #header-outer.transparent[data-transparent-header="true"]{ background: rgba(255, 255, 255, 0.9) !important}
	
	header#top nav ul li a{ color:#4c6b28}
	header#top nav ul li#social-in-menu a{ color:#BD7B03}
	
	#header-outer #social-in-menu .icon-envelope::after{content: "\f0e0" }
	
	html body #header-outer.transparent[data-transparent-header="true"]{ border-bottom: 0px !important}
	
	
	html body #header-outer:not([data-lhe="animated_underline"]) header#top nav ul li a:hover{ color:#4C6B28 !important}
		
	html body #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.sfHover > a{ color:#4c6b28 !important}/**/
	html body #header-outer.small-nav header#top nav ul li a:hover{ color:#4c6b28 !important}/**/
	
	
	#header-outer.transparent[data-transparent-header="true"] > header #logo img.dark-version, #header-outer.light-text[data-transparent-header="true"] > header #logo img.dark-version{ opacity: 1 !important;}

       #header-outer #social-in-menu i{ height: 23px}
	
		
		/*submenu*/
		
		.sf-menu ul{ width:18em !important}
		html body header#top .sf-menu li ul li a{ background: rgba(0, 0, 0, 0.8) !important; color:#fff !important}
		.sf-menu ul li a{ padding: 8px 14px}
		.sf-menu li ul, .sf-menu li li ul {    box-shadow: 0 2px 2px rgba(0, 0, 0, 0);}
		.sf-menu ul{ top: 75px !important}
	
	/*slider*/
	.slider-but{ background:#E37003 !important; border: 1px solid #fff !important; color:#fff !important; font-size: 20px !important; }
	.slider-but span{ font-weight:600 !important}
	.slider-but:hover{ opacity: 1 !important}
	.slider-but .icon-button-arrow::before{ color: #fff}
	
	
	/*four block*/
	.four-block{ color:#fff; font-size:18px; font-weight:500}
	.four-block h2{ color:#fff; font-size: 30px}
	
	.four-block .nectar-button.large{ font-size: 24px !important; border: 1px solid #fff !important; color:#fff !important; padding: 30px auto !important}
	.four-block .icon-button-arrow::before{ color: #fff !important}
	
	.four-block .vc_col-sm-6{ border: 0px solid #000; padding: 50px; min-height: 410px; margin-left: 0.2% !important}
	.four-block .wpb_wrapper > div{margin-bottom:  0.1% !important;}
	
	
	/*home*/
	.home-con,.home-con h1{ color:#353434}
	.home-con h1{ margin-bottom:30px}
	
	.fb-page{ border: 2px solid #E99138; padding: 5px; background:#fff}
	
	/*Give us call*/
	.giveuscall h2{ color:#fff; font-weight:400 !important}
	.giveuscall .nectar-button.large.see-through.has-icon{ border: 1px solid #fff !important; font-size: 18px !important; background:none !important; color:#fff !important; margin-top: 20px; font-weight:bold}
	
	.giveuscall .icon-button-arrow::before{ color: #fff !important}
	
	/*home news section*/
	.hnews-section h2{ font-weight: 100 !important; color:#61A842 !important; text-transform:uppercase; font-size: 42px !important}
	.hnews-section .blog-recent p{ display: none}
	.hnews-section .blog-recent .post-header{ background: rgba(255, 255, 255, 0.5); padding: 10px; min-height: 70px !important}
	.hnews-section .blog-recent .post-header .meta-author, .hnews-section .blog-recent .post-header .meta-category, .hnews-section .blog-recent .post-header .meta-comment-count{ display: none}
	.home .hnews-section .blog-recent .post-header h3.title a{ color:#000 !important; font-family: roboto; font-size: 18px;}
	
	/*footer*/
	#footer-outer{ background:#C96101; color:#fff}
		#footer-outer h4{ color:#fff !important; font-size: 28px !important; text-transform:none !important; font-weight: 600 !important; letter-spacing: 0px !important}
	#copyright{ background:#B95A02 !important; border: none !important; color:#fff !important}
	#copyright ul li a i{ color:#fff !important}
	
	#black-studio-tinymce-4 #social li{ display: inline-block !important; margin-left: 8px}
	
	
	/*pages*/
	
	.home .main-content{ padding-top: 0px !important;}
	.main-content{ padding-top: 50px !important;}
	
	/*.active_texture{ background:rgba(255, 255, 255, 0.1) !important}*/
	.swiper-slide .content h2{ color:#fff !important; text-shadow: 4px 4px 6px rgba(0,0,0,1) ; font-weight:500 !important; text-transform:uppercase}
	.top-heading, #page-header-wrap h1{ font-size:52px !important;color:#fff !important; text-shadow: 4px 4px 6px rgba(0,0,0,1) ; font-weight:500 !important; text-transform:uppercase}
		.top-heading span{ font-size:62px !important; line-height: 62px}
		
	.page .col.span_12 .vc_col-sm-9{ border-left: 1px solid #ccc !important; padding-left:20px}
	
	.main-content ul, .main-content ol{ margin-left: 15px !important}
	.main-content ul.tp-revslider-mainul, .main-content ol.tp-revslider-mainul{ margin-left: 0px !important}
	
	.gform_body{ margin-top: -10px !important}
	.gform_wrapper{ margin-top: 0px !important}
	.gform_wrapper .gform_footer{ margin: 0px 0 0 -5px !important}
	
	#page-header-bg .span_6{ float: none; margin:0 auto; width:70%}
	#ajax-content-wrap #page-header-wrap #page-header-bg .inner-wrap{ border: 0px solid #F00 !important; padding: 50px 30px !important; background:rgba(0, 0, 0, 0.5) !important}
		#ajax-content-wrap #page-header-wrap #page-header-bg .inner-wrap span.subheader{font-size: 24px; line-height: 26px}
	
	
	/*page sidebar*/
	#sidebar .textwidget ul li a{ background:#E37039 !important; padding: 10px 20px !important; display: block !important; color:#fff; margin:0 0 3px 0 !important}
	#sidebar div ul{ margin-left:0 !important}
	
	#sidebar .textwidget ul li a:hover{ background:#333333 !important;}
	#sidebar .textwidget ul li{ padding:0 0 0 0 !important}
	
	
	/*single post*/
	.single .main-content{ padding-top: 0px !important;}
	.single #post-area{  max-width:100% !important;}
	#single-meta{ display: none !important	}
	
	
	/*10-22-2016*/
	.default-theme.wp-posts-carousel .wp-posts-carousel-image{ padding-top: 0px !important; height: 210px  !important}
	.compact-theme.wp-posts-carousel .wp-posts-carousel-image{ padding-top: 0px !important; height: 210px  !important;}
        .compact-theme.wp-posts-carousel .wp-posts-carousel-container{ background: #fff !important; border: none !important}

.owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav .owl-next{ display: block !important}

	
	
/*Responsive*/


@media screen and (max-width: 1024px) {
	#branding a img, #branding img{ border: 0px solid #000 !important;} /*black*/
	
	/*menu*/
	nav .sf-menu li a{ font-size: 13px !important}
	
	#header-outer[data-lhe="default"] header#top nav > ul > li > a {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

/* !- 800 (portrait tablets (big) and landscape phones (big)) */
@media screen and (max-width: 800px) {
	#branding a img, #branding img{ border: 0px solid #F00 !important;} /*red*/

}
@media screen and (max-width: 960px) {
	#branding a img, #branding img{ border: 0px solid #0F0 !important;} /*green*/
	
	
	#slide-out-widget-area .menuwrapper li {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	/*header*/
	html body #header-outer.transparent[data-transparent-header="true"] {
		background: rgba(255, 255, 255, 1) none repeat scroll 0 0 !important;
	}
	
	#header-outer.transparent[data-transparent-header="true"][data-mobile-fixed="1"]{ height: 70px !important}
	
	body header#top #logo img, body #header-outer[data-permanent-transparent="false"] #logo .dark-version {
		height: 54px !important;
		margin-top: -12px !important;
	}
	header#top .span_9 > .slide-out-widget-area-toggle{ margin-top:0px !important}

	#footer-outer .col.span_4 {
		display: block !important;
		float: none !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}
	#footer-widgets .container .col{ width:100% !important}
	
}
@media screen and (max-width: 560px) {
	#branding a img, #branding img{ border: 0px solid #00F !important;} /*blue*/
}

/* !- 760 (phones and portrait tablets (small)) */
@media screen and (max-width: 760px) {
	#branding a img, #branding img{ border: 0px solid #FF0 !important;} /*yellow*/
	
	/*header*/
	body header#top #logo img, body #header-outer[data-permanent-transparent="false"] #logo .dark-version {
		height: auto !important;
		margin-top: -8px !important;
	}
	
	#header-outer.transparent[data-transparent-header="true"][data-mobile-fixed="1"]{ height: 135px !important}
	header#top .span_9 > .slide-out-widget-area-toggle{ margin-top: 25px !important;}

         .top-heading span{font-size: 32px !important; line-height: 24px}

	
}

@media screen and (max-width: 500px) {
	#branding a img, #branding img{ border: 0px solid #0FF !important;} /*skyblue*/
}
@media screen and (max-width: 540px) {
	#branding a img, #branding img{ border: 0px solid #F0F !important;} /*purple*/
}

/* !- 320 (portrait phones) */
@media screen and (max-width: 320px) {
	#branding a img, #branding img{ border: 0px solid #fff !important;} /*white*/
	
	/*header*/
	body header#top #logo img, body #header-outer[data-permanent-transparent="false"] #logo .dark-version {
		height: 60px !important;
		margin-top: -8px !important;
	}
	
	#header-outer.transparent[data-transparent-header="true"][data-mobile-fixed="1"]{ height: 90px !important}
	header#top .span_9 > .slide-out-widget-area-toggle{ margin-top: 15px !important;}

#page-header-bg .subheader{ display: none}
#ajax-content-wrap #page-header-wrap #page-header-bg .inner-wrap{padding: 25px !important;}
.top-heading span{font-size: 24px !important;}
	
	
	
}

/* Wireframe responsiveness: end */