/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient, developed by Solution Innovators for Silverman's Farm
Author: Solution Innovators
Author URI: http://si.design
Template: salient
Version: 0.1
*/



/*
 * Top Nav
 */

/* Make the top nav accomodate more items than can fit on one line */
#header-outer #logo {
	margin-bottom: 12px;
}

#header-outer .row .col.span_3 {
	max-width: 23.5%;
}

#header-outer .row .col.span_9 {
	width: 71.5%;	
}
	#header-outer .row .col.span_9 .sf-menu {
		text-align: right;
		margin-right: 4rem;
	}
		#header-outer .row .col.span_9 .sf-menu > li {
			display: inline-block;
			float: none;
			z-index: unset !important;
		}
			#header-outer .row .col.span_9 .sf-menu > li > a {
				padding-top: 22px !important;
				padding-bottom: 0 !important;
				z-index: unset !important;
			}

#header-outer #social-in-menu {
	margin-right: 10px !important;
	margin-top: -3px !important;
	float: right;
}
	#header-outer #social-in-menu a {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
		#header-outer #social-in-menu a:hover i {
			transform: none;
		}

#header-outer nav {
	position: relative;
	display: inline-block;
}
body #header-outer .buttons {
	position: absolute;
	margin-top: 10px !important;
	height: auto !important;
	top: 50%;
	transform: translateY(-50%);
}
	#header-outer .buttons > #search-btn > div > a {
		padding-top: 22px !important;
		padding-bottom: 22px !important;
	}
	#header-outer .buttons > #search-btn > div > a:after {
		height: 100% !important;
		top: 0 !important;
		margin-top: 0 !important;
	}



/*
 * Override the inline styles...
 */

/* nav item hover, underline color */
body #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a,
body #header-outer[data-lhe="animated_underline"].transparent header#top nav > ul > li > a:after {
	border-color: #da363c !important;
}
/* nav item text color, search button color */
body #header-outer.transparent header#top nav .sf-menu > li > a, 
body #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a,
body #header-outer.transparent header#top nav ul #search-btn a span.icon-salient-search {
	color: #000000 !important;
}
/* search box left border */
.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul #search-btn a:after,
.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul .slide-out-widget-area-toggle a:after,
.ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-menu:after {
	border-left: 1px solid #000000 !important;
}



/*
 * Fix the white-on-white mobile slideout menu
 */
#slide-out-widget-area li a {
	color: #333 !important;
}



/*
 * The following was cut/pasted (and cleaned up) from "Custom CSS Code", [ Salient > General Settings > CSS/Script Related ]
 */

/* add dark gradient to header on desktops */
@media only screen and (min-width: 1001px){
	#header-outer[data-transparent-header="true"].transparent{
		background: linear-gradient(to bottom, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.65) 60%,rgba(255,255,255,0) 100%);
		color: #000 !important;
	}
}
#page-header-bg .span_6 h1, #page-header-bg .span_6 span {
	text-shadow: 0px 0px 6px #000;
}
#page-header-bg .span_6 .subheader{
	padding:10px 20px;
}
.page-submenu{
	font-size:1.2em;
	font-weight: 600;
}
.page-submenu.header-not-visible{
	font-size:1.4em;
	font-weight: inherit;
}

body[data-form-submit="see-through"] input[type=submit], body[data-form-submit="see-through"] button[type=submit] {
	background-color: #EEE!important;
}