/*
Template Name: Hain Celestial
Version: 2.0
*/

/* Imports
-----------------------------------------------------------------*/
/* Raleway Font */
	@import url(https://fonts.googleapis.com/css?family=Raleway:600,500,700,800);
	/* Montserrat */
	@import url(https://fonts.googleapis.com/css?family=Montserrat:700);



/* Body
-----------------------------------------------------------------*/
body {
	color: #444;
	font-family: Raleway, sans-serif !important;
	font-weight: 500;
	background: #FFF;
	background-position: 0 0;
	background-repeat: repeat-y;
}

/* Fixes and Styles
-----------------------------------------------------------------*/

.news-bar p {
	text-align: center;
  line-height: 1.5em;
  font-size: 20px;
  font-weight: 600;
  color: #c0d693;
  padding: 1.5rem;
}
.covid-statement p {
	text-align: center;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1rem;
	line-height: 1.5em;
}
.clear {clear: both; overflow: hidden; height: 0;}

strong, b {font-weight: bold !important;}

p {margin: 0 0 20px 0;}

sup  { font-family: Raleway, sans-serif !important; }

.bluetext {
	color: #495928;
	background: none;
}

.bluebg {
	background: #495928;
	color: #FFF;
}

.orangetext {
	color: #8A6F1E;
	background: none;
	font-weight:500;
}

.orangebg {
	background: #495928;
	color: #FFF;
}

#bottom-green-box {
	background:#495928!important;
	font-family: 'Raleway', sans-serif;
  text-align: right;
  color: #FFF;
  padding: 15px 30px;
}
#bottom-green-box a {
	color:white;
	padding:.5rem;
	border:1px solid white;
	text-decoration: none;
}
body.page-template-page-careers-departments #section-lower-full {
	padding: 1rem;
  border-top: 4px solid #495928;
}
body.page-template-page-careers-departments #section-lower-full .lilpadding {
	padding-left:.5rem;
	padding-bottom:1rem;
}
.greentext {
	color: #568e14;
	background: none;
}

.greenbg {
	background: #568e14;
	color: #FFF;
}

.purplebg {
	background: #a4ac93;
	color: #FFF;
}

.purpletext {
	color: #495829;
	background: none;
}

.redtext {
	color: #aac689;
	background: none;
}

.redbg {
	background: #aac689;
	color: #FFF;
}
.greenlinks a{color: #5D9531!important;}

.greenlinks ol
{
	list-style-type: decimal;
	padding-left:40px;
}
.greenlinks ul {
list-style-type: disc;
padding-left:40px;
}

.greenlinks li {
padding-top:5px;
padding-bottom:5px;
}

em{font-style: italic!important;}

/* Container
-----------------------------------------------------------------*/
#container {
	max-width: 1300px;
	width: 100%!important;
	margin: 0;
}

#sidebar {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 8rem;
	text-align: center;
	padding: 0 10px;
}
#container #sidebar .logo {
	float:left;
}
#sidebar .sidebar-expander {
	float: right;
  position: relative;
  right: 2rem;
  top: 3rem;
}

#main {
	position: relative;
	top: 0!important;
	left:0!important;
	width: 100%!important;
}

#sidebar .logo {
	padding: 20px 0 40px 0;
}

#sidebar img.hainlogo {
	width: 100%;
	max-width: 100px;
	height: auto;
}

#sidebar .nav-expander img {
	width: 100%;
	max-width: 57px;
	height: auto;
}

/* Top Section
-----------------------------------------------------------------*/
#top-section {
	padding: 30px 30px 30px 17px;
	font-family: "Raleway", sans-serif!important;

}

#top-navigation {
	float: left;
}

#top-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

#top-navigation li {
	float: left;
	font-size: 18px;
	margin-right: 25px;
}

#top-navigation a {
	color: #4a4a4a;
	background: none;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	text-shadow: 0 0 0 #FFF;

}

#top-navigation .current-menu-item a,
#top-navigation a:hover,
#top-navigation .current-page-ancestor a,
.single-ourbrands #top-navigation #menu-item-24 a {
	text-shadow: 0 0 0 #4a4a4a;
}

#top-right {
	float: left;
	font-size: 13px;
	text-transform: uppercase;
}

#top-right a {
	color: #4a4a4a;
	background: none;
	text-decoration: none;
}

#top-search {
	float: right;
}

#top-world {
	float:right;
}

#top-world img {
	vertical-align: middle;
}

#top-retail {
	float: left;
}

#top-search-left {float: left;}
#top-search-right {float: left;}

#top-search input[type=text] {
	width: 150px;
	padding: 0 10px;
	margin: 0;
	color: #4a4a4a;
	background: #FFF;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #4a4a4a;
	font-family: "Raleway", sans-serif;
	font-size: 13px;
}

#top-search input[type=button],#top-search input[type=submit] {
	border: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url("images/icon-search.png") top left no-repeat;
	color: #000;
}

/* World
-----------------------------------------------------------------*/
#top-world ul, #top-world ul.sub-menu {
	padding: 0;
	z-index: 3000;
	margin: 0;
	text-transform: uppercase;
}
#top-world li, #top-world ul.sub-menu li {
	list-style-type: none;
	display: block;
}
#top-world li a, #top-world li ul.sub-menu li a {
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
/*	padding: 5px; */
	display: block;
}
#top-world li {
	position: relative;
}
#top-world li ul.sub-menu {
	display: none;
	position: absolute;
	top: 20px;
	left: 24px;
	width: 142px;
	border: 1px solid #f6f6f6;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #f6f6f6 75%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(75%, #f6f6f6), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 50%, #f6f6f6 75%, #ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 50%, #f6f6f6 75%, #ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 50%, #f6f6f6 75%, #ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 50%, #f6f6f6 75%, #ededed 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */
}
#top-world li:hover ul.sub-menu {
	display: block;
}
#top-world ul.sub-menu li {
	border-bottom: 1px solid #EEE;
	font-size: 11px;
}
#top-world li ul.sub-menu a:hover {
	color: #4a4a4a;
	background: none;
}
#top-world ul.sub-menu img {
	vertical-align: middle;
	padding: 0 3px 0 0;
}

/* Slide-out Navigation
-----------------------------------------------------------------*/
.nav-expander {cursor: pointer;}

div.main-menu {
	background: #FFF;
	display: block;
	height: 100%;
	position: absolute;
	top: -325%;
	font-size: 15px;
	width: 95%;
	z-index: 2000;
	font-size: 14px;
	line-height: 35px;
	border-bottom: 1rem solid darkgreen;
	max-height: 1400px;
	left:1rem;
}

div.main-menu li {
	font-weight: 800;
	margin: 0;
	padding: 0;
	font-size: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: inline-block;
	width:49%;
}

div.main-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: 600;
	width:100%;
	letter-spacing: 1px;
}

div.main-menu #navigation {
	padding-left: 30px;
}

div.main-menu .nav-section a {
	color: #4a4a4a;
	background: none;
	text-decoration: none;
}

div.main-menu .nav-section a:hover, div.main-menu .nav-section  li.current-menu-item a,
div.main-menu .nav-section .menu-item-has-children li.current-menu-item a,
div.main-menu .nav-section .menu-item-has-children a:hover {
	font-weight: 800;
}

div.main-menu .nav-section .menu-item-has-children li a {
	font-weight: 400;
}

div.main-menu .nav-section a:hover:after, div.main-menu .nav-section li.current-menu-item a:after {
    content: " > ";
}

div.nav-section li li {
	font-size: 13px;
	font-weight: 400;
}

div.nav-section li ul {
	margin: 0 0 30px 0;
}

.nav-expanded div.main-menu {
  left: 0;
}

body.nav-expanded1 {
	background: url("images/bodybg-lg.png") repeat-y;
	background-position: -325px 0;
}

body.nav-expanded #sidebar {display: none;}

body.nav-expanded #main {left: 318px!important;}

/* Pages
-----------------------------------------------------------------*/
#pages {
	width: 90%;
	margin:0 auto;
}


.company-threecolumn a {
	color: #000;
	background: none;
	text-decoration: none;
	font-size:18px;
/*	padding:1rem; */
	line-height: 1.7rem;
	font-weight:500;
}

.company-threecolumn a:hover {
	color: #000;
	background: none;
	text-decoration: underline;
}

#section-title {
	font-weight: 600;
	background: none;
	padding: 1rem 0;
	font-size: 30px;
	line-height: 50px;
	text-transform: uppercase;
}

#global-brands-heading ul {
	list-style: none;
	padding: 5px 0 0 60px;
	margin: 0;
}

#global-brands-heading li {
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 14px;
	vertical-align: middle;
}

#global-brands-heading li img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

#global-brands-heading a {
	color: #4a4a4a;
	background: none;
	text-decoration: none;
}

.the-section-title {
	font-size: 24px;
	line-height: 30px;
}

#full-section-contents {
	width: 800px;
	font-size: 14px;
	line-height: 150%;
	padding: 0 0 0 17px;
}

#full-section-contents-page {
	width: 800px;
	font-size: 14px;
	line-height: 150%;
	padding: 0 0 0 17px;
}

#section-contents-lower-midcol {
	width: 761px;
	max-width: 90%;
	font-size: 14px;
	padding: 20px 0;
	border: 0;
	margin: 10px 0 10px 300px;
}

#full-section-contents-page p {
	font-size: 14px;
	line-height: 130%;
	margin:0 0 20px 0;
	padding: 0;
}

#full-section-contents-page ul, #full-section-contents-page ul.square {
	list-style-type: square;
	padding: 0;
	margin: 0 0 20px 20px;
	font-size: 14px;
	line-height: 130%;
}


#section-contents-left, #section-contents-lower-left {
	width:20%;
	display:inline-block;
	vertical-align: top;
}

#section-contents-lower-left-purple {
	width: 300px;
	float: left;
	margin-right: 4px;
	background: #e3a5f5;
}

#section-contents-right {
	float: left;
}

#section-right-main-image img {
	height: auto;
}

#section-contents-lower-right {
	width:70%;
	display:inline-block;
	vertical-align: top;
		min-height: 650px;
		padding-left:60px;
		padding-top:20px;
}

#section-contents-lower-right-nomargin {
	float: left;
}

#section-contents-left .title {
	width: 100%;
	padding: 20px 0;
	text-align: center;
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 7px;
}

#section-right-main-content {
}

#section-right-main-content-company {
}


.section-title {
	font-size: 24px;
	line-height: 110%;
	font-weight: 600;
}

.lowercontentleftbg {
	background-position: bottom left;
	background-repeat: no-repeat;
	min-height: 726px;
	color: #2F2F2F;

}

.about-linkbox {
	padding: 20px;
	font-size: 23px;
	margin-bottom: 7px;
	text-align: left;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.linkbox-green {
	text-align: left;
	display: block;
	vertical-align: top;
	padding: 10px;
	border:15px solid #578D14;
	background: white;
	color: #578D14;
	font-weight: 500;
	font-size: 30px!important;
	line-height: 120%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin-bottom: 13px;
	text-decoration:none;
}
.linkbox-green1 {
	color: #fffee2;
	background: #479713;

	display: inline-block;
	text-decoration: none;
	clear:both;
}

.linkbox-orange {
	color: #fffee2;
	background: #e7d31e;
	width: auto;
	display: inline-block;
	text-decoration: none;
	clear:both;
}


.linkbox-red {
	padding: 10px;
	background: white;
	border:15px solid #E7D31C;
	color: #E7D31C;
	font-weight: 500;
	font-size: 30px!important;
	line-height: 120%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	display:block;
	vertical-align: top;
	margin-bottom:13px;
	text-decoration:none;
}

.linkbox-blue {
	color: #fffee2;
	background: #495928;
	width: auto;
	display: inline-block;
	text-decoration: none;
	clear:both;
}

.linkbox-purple {
	padding: 10px;
	background: white;
	border:15px solid #A9C589;
	color: #A9C589;
	font-weight: 500;
	font-size: 30px!important;
	line-height: 120%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	display:block;
	vertical-align: top;
	margin-bottom:13px;
	text-decoration: none;
}

.linkbox-cblue {
	color: #fffee2;
	background: #495928;
	display: block;
	width: 265px;
	text-decoration: none;
}


.linkbox-cred {
	color: #fffee2;
	background: #aac689;
	display: block;
	width: 265px;
	text-decoration: none;
}

.linkbox-corange {
	color: #fffee2;
	background: #e7d31e;
	display: block;
	width: 275px;
	text-decoration: none;
}


.linkbox-cgreen {
	color: #fffee2;
	background: #568e14;
	display: block;
	width: 195px;
	text-decoration: none;
}

.linkbox-green1:hover, .linkbox-green:hover, .linkbox-orange:hover, .linkbox-red:hover, .linkbox-blue:hover,
.linkbox-purple:hover, .linkbox-cred:hover, .linkbox-corange:hover, .linkbox-cgreen:hover, .linkbox-cblue:hover {
	padding: 20px 25px;
}

/* #section-right-main-content-company .section-content {width: 90%; max-width: 100%;} */

.section-content {
	margin: 20px 0;
	font-size: 18px;
	line-height: 24px;
	font-weight:500;
	color:#000;
/*	padding:1rem; */
}

.company-threecolumn {
	font-size: 18px;
	color: #000;
	background: none;
	line-height: 2rem;
	margin: 20px 0 70px 0;
	width: 760px;
	max-width: 760px;
}

.company-threecolumn-left {float: left; width: 33%;}
.company-threecolumn-middle {float: left; width: 33%;}
.company-threecolumn-right {float: left; width: 33%;}


#section-multicolumn {width: 100%; margin: 20px auto 100px auto;}

#section-multicolumn .five {width: 20%; float: left;}

#section-multicolumn .five .fivepadding {padding: 0 30px; font-size: 18px; color: #676767; line-height: 150%;}

.section-column-green {
	font-size: 24px;
	color: #479713;
	background: none;
	line-height: 110%;
}

.section-column-blue {
	font-size: 24px;
	color: #495928;
	background: none;
	line-height: 110%;
}

#section-full-right { line-height: 150%; padding-bottom: 100px; font-size: 18px; color: #484848;}
#section-full-right-nomargin {max-width: 530px; line-height: 150%; padding-bottom: 20px; min-height: auto; font-size: 18px; color: #484848;}
#section-full-right p, #section-full-right-nomargin p {margin: 20px 0 0 0;}

#bottom-purple-box {
	background: #a4ac93;
	color: #FFF;
	height: 60px;
	margin: 0 0 60px 0;
}

#full-bg-purple {
	border-top: 3px solid #a4ac93;
	min-height: 300px;
	margin: 10px 0 0 0;
}

#purple-bg-content, #purple-bg-iframe {
	margin: 0 0 0 auto;
	padding: 0 0 20px 0;
}

.purple-content {
	width: 100%;
	font-size: 20px;
	line-height: 150%;
	padding: 15px 0 0 0;
}

#purple-bg-iframe iframe {
	width: 100%;
	min-height: 500px;
	border: 0;
}

#bottom-blue-box {
	background: #495928;
	color: #FFF;
	margin: 0 0 60px 0;
}

#full-bg-blue {
	border-top: 3px solid #495928;
	min-height: 300px;
	margin: 10px 0 0 0;
}

#blue-bg-content, #blue-bg-iframe {
	margin: 0 0 0 auto;
	padding: 0 0 20px 0;
	width: 90%;
}

.blue-content {
	width: 70%;
	font-size: 20px;
	line-height: 150%;
	padding: 15px 0 0 0;
}

#blue-bg-content a {
	color: #495928;
	background: none;
	text-decoration: none;
}

#blue-bg-content p {
	line-height: 150%;
	padding: 0 15px 25px 0;
}

#bottom-blue-box {font-family: 'Raleway', sans-serif; text-align: right; background: #495928; color: #FFF; padding: 15px 30px;}

#bottom-blue-box a {color: #a4ac93; border: 3px solid #a4ac93; padding: 5px 0; display: block; max-width: 190px; text-transform: uppercase;
font-weight: 500; letter-spacing: 1px; font-weight: 600; text-align: center;text-decoration: none;margin: 0 0 0 auto;}

#bottom-blue-box a:hover {opacity: .8; filter: alpha(opacity=80);}


#lower-red-full {
	border-top: 3px solid #d54049;
	padding: 10px 0;
	margin: 10px 0 0 0;
}
#bottom-red-box {font-family: 'Raleway', sans-serif; text-align: right; background: #d54049; color: #FFF; padding: 15px 30px;}

#bottom-red-box a {color: #ffaece; border: 3px solid #ffaece; padding: 5px 0; display: block; max-width: 190px; text-transform: uppercase;
font-weight: 500; letter-spacing: 1px; font-weight: 600; text-align: center;text-decoration: none;margin: 0 0 0 auto;}

#bottom-red-box a:hover {opacity: .8; filter: alpha(opacity=80);}

/* Footer-Ticker
-----------------------------------------------------------------*/
#the-bottom-ticker {
	width: 100%;
	background: url("images/bodybg-faded.png") top left;
	color: #479713;
	padding: 10px 0;
	position:relative;
	display: table;
}

.redticker{color:#C00!important;}

#bottom-ticker {
	font-family: "Open Sans", sans-serif;
	color: #479713;
	background: none;
	font-weight: normal;
	letter-spacing: 1px;
	/*max-width: 840px;*/
	margin: 0 auto;
	text-align: left;
	display: table;
}

#bottom-ticker-left {

	display: table-cell;
	vertical-align: bottom;

}
#bottom-ticker-right {

	display: table-cell;
	vertical-align: bottom;
	padding-left:10px;

}

#bottom-ticker #bottom-ticker-time {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 120%;
}

#bottom-ticker-note {font-size: 11px;line-height: 120%;font-weight: 400;}

#bottom-ticker #bottom-ticker-info {
	font-weight: normal;
	font-size: 28px;

	display: table-cell;
	vertical-align: bottom;
}

#bottom-ticker span.number {
font-size: 60px;
line-height: 0%;
/*vertical-align: bottom;*/
margin-top: 5px;}

#bottom-ticker span.stock-info {
	font-size: 22px;
}

/* Timeline - History
-----------------------------------------------------------------*/
#section-contents-lower-right-history {
	margin: 0 0 0 auto;
	width: 779px;
}

.history-content {
	font-size: 23px;
	line-height: 110%;
	color: #759352;
	padding-top: 20px;
}

#timeline {
	width: 100%;
	font-weight: 500;
	height: 640px;
	margin: 0px auto;

}

.timeline-box {
	height: 540px;
	background: #FFF;
	color: #000;
	float: left;
	display: table;
}

.boxone {width: 130px;}
.boxtwo {width: 260px;}
.boxthree {width:260px;}
.boxfour {width: 260px;}
.boxfive {width: 260px;}

.timeline-alignment {
	vertical-align: bottom;
	height: 100%;
	display: table-cell;
	text-align: center;
}

.timeline-item {
	width: 95%;
	margin: 0 auto;
}

.timeline-inside {
	width: 90%;
	margin: 0 auto;
}

.timeline-red {
	color: #aac689;
	background: url("images/timeline-green.png") center center repeat-x;
	height: 15px;
}

#timeline h3 {
color: #aac689;
font-size: 30px;
font-weight: bold;
text-align:center;
}
.timeline-mid {
	color: #d54049;
	background: url("images/timeline-both.png") center center repeat-x;
	height: 15px;
}
.timeline-grey {
	background: url("images/timeline-grey.png") center center repeat-x;
	height: 15px;
}
.timeline-date {
	font-size: 20px;
	color: #495928;
	padding: 10px 0;
}
.timeline-date-grey {
	font-size: 20px;
	color: #8f8f8f;
	padding: 10px 0;
}
.thumbfull {
	position: relative;
	overflow: hidden;
}
.thumb {
    position: relative;
    overflow: hidden;
	float: left;
	width: 33%;
	min-height: 65px;
	cursor: pointer;
}

.thumb a {
	color: #000;
	background: none;
	text-decoration: none;
}
.thumb a:hover {
	color: #d54049;
	background: none;
}
.thumbfull img,
.thumb img {
    width: 100%;
	max-width: 70px;
	height: auto;
	max-height: 55px;
    padding: 0;
}
.thumbfull > div,
.thumb > div {
    background-color: rgba(255,255,255,0.75);
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s linear;
    color: #000;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}
.thumbfull:hover > div,
.thumb:hover > div {
    display: block;
    opacity: 1.0;
}
.thumbfull > div div,
.thumb > div div {
    padding: 10px 0;
	text-align: center;
}


#section-contents-upper {
	text-align: center;
}
/* Brands - Toggle
-----------------------------------------------------------------*/
#category-toggle {
	padding-bottom: 20px;
}
#brand-toggle {
	margin: 0 30px 10px 18px;
}

#category-toggle-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 446px;
	background: #495928 url("images/arrow-down-new.png") 415px 15px no-repeat;
	position: relative;
	text-align: center;
}
#category-toggle-list ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: -1999px;
	width: ;
	z-index: 10000000;
	text-align: left;
}
#category-toggle-list li {
	background: #495928 url("images/arrow-down-new.png") 415px 15px no-repeat;
	color: #444;
	border-style: solid;
	border-color: #495928;
	border-width: 4px;
	width: 317px;
}
#category-toggle-list li a  {
	background: #FFF;
	color: #6e6e6e;
	display: block;
	padding: 10px 20px;
	width: 360px;
	font-size: 22px;
	text-decoration: none;
}

a.brandtitlelist{padding: 10px 30px 10px 10px !important;}
#brand-toggle #category-toggle-list li a  {

	padding: 0px 30px 0px 10px;

}
#category-toggle-list li:hover ul {
	display: block;
	left: 0px;
	width: 431px;
	padding: 15px 0 0 15px;
	background: #495928 url("images/arrow-up-new.png") 415px 15px no-repeat;
	z-index: 1000000;
}
#category-toggle-list li li {
	width: 240px;
	background: #495928;
	padding: 0 0 10px 0;
	font-size: 16px;

}
#brand-toggle #category-toggle-list li li {
	width: 240px;
	background: #495928;
	padding: 0 0 0px 0;
	font-size: 16px;

}
#category-toggle-list li li a {
	color: #FFF;
	background: none;
	font-size: 16px;
	padding: 0;
}
#category-toggle-list li li a:hover {
	color: #d5e3c4;
	background: none;
}



/* Footer-Close
-----------------------------------------------------------------*/
#footer {
	background: #495928;
	color: #FFF;
	text-align: center;
	padding: 20px;
}

#footer a {
	color: #FFF;
	background: none;
	text-decoration: none;
	text-shadow: 0 0 0 #5765d8;
}

#footer-nav {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
}

#footer-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#footer-nav li {
	display: inline-block;
	padding: 0 20px;
}

#footer-nav a:hover, #footer-nav li.current-menu-item a,
#footer-nav .menu-item-has-children li.current-menu-item a,
#footer-nav .menu-item-has-children a:hover {
	text-shadow: 0 0px 0px #FFF;
}


#footer-copy {
	padding: 30px 0 0 0;
	font-size: 12px;
	font-family: "Open Sans", sans-serif;
}

/* More
-------------------------------------------------------------*/

#section-contents-right-tospriv {
	width: 70%;
	float: right;
}

#section-contents-right-tospriv p {
	margin: 0 0 20px 0;
	line-height: 130%;
	font-size: 14px;
}

#section-contents-right-tospriv ul.square {
	list-style-type: square;
	margin: 0 0 20px 20px;
	line-height: 130%;
	font-size: 14px;
}

#section-contents-right-tospriv ul.sub-square {
	list-style: circle;
	margin: 0 0 0 40px;
	line-height: 130%;
	font-size: 14px;
}

blockquote.indented {
	margin: 0 auto 20px auto;
	width: 80%;
	font-size: 14px;
	line-height: 130%;
}

blockquote.indented p, blockquote.secondary p {
	margin: 0!important;
}

blockquote.secondary {
	padding: 0 0 0 40px;
	margin: 0;
	font-size: 14px;
	line-height: 130%;
}

#section-contents-right-tospriv a {
	color: #5764d8;
	background: none;
}

#section-contents-upper-tospriv{margin-top:90px;}
.privtos-footer-space{height:100px;}
.tossamewidth{text-align:center !important; width:180px;}

.center{margin:auto; text-align:center;}

.brandstable td{padding:12px;}


#search-contents {
margin-top:70px;
margin-left: 20px;
line-height: 18px;
}

.results-heading {
font-size: 23px;

line-height: 25px;
margin-bottom: 20px;
margin-top:30px;
}

#search-advanced input[type=search], #search-advanced input[type=text] {
width: 450px;
background: #EEE;
color: #444;

font-size: 18px;
padding: 5px;
height: 35px;
border: 1px solid #999;
margin: 0;
}

.search-dropdown {
float: left;
margin-right: 3px;
width: 200px!important;
}
.results-heading{border-bottom: 2px solid #6a6a6a;
padding-bottom:20px;
color:#696969;}

.results-heading .query {
color: #4d5ad6;
background: none;
font-weight: 900;
}

#search-contents h2 {
font-size: 23px;

line-height: 25px;
padding: 0;
color: #4d5ad6;
}

.searchtitle{
	width: 100%;
padding: 20px 0;
text-align: center;
font-weight: 600;
font-size: 30px;
margin-bottom: 7px;
width:397px;
margin-top:90px;
	}

	.big-search-button {
	border: 0;
	padding: 0;
	width: 47px;
	height: 47px;
	cursor: pointer;
	background: url("images/bigsearch.jpg") top left no-repeat;
	color: #000;
}

.big-search-box {
width: 400px;
padding: 20px 10px 0;
margin: 0;
color: #4a4a4a;
background: #FFF;
border-style: solid;
border-width: 0 0 2px 0;
border-color: #4d5ad6;

font-size: 20px;
}

.searchtoggle
{
	margin-left:430px;
}
.search-result{border-bottom:2px solid #6a6a6a; padding-bottom:0px;}
.search-result h2 a, .search-result h2 a:visited {
color: #4d5ad6;
background: none;
text-decoration: none;
}

#search-results-list, .results-heading{width:805px; }


.noposts{margin-bottom:40px;}


.company-noteslide {
	margin: 0 auto 25px auto!important;
	padding: 0;
	font-size: 14px;
	color: #6f7173;
	line-height: 150%;
	width: 90%;
	max-width: 1062px;
}
.company-noteslide h1 {
	font-size: 30px;
	line-height: 150%;
}

.company-noteslide h1.italic {
	font-style: italic;
}

.company-noteslide p {
	line-height: 150%;
	font-size: 14px;
	color: #6f7173;
	margin: 0 0 25px 0;
}
.whatwestandfor img{vertical-align:middle; padding-right:15px;}
.sustainability a{text-decoration:none;}

.section-shift { margin-left: 55px; }
.whatwestandfor ul{margin-left:50px;}
li.whatwestandfor{padding-top:15px; padding-left:60px; min-height:33px;}

.sustainabilitydocstitle{margin-bottom:10px;}
.sustainabilitydocs{border-top: 4px solid #e4e4e4;border-bottom: 4px solid #e4e4e4; font-size:12px; margin-top:20px; padding-top:20px; padding-bottom:20px; color:#666666; padding-left:20px;}
.sustainabilitydocs h1{color: #666666; text-transform:uppercase; font-size:18px; padding-bottom: 15px;}

.sustainabilitydocs a{color: #339900; font-size:14px; text-decoration:none; margin-bottom:10px;}

.page-content-grid .page-left {
	width:25%;
}
.page-content-grid .page-right {
	width:65%;
}
.page-content-grid .page-grid-item {
	display:inline-block;
	vertical-align: top;
}
.page-content-grid .page-grid-item .title.orangebg {
	width: 100%;
  padding: 20px 0;
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 7px;
}
#section-contents-upper .us-brands, #section-contents-upper #global-brands-heading {
	width:50%;
}
#section-contents-upper .us-brands {
	float:left;
}
#section-contents-upper #global-brands-heading {
	float:right;
}
@media only screen and (max-width: 768px) {
	header #sidebar {
		display:none;
	}
  .page-content-grid .page-grid-item {
		width:100%;
	}
	.page-content-grid .page-right {

	}
	.page-content-grid .page-right #section-right-main-image img {
		width: 100%!important;
    height: auto!important;
	}
	#section-contents-lower-left, #section-contents-lower-right, #section-contents-left {
		width:100%!important;
	}
	#section-contents-upper .us-brands, #section-contents-upper #global-brands-heading {
		width:100%!important;
		float:none;
	}
}
.page-right img {
	width:100%;
}
.bottom .page-left {
	vertical-align: bottom;
	height:100%;
}
.bottom .page-left img {
	width:80%;
	vertical-align: bottom;
}
.bottom .page-right {
	margin-top:2rem;
}
.pdf-icon {
	width:16px!important;
	height:16px!important;
}
.page-right img.wp-image-3965 {
	width:150px;
	height:auto;
}
@media only screen and (max-width: 500px) {

	body div.main-menu {

	}
	.page-template-page-brands article.desktop {
	}
	.page-template-page-brands article.mobile .info.mobile {
		width:100%!important;
	}
	.page-template-page-brands .info.mobile .the-inner-info-mobile {
		width:100%;
		position: absolute;
	}
	.page-template-page-brands .info.mobile {

	}
	.page-template-page-brands .info.mobile {

	}
	.page-template-page-brands .info.mobile {

	}
}