@charset "UTF-8";
/* Geochemist's Workbench - Bootstrap Overrides */
/* Modifications made by Together Editing & Design, www.togetherediting.com */

/* Regular */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Regular.woff') format('woff'); /* Modern Browsers */
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}


/* Italic */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Italic.woff') format('woff'); /* Modern Browsers */
	font-style: italic;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}


/* Light */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Light.woff') format('woff'); /* Modern Browsers */
	font-style: normal;
	font-weight: 200;
	text-rendering: optimizeLegibility;
}

/* Light Italic */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-LightItalic.woff') format('woff'); /* Modern Browsers */
	font-style: italic;
	font-weight: 200;
	text-rendering: optimizeLegibility;
}


/* Semibold */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Semibold.woff') format('woff'); /* Modern Browsers */
	font-style: normal;
	font-weight: 500;
	text-rendering: optimizeLegibility;
}

/* Semibold Italic */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-SemiboldItalic.woff') format('woff'); /* Modern Browsers */
	font-style: italic;
	font-weight: 500;
	text-rendering: optimizeLegibility;
}


/* Bold */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Bold.woff') format('woff'); /* Modern Browsers */
	font-style: normal;
	font-weight: bold;
	font-weight: 700;
	text-rendering: optimizeLegibility;
}


/* Bold Italic */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-BoldItalic.woff') format('woff'); /* Modern Browsers */
	font-style: italic;
	font-weight: bold;
	font-weight: 700;
	text-rendering: optimizeLegibility;
}


/* ----------- End of font-face ----------- */

/* ----------- General text styles ------------ */

/* Color classes */
.green { color: #319177; } /* same as icon green */
.gray { color: #777; }
.blue { color: #0588e3; } /* for links */
.red { color: #F00; }

body { 
	font-family: 'Lato', sans-serif; 
	color: #1A1A1A; 
	font-size: 16px;
	line-height: 23px;
	/* Prevent iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, legend, .smoke-blue { 
	font-family: 'Lato', sans-serif; 
	color: #316aa5;
	font-weight: 500; /* Uses Lato Semi-bold */ 
}

h1 { 
	font-size: 3.3rem; 
	margin: 20px 0 35px 0;
	letter-spacing: 0.7px;
}

h2, legend { 
	font-size: 2.5rem; 
	letter-spacing:0.5px; 
	margin: 35px 0 20px 0;
}
legend.smaller { font-size: 1.8rem; letter-spacing: 0.3px; }

h3 { 
	font-size: 2.3rem; 
	font-weight:200; 
	line-height: 2.8rem; 
}

.strike { text-decoration:line-through; }
.newprice { font-weight:700; color: #40b860; letter-spacing:0.5px; }

a, a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; }
a { color: #0588e3; }
a:active, a:hover { color: #319177; }

strong { font-weight:700; }  /* Uses Lato Bold */


/* --------- Styles generated by onLoad.js ----------------- */

/* <p> elements immediately <ul>: remove most of <p>'s bottom margin */
.before_ul { margin-bottom: 0.4rem; }

/* Makes &reg; symbols smaller & superscripted */
.trademark { font-size: 80%; display: inline !important; }

/* --------- end of onLoad.js ----------------- */


ul, ol { padding-left: 2rem; }
ul li, ol li { padding: 0 0 0.25rem 0.75rem; }
.expanded li { padding: 0 0 0.75rem 0.75rem; }
dl dd { padding: 0 0 1rem 2rem; }

footer { font-size: 1.1rem; color: #0aa6dd; font-size: 1rem; font-weight:500; }

p.larger { font-size: 120%; line-height: 160%; margin-bottom: 3rem; }

hr { 
   border-top: thin solid #319177; 
}
/* -------------------- End of general text styles --------------------- */



/* -------------------- Sticky footer stuff --------------------- */

body, html { height: 100%; margin: 0; padding: 0; }
/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -3rem;
	padding-bottom: 7rem;
}
/* Set the fixed height of the footer here */
footer { height: 3rem; }

/* -------------------- GWB_ENV ---------------------- */
#gwb_env {
	position: fixed;
	left: 5px;
	top: 10px;
	font-size: 2em;
}


/* -------------------- Navigation -------------------- */

.navbar.navbar-default{ 
	background-color: transparent;
	min-height: 22vw;
	padding-top: 8px;
	border: 0;
	margin-bottom: 4px;
}

/* Logo */
a.navbar-brand {  
	margin: 0; 
	height: auto; width: auto; 
	padding: 0; 
}
a.navbar-brand img { 
	height: auto; width: 300px;
	padding-right: 30px;
}

/* menu bar */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:visited,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #FFF; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #FFF; background-color: #2A7D66; }


@media (max-width: 991px) {
	a.navbar-brand img { 
		width: 215px;
		padding-right: 15px;
	}
	.navbar li > a {
		font-size: 0.65em;
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	a.navbar-brand img { 
		width: 240px;
		padding-right: 20px;
	}
	.navbar li > a {
		font-size: 0.8em;
		padding-left: 12px;
		padding-right: 12px;
	}
}

.banner-image { 
	z-index: -1;
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
	background-color: #fff;
}

@media (min-width: 1200px) {
	.banner-image {
		top: calc(  (1200px - 100vw) * 0.10 );
	}
	.navbar.navbar-default{ 
		height: calc( 0.22 * 1200px + 10vw - ( 1200px * .1 ) );
	}
}

.gwb-logo { max-width: 23vw !important; }

#gwb-tagline { 
	font-family: 'Lato', sans-serif; 
	color: #fff; 
	font-size: 2.4rem; 
	font-weight: 800; 
	line-height: 2.8rem; 
	text-align: right; 
	font-style: italic; 
	text-shadow: -1px 1px #0000001a;
	margin-top: 4vw;
}

@media (max-width: 991px) {
	#gwb-tagline {
		font-size: 1.8rem; 
		margin-top: 1.8vw;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#gwb-tagline {
		font-size: 2.2rem; 
		margin-top: 3vw;
	}
}

ul li.dropdown { padding-bottom:0; padding-left: 0; }
li.dropdown { text-align: center; min-height: 60px; }
li.dropdown i { display: block; margin-bottom: .5rem; }
li.dropdown > a { letter-spacing:1px; }


/* menu bar hover/active indicator */
a.dropdown-toggle:hover, 
a.dropdown-toggle:active, 
li.dropdown.open a, 
.active_indicator { text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.90); }
.navbar-default .navbar-nav li.active_indicator > a { color: #bbdcfc; }


/* -- DROPDOWN MENU -- */

/* set widths for mega-menu sizes & override large bootstrap shadow on dropdown */
.dropdown-menu { min-width: 200px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.176); }
.dropdown-menu.columns-2 { min-width: 400px; }
.dropdown-menu.columns-3 { min-width: 600px; }

.dropdown-menu {
	background-color: #e4efeb !important;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #319177;
	font-weight: 500; font-size: 1.5rem;
}
.dropdown-menu li { padding: 0; }
.dropdown-menu li .row { margin: 0; }

.dropdown-menu li .row .col-sm-4,
.dropdown-menu li .row .col-sm-6, 
.dropdown-menu li .row .col-sm-12 { padding: 0px; }

.multi-column-dropdown { list-style: none;  margin: 0; padding: 0; }

.multi-column-dropdown li a, .dropdown-menu li a { 
	display: block; clear: both;
	color: #333; font-weight: 700;
	white-space: normal;
	padding: 1rem 1.25rem;
	letter-spacing: 0.3px;
	line-height: 1.4;
}
.multi-column-dropdown li a:hover, 
.multi-column-dropdown li a:active, 
.multi-column-dropdown li a:focus,
.dropdown-menu li a:hover, 
.dropdown-menu li a:active, 
.dropdown-menu li a:focus {
	color: #262626;
	background-color: #FFF;
}

.navbar-default .navbar-nav > li > a > span { display: none; }
.dropdown-menu li a span { font-weight: 400; font-size: 1.1rem; line-height:0.75rem; }

li.dropdown.open li a { text-shadow: 0 0 0; }

/* Mobile menu 3-bar hamburger */
.navbar-default .navbar-toggle .icon-bar { background-color:#fff; }



@media (max-width: 767px) {
	li.dropdown {
		background-color:#319177;
	}
	.community li.dropdown {
		background-color: #2a637f;
	}
	.academy li.dropdown {
		background-color: #598bba;
	}
	.ChemPlugin li.dropdown {
		background-color: #343640;
	}

	li.dropdown {
		text-align: left;
		font-size: 1.8em;
	}
	li.dropdown i {
		display: inline-block;
		font-size: 1.8em;
		padding: 15px;
	}
}
/* -------------------- End of navigation -------------------- */

/* -------------- Community Navigation --------------- */
.community .navbar-default .navbar-nav > .open > a,
.community .navbar-default .navbar-nav > .open > a:hover,
.community .navbar-default .navbar-nav > .open > a:focus,
.community .navbar-default .navbar-nav > .active > a,
.community .navbar-default .navbar-nav > .active > a:hover,
.community .navbar-default .navbar-nav > .active > a:focus { background-color: #23546b; }
.community .navbar-default .navbar-nav li.active_indicator > a { color: #96ddd1; }
.community .dropdown-menu {
	background-color: #d1e5ef !important;
	border-color: #2a637f !important;
}
.community a.navbar-brand img { 
	margin-left: 2vw;
	margin-right: 2vw;
}
/* -------------- end of community Navigation --------------- */

/* -------------- Academy Navigation --------------- */
.academy .navbar-default .navbar-nav > .open > a,
.academy .navbar-default .navbar-nav > .open > a:hover,
.academy .navbar-default .navbar-nav > .open > a:focus,
.academy .navbar-default .navbar-nav > .active > a,
.academy .navbar-default .navbar-nav > .active > a:hover,
.academy .navbar-default .navbar-nav > .active > a:focus { background-color: #598bba; }
.academy .navbar-default .navbar-nav li.active_indicator > a { color: #F2D6DB; }
.academy .dropdown-menu {
	background-color: #e9eef2 !important;
	border-color: #598bba !important;
}
.academy a.navbar-brand img { 
	margin-left: 2vw;
	margin-right: 2vw;
}
/* -------------- end of Academy Navigation --------------- */

/* -------------- ChemPlugin Navigation --------------- */
.ChemPlugin .navbar-default .navbar-nav > .open > a,
.ChemPlugin .navbar-default .navbar-nav > .open > a:hover,
.ChemPlugin .navbar-default .navbar-nav > .open > a:focus,
.ChemPlugin .navbar-default .navbar-nav > .active > a,
.ChemPlugin .navbar-default .navbar-nav > .active > a:hover,
.ChemPlugin .navbar-default .navbar-nav > .active > a:focus { background-color: #222222; }
.ChemPlugin .navbar-default .navbar-nav li.active_indicator > a { color: #F4D5C6; }
.ChemPlugin .dropdown-menu {
	background-color: #F9E8E5 !important;
	border-color: #E08D07 !important;
}
.ChemPlugin a.navbar-brand img { 
	margin-left: 1vw;
	margin-right: 2vw;
}
/* -------------- end of Navigation --------------- */



/* ----------- Sidebar ----------- */

/* --- Store Button --- */

.academy .store_link,
.community .store_link { display: none; }

/* Make text & cart icon line up */
.store_link .btn-primary i { vertical-align: middle; }

/* for GWB Store, make the cart button a green gradient */
.store_link .btn-primary {
	background-image: -moz-linear-gradient(top, #4cba9d 0%, #319177 10%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cba9d), color-stop(10%,#319177)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #4cba9d 0%,#319177 10%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #4cba9d 0%,#319177 10%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #4cba9d 0%,#319177 10%); /* IE10+ */
	background-image: linear-gradient(to bottom, #4cba9d 0%,#319177 10%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cba9d', endColorstr='#319177',GradientType=0 ); /* IE6-9 */
	border-color: #2a7d3c;

	letter-spacing: 1px;
	text-shadow: 1px 1px #777;
}
/* Make button dark green on hover */
.store_link .btn-primary:hover, 
.store_link .btn-primary:focus {
	background-color: #2A7D66;
}

/* for ChemPlugin make the cart button a grey gradient */
.ChemPlugin .store_link .btn-primary {
	background-image: -moz-linear-gradient(top, #777777 0%, #36454f 10%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(10%,#36454f)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #777777 0%,#36454f 10%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #777777 0%,#36454f 10%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #777777 0%,#36454f 10%); /* IE10+ */
	background-image: linear-gradient(to bottom, #777777 0%,#36454f 10%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#36454f',GradientType=0 ); /* IE6-9 */
	border-color: #333;
}
/* Make button dark grey on hover */
.ChemPlugin .store_link .btn-primary:hover, 
.ChemPlugin .store_link .btn-primary:focus {
	background-color: #333;
	color: #fff;
}


/* --- Social Icons --- */
.social { margin: 1.3rem 0 2rem 0; }

/* increase spacing a little when icons are next to each other */
.social a.first-in-row { margin-right: 0.35rem; }
@media (min-width: 768px) and (max-width: 992px) {
	.social a.first-in-row { margin-right: 0; }
}

.social span { 
	border-radius: 50%; 
	border: 1px solid #0588e3; 
	display: inline-block; 
	text-align: center;
	line-height: 4.5rem; height: 4.5rem; width: 4.5rem;
	margin-bottom: 0.65rem;
}

/* make green border on hover */
.social a:hover, .social a:active { color: #00853F; }
.social a:hover span, .social a:active span { border: 1px solid #00853F; }


/* --- Jump Links --- */
#jump-links { width: 10%; max-width:155px; }
#jump-links p a { display: block; padding: 0.75rem 0; }

@media (min-width: 768px) and (max-width: 992px) {
	#jump-links { width: 10%; max-width:165px; }
	#jump-links p a { font-size: 1.25rem; line-height: 1.75rem; }
}

@media (max-width: 768px) {
	/* Sticky sidebar ad */
	.affix { position: static; }
	/* Sticky left-margin links */
	.affix#jump-links { display: none; }
}

/* ================= end of sidebar ================= */


/* ================= Body of website content =================*/


/* page sections */
.panel-GWB { border-bottom: 1px solid #319177; }
.panel-GWB .panel-heading { font-size: 2.9rem; color: #316aa5; }
.panel-GWB .panel-body img { margin-bottom: 1rem; }
.panel-GWB .panel-body img.tiny_icon { margin-bottom: 0; }


/* Buttons  */
.panel-GWB .btn-primary { 
	background-image: linear-gradient(to bottom, #319177 0%, #2A7D66 100%); 
	background-color: #1A604A;
}
.panel-GWB .btn-primary:hover, .panel-GWB .btn-primary:focus { 
	background-image: linear-gradient(to bottom, #2A7D66 0%, #319177 100%); 
}


.tutorials .panel-body .row div { text-align:center; }
.tutorials .panel-body .button-row div { text-align:left; }

/* Images */
.tiny_icon { margin-right: 0.5rem; vertical-align:text-bottom; border-radius: 2px;}
.medium_icon { margin: 0 1rem 1rem 0; vertical-align:middle; border-radius: 2px; }
.width95 { width: 95%; height: auto; }
.max280 { max-width: 280px; }
.max270 { max-width: 270px; }
.max250 { max-width: 250px; }
.max200 { max-width: 200px; }
.max150 { max-width: 150px; }
.max100 { max-width: 100px; }

/* ---------------- Testimonials ---------------- */
blockquote { 
	background-color:#ccdded; border-left: 0 none;
	padding: 2rem 10%; margin: 3rem 3rem 6rem 3rem;  
	quotes: "\201C""\201D""\2018""\2019";
	position: relative;
}
blockquote p { font-size: 2rem; line-height: 3rem; }
blockquote cite { display: block; text-align:right; font-size: 1.8rem; padding-top: 1rem; }
blockquote p:before {
	color: #fff; font-size: 9rem;
	position: absolute; left: 3.2rem; top: 5rem;
	content: "\201C";
	font-family:Georgia, "Times New Roman", Times, serif;
}


@media (min-width: 767px) and (max-width: 992px) {
	blockquote p:before { 
		font-size: 7rem;
		position: absolute; left: 2rem; top: 3rem;
	}
}
@media (max-width: 767px) {
	blockquote { margin: 2rem 1.5rem; }
	blockquote p { font-size: 1.7rem; line-height: 2.5rem;}
	blockquote cite { display: block; text-align:right; font-size: 1.5rem; }
	blockquote p:before { 
		font-size: 5rem;
		position: absolute; left: 0.5rem; top: 2.5rem;
	}
}

.bubble::after {
	border-color: transparent #ccdded;
	border-style: solid;
	border-width: 0 20px 50px 0;
	position: absolute; left: 5rem; bottom: -4rem;
	content: "";
	display: block;
	width: 0;
}
.bubble {
 background: rgba(0, 0, 0, 0) linear-gradient(#ccdded, #ccdded) repeat scroll 0 0;
	border-radius: 1rem;
	color: #000;
	margin: 0; padding: 1.5rem 2.2rem;
	position: relative;
	font-size: 1.6rem;
}
.bubble + p {
	font-style: italic;
	margin: 1.5rem 0 2rem 8.5rem;
}
/* ---------------- end of Testimonials ---------------- */


/* Diagrams & movies pages */
.diagrams .screenshot_title { display: block; text-align: center; font-size: 1.7rem; }
.diagrams .caption, .movies .caption { display: block; text-align: center; margin-bottom: 1rem; }

a.hover-video { position:relative; height: 100%; }
a.hover-video span {
	width: 100%; height: 42px;
	position: absolute;
	background: url("../images/youtube_play_gray.png") no-repeat;
	background-position: center center;
	top: 0px;
}
a.hover-video:hover span {
	background: url("../images/youtube_play_red.png") no-repeat;
	background-position: center center;
}


/* ----------- Expandable Sections & FAQ Pages ----------- */

/* Expandable sections */
.btn.open_section, .btn.hide_section, .btn.bottom { margin: 1rem 0; }
/* Expandable section on update.php page */
.click_details { cursor: pointer; }

/* FAQ pages - GWB & community */
.faq h2 { margin-bottom: 0; }
.faq h2 button.btn { color: #1A1A1A; } /* make font color not h2 green */
.faq h2 button.btn.open_section,
.faq h2 button.btn.hide_section { margin-left: 1.5rem; } /* give h2 buttons more space between it & text */

p.question { padding-top: 1rem; font-size: 1.7rem; line-height: 2.8rem; cursor: pointer; }
p.question i.fa { margin-right: 1rem; margin-top: 0.55rem; float: left;  }
p.question span {  overflow: hidden; display: block; vertical-align:text-top; }

p.answer { border-left: 3px solid #ccc; padding-left: 1rem; }


/* ----------- end of Expandable Sections & FAQ Pages ----------- */


/* Highlight boxes */
h4.highlight-box { 
	color: #1a1a1a; 
	font-size: 110%; 
}
.highlight-box i.fa, h3 i.fa { color: #316aa5; margin: 0.5rem 0.75rem 0.5rem 0;}
.highlight-box span.details { 
	font-weight:normal; 
	font-size: 1.5rem; line-height: 2.2rem; 
	display: block; 
	margin: 0.7rem 0; 
}


/* Tables */
.table-striped > tbody > tr:nth-of-type(odd) {  background-color: #E5EBF9; }
.table th { font-weight: 500; }

/* Popups & Tooltips */
.popover { background-color: #E5EBF9; }
.popover-GWB1 { max-width: 550px; width: auto; }
.masonry-item .popover-GWB2 { max-width: 300px !important; width: auto; }
.btn-tooltip { color: #333; }

@media (max-width: 992px) {
	.popover-GWB1 { max-width: 300px; }
}

/* ------------------- Forms -------------------- */

/* Registration & community apply form will get the default styling*/

form { margin-top: 3rem; }
h2.step { margin-top: 4rem; }
legend { padding: 1rem 0; }
legend.smaller { margin-bottom: 0.5rem; }
form h3 { margin-top: 0; }

label { font-weight: normal; font-size: 1.5rem; padding-left: 0.5rem; }
.form-group.required label:after, label.required:after { content:" *"; color:red; }

.btn { margin-bottom: 0.5rem; }

.has-success .radio { color: inherit; }
table.workshop-confirm {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.workshop-confirm td:first-child { 
	font-weight:500; 
	text-align:right;
	width: 30%; padding-right: 1.5rem;
	border-right: 1px solid #ccc; 
}
table.workshop-confirm td:last-child { padding-left: 1.5rem; }

/* Specific styling for request form */
#request_form legend { padding: 1rem 0 1rem 1rem; }
.vinegar { display:none; }


/* --- Essentials.php, Standard.php, Professional.php
      Equal-height columns & tile "blocks" --- */
.info_item { 
	margin: 2.2rem 0;
	padding: 10px 25px; 
	border: 1px solid #319177;
	/* x-offset y-offset blur spread color */
	box-shadow: 2px 4px 2px 0 rgba(0,0,0,0.2);
	height: 98%;
	position: relative;
}
.info_item_image { margin: 1.25rem 0; text-align: center; }
.show_me { 
	margin: 20px 0;
	position:absolute; 
	bottom: 5px; right: 20px;
}


/* floating install pages */
.install_float { counter-reset: h2-counter; }
.install_float h2 { counter-increment: h2-counter; }
.install_float h2:before {
   content: counter(h2-counter, upper-roman) ". ";
}
.install_float h2.no_counter:before {
   content: "";
}
.install_float h2 { counter-reset: h3-counter; }
.install_float h3 { counter-increment: h3-counter; }
.install_float h3:before {
   content: counter(h3-counter, upper-alpha) ". ";
}
.install_float h3 { margin: 25px 0 15px 0; }
.install_float img { 
	margin: 15px auto 30px auto; 
	display: block;
}
.install_float ol, .install_float ul { margin-bottom: 2.25rem; }
.install_float ol li { margin-top: 1rem; }
.install_float ol li ul { list-style-type:square; margin-bottom: 0; }
.install_float ol li ul li { margin-top: 0.3rem; }
.install_float pre { margin: 0.5rem 1rem 1.25rem 1rem; }
.install_float h2, .install_float h3 { margin-bottom: 0px; }


/* place all code that applies to GWB, or to all GWB websites 
   above this line */
/* ========================= GWB community SECTION ======================== */

.community-blue,
.community .newprice,
.community .social a,
.community footer { color: #2a637f; }

.community a:active, a:hover { color: #7f2938; }

/* lochinvar-green headings */
.lochinvar-green,
.community legend,
.community .panel-GWB .panel-heading,
.community .highlight-box i.fa, .community h3 i.fa,
.community h1, .community h2, .community h3, .community h4, .community h5
	{ color: #297f70; }

.community .social { margin-top: 0; } /* since there's no "order now button above it */
.community .social span { border: 1px solid #2a637f; } /*community-blue*/

/* SOCIAL: On hover, make border and icon dark red */
.community .social a:hover, .community .social a:active { color: #7f2938; }
.community .social a:hover span, .community .social a:active span { border: 1px solid #7f2938; }

/* Highlight boxes */
.community h4.highlight-box { color: #1a1a1a; }

.community hr { border-top: thin solid #2a637f; } /*community-blue*/
.community .panel-GWB { border-bottom: 1px solid #2a637f; } /*community-blue*/

/* Buttons  */
.community .panel-GWB .btn-primary { 
	background-image: linear-gradient(to bottom, #5ea6c9 0%, #23546b 100%); 
	background-color: #1d4558;
	border-color: #368da5;
}
.community .panel-GWB .btn-primary:hover, .panel-GWB .btn-primary:focus { 
	background-image: linear-gradient(to bottom, #23546b 0%, #5ea6c9 100%); 
	color: #FFF;
}

.community .table-striped > tbody > tr:nth-of-type(odd) {  background-color: #d1e5ef; }


/* Testimonials */
.community blockquote { background-color:#d0efea;}
.community blockquote p:before { color: #ccc; }

.community .bubble::after { border-color: transparent #d0efea; }
.community .bubble { background: rgba(0, 0, 0, 0) linear-gradient(#d0efea, #d0efea) repeat scroll 0 0; }

/* ======================== end of GWB community SECTION ======================== */


/* ======================== GWB Academy SECTION ======================== */

.smoke-red,
.academy .newprice,
.academy .social a ,
.academy footer { color: #CE7C88; }

.academy a:active, .academy a:hover { color: #CE7C88; }

.academy legend,
.academy .panel-GWB .panel-heading,
.academy .highlight-box i.fa, .academy h3 i.fa,
.academy h1, .academy h2, .academy h3, .academy h4, .academy h5 { color: #CE7C88; }

.academy .social { margin-top: 0; } /* since there's no "order now button above it */
.academy .social span { border: 1px solid #D65725; }

.academy .active_indicator { text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.62); }

/* SOCIAL: On hover, make border and icon blue */
.academy .social a:hover, .academy .social a:active { color: #0588e3; }
.academy .social a:hover span, .academy .social a:active span { border: 1px solid #0588e3; }

/* Highlight boxes */
.academy h4.highlight-box { color: #1a1a1a; }

/* borders use a darker smoke-red color for visibility */
.academy hr { border-top: thin solid #A54E60; }
.academy .panel-GWB { border-bottom: 1px solid #A54E60; }

/* Buttons  */
.academy .panel-GWB .btn-primary { 
	background-image: linear-gradient(to bottom, #8ab5dd 0%, #6d92ad 100%); 
	background-color: #598bba;
	border-color: #598bba;
}
.academy .panel-GWB .btn-primary:hover, .panel-GWB .btn-primary:focus { 
	background-image: linear-gradient(to bottom, #6d92ad 0%, #8ab5dd 100%); 
	color: #FFF;
}

.academy .table-striped > tbody > tr:nth-of-type(odd) { background-color: #F7EDEF; }

/* Testimonials */
.academy blockquote { background-color:#dfedf2;}
.academy blockquote p:before { color: #ccc; }

.academy .bubble::after { border-color: transparent #dae9f4; }
.academy .bubble { background: rgba(0, 0, 0, 0) linear-gradient(#dae9f4, #dae9f4) repeat scroll 0 0; }

/* ======================== end of GWB Academy SECTION ======================== */


/* ======================== ChemPlugin SECTION ======================== */

.orange,
.ChemPlugin .newprice,
.ChemPlugin .social a { color: #F73C0B; }

.ChemPlugin a:active, .ChemPlugin a:hover { color: #F73C0B; }

.ChemPlugin legend,
.ChemPlugin .panel-GWB .panel-heading,
.ChemPlugin .highlight-box i.fa, .ChemPlugin h3 i.fa,
.ChemPlugin h1, .ChemPlugin h2, .ChemPlugin h3, .ChemPlugin h4, .ChemPlugin h5  { color: #F73C0B; }

.ChemPlugin .social span { border: 1px solid #F73C0B; }

/* SOCIAL: On hover, make border and icon blue */
.ChemPlugin .social a:hover, .ChemPlugin .social a:active { color: #0588e3; }
.ChemPlugin .social a:hover span, .ChemPlugin .social a:active span { border: 1px solid #0588e3; }

/* Highlight boxes */
.ChemPlugin h4.highlight-box { color: #1a1a1a; }

.ChemPlugin hr { border-top: thin solid #F73C0B; }
.ChemPlugin .panel-GWB { border-bottom: 1px solid #F73C0B; }

.ChemPlugin .table-striped > tbody > tr:nth-of-type(odd) {  background-color: #DFE6EA; }

/* Testimonials */
.ChemPlugin blockquote { background-color:#F9E8E5;}
.ChemPlugin blockquote p:before { color: #ccc; }

.ChemPlugin .bubble::after { border-color: transparent #F9E8E5; }
.ChemPlugin .bubble { background: rgba(0, 0, 0, 0) linear-gradient(#F9E8E5, #F9E8E5) repeat scroll 0 0; }


/* ======================== end of ChemPlugin SECTION ======================== */

/* Do not add new styles here. This is the section for ChemPlugin. 
   Scroll up to find the website(s) that your new style applies to,
   and enter it there.
*/