/*
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('css-SourceSansPro400700.css');

.bigproductname { margin-top: 20px; margin-bottom: 20px!important;  }
.bigproductname h2 { color: #317d59!important; font-size: 36px!important; line-height: 36px!important; margin-bottom: 0px; text-transform: inherit!important; }
.bigproductname h4 { color: #317d59!important; font-weight: 400!important; font-size: 18px!important;  }
.bigproductname img { width: 110px!important; height: auto!important; margin-bottom: 10px!important; }


.home-news-wide { width: 32%; margin-right: 2%; float: left; }
.home-news-wide:nth-child(3) { margin-right: 0%;}

.news-wide, .home-news-wide { margin-bottom: 50px!important; }
.news-wide .news-wide-left img, .home-news-wide img { margin-bottom: 15px!important; }
.news-wide { width: 100%; }
.news-wide .news-wide-left { float: left; width: 25%; margin-right: 3%; }
.news-wide .news-wide-right { float: left; width: 72%; }
.news-wide .nectar-button, body .home-news-wide .nectar-button.accent-color { margin-right: 20px; background-color: #042d19!important; }
.news-wide h3.title a, .home-news-wide h3.title a { color: #7b7e7e!important; }
.news-wide h3.title, .home-news-wide h3.title { line-height: 26px; font-weight: 600!important;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif!important; padding-bottom: 15px; }

.noexcerpt .excerpt { display: none!important; }

.article-content-wrap h3.title { line-height: 26px!important;  }
.blog-recent[data-style*="classic_enhanced"] .article-content-wrap { padding: 6%!important; }

#header-secondary-outer nav .sf-menu li a { background-color: rgb(251, 126, 31); color: #fff!important; font-weight: 600; padding: 2px 10px!important; }

body #header-secondary-outer nav >ul >li:last-child a { padding: 2px 10px!important; }

.fdaprop { width: 100px!important; margin-bottom: 40px!important }

.main-content h1 { color: #55ac7e!important; font-weight: 600!important; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif!important; }

.main-content h3 { color: #55ac7e!important; font-weight: 600!important; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif!important; }

.productimage { padding-top: 20px; background: rgb(162,163,167);
background: linear-gradient(180deg, rgba(162,163,167,1) 0%, rgba(245,247,247,1) 80%); margin-bottom: 0px; }
.productimagewhite { padding-top: 20px; background: rgb(162,163,167);
background: linear-gradient(180deg, rgba(162,163,167,1) 0%, rgba(255,255,255,1) 80%); margin-bottom: 0px; }
.productimagegreen { padding-top: 20px; background: rgb(89,171,127);
background: linear-gradient(180deg, rgba(89,171,127,1) 0%, rgba(255,255,255,1) 80%); margin-bottom: 0px; }

.sixty { padding-top: 60px!important; padding-bottom: 60px!important; }

h5 { text-transform: uppercase; font-weight: 700; font-size: 110%; }

.values-left .vc_column-inner { text-align: right; }
.valuerow-textleft .vc_column-inner { padding-left: 25%; padding-top: 5%; padding-bottom: 5%; }
.valuerow-textright .vc_column-inner { padding-right: 25%; padding-top: 5%; padding-bottom: 5%; }

body #page-header-bg .span_6 span.subheader { font-size: 36px!important; font-weight: 600!important; text-transform: uppercase!important; }

#boxes h2, #boxes h4 { color: #52ac7e!important; }

.newsback h4 { color: #000!important; font-weight: 600!important; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif!important; margin-top: 10px; }
.newsback h2 { color: #fff!important; font-size: 72px!important; line-height: 72px!important;  }
.newsback h2 em { color: #fff!important; font-size: 48px!important; position: relative; bottom: 8px; }
.mintback h2, .mintback h4 		{ color: #509f5e!important; }
.yellowback h2, .yellowback h4 { color: #55ac7e!important; }
.greenback h2, .greenback h4 	{ color: #55ac7e!important; }
.blueback h2, .blueback h4, .blueback2 h2, .blueback2 h4 		{ color: #005ca4!important; }
.goldback h2, .goldback h4 		{ color: #fb7e1f!important; }
#orangeback h2, #orangeback h4 { color: #55ac7e!important; }

body[data-dropdown-style="minimal"] .sf-menu li li ul { left: 25em!important; }


h1 sup { font-size: 45px!important; position: relative; bottom: -10px; }
h2 sup { font-size: 30px!important; position: relative; bottom: -5px; }

#footer-outer .row { padding: 25px 0px!important; }

.socrow { padding-top: 30px!important; }
ul.social { float: right; position: relative; right: 75px;  }
ul.social li { display: inline; margin-right: 5px; }

body h2, article.post .post-header h2 { font-family: Poppins!important; text-transform: uppercase!important; font-weight: 800!important; }

html body .row .col.section-title h1 { font-size: 54px!important; line-height: 56px!important; }
#author-bio { display: none!important; }
span.meta-comment-count { display: none!important; }

#footer-outer .row { padding-bottom: 30px!important;  }

#copyright { background-color: #252525!important }
#copyright .span_5 { width: 100%!important; text-align: center; font-family: 'Source Sans Pro', sans-serif!important; font-weight: 700!important; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; color: #bcbec0; }

#footer-widgets .textwidget { text-align: center;  }

div.legal { display: block; width: 100%; margin-top: 30px; font-family: 'Source Sans Pro', sans-serif!important; font-weight: 700!important; letter-spacing: 1px; text-transform: uppercase; font-size: 20px; color: #bcbec0; }


.showmobile { display: none!important; }
.hidemobile { display: block; }

header#top nav > ul > li > a { color: #509f5e!important; }

.small-nav { background-color: rgba(255,255,255,1)!important; }

.goldback img  { padding-right: 50px!important; }
.cuphomeleft { padding-top: 200px; padding-right: 50px; }

#lightbulb { margin-top: -60px; }

#cuphome h2, #cuphome h4, #yellowfade h2, { line-height: 1; }
#cuphome h2 { font-size: 38px; }

#cuphome, #boxes { max-width: 70%; margin-left: auto; margin-right: auto; background-size: 100% auto!important; margin-top: -150px; }
#cuphome .vc_col-sm-9, #boxes .vc_col-sm-9 { padding-left: 50px; }

.mintback, .yellowback, .greenback, .blueback, .blueback2, .goldback, .newsback { max-width: 85%; margin-left: auto; margin-right: auto; padding-top: 60px!important; padding-bottom: 60px!important; }

.blueback { padding-bottom: 0px!important; }

.mintback .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(to right, #ffffff, #e3e1e1)!important; opacity: 1!important }
.yellowback .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(45deg, #fffbcd, #ffffff)!important; opacity: 1!important }
.orangeback .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(to right, #e6e6e6, #eed691)!important; opacity: 1!important }
.greenback .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(to right, #ffffff, #e8f0c6)!important; opacity: 1!important }
.blueback .row-bg-wrap .row-bg-overlay, .blueback2 .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(to right, #6fd0f6, #ffffff)!important; opacity: 1!important }
.goldback .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(45deg, #fe9735, #fff79e)!important; opacity: 1!important }

.boxcup { margin-top: 200px; }

#boxes h2, #boxes h4, #cuphome h2, #cuphome h4, 
.mintback h2, .mintback h4,
.yellowback h2, .yellowback h4,
.orangeback h2, .orangeback h4,
.greenback h2, .greenback h4,
.blueback h2, .blueback h4,
.goldback h2, .goldback h4 { font-family: 'Source Sans Pro', sans-serif!important; font-weight: 700!important; text-transform: uppercase; }

#boxes ul, #boxes li { list-style-type: none; margin-left: 5px; }

#cuphome h4 { text-transform: none; }


.newsback .aligncenter { margin-top: 0px; }


.mintback h2, .yellowback h2, #orangeback h2, .greenback h2, .blueback h2, .goldback h2 { font-size: 44px;; }

.mintback p, .yellowback p, .greenback p, .blueback p,  .goldback p { color: #557c83; }

.newsback a.nectar-button, .blueback2 a.nectar-button, .orangeback a.nectar-button, .mintback a.nectar-button, .yellowback a.nectar-button, .greenback a.nectar-button, .blueback a.nectar-button, .goldback a.nectar-button { padding: 10px 30px; font-size: 20px; font-weight: 700; font-family: 'Source Sans Pro', sans-serif; border-radius: 0px!important; }

.righthand a.nectar-button { float: right; }
.righthand h2, .righthand h4, .righthand p { text-align: right; }



.checklist h2 { cursor: pointer!important; margin-left: -55px; text-transform: uppercase; color: #2e78c9!important; font-weight: 700; }
.bigcheck { height: 30px!important; margin-right: 10px; display: inline-block!important;  position: relative; top: 3px; width: 92px!important; cursor: pointer!important; }
.smallcheck { height: 20px!important; margin-right: 5px; display: inline-block!important;  position: relative; top: 3px; }

#yellowfade .vc_col-sm-8 { padding-right: 50px; }

.checklist ul { margin-left: 46px!important; display: none; }
.checklist ul li { list-style-type: none!important; color: #557c83!important; }

.the_future p { font-family: 'Source Sans Pro', sans-serif; }
.the_future, .earth_cup { margin-top: 200px!important; }
.the_future strong { font-weight: 700!important; }

h2:hover img.bigcheck { content: url('../image/bigcheck2-check.png')!important; }

.the_future { color: #666568; }
.the_future h4 { text-transform: uppercase; font-weight: 700!important; }
.the_future h2 { color: #2e78c9!important; font-weight: 700; margin-bottom: 20px; }
#homebanner1 .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(to right, #ffffff, #b0d5b3)!important; opacity: 1!important }
#homebanner2 .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(to right, #9cc660, #d3e9cf)!important; opacity: 1!important  }
#homebanner3 .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(to right, #c5c6c8, #8c8d90)!important; opacity: 1!important  }
#homebanner4 .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(to right, #c5e9fa, #61b3e0)!important; opacity: 1!important  }

#homebanner1 .nectar-button.large.regular { background-color: #005791!important; padding: 10px 25px; font-size: 20px; }
#homebanner2 .nectar-button.large.regular { background-color: #408033!important; padding: 10px 25px; font-size: 20px; }
#homebanner3 .nectar-button.large.regular { background-color: #6f7072!important; padding: 10px 25px; font-size: 20px; }
#homebanner4 .nectar-button.large.regular { background-color: #005791!important; padding: 10px 25px; font-size: 20px; }

.homebanner h2 { color: #fff!important; font-family: Roboto; font-weight: 900; font-size: 55px; line-height: 65px; text-transform: uppercase;  }
.homebanner img { padding: 60px; }

#homebanner1 img, #homebanner4 img {	
	-webkit-filter: drop-shadow(-5px -5px 5px #61b3e0);
			filter: drop-shadow(-5px -5px 5px #61b3e0); }
			
#homebanner2 img {	
	-webkit-filter: drop-shadow(-5px -5px 5px #9cc660);
			filter: drop-shadow(-5px -5px 5px #9cc660); }
			
#homebanner3 img {	
	-webkit-filter: drop-shadow(-5px -5px 5px #8c8d90);
			filter: drop-shadow(-5px -5px 5px #8c8d90); }

#homebanner2 img { padding-bottom: 0px; }
#homebanner3 img {  padding: 40px; padding-bottom: 0px; }

.homebanner p { font-size: 125%; }
.buttonright { float: right; }



.main-content img { width: 100%; height: auto; }

.home #page-header-wrap { margin-bottom: 0px!important; }


#page-header-wrap { margin-bottom: 40px; }

.nectar-button, .nectar-button span { letter-spacing: 0px!important; }
#footer-outer { margin-top: 0px; }

h2 { color: #55ac7e!important; }
h4 { color: #55ac7e!important; }
ul.sf-menu li a  { color: #000!important; }

.row .col img { margin-bottom: 0px; }

#footer-outer #footer-widgets .col ul li { line-height: 18px; }

body[data-dropdown-style="minimal"] .sf-menu >li ul { width: 25em; }

body[data-dropdown-style="minimal"] .sf-menu li li ul.on-left-side { right: 25em!important; }


#footer-outer .widget h4 { color: #55ac7e!important; font-size: 20px; text-transform: none; font-family: 'Roboto Slab'; }

#footer-outer .widget { color: #fff!important; }

.legal { font-size: 13px; text-align: center; line-height: 17px; }


#footer-outer #copyright { padding: 5px 0px; padding-bottom: 8px; }

body #header-secondary-outer .nectar-center-text { max-width: 95%; width: 1245px; text-align: right; font-size: 14px; color: #fff; padding-top: 5px; padding-bottom: 5px; background-color: #52a87d!important; font-weight: 700; }

#header-secondary-outer { background-color: #52a87d!important; }

.textright h2, .textright p { text-align: right!important; }


body.home #footer-outer { margin-top: 0px!important; }

@media screen and (max-width: 1400px){
	
	.cuphomeleft { padding-top: 150px; padding-right: 30px; }
	.the_future, .earth_cup { margin-top: 150px!important; }
	
	.valuerow-textleft .vc_column-inner { padding-left: 15%; padding-top: 5%; padding-bottom: 5%; }
.valuerow-textright .vc_column-inner { padding-right: 15%; padding-top: 5%; padding-bottom: 5%; }

}

@media screen and (max-width: 1300px){
	#header-outer #logo img, #header-outer .logo-spacing img { height: 65px!important; }
	#top nav > ul > li > a { font-size: 18px!important; }
}

@media screen and (max-width: 1200px){
	#header-outer #logo img, #header-outer .logo-spacing img { height: 55px!important; }
	#top nav > ul > li > a { font-size: 15px!important; }
	#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a { margin-left: 7px!important; margin-right: 7px!important; }
}

@media screen and (max-width: 1024px){
	
	.cuphomeleft { padding-top: 120px; padding-right: 20px; }
	.the_future, .earth_cup { margin-top: 120px!important; }



}

@media screen and (max-width: 1000px){


.news-wide, .home-news-wide { width: 100%; }
.news-wide .news-wide-left, .news-wide .news-wide-right, .home-news-wide { float: none; width: 100%; margin-right: 0%; }
.news-wide .nectar-button, .home-news-wide .nectar-button { width: 100%; text-align: center; }



.values-left .vc_column-inner { text-align: left; }
.valuerow-textleft .vc_column-inner { padding-left: 0; padding-top: 5%; padding-bottom: 5%; }
.valuerow-textright .vc_column-inner { padding-right: 0; padding-top: 5%; padding-bottom: 5%; }

html body .row .col.section-title h1 { font-size: 28px!important; line-height: 32px!important; }


ul.social { float: none; position: relative; right: 0px; display: block; text-align: center;  }

h1 sup { font-size: 35px!important; position: relative; bottom: 0px; }
h2 sup { font-size: 20px!important; position: relative; bottom: 0px; }

div.legal { marign-top: 0px; }

#footer-outer div#custom_html-2, #footer-widgets .container .col { margin-bottom: 0px!important; }

.checklist ul { margin-left: 10px!important; display: none; }

.mintback, .yellowback, .greenback, .blueback, .goldback { max-width: 100%!important; }

.showmobile { display: block!important; }
.hidemobile { display: none; }

.goldback .showmobile, .blueback .showmobile { margin-bottom: 30px; }

#lightbulb { margin-top: -30px; }

.cuphomeleft { padding-top: 0px!important; padding-right: 0px!important; max-width: 60%!important; }

#yellowfade { max-width: 100%; }
#yellowfade .vc_col-sm-8 { padding-right: 0px; }
#yellowfade .vc_col-sm-8 p, #yellowfade .vc_col-sm-8 h2 { text-align: left!important; }
#yellowfade a.nectar-button { float: left!important; }
#yellowfade .vc_col-sm-4 img { width: 50%; margin-left: auto; margin-right: auto; }

.the_future { margin-top: -35px!important; }
#cuphome, #boxes { max-width: 90%; margin-top: -20px; }
#cuphome .row-bg.using-image, #boxes .row-bg.using-image { background-size: 150%; background-repeat: no-repeat; background-attachment: fixed; }	
#cuphome .vc_col-sm-3 { display: none; }
#cuphome .vc_col-sm-9, #bosxes .vc_col-sm-9 { padding-left: 0px; }



sup { font-size: inherit; vertical-align: inherit; }

.checklist li { line-height: 20px; }

#cuphome h2, #cuphome h4, #yellowfade h2 { line-height: 1; }
#cuphome h4, #cuphome h2 { margin-bottom: 10px!important;  }

#cuphome p, #yellowfade p { line-height: 22px; }

.homebanner img { padding: 30px; }

#homebanner1 img { padding-bottom: 0px; }
#homebanner2 img { padding-top: 0px; }

#homebanner1 .nectar-button.large.regular { margin-bottom:30px; }
#homebanner3 .nectar-button.large.regular { margin-bottom:30px; }

#jainchemlogo { max-width: 75%; margin-left: auto; margin-right: auto; } 
#custom_html-2 { text-align: center; }

#footer-widgets li.menu-item { padding: 0px!important; }

.textright h2, .textright p { text-align: left!important; }

.textright h2 { padding-top: 30px; }

.buttonright { float: left; }

.checklist h2 { font-size: 28px!important; }

.homebanner h2 {  font-size: 36px!important; line-height: 36px!important; }

.mintback h2, .yellowback h2, .greenback h2, .goldback h2, .blueback h2 { line-height: 34px!important; font-size: 34px!important; }

body .vc_row-fluid .wpb_column { margin-bottom: 0px!important; }

.mintback .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(#aedbb7, #ffffff)!important; opacity: 1!important }
.yellowback .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(#efefef, #eed691)!important; opacity: 1!important }
.greenback .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(#ffffff, #e8f0c6)!important; opacity: 1!important }
.blueback .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(#ffffff, #a4e1fa)!important; opacity: 1!important }
.goldback .row-bg-wrap .row-bg-overlay { background-image: linear-gradient(#d4ddb0, #ffffff)!important; opacity: 1!important }

.righthand a.nectar-button { float: left; }
.righthand h2, .righthand h4, .righthand p { text-align: left; }

.mintback a.nectar-button, .yellowback a.nectar-button, .greenback a.nectar-button, .blueback a.nectar-button, .goldback a.nectar-button { width: 100%; text-align: center; }

.checklist ul li { margin-bottom: 3px; }

#boxlandcup { display: none; }

.leftcuphome { display: none; }

.mintback img, .yellowback img, .greenback img, .goldback img, .blueback img { width: 90%!important; }
.mintback, .yellowback, .greenback, .goldback, .blueback { padding-top: 30px!important; padding-bottom: 30px!important;  }

.mintback, .yellowback, .greenback, .blueback, .goldback { margin-left: 0; margin-right: 0; }

#boxes .vc_col-sm-3 { display: none; }

#cuphome .vc_col-sm-9, #boxes .vc_col-sm-9 { padding-left: 0px; }

.yellowback .span_12 { display: flex!important; flex-flow: column!important; }
.yellowback .instance-4 { order: 2!important; }
.yellowback .instance-5 { order: 1!important; margin-bottom: 30px!important; }

.blueback .span_12 { display: flex!important; flex-flow: column!important; }
.blueback .instance-8 { order: 2!important; }
.blueback .instance-9 { order: 1!important; margin-bottom: 30px!important; }
	
.goldback img, .greenback img, .mintback img  { padding-right: 0px!important; margin-bottom: 30px!important; }

#cuphome .sustainability h2, #cuphome .compliance h2, #cuphome .clean_chemistry h2, #cuphome .performance h2 { text-align: left; }
#cuphome h4, #cuphome h2 { text-align: center; }

	
}