/* 
Theme Name: ChemREADY  Theme
Theme URI: http://www.ggcomm.com/
Author: Goldstein Group Communications
Author URI: http://www.ggcomm.com/
Description: ChemREADY Website Theme
Version: 1.0
*/

/*TEST*/


body, html {
	font-family: 'Lato', sans-serif;
	color: #000000;
}

h2 {
	color: #07205c;
	font-weight: bold;
	font-size: 1.5rem;
}

h4 {
	color: #07205c;
	font-weight: bold;
	font-size: 1rem;
}

.btn.btn-primary {
	border-radius: 2rem;
	background-color: #9fce63;
	border: 1px solid #9fce63;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn.btn-primary:hover {
	background-color: #91bd5a;
	border: 1px solid #91bd5a;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.flex-column{
	flex-direction: column;
}

/*  Default Paddings */
.pad-bot-0{ padding-bottom: 0rem !important;}
.pad-bot-1{ padding-bottom: 2rem !important;}
.pad-bot-2{ padding-bottom: 5rem !important;}
.pad-bot-3{ padding-bottom: 7rem !important;}
.pad-bot-4{ padding-bottom: 10rem !important;}
.pad-bot-5{ padding-bottom: 13rem !important;}

@media (max-width: 576px) {
	.pad-bot-0{ padding-bottom: 0rem !important;}
	.pad-bot-1{ padding-bottom: 1rem !important;}
	.pad-bot-2{ padding-bottom: 2rem !important;}
	.pad-bot-3{ padding-bottom: 4rem !important;}
	.pad-bot-4{ padding-bottom: 6rem !important;}
	.pad-bot-5{ padding-bottom: 8rem !important;}
}

.pad-top-0{ padding-top: 0rem !important;}
.pad-top-1{ padding-top: 2rem !important;}
.pad-top-2{ padding-top: 5rem !important;}
.pad-top-3{ padding-top: 7rem !important;}
.pad-top-4{ padding-top: 10rem !important;}
.pad-top-5{ padding-top: 13rem !important;}

@media (max-width: 576px) {
	.pad-top-0{ padding-top: 0rem !important;}
	.pad-top-1{ padding-top: 1rem !important;}
	.pad-top-2{ padding-top: 2rem !important;}
	.pad-top-3{ padding-top: 4rem !important;}
	.pad-top-4{ padding-top: 6rem !important;}
	.pad-top-5{ padding-top: 8rem !important;}
}

/*  Default Margin */
.mar-bot-0{ margin-bottom: 0rem !important;}
.mar-bot-1{ margin-bottom: 2rem !important;}
.mar-bot-2{ margin-bottom: 5rem !important;}
.mar-bot-3{ margin-bottom: 7rem !important;}
.mar-bot-4{ margin-bottom: 10rem !important;}
.mar-bot-5{ margin-bottom: 13rem !important;}

@media (max-width: 576px) {
	.mar-bot-0{ margin-bottom: 0rem !important;}
	.mar-bot-1{ margin-bottom: 1rem !important;}
	.mar-bot-2{ margin-bottom: 2rem !important;}
	.mar-bot-3{ margin-bottom: 4rem !important;}
	.mar-bot-4{ margin-bottom: 6rem !important;}
	.mar-bot-5{ margin-bottom: 8rem !important;}
}

.mar-top-0{ margin-top: 0rem !important;}
.mar-top-1{ margin-top: 2rem !important;}
.mar-top-2{ margin-top: 5rem !important;}
.mar-top-3{ margin-top: 7rem !important;}
.mar-top-4{ margin-top: 10rem !important;}
.mar-top-5{ margin-top: 13rem !important;}

@media (max-width: 576px) {
	.mar-top-0{ margin-top: 0rem !important;}
	.mar-top-1{ margin-top: 1rem !important;}
	.mar-top-2{ margin-top: 2rem !important;}
	.mar-top-3{ margin-top: 4rem !important;}
	.mar-top-4{ margin-top: 6rem !important;}
	.mar-top-5{ margin-top: 8rem !important;}
}

img.alignleft{
	float: left;
	padding-right: 12px;
}



/*
 * HEADER CSS
 */

.navbar {
	padding: 0.5rem 0px;
	font-size: 0.85rem;
}
.navbar-brand {
	margin-top: -1rem;
	margin-bottom: 1rem;
	max-width: 250px;
}
.main-header ul.navbar-nav li > .nav-link {
	padding-right: .7rem;
	padding-left: .7rem;
	color: #07205c;
}
.main-header ul.navbar-nav li.dropdown > ul.dropdown-menu {
	border: 0px solid transparent;
	background-color: #f1f1f1;
	min-height: 21rem;
	margin-top: 0px;
}
.main-header ul.navbar-nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
}
.main-header ul.navbar-nav .menu-item-has-children:after {
	display: none;
}
.main-header ul.navbar-nav li.dropdown > ul.dropdown-menu > li.nav-item {
	position: static;
}

.main-header ul.navbar-nav li.dropdown > ul.dropdown-menu .dropdown-item:active {
	background-color: #002060;
}
.main-header ul.navbar-nav li.dropdown > ul.dropdown-menu .nav-link {
	color: #838383;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}
.main-header ul.navbar-nav li.dropdown > ul.dropdown-menu > li:hover {
	background-color: #f8f8f8;
}
.main-header ul.navbar-nav li.dropdown > ul.dropdown-menu > li.dropdown > ul.dropdown-menu {
	left: 99.5%;
	top: 0px;
	background-color: #f9f9f9;
}
.main-header ul.navbar-nav > li.dropdown:last-child > ul.dropdown-menu > li.dropdown > ul.dropdown-menu {
	left: auto;
	right: 99.5%;
}
.main-header ul.navbar-nav li.dropdown > ul.dropdown-menu > li.dropdown > ul.dropdown-menu > li:hover {
	background-color: #FFFFFF;
}
.main-header ul.navbar-nav li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu {
	display: block;
}

.main-header .navbar-light .navbar-nav .nav-link {
	color: #07205c;
}
.main-header .navbar-light .navbar-nav .contact-us-item .nav-link {
	color: #07205c;
	background-color: #07205c;
	color: #FFFFFF;
	border-radius: 3rem;
}
.main-header .navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1rem;
  padding-left: 1rem;
}
.main-header .navbar-expand-lg .navbar-nav .nav-link .fas {
	margin-left: 0.3rem;
}
.main-header .dropdown-menu {
	border-radius: 0px;
	top: 98%;
	font-size: 0.85rem;
}
.ss360-nav--tabs .ss360-nav__entry{
	background-color: #f4f4f4 !important;
}
.unibox__suggest-heading{
	font-size: 16px !important;
	font-weight: normal !important;
	color: #007BFF !important;
}
.ss360-nav--tabs .ss360-nav__menu-item--active button.ss360-nav__entry{
	background-color: #012060 !important;
	color: white !important;
}
#unibox-suggest-box .unibox-tc-c{
	color:#007BFF !important;
}
#ss360-layer .ss360-ac-bg--hover:hover{
	background-color: #012060 !important;
	color: white !important;
}
.searchform {
	margin-bottom: -1rem;
	position: relative;
	z-index: 99;
	border: 1px solid #dedede;
	border-radius: 2rem;
}
.searchform input[type=text]{
	border: 0px solid transparent;
	position: absolute;
	right: 40px;
	width: 90%;
	line-height: 38px;
	background: transparent;
	padding-left: 2rem;
	letter-spacing: 1px;
	text-align: left;
	padding-right: 2rem;
	color: #b7b7b7;
	z-index: 99;
	border-radius: 2rem;
	outline: none;
}
.searchform input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b7b7b7;
}
.searchform input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: #b7b7b7;
}
.searchform input[type=text]:-ms-input-placeholder { /* IE 10+ */
  color: #b7b7b7;
}
.searchform input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: #b7b7b7;
}
.searchform input[type=submit] {
	border: none;
	width: 38px;
	height: 38px;
	cursor: pointer;
	background: transparent;
	text-indent: 2rem;
  overflow: hidden;
}
.searchform i{
	position: absolute;
	right: 0px;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
	pointer-events: none;
	font-size: 22px;
	color: #b7b7b7;
}
.searchform:hover i{
	color: #999;
}
.navbar-toggler:focus {
	outline: none;
}

@media (max-width: 1200px) {
	.main-header .navbar-brand {
		max-width: 180px;
	}
	.main-header .navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.7rem;
	  padding-left: 0.7rem;
	  margin-right: 60px;
	}
	.menu-item-has-children ul li a {
	  margin-right: 60px;
		width: 80%;
	}
	.searchform {
		margin-top: 0.3rem;
		margin-bottom: -1rem;
	}
}

@media (max-width: 991px) {
	.searchform {
		margin-top: 0px;
		margin-bottom: -0.5rem;
	}
	.navbar-brand {
		margin-top:0px;
		margin-bottom: 0px;
	}
	.dropdown-menu {
		border: 0px solid transparent;
	}

	.dropdown-item{
		white-space: break-spaces !important;
	}

	.main-header ul.navbar-nav .menu-item-has-children:after {
		display: inline-block;
	  width: 0;
	  height: 0;
	  content: "▼";
    float: right;
    top: -30px;
    right: 20px;
    position: relative;
	}
		.main-header ul.navbar-nav .menu-item-has-children:focus > ul.dropdown-menu {
		display: block;
	}
	.main-header ul.navbar-nav li.dropdown > ul.dropdown-menu {
		padding-left: 1rem;
		min-height: 0px;
		background-color: #ffffff;
	}
	.main-header ul.navbar-nav li.dropdown > ul.dropdown-menu > li.dropdown > ul.dropdown-menu  {
		padding-left: 1rem;
		background-color: #ffffff;
	}
	.main-header .navbar-light .navbar-nav .contact-us-item .nav-link {
		display: inline-block;
	}

	.page-title.pb-5{
		padding-bottom: 0 !important;
	}

}

/*
 * ONE COLUMN TEXT BLOCK
 */

.one-col-text-block {
	padding-top: 2rem;
	padding-bottom: 0rem;
}

.one-col-text-block img{
	max-width: 100%;
	height: auto;
}



@media (max-width: 991px) {
	.one-col-text-block h1{
		font-size: 1.8em;
	}

}


/*
 * TWO COLUMN TEXT IMAGE BLOCK
 */

.two-col-text-img-block {
	padding-top: 2em;
	padding-bottom: 0rem;
}
.two-col-text-img-block .two-col-txt-img-content {
	margin-top: 1rem;
}
.two-col-text-img-block .two-col-flex {
	height: 100%;
	margin-left: -15px;
	margin-right: -15px;
}

.two-col-text-img-block img{
	max-width: 100%;
	height: auto;
}

.wp-caption{
	max-width: 100%;
	height: auto;
}
/*.two-col-text-img-block .two-col-flex .row {
	width: 100%;
}*/


/*
 * MARQUEE IMAGE BLOCK
 */

.marquee-image-block {
	height: 200px;
	min-height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.marquee-image-block.height-0 {
	min-height: 200px;
	height: 200px;
}
.marquee-image-block.height-1 {
	min-height: 300px;
	height: 300px;
}
.marquee-image-block.height-2 {
	min-height: 400px;
	height: 400px;
}
.marquee-image-block .container {
	min-height: 100%;
}

.marquee-image-block .row {
	height: 100%;
}

.marquee-image-block .page-title {
	height: 100%;
}
.marquee-image-block .drk_bg h1 {
	display: block;
	color: #FFFFFF;
	width: 100%;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 1.0);
	font-size: 2.5em;
}

.marquee-image-block .light_bg h1 {
	display: block;
	color: #07205c;
	font-weight: normal;
	width: 100%;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	font-size: 2.5em;
}

.marquee-image-block .light_bg p {
	color: #07205c;
	font-size: 1.25em;
	text-shadow: 0px 0 0.5em #ffffff, 0px 0 1em #ffffff ;
	display: block;
	width: 100%;
	font-weight: 600;

}

.marquee-image-block .drk_bg p {
	color: #ffffff;
	font-size: 1.25em;
	display: block;
	width: 100%;
}


@media (max-width: 991px) {
	.marquee-image-block h1{
		font-size: 1.8em !important;
	}
	.marquee-image-block p{
		font-size: 1em !important;
	}
}

/*
 * THREE COLUMN TEXT IMAGE BLOCK
 */

.three-col-txt-img-content .row .col-md-4{
	position: relative;
}
.three-col-txt-img-content .row .col-md-4 p.button{
	text-align: center;
	position: absolute;
  bottom: -40px;
  width: 60%;
  left: 20%;
  background: #fecc4f;
  line-height: 40px;
}
.three-col-txt-img-content .row .col-md-4 p.button a{
	color:#fff;
	font-weight: bold;
}


/*
 * CALL TO ACTION BLOCK
 */

.call-to-action-block {
	padding-top: 2.5em;
	padding-bottom: 3rem;
	margin-top: 2rem;
	margin-bottom: 3rem;
	background-color: #f1f1f1;
	color: #07205c;
	font-size: 1.3rem;
}

.call-to-action-block a {
	color: #07205c;
}



/*
 * GENERAL GRID BLOCK
 */
.general-grid-items-block h2 {
  margin-bottom: 1.75rem;
}
.general-grid-items-block {
	padding-top: 2.5em;
	padding-bottom: 2rem;
}
.general-grid-items-block .general-grid-item-wrapper {
	border: 1px solid #c3c3c3;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 1.5rem;
	background-color: #FFFFFF;
}
.general-grid-items-block .general-grid-item-image img {
	width: 100%;
}
.general-grid-items-block .general-grid-item-title {
	background-color: #012060;
	color: #FFFFFF;
	padding: 1.25rem 15px;
}
.general-grid-items-block .general-grid-item-title h4{
	color: #FFFFFF;
	font-weight: 400;
	margin: 0;
}
.general-grid-items-block .general-grid-item-text {
	padding: 1rem 15px;
}
.general-grid-items-block .general-grid-item-link {
	padding: 0px 15px 1rem 15px;
	color: #012060;
}
.general-grid-items-block .general-grid-item-link a {
	color: #012060;
}



/*
 * WATER FACTS PAGE
 */

.water-facts-page {

}
.water-facts-page .water-facts-divider hr {
	border-top: 3px solid #e8e8e8;
}
.water-facts-page .water-facts-main-info {
	margin-bottom: 2rem;
}
.water-facts-page .content-type-title {
	color: #07205c;
	font-size: 1.5rem;
}
.water-facts-page .breadcrumb-wrapper {
	font-size: 0.8rem;
	color: #c3c3c3	;
}
.water-facts-page h1 {
	color: #07205c;
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.water-facts-page .water-facts-category-info {
	margin-bottom: 2rem;
}
.water-facts-page .water-facts-category-info .water-facts-icon {
	background-color: #f1f1f1;
	padding: 1rem;
}
.water-facts-page .water-facts-category-info .water-facts-category {
	border: 1px solid #799ef6;
	height: 100%;
	padding: 5px 2rem;
	color: #799ef6;
	font-size: 1.5rem;
}



/*
 * INTERIOR PAGE BREADCRUMBS
 */

.interior-page {

}
.interior-page .interior-divider hr {
	border-top: 3px solid #e8e8e8;
}
.interior-page .interior-main-info {
	margin-bottom: 2rem;
}
.interior-page .interior-main-info .content-type-title {
	color: #07205c;
	font-size: 1.5rem;
}
.interior-page .breadcrumb-wrapper {
	font-size: 0.8rem;
	color: #c3c3c3;
}
.interior-page .breadcrumb-wrapper a {
	color: #c3c3c3;
}


/*
 * MARQUEE TWO COL TEXT IMAGE BLOCK
 */

.marquee-two-col-txtimg-block {
	position: relative;
	background-color: #07205c;
	margin-bottom: 2rem;
}
.marquee-two-col-txtimg-bgimg {
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.marquee-two-col-txtimg-block .marquee-two-col-info {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.marquee-two-col-txtimg-block .page-title h1 {
	font-size: 1.5rem;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.7rem;
}
.marquee-two-col-txtimg-block .page-subtitle h1 {
	font-size: 1.2rem;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.5rem;
}
.marquee-two-col-txtimg-block .marquee-two-col-text {
	color: #FFFFFF;
	font-weight: 300;
}
@media (max-width: 991px) {
	.marquee-two-col-txtimg-bgimg {
		display: none;
	}
}


/*
 * CALL TO ACTION WITH IMAGE BLOCK
 */

.call-to-action-img-block {
	position: relative;
	background-color: #07205c;
}
.cta-img-bgimg {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.call-to-action-img-block .cta-img-info {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.call-to-action-img-block .cta-img-title h2 {
	font-size: 1.5rem;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.7rem;
	font-weight: normal;
}
.call-to-action-img-block .cta-img-text {
	color: #FFFFFF;
	font-weight: 300;
}
.call-to-action-img-block .cta-img-link, .call-to-action-img-block .cta-img-link a {
	color: #de8930;
	font-weight: 300;
}
@media (max-width: 991px) {
	.cta-img-bgimg {
		display: none;
	}
}


/*
 * APPLICATION GRID BLOCK
 */
.application-grid-items-block h2 {
  margin-bottom: 1.75rem;
}
.application-grid-items-block {
	padding-top: 2.5em;
	padding-bottom: 2rem;
}
.application-grid-items-block .application-grid-item-wrapper {
	border: 1px solid #c3c3c3;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 1.5rem;
}
.application-grid-items-block .application-grid-item-image img {
	width: 100%;
}
.application-grid-items-block .application-grid-item-title {
	background-color: #012060;
	color: #FFFFFF;
	padding: 1rem 15px;
}
.application-grid-items-block .application-grid-item-text {
	padding: 1rem 15px;
}
.application-grid-items-block .application-grid-item-link {
	padding: 0px 15px 1rem 15px;
	color: #012060;
}
.application-grid-items-block .application-grid-item-link a {
	color: #012060;
}


/* PRODUCTS GRID BLOCK */

.product-grid-items-block{
	padding-top: 3em;
	padding-bottom: 3em;
}

.product-grid-items-block .product-grid-item-wrapper{
	border: 2px solid #9fce63;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #f1f8e8;
}

.product-grid-items-block .product-grid-item-wrapper.row{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.product-grid-items-block .product-image img{
		width: 100%;
		height: auto;
}



.product-grid-items-block .product-info a:hover{
	color: #9fce63;
}

.product-grid-items-block .product-info h2{
		color: #9fce63;
		font-size: 20px;
		font-weight: bold;
		margin-top: 24px;
		margin-bottom: 0;
		letter-spacing: 1px;
}

.product-grid-items-block .product-info p{
		color: #07205c;
		font-size: 15px;
		padding-right: 25px;
		margin-top: 20px;
}

.product-grid-items-block span a{
	color: #07205c;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 600;
}

.product-grid-items-block span a:hover{
	color: #07205c;
}
.product-grid-items-block .product-image-link {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}


.product-grid-items-block .product-info a.btn.product_learn_more{
	position: static;
	bottom: 0;
	left: 0;
	background: #9fce63;
	width: 100%;
	padding-left: 30px;
	line-height: 32px;
	color: #07205c;
	font-weight: 600;
	letter-spacing: 1px;
	border-top: 2px solid #9fce63;
	border-radius: 0px;
}
@media (max-width: 1200px) { /* MD */
	.product-grid-items-block .product-info p{
		margin-top: 2px;
	}
}
@media (max-width: 991px) { /* MD */

	.product-grid-items-block .product-info a.btn.product_learn_more{
		position: relative;
		display: block;
		margin-left: 0px;
		background: #9fce63;
		width: 100%;
		line-height: 32px;
		padding: 0;
		text-align: center;
		border-radius: 0px;
	}
}

@media (max-width: 767px) {
	.product-grid-items-block .product-image{
		min-height: 200px;
	}
}

@media (max-width: 576px) {
}


/*
 * SERVICE GRID BLOCK
 */

.service-grid-items-block h2 {
  margin-bottom: 1.75rem;
}
.service-grid-items-block {
	padding-top: 2.5em;
	padding-bottom: 2rem;
}
.service-grid-items-block .service-grid-item-wrapper {
	border: 1px solid #c3c3c3;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 1.5rem;
}
.service-grid-items-block .service-grid-item-image img {
	width: 100%;
}
.service-grid-items-block .service-grid-item-title {
	background-color: #012060;
	color: #FFFFFF;
	padding: 1rem 15px;
}
.service-grid-items-block .service-grid-item-text {
	padding: 1rem 15px;
}
.service-grid-items-block .service-grid-item-link {
	padding: 0px 15px 1rem 15px;
	color: #012060;
}
.service-grid-items-block .service-grid-item-link a {
	color: #012060;
}




/*  LOGO GRID STYLES  */

.logo-grid-block{
	padding: 32px 0px;
}

.logo-grid-block .logo{
	display: flex;
  align-items: center;
  justify-content: center;
}

.logo-grid-block .logo img{
	display: block;
	margin: auto;
	padding: 24px 0 0px 0;
}




/*
 * PRODUCT CATEGORY GRID BLOCK
 */

.product-category-grid-block {
	padding-top: 2.5em;
	padding-bottom: 2rem;
}

.product-category-grid-block .product-category-grid-item {
	color: #FFFFFF;
	background-color: #9fce63;
	padding: 0.5rem 0px;
	margin-bottom: 1rem;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.product-category-grid-block .product-category-grid-item:hover {
	background-color: #90bb58;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.product-category-grid-block .product-category-grid-item a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}


/*
 * EQUIPMENT CATEGORY GRID BLOCK
 */

.equipment-category-grid-block {
	padding-top: 2.5em;
	padding-bottom: 2rem;
}

.equipment-category-grid-block .equipment-category-grid-item {
	color: #FFFFFF;
	background-color: #e39337;
	padding: 0.5rem 0px;
	margin-bottom: 1rem;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.equipment-category-grid-block .equipment-category-grid-item:hover {
	background-color: #d38832;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.equipment-category-grid-block .equipment-category-grid-item a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}


/*
 * WATER FACTS LIST BLOCK
 */

.water-facts-list-block {
	padding-top: 2.5em;
	padding-bottom: 2rem;
}
.water-facts-list-block .water-facts-list-headline {
	margin-bottom: 2rem;
}
.water-facts-list-block h3, .water-facts-list-block h3 a {
	color: #07205c;
	font-size: 1.2rem;
	font-weight: bold;
}
.water-facts-list-block .water-facts-list-item {
	margin-bottom: 2rem;
}
.water-facts-list-block .water-facts-item-categories {
	margin-bottom: 0.5rem;
}
.water-facts-list-block .water-facts-item-summary {
	margin-bottom: 0.5rem;
}
.water-facts-list-block .water-facts-item-link a {
	color: #07205c;
	font-weight: bold;
}

/* WATERFACTS ARCHIVE PAGE */

.waterfacts_header{
	padding: 30px 0;
}

.waterfacts_header .waterfacts_logo{
	position: absolute;
	top: -30px;
	left: 64px;
}

.waterfacts_header h1{
	height: 174px;
}

.waterfacts_header h1 span{
		background: -moz-linear-gradient(left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.3) 1%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.3) 1%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.3) 1%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		display: block;
    float: right;
    width: 85%;
    padding: 24px 30% 66px 10%;
    margin-right: -15px;
    color: #07205c;
    font-size: 26px;
    font-weight: bold;
    margin-top: 30px;
}

.interior-page .water-facts-categories{
	margin-top: 24px;
	font-weight: bold;
}

.interior-page .water-facts-categories a{
	display: inline-block;
	border: 1px solid #799ef6;
	color: #799ef6;
	border-radius: 15px;
	padding: 3px 18px;
	margin-left: 8px;
}

.interior-page .water-facts-categories a:hover,
.interior-page .water-facts-categories a.active_category{
	border: 1px solid #ffffff;
	color: #ffffff;
	background: #799ef6;
	text-decoration: none;
}

.interior-page .water-facts-item-link a{
	color: #9FCC62;
}


@media all and (max-width: 991px) {

	.waterfacts_header h1 span{
		width: 78%;
		padding: 24px 15% 24px 10%;
	}

	.waterfacts_header .waterfacts_logo{
		position: absolute;
		top: 10px;
		left: 40px;
		max-height: 152px;
	}

}

@media all and (max-width: 767px) {

	.waterfacts_header h1 span{
		width: 75%;
		padding: 24px 10% 12px 10%;
		font-size: 18px;
	}

	.waterfacts_header .waterfacts_logo{
		position: absolute;
		top: 10px;
		left: 12px;
		max-height: 152px;
	}
}




/*
 * E-SPOT ITEM BLOCK
 */

.e-spot-block {
	padding-top: 2.5em;
	padding-bottom: 2rem;
}
.e-spot-block .espot-item {
	margin-bottom: 1rem;
}
.e-spot-block .espot-icon img {
	position: relative;
	z-index: 99;
}
.e-spot-block .espot-icon .espot-line {
	position: absolute;
	z-index: 9;
	left: 1rem;
	right: 1rem;
	top: 1rem;
	height: 1px;
	background-color: #7d92b2;
}
.e-spot-block .espot-title {
	margin-top: 1rem;
}
.e-spot-block .espot-title h3 {
	color: #07205c;
	font-size: 1.5rem;
	margin-bottom: 0.35rem;
}
.e-spot-block .espot-title h3 a {
	color: #07205c;
}

.e-spot-block .btn {
	width: 90%;
	margin: auto;
	display: block;
}





/*  FOOTER STYLES */

footer{
	padding-top: 64px;
	border-top: 3px solid #efefef;
}

footer #footer-1 p,
footer #footer-1 a{
	color: #07205c;
}


footer #footer-1 span{
	color: #222222;
	display: block;
	margin-top: 44px;
	padding-bottom: 12px;
	border-bottom: 2px solid #222222;
	margin-bottom: 12px;
}

footer #footer-1 img{
	margin-top: 10px;
	margin-bottom: 44px;
}

footer #footer-1 .phNum{
	font-size: 22px;
	font-weight: 600;
}

@media all and (min-width: 736px) {
	footer #footer-1 .phNum{
		pointer-events: none;
		cursor: text;
	}
}

footer h5 {
	color: #07205c;
}

footer #footer-4 h4{
	text-align: center;
	color: #07205c;
	text-transform: none;
	font-size: 22px;
	font-weight: 400;
}

footer .sidebar h4{
	color: #838383;
	text-transform: uppercase;
	letter-spacing: 1px;
}

footer .sidebar  ul{
	padding-left: 0px;
}

footer .sidebar ul li{
	list-style: none;
	padding-left: 0px;
}

footer .sidebar ul li a{
		color: #838383;
}

.srr-main{
	border: 1px solid #d3d3d3;
	padding: 5px 15px;
}



/*
 * PRODUCTS PAGE
 */

main.products-page .products-divider{
	margin-bottom: 3rem;

}

.products-page .product-image img{
	border: 3px solid #efefef;
	padding: 15px;
}

@media all and (max-width: 736px) {
	.products-page .product-image{
		margin: 24px;
	}
}


.products-page .product-image img{
	margin: auto;
	display: block;
	max-width: 100%;
}

.products-page .products-divider hr {
	border-top: 3px solid #e8e8e8;
}
.products-page .products-main-info {
	margin-bottom: 2rem;
}

.products-page .products-title {
	color: #07205c;
	font-size: 1.5rem;
}
.products-page .breadcrumb-wrapper {
	font-size: 0.8rem;
	color: #c3c3c3	;
}

.products-page .product-info{
	padding: 0 3rem;
}

.products-page .product-info p{
	line-height: 2em;
}

.products-page .product-info a.btn{
	background: #9fce63;
	color: #fff;
	letter-spacing: 1px;
	border-radius: 25px;
	padding: 6px 48px;
	margin-top: 24px;
	transition: all 0.35s ease-in-out;
}

.products-page .product-info a.btn:hover{
	background: #07205c;
}


.products-page h1 {
	color: #07205c;
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.products-page .product-info span.cat {
	color: #07205c;
}

.products-page .nav-tabs, .products-page .tab-content{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.products-page #details .details-wrap{
	background: #f1f8e8;
	padding: 3em;
	margin-bottom: 48px;
}

@media all and (max-width: 736px) {
	.products-page .product-info a{
		width: 100%;
		margin-bottom: 24px;
	}

	.products-page #details .details-wrap{
		padding: 3em 1em;
	}

	.products-page .nav-tabs{
		margin: 0px 15px;
	}
}

.products-page #details .details-wrap li{
	margin-bottom: 24px;
}

.products-page .table{
	color: #07205c;
	margin-bottom: 48px;
}

.products-page .table thead{
	background: #f1f8e8;
	font-weight: bold;
}

.products-page .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.00);
}

.products-page .table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0,0,0,.05);
}

.products-page .nav-tabs{
	border-bottom: 3px solid #07205c;
	margin-top: 24px;
}

.products-page .nav-tabs .nav-link{
	border: 3px solid transparent;
	color: #9fce63;
	border-radius: 0;
	background: transparent;
	padding-bottom: 10px;
	margin-bottom: -3px;
	transition: all 0.3s ease-in-out;
}

.products-page .nav-tabs .nav-link h2 {
	color: #9fce63;
	font-size: 1rem;
	font-weight: normal;
	transition: all 0.3s ease-in-out;
}

.products-page .nav-tabs .nav-link:hover{
	color: #07205c;
}

.products-page .nav-tabs .nav-link:hover h2{
	color: #07205c;
}

@media all and (max-width: 425px) {
	.products-page .nav-tabs .nav-link{
		padding: 0.25rem 0.5rem;
	}
}

.products-page .nav-tabs .nav-link.active{
	border-top: 3px solid  #07205c;
	border-right: 3px solid  #07205c;
	border-left: 3px solid  #07205c;
	border-radius: 0;
	color: #07205c;
}

.products-page .nav-tabs .nav-link.active h2 {
	color: #07205c;
}

.products-page .tab-pane{
	min-height: 300px;
}



.products-page #applications .application-grid-item-wrapper {
	border: 1px solid #c3c3c3;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 1.5rem;
	margin-top: 24px;
}
.products-page #applications .application-grid-item-image img {
	width: 100%;
}
.products-page #applications .application-grid-item-title {
	background-color: #012060;
	color: #FFFFFF;
	padding: 1rem 15px;
}
.products-page #applications .application-grid-item-text {
	padding: 1rem 15px;
}
.products-page #applications .application-grid-item-link {
	padding: 0px 15px 1rem 15px;
	color: #012060;
}
.products-page #applications .application-grid-item-link a {
	color: #012060;
}



.product-table-col-1-width {
	min-width: 200px;
}
@media(max-width: 767px){
	.product-table-col-1-width {
		min-width: 200px;
	}
}
@media(max-width: 575px){
	.product-table-col-1-width {
		min-width: 200px;
	}
}
.products-page #details th {
	min-width: 200px;
}



/* SEARCH */

.search .results-title{
	background: #f1f1f1;
	padding: 2em 0;
}


.page-grid-items-block{
		margin: 2.5rem 0;
}

.page-grid-items-block .page-grid-item-wrapper{
	border: 1px solid #efefef;
	padding: 20px;
	margin-bottom: 20px;
}

.search p.no-results{
	padding: 3rem 0 6rem 0;
	text-align: center;
	width: 100%;
}

.width10{
	width: 10%;
}

.width11{
	width: 11.11%;
}

.width12{
	width: 12.5%;
}

.width14{
	width: 14.285%;
}

.width16{
	width: 16.666%;
}

.width20{
	width: 20%;
}

.width33{
	width: 33.33%;
}

.width50{
	width: 50%;
}

.width100{
	width: 100%;
}



.custom-pagination a{
	font-size: 1.1em;
	color: #07205c;
	padding: 0 0.5em;
	display: inline;
}

.custom-pagination a:hover{
	text-decoration: underline;
}

.custom-pagination .current{
	font-size: 1.1em;
	color: #9FCC62;
	font-weight: bold;
	padding: 0 0.5em;
	display: inline;
}

.two-col-text-form .form-col{
	background: #f1f2f3;
	border: 1px solid #cccccc;
	border-radius: 8px;
}

.two-col-text-form .form-col h3{
	color: #001e62;
}

.two-col-text-form .form-col.bleed-1{
	margin-top: -4em;
}

.two-col-text-form .form-col.bleed-2{
	margin-top: -8em;
}

.two-col-text-form .form-col.bleed-3{
	margin-top: -12em;
}

.two-col-text-form .form-col.bleed-4{
	margin-top: -16em;
}


/* Styles added by Kevin 6-1-21 */


footer {
	background-color: #f4f4f4;
}

#footer-1 p {
	color: #07205c;
}	

#footer-1 h5 {
	font-size: 1rem;
	font-weight: 700;
}

#footer-1 p {
	line-height: 1.8;
}

#footer-2 h4 {
	color: #07205c;
}

#footer-2.sidebar ul li  {
  border-top: 1px solid #07205c1c;
  margin-top: 7px;
  padding-top: 7px;
}

#footer-2.sidebar ul li a {
  color: #07205c;
}

#footer-2.sidebar ul li a .fa-1x {
  font-size: 1.75em;
}

#footer-2 aside {
	margin-bottom: 2rem;
}

@media (min-width: 992px) {

	.main-header ul.navbar-nav li.dropdown>ul.dropdown-menu {
		background-color: #fff;
		box-shadow: 0 3px 5px #00000052;
	}

	.main-header ul.navbar-nav li.dropdown>ul.dropdown-menu li {
		border-bottom: 1px solid #e2e2e2;
  }

  .main-header ul.navbar-nav li.dropdown>ul.dropdown-menu li:last-child {
		border-bottom: none;
  }

	.main-header ul.navbar-nav li.dropdown>ul.dropdown-menu .dropdown-item {
    padding: .5rem 1.5rem;
  }
  

}

.dropdown-toggle::after {display: none !important;} 

/* sticky */
#fixed-header {
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.30);
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.3s ease 0s;
  transform: translateY(-900px);
  z-index: 100;
}
@media only screen and (max-width: 767px) {
	#fixed-header .stickymobhide {
		display: none;
	}
}