/*
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
*/

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

@font-face {
    font-family: 'didot-italbold';
    src: url('fonts/didot-htf-b42-bold-ital-webfont.eot');
    src: url('fonts/didot-htf-b42-bold-ital-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('fonts/didot-htf-b42-bold-ital-webfont.woff2') format('woff2'),*/
         url('fonts/didot-htf-b42-bold-ital-webfont.woff') format('woff'),
         url('fonts/didot-htf-b42-bold-ital-webfont.ttf') format('truetype'),
         url('fonts/didot-htf-b42-bold-ital-webfont.svg#didot-italbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

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

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

}

/*-----SEO STYLES ---- */
#cdscontainer {display:none;}

#cdscontainer a{color:#000;
-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}

#cdscontainer a:hover{color:#60E4CD;
-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}

/*-----END SEO STYLES ---- */


/* home delivered meals page */
html body .woocommerce .woocommerce-error {
background: #901818 !important;
font-size: 23px;
text-align: center;
}
body.page-id-856 #page-header-bg h1 {
	font-family: didot-italbold;
}
body.page-id-856 #page-header-bg .span_6 span.subheader {
	font-family: ProximaNova-Regular;
	font-size: 22px;
}

h1, h2 { 
	font-family: OpenSansSemiBold !important;

}
.stuck {
    margin-left: 25px;
    position: fixed;
    top: 90px;
}
html, body {
    color: #676767;
    font-family: ProximaNova-Regular;
    font-size: 16px;
    line-height: 28px;
}
.bold, strong, b {
    font-family: proxima_nova_rgbold ;
    font-size: 18px;
    font-weight: normal;
}
.blog-title h1.entry-title { color: #191919;
    font-family: didot-italbold !important;
    font-size: 36px !important;
    line-height: 43px !important;
    margin-bottom: 20px !important;
}
body #header-outer nav > ul > li > a {
    color: #eeeeee !important;
    font-family: gotham-bold-webfont;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: -1px;
    text-shadow: 1px 1px 0 #030303;
    text-transform: uppercase;
    padding-left:20px; padding-right:20px;
}
#mobile-menu ul li a { color: #eeeeee !important;
    font-family: gotham-bold-webfont;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.toggle.extf h3 a {
    color: #676767;
    background: none !important;
    font-family: proximanova-regular !important;
    font-size: 20px !important;
    padding: 10px 14px 0 0 !important;
}
.toggle.extf.sec h3 a { padding: 0px 14px 0 0 !important;}
.toggle.extf.open h3 a {
    margin-top: 20px !important;
    padding: 14px !important;
}
.toggle.sec.extf {margin-bottom: 55px !important}
.extf p {    padding-bottom: 5px;}
.extf h1, .extf h2 { color: #ccc; margin-top: 15px; }
#footer-outer .toggle.extf.open h3 a:hover {color:#777 !important}
#footer-outer .toggle.extf.open h3 a {padding: 14px 14px 16px 43px !important;}
#footer-outer .extf .row {    padding: 20px 0;}
#footer-outer .toggle.extf.open i {color: #fff !important;}
.toggle.extf h3 a i {color: transparent !important;}
body .toggle > div {
    box-shadow: none !important;
    padding: 10px 0 !important;
}
body .toggle.extf > div {
    background: transparent none repeat scroll 0 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}


/* Header css start*/
#header-outer .row .col.span_3.ph {
    float: right;
}
header#top .sf-menu li ul li a {
    font-size: 14px;
}
#header-outer .row .col.span_3, #header-outer .row .col.span_6 {
    width: auto;
}
header#top .span_6 {
    position: static !important;
}
img.phicon {float: left;
    position: relative;
    top: 9px;}
.telicon {
    font-family: GFS Didot;
    font-size: 30px;
    letter-spacing: -2px;
    line-height: 40px;
    position: relative;
    top: -19px;
}
.telicon a {
    color: #fff;}
.quest {
    color: #fff;
    font-family: didot-italbold;
    font-size: 19px;
    letter-spacing: 0.5px;
    position: relative;
    top: -13px;
}
header#top #logo { position: relative;
    top: 10px;}
.portfolio-items .col img {width: 100%;}
.sf-menu ul li a {
    border-bottom: medium none !important;}

/* Header css end, side bar and last block begin */
#page-header-bg { border-bottom: 7px solid #191919;}
.page-template-page-sidebar .container-wrap {
    padding-bottom: 0 !important;
}
.page-template-page-sidebar .wpb_content_element a {font-family: proxima_nova_rgbold}
.page-template-page-sidebar h1 {
    color: #191919;
    font-family: didot-italbold;
    font-size: 36px !important;
    line-height: 43px !important;
    margin-top: 20px;margin-bottom:20px;
}
.sidebarkk {
    background: #f2f2f2 none repeat scroll 0 0;
    float: right;
    font-size: 20px;
    line-height: 30px;
    max-width: 323px;
    padding: 7% 7% 0;
    width: 100%;
}
.sidebarkk p { padding-bottom: 5px;text-align: center;}
.sidebarkk .phone {text-align:center; color: #000;}
.sidebarkk .phone i {
    font-size: 23px !important;
    position: relative;
    right: 3px;
    top: 4px;
}

.blankimg {height:347px}


.sidebarkk .line {
    background: #c8d0d4 none repeat scroll 0 0;
    height: 1px;
    margin: 45px 3%;
    width: 95%;
}
button.buttonside {
    background: #000 none repeat scroll 0 0;
    border: 2px solid #000;
    border-radius: 33px;
    color: #ffffff;
    font-family: gotham-bold-webfont;
    font-size: 17px;
    margin-top: 20px;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
}

button.buttonside:hover, .cform input[type="submit"]:hover {
    background: transparent;
    color: #60e4cd; transition:  background-color 0.5s ease 0s; cursor: pointer;
}

.sidebarkk ul li {
    border-bottom: medium none !important;
    font-size: 17px;
    line-height: 22px;
    list-style: outside none none;
    padding: 25px 0 25px 75px !important;
}
.sidebarkk ul li:first-child {
background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/07/li1.png") no-repeat scroll left center;
}
.sidebarkk ul li:nth-child(2) {
background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/07/li3.png") no-repeat scroll left center;
}
.sidebarkk ul li:nth-child(3) {
background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/07/li2.png") no-repeat scroll left center;
}

.pricing-table h3 {
    font-family: OpenSansSemiBold;
    padding: 15px !important;}

.pricing-column .pricing-column-content {
    line-height: 20px;
    padding: 15px;
}
.pricing-column h4 {
    font-family: GFS Didot;
}
.pricing-column h4 .dollar-sign {
    font-family: gfs didot;
    top: -5px; font-size:35px;
}
.lastblock button {
    background: #60e4cd none repeat scroll 0 0;
    border: 2px solid #60e4cd;
    border-radius: 32px;
    color: #16594d;
    font-family: proxima_nova_rgbold;
    font-size: 15px;
    letter-spacing: 2px;
    margin-top: 10px;
    padding: 9px 6%;
    text-transform: uppercase;
}
.lastblock button:hover {
    background: transparent;
    color: #60e4cd;  transition: background-color 0.5s ease 0s;
}

.lastblock p.lastblock-title {
    color: #fff !important;
    font-family: didot-italbold;
    font-size: 46px !important;
    letter-spacing: 1px;
    line-height: 47px;
}

.lastblock p {
    color: #fff !important;  font-size: 18px;
}

.menublock {background:#fafafa url("/wp-content/uploads/2015/07/star.png") no-repeat scroll 10px 10px; border: 2px solid #e6e6e6; border-radius: 6px; padding: 15px 10% 15px 12%;}
.menublock h3 {font-family: OpenSansSemiBold; margin-top:10px; margin-bottom: 0 !important;}
.menublock p {border-bottom: 1px solid #efeff0;  padding-bottom: 10px;line-height: 18px;}
.menublock p:last-child {   border-bottom:none;}
.menublock h2 {font-family: OpenSansSemiBold; font-size: 22px}
.container-wrap, .project-title {
    background-color: #fff;
}
/* last block end */

#footer-outer .widget h4, .text-on-hover-wrap .categories a {  font-family: gfs didot;color:#fff; font-size: 18px;}
#footer-outer #footer-widgets .col p {color: #777;}
.footerlogo {margin-top: 20px;}
#footer-outer .row.extf1 { padding-bottom: 0px !important}
.toggle .extf {margin-bottom: 0 !important;}

header#top #logo .starting-logo {    top: 5px;}

.cform .span_4 {
    float: left;
    margin-left: 2.5%;
    width: 31.6667%;
}
.cform .span_4:first-child {
    margin-left: 0;
}

input[type="text"], textarea, input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="search"], input[type="date"] {
    border-radius: 0;
    border-top: 2px solid #60e4cd;
    font-family: ProximaNova-Regular;
    font-size: 17px;
    margin-bottom: 25px;
}
.cform input[type="submit"]{
    background: #60e4cd none repeat scroll 0 0;
    border: 2px solid #60e4cd;
    border-radius: 33px;
    color: #16594d;
    font-family: gotham-bold-webfont;
    font-size: 17px;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;display: block;position: relative;
}
@media screen and (min-width:1280px){
header#top .span_6 {margin-right: 10%;}
}
@media screen and (min-width:1001px) and (max-width:1020px){
 #header-outer #logo img {    height: 46px !important;}
}
@media screen and (min-width:1001px){
.mphicon, .mlogo {display:none}
.mnav {float:right}
.noshowdesktop{display:none}

}
@media screen and (min-width:1001px) and (max-width:1080px){
#header-outer #logo img { height: 46px !important;}
}

@media screen and (max-width:1000px){
.headerright {display:none}
.mphicon{float:left}
.mlogo {float: left; position: relative;text-align: center;top: 4px;width: 92%;}
.mlogo a{text-align:center; vertical-align: top;}
header#top .col.span_3{display:none;}
.mphicon img { margin-bottom: 0 !important; position: relative; top: 2px;width: 35px !important;}
.mlogo img {height: 35px !important;}
.mnav {margin-bottom: 2px !important;margin-left: 20px !important;padding-top: 2px;height: 30px;}
#header-outer .row .col.span_3, #header-outer .row .col.span_6 {width: 100%;}
.noshowdesktop{display:block}.noshowmobile {display:none}
.sidebarkk {float: none;
    max-width: 323px;
    padding: 7% 7% 0; margin: 0 auto;}
.page-template-default header#top .container .row { padding-bottom: 20px;}
}

@media screen and (min-width:690px) and (max-width:1000px){
.mnav {margin-left: 20px !important}
}

@media screen and (max-width:690px){
.mlogo {width: 75%;}
.mnav {margin-left: 0!important}
.pricing-table > div .pricing-column-content, .pricing-table > div h3 {
    border-left: 1px solid #e4e4e4 !important;}
.menublock {background-image: none !important;padding: 15px 5%;}
}





/* home delivered meals page */
.page-id-856 .image_wrap {
	height: 175px !important;
	overflow: hidden;
	margin-bottom: 20px;
}

.page-id-856 .image_wrap img {
	width: 100% !important;
}

.page-id-856 .button {
	background: #1a0d67;
	color: #ffffff;
	padding: 5px 20px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	border-radius: 100px;
	font-family: gotham-bold-webfont;
	margin-top: 16px;
	margin-bottom: 40px;
}
.page-id-856 hr {
	margin-bottom: 40px;
	background: #efefef;
	border: none;
	height: 1px;
}
.icon-salient-cart::before {
	content: "\e012";
	color: #ffffff;
}
body[data-header-color="dark"] #header-outer .cart-menu {
	background: transparent !important;
}

.portfolio-items .col .work-item.style-3 img, .portfolio-items .col .work-item.style-3-alt img {
  width: 100%;
}




.page-header-bg-image {
height: 100%;
background-size: cover !important;
}

#read-more {display:none;}

#read-more a {color:#676767!important;
	-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#read-more a:hover {color:#60e4cd!important;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#show-more, a#hide-less {
     color:#676767!important;
}