html {
background: #fff;
}
body {
position: relative;
margin: 75px 0 0;
width: 100%;
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #444;
}
main {
width: 960px;
margin: 76px auto 0;
}
.chirplink { display: none; }
.more:after { content: "\00a0ยป"; }
.clear { clear: both; }
.mobileonly { display: none !important; }
img.resize { width: 100%; height: auto; }
.flex { display: flex; }
a.pdf {
padding-left: 20px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAqJJREFUeNp0U0trE1EU/u5rMplkmo7E+KxNoujCIi1IQDeKG1eCC0GK4lI3thQEf0fBTZWiG1dduamr+FjoRhHECkI1tmKbPlLyQNM0ycxcz2TSMiIeuDP3cc53vnO+e5nWGiMjI4Xp6enZXC53okOGvmnGen9GPlJK1Ww21ycmJsYXFhbeNRoNBLG875t2HCdrWom4ULGUNGjEzJTBRcrQLMWVkYpblpXJZPJzc3PzY2Njl3aT7AIwTR/f82j4veEJCf7hE9iXRfhC9Pbq9TocZ196Zmbm2ejo6MUgUO4iBWQNQ8F13ZB+TEFRINuqAVYcsV45GkvLS8gOD9uFQuEybbzeAwhMSAWpuuHCMCCUAt/YhJ9MoNP4BcMkINOEojNqldgrIWgGowwGBRjKCIeUUJUtyAEb5tv3hGeEzAKuWofTaAmBKSXhdgnYTgIfPwMra8CF8+Av3wDPi9D702B3bhFT2Uv6LwCV4FoWdGkZer4Idu0K2KEDwLmzwFYVuloHI3YsEiP3uHBOWguo7W10Hj2Fun4V4sxpksYPPYeOAMeOgvXXOgoQbDIKRKsFsdOCefsm2OGDwGYllIf31Q78gnkyCdZXqweQ+L4E++4U1tsdtAmbp9PwymvgziAYdd1bLYNRE3kmA7dWwxCVOVhajPSAkPlOGyYxsG6MQ+VycKtVyFwW3tdv8Gt1wIxB2DZaxReQGxWwThcRGYNLIGA7Dkyix90u4vkcRJkyP5xF/NRJxI/nIcnHEqFKf/eAloIOBAGIRAJYJfmKr4D792A8yAOlUuj9c4Ui6D6QD4sCuIx1yo36b8K2uo+fdEHlQBC5ySm6kTGgUgk0BuitUBdhM242fa/Vf6n0VBkfILcsFWNFFPqvUXbWBfvR1v7aHwEGALe26vayKjJbAAAAAElFTkSuQmCC);
background-position: left center;
background-repeat: no-repeat;
text-decoration: none;
}
#menutrigger { display: none; }
h1, h2 {
color: #2c6330;
font-weight: 800;
}
h1 {
font-size: 300%;
}
.home h1 {
font-size: 200%;
margin: 0;
}
h2 {
font-size: 200%;
}
h2.sectionhead {
text-align: center;
line-height: 45px;
margin-bottom: 0;
margin-top: 1em !important;
}
h2.sectionhead span {
padding: 5px 0 5px 60px;
background: url(/images/logo-icon.png) left 0 top 2px no-repeat;
background-size: 40px;
}
h3 {
font-size: 150%;
font-weight: 800;
color: #333;
}
h4 {
font-size: 120%;
font-weight: 400;
color: #333;
}
strong {
color: #2c6330;
}
a:link, a:visited {
color: #222;
transition: 0.3s;
}
a:hover, a:focus {
text-decoration: underline !important;
color: #3fae2a;
}
.divider {
margin: 30px 0;
border-bottom: 1px solid #ddd;
}
.notice {
margin: 1em auto;
border: 1px solid #ffc605;
background-color: #fff9e6;
color: #000!important;
font-size: 1em;
border-radius: 3px;
animation-name: color_change;
-webkit-animation: color_change 1s;
-moz-animation: color_change 1s;
-ms-animation: color_change 1s;
-o-animation: color_change 1s;
animation: color_change 1s;
-webkit-animation-delay: 3s;
animation-delay: 3s;
max-width: 960px;
display: block;
z-index: 999;
position: relative;
padding: 15px;
}
.alignright {
display: inline;
float: right;
margin: 0 0 1rem 1.25rem;
}
/* Forms */
fieldset input[type=submit], fieldset input[type=reset], fieldset input[type=button] {
padding: 5px 9px;
border-radius: 5px;
background: rgba(255,225,64,1);
background-image: -webkit-linear-gradient(to right, rgba(255,225,64,1) 0%,rgba(255,183,0,1) 87%);
background-image: -moz-linear-gradient(to right, rgba(255,225,64,1) 0%,rgba(255,183,0,1) 87%);
background-image: -ms-linear-gradient(to right, rgba(255,225,64,1) 0%,rgba(255,183,0,1) 87%);
background-image: linear-gradient(to right, rgba(255,225,64,1) 0%,rgba(255,183,0,1) 87%);
font-size: 100%;
color: #000;
}
/* Homepage */
.col > :first-child {
margin-top: 0;
}
section#banner {
max-width: 1280px;
margin: 0 auto;
}
header {
position: fixed;
width: 100%;
min-height: 56px;
clear: both;
left: 0;
top: 0;
z-index: 99;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
background: #dbeed2;
}
header .header-content {
position: relative;
max-width: 960px;
margin: 0 auto;
}
header .logo {
float: left;
margin-top: 15px;
transition: 0.5s;
}
.servicepage h1 {
font-size: 1.6rem;
padding-left: 45px;
line-height: 30px;
margin-bottom: 1em;
background: url(/images/logo-symbol.png) left top no-repeat;
background-size: 30px;
}
.servicepage .serviceintro {
font-size: 1.4em;
padding: 25px 0;
}
/* sidebar */
#secondary aside.widget {
padding: 1em 5%;
margin-bottom: 0;
background: #f5f5f5;
background: linear-gradient(to bottom, #f5f5f5 0%,#fdfdfd 100%);
}
#secondary aside.widget h3 {
margin-top: 0;
font-size: 1em;
text-transform: uppercase;
letter-spacing: 0.03em;
}
#secondary aside.widget ul {
margin-bottom: 0;
}
#secondary aside.widget li {
line-height: 1.2em;
padding-top: 0.7em;
}
#secondary aside.widget a:link, #secondary aside.widget a:visited {
color: #777;
}
#secondary aside.widget a:hover, #secondary aside.widget a:active {
color: #333;
}
fieldset {
margin: 1em 0;
padding: 10px;
border: 1px solid #ccc;
background-color: #eee;
background-image: linear-gradient(to bottom, white, white 80%, #eee);
}
form fieldset > fieldset {
clear: left;
margin: 0;
padding: 0;
border: none;
background: transparent;
font-size: 1em;
}
legend {
padding: 2px 8px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 -1px 1px rgba(0,0,0,0.4);
font-size: 0.9em;
color: #333;
}
fieldset > label {
float: left;
clear: left;
padding-top: 2px;
width: 120px;
text-align: right;
font-size: 0.9em;
color: #333;
}
fieldset > label::after {
content: ":";
}
fieldset > label strong {
color: #c00;
}
fieldset > span {
display: block;
margin: 0 0 0 120px;
padding: 0 0 4px 4px;
}
fieldset > span label {
cursor: pointer;
}
fieldset > span.validation-errors {
font-style: italic;
font-size: 0.9em;
color: #f33;
}
fieldset input,
fieldset textarea,
fieldset select {
padding: 2px 4px;
border: 1px solid #ccc;
border-radius: 2px;
background-color: #fff;
line-height: 1.1;
font-family: inherit;
font-size: 1.1em;
}
fieldset input:focus,
fieldset textarea:focus,
fieldset select:focus {
border: 1px solid #aaa;
box-shadow: 0 0 3px rgba(0,0,0,.2);
color: #333;
}
fieldset input[type=image],
fieldset input[type=file] {
border: none;
}
fieldset input[type=submit],
fieldset input[type=reset],
fieldset input[type=button] {
padding: 2px 6px;
border: #b5bbc4 1px solid;
background-color: #f7fafc;
background-image: linear-gradient(to bottom, #fff, #dae6f1);
font-size: 100%;
color: #333;
}
fieldset input[type=submit]:hover,
fieldset input[type=reset]:hover,
fieldset input[type=button]:hover {
color: #e36627;
}
fieldset input[type=submit]:active {
border-color: #666;
}
fieldset input:disabled,
fieldset input:disabled:hover,
fieldset input:disabled:focus {
color: #999 !important;
}
input.cssform-undo:disabled {
display: none;
}
button.check-speling {
padding: 2px 6px;
background: rgba(255,255,255,0.8);
border: none;
line-height: 1.4;
font-weight: normal;
color: #666;
cursor: pointer;
}
a.delete:link {
white-space: nowrap;
color: #c00 !important;
}
a.delete:visited {
color: #c00 !important;
}
a.delete:hover,
a.delete:focus {
color: #000 !important;
background-color: yellow !important;
}
.warning {
margin: 0.5em 0;
border: 1px solid #f00;
background-color: #ff0;
font-size: 0.8em;
color: #333;
}
p.warning,
.warning p,
span.warning {
padding: 0.5em;
}
.warning b {
text-transform: uppercase;
color: #f00;
}
input:required:invalid,
input:focus:invalid,
textarea:required:invalid,
textarea:focus:invalid {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC');
background-position: right top;
background-repeat: no-repeat;
box-shadow: none;
}
input:required:valid,
textarea:required:valid {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII=');
background-position: right top;
background-repeat: no-repeat;
}
input::-webkit-input-placeholder {
color: #ababab;
}
input:-moz-placeholder {
color: #ababab;
}
input[type="number"] {
max-width: 4em;
}
#preview_desktop img {
max-width: 100%;
height: auto;
}
.cropper {
display: inline-block;
margin: 0 1em;
padding-left: 18px;
height: 16px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABRElEQVQ4jZXSsUsVUBzF8Y/yhgKRSOdwFpUgpxZX/4BElxwKcWhJqNbOIiEOBuIQiuioaUsSBRFCBIKjq0KERdoUhIRIOLyr2LNnvgN3+d37Pfzu+f1oQEmGk8yerVUagB/iGbrP1psvCT/BFJ4n2W7IIMkjTGAX47X3lSQV3EEHvmAlyWGB72GyvB1L8itJCzrRg/ZmLOI+ruIulgrcgZkCv8W1JDv4iU/ow6umJHvoTrKfpBU/0IZZDOEzRrGKA8xjJsku1Sms4XWSDfTiO27jJa7jKQZKd29OvneaAUbQjy58xQe8wBXcSvIbG/VCbqotJBkuuRzgQZKFevA5gySwhWmsYxNtSY7qGdRu4g20Yw6t+FNOXdUaHJXaTdXkl5NcaPDXJib5hvf4qDqBxxfB/+rgRINJ1v4Hn+ug6J1qDpfSMVLdY4b2kZcrAAAAAElFTkSuQmCC);
background-position: left center;
background-repeat: no-repeat;
}
.cropper:link {
text-decoration: none !important;
font-size: 0.75em;
color: rgba(0,0,0,0) !important;
}
.cropper:visited {
color: rgba(0,0,0,0) !important;
}
.cropper:hover,
.cropper:focus {
color: rgba(0,0,0,0.5) !important;
}
#captcha {
border: 1px outset #666;
}
/* file input drop box */
.attach-file {
position: relative;
display: block;
}
.attach-file input[type=file] {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.attach-file input[type=file] + div {
margin: 0 0 0.2em 0;
padding: 1em;
background-color: rgba(255,255,255,0.5);
border: 2px dashed rgba(0,0,0,0.2);
text-align: center;
font-size: 2em;
color: rgba(0,0,0,0.3);
transition: 0.2s;
}
.attach-file input[type=file]:invalid + div {
border-color: rgba(255,0,0,0.4);
}
.attach-file:hover input[type=file] + div,
.attach-file input[type=file]:focus + div {
border-color: rgba(0,0,0,0.4);
color: rgba(0,0,0,0.4);
}
.attach-file input[type=file]:focus + div {
box-shadow: 0 0 4px Highlight inset;
}
.attach-file input[type=file]:active + div {
background: #ccc;
}
.attach-file input[type=file].file-attached + div {
padding: 2em;
background-color: rgba(0,255,0,0.2);
border-color: rgba(0,128,0,0.5);
font-size: 1em;
color: rgba(0,128,0,0.75);
}
.attach-file input[type=file] + div strong {
color: #666;
}
@media only screen and (max-width: 767px) {
fieldset > label {
display: block;
float: none;
width: auto;
text-align: left;
}
fieldset > span {
display: block;
margin: 0 0 4px 0 !important;
padding: 0;
}
#captcha {
width: 320px;
height: 90px;
}
}
#show_password {
display: inline-block;
width: 22px;
height: 12px;
background-image: url(data:image/png;base64,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);
background-size: 100% 100%;
}
#show_password.shown {
background-image: url(data:image/png;base64,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);
}
.password-check.ok {
box-shadow: 0 0 3px #090;
}
.password-check.weak {
box-shadow: 0 0 3px orange;
}
.password-check.vulnerable {
box-shadow: 0 0 3px #f00;
}
.password-strength {
display: none;
font-size: 0.9em;
}
.password-check.ok ~ .password-strength {
display: block;
color: #090;
}
.password-check.weak ~ .password-strength {
display: block;
color: orange;
}
.password-check.vulnerable ~ .password-strength {
display: block;
color: #f33;
}
.password-meter {
display: none;
margin: 2px;
height: 0.5em;
overflow: hidden;
background: linear-gradient(to right, red, orange 25%, yellow 50%, green 75%);
border-radius: 1em 0;
text-align: right;
}
.password-meter div {
display: inline-block;
width: 0;
height: 100%;
background: rgba(255,255,255,0.8);
border-left: 1px solid #999;
border-radius: 0 0 1em 0;
vertical-align: top;
}
.password-check.ok ~ .password-meter,
.password-check.weak ~ .password-meter {
display: block;
}
.collapse {
border-collapse: collapse;
}
.collapse tr {
border: 1px solid #666;
}
.collapse th {
padding: 0.25em 0.5em;
background-color: #ccc;
border: 1px dotted #999;
text-align: left;
}
.collapse td {
padding: 0.25em 0.5em;
vertical-align: top;
border: 1px dotted #999;
}
table.files {
border-collapse: separate;
}
table.files th {
background-color: #efefef;
vertical-align: top;
text-align: left;
white-space: nowrap;
font-weight: normal;
font-size: 0.8em;
color: #234;
}
table.files td,
table.files th {
border: 1px solid #999;
padding: 0.25em 0.5em;
}
table.files td p {
margin: 0.5em 0;
}
.noborder {
border: none !important;
}
.admin #content {
padding: 1em 20px;
}
.admin #content ul ul {
margin: 0.5em 0;
padding: 0 0 0 2em;
}
.admin.adminhome #content ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.admin.adminhome #content ul ul {
padding-left: 1em;
}
.admin.adminhome #content ul li a {
display: inline-block;
text-decoration: none;
background-color: #FFFFFF;
line-height: 28px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CCCCCC;
padding: 4px 5px 3px;
cursor: pointer;
}
.admin.adminhome #content ul li a:hover { color:#000000; background-color:#f5f5f5; }
.admin.adminhome #content ul li a strong { margin-right:10px; }.flex-2,
.flex-3,
.flex-1-3,
.flex-3-1,
.flex-5-7,
.flex-7-5 {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.flex-2 > div {
flex: 0 1 calc(50% - 1em);
}
.flex-3 > div {
flex: 0 1 33.3%;
}
.flex-1-3 > div:first-child,
.flex-3-1 > div:last-child {
flex: 0 1 calc(25% - 1em);
}
.flex-1-3 > div:last-child,
.flex-3-1 > div:first-child {
flex: 0 1 calc(75% - 1em);
}
.flex-5-7 > div:first-child,
.flex-7-5 > div:last-child {
flex: 0 1 calc(100% * 5 / 12 - 1em);
}
.flex-5-7 > div:last-child,
.flex-7-5 > div:first-child {
flex: 0 1 calc(100% * 7 / 12 - 1em);
}
.col-7-12 {
width: 57.66%;
}
@media only screen and (max-width: 650px) {
.flex-2,
.flex-3,
.flex-1-3,
.flex-3-1,
.flex-5-7,
.flex-7-5 {
flex-flow: column nowrap;
}
.col-7-12 {
width: auto;
}
}
/* Footer */
footer {
background: #333;
padding: 40px 40px 15px 40px;
text-align: center;
color: #999;
}
section.gridbg {
margin: 2rem 0;
padding: 2rem;
height: 35em;
background: #dbeed2 url(/images/grid-background.png) repeat 0 0;
}
section.gridbg h2 {
margin: 0.2em 0 0.9em;
padding: 0;
text-align: center;
color: #2c6330;
}
section.gridbg h3 {
margin-top: 0;
}
section.gridbg a:link,
section.gridbg a:visited {
text-decoration: underline;
color: #3fae2a;
}
section.gridbg div div {
padding: 0 20px;
height: 26.5em;
}
.gridbg div div:first-child,
.gridbg div div:nth-child(2) {
padding-right: 17.5px;
border-right: 2.5px solid #2c6330;
}
.gridbg div div:first-child a:link,
.gridbg div div:first-child a:visited {
position: relative;
display: inline-block;
padding: 16px;
padding: 1rem;
background-color: #3fae2a;
text-decoration: none;
color: #fff;
transition: 0.3s;
}
.gridbg div div:first-child a:hover,
.gridbg div div:first-child a:focus {
background-color: #2c6330;
}
.site-footer div.col h3 {
text-align: center;
color: #333;
}
.footer-copy, .menu-footer-container {
text-align: center;
margin: 0 auto;
display: block;
color: #999;
vertical-align: middle;
padding: 0 30px;
}
.footer-copy {
padding-bottom: 10px;
}
.menu-footer-container a, .menu-footer-container a:link, .menu-footer-container a:visited {
color: #999!important;
}
.footer-copy a, .footer-copy a:link, .footer-copy a:visited {
color: #555!important;
}
.menu-footer-container {
text-align: center;
}
.menu-footer-container li {
margin-right: 10px;
display: inline-block !important;
}
/* ==========================================================================
Column & Row Setup
========================================================================== */
.col {
display: block;
float:left;
margin: 0 0 0 1.6%;
}
/* Remove the margin on the first column. Works on all browsers incl. IE7+ */
.col:first-of-type { margin-left: 0; }
.row {
clear: both;
margin: 0 auto;
*zoom: 1;
}
.row:before,
.row:after {
content: "";
display: table;
}
.row:after { clear: both; }
/* ==========================================================================
Twelve Column Grid
========================================================================== */
.grid_12_of_12 { width: 100%; }
.grid_11_of_12 { width: 91.53%; }
.grid_10_of_12 { width: 83.06%; }
.grid_9_of_12 { width: 74.6%; }
.grid_8_of_12 { width: 66.13%; }
.grid_7_of_12 { width: 57.66%; }
.grid_6_of_12 { width: 49.2%; }
.grid_5_of_12 { width: 40.73%; }
.grid_4_of_12 { width: 32.26%; }
.grid_3_of_12 { width: 23.8%; }
.grid_2_of_12 { width: 15.33%; }
.grid_1_of_12 { width: 6.866%; }
/* Home page template */
body.home {
margin-top: -20px;
}
/* clearfix */
.home section::before,
.home section::after {
content: "";
display: table;
}
.home section::after { clear: both; }
#hero-home {
display: block;
position: relative;
top: 25px;
color: #fff!important;
width: 35%;
background: rgba(255,255,255,0.7);
margin: 1em 2em 0;
padding: 1.5em 0.5em 2em;
z-index: 3;
text-align: center;
}
#hero-home h1 {
font-size: 2rem;
line-height: 1.15;
font-weight: normal;
color: #2c6330;
}
#hero-home h1 strong {
font-weight: 800;
}
#hero-logo {
display: block;
margin: 0 2em 0;
padding: 0 0.5em 1em;
text-align: center;
}
#hero-logo img {
position: relative !important;
width: 118px !important;
height: 118px !important;
display: inline !important;
max-width: none;
clear: both;
margin: 0 auto 30px;;
transform: translateY(20%);
}
#product-find {
padding: 1.5em 0 3.5em;
background: #ecf8e9;
background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,248,233,1) 46%,rgba(229,247,225,1) 100%);
}
#product-find h2 {
text-align: center;
letter-spacing: -0.03em;
color: #3fae2a;
font-size: 2.75em;
}
#product-find form {
margin: 0 auto;
text-align: center;
display: block;
font-size: 130%;
}
#product-find label {
text-transform: uppercase;
}
#product-find input {
border: 1px solid #3fae2a;
border-radius: 3px;
margin: 7px 0;
padding: 8px 15px 9px;
color: #333;
}
#product-find ::-webkit-input-placeholder {
color: #333;
font-family: inherit;
}
#product-find :-moz-placeholder {
color: #333;
font-family: inherit;
}
#product-find ::-moz-placeholder {
color: #333;
font-family: inherit;
opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}
#product-find :-ms-input-placeholder {
color: #333;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
#product-find .btn {
border: 3px solid #3fae2a;
background: #3fae2a;
color: #fff;
padding: 9px 19px;
font-weight: 400;
color: #fff;
transition: 0.3s;
}
#product-find .btn:hover {
border: 3px solid #2c6330;
background: #2c6330;
}
.home-categories {
text-align: center;
margin: 0;
}
.home-categories h3 {
font-size: 1.3em;
letter-spacing: 0.03em;
color: #2c6330;
text-transform: uppercase;
margin-top: 2em;
}
.home-categories h3 a {
text-transform: capitalize;
letter-spacing: 0;
color: #2c6330;
}
.home-categories li {
display: inline-block;
line-height: 2.5em;
margin: 0 3px;
}
.home-categories li a:link, .home-categories li a:visited {
padding: 5px 11px;
background: rgba(255,255,255,0.8);
border-radius: 3px;
box-shadow: 0 0 3px rgba(63,174,42,0.3);
transition: 0.3s;
text-decoration: none;
opacity: 0.8;
}
.home-categories li a:hover, .home-categories li a:focus {
background: #fff;
text-decoration: none !important;
color: #000;
opacity: 1;
}
.home-categories ul,
.home-categories p {
display: inline-block;
margin: 0;
padding: 0;
width: 90%;
}
#knowledge-find {
text-align: center;
padding: 1.5em 0;
margin-bottom: 1.5em;
border: 2px solid lightgrey;
}
#teasers {
text-align: center;
margin: 1.5em 0 0 0;
font-weight: 800;
font-size: 1.2em;
}
#teasers div {
display: inline-block;
background-color: lightgrey;
vertical-align: top;
}
#teasers div a {
display: block;
padding: 5.5em 12px 5.5em 12px;
color: #fff;
}
#teasers div#certified-teaser {
background: url(/images/teaser-certified.jpg) top left no-repeat;
background-size: cover;
}
#teasers div#professionals-teaser {
background: url(/images/teaser-professional.jpg) top left no-repeat;
background-size: cover;
}
#teasers div#about-teaser {
background: url(/images/teaser-about.jpg) top left no-repeat;
background-size: cover;
}
.news-front, #partner-programs {
text-align: center;
margin-bottom: 0.5em;
letter-spacing: -0.03em;
color: #3fae2a;
font-size: 2.75em;
}
#content .home-sidebar .widget {
border: 0;
border-top: 1px solid #ccc;
border-radius: 0;
background-color: #fff;
padding: 25px;
}
#secondary aside.widget h3 {
margin-top: 0;
font-size: 1em;
text-transform: uppercase;
letter-spacing: 0.03em;
}
#home-video {
margin: 0 auto;
padding: 55px 70px 70px;
background: rgb(0,131,60); /* Old browsers */
background-image: linear-gradient(to bottom, rgba(0,131,60,1) 11%,rgba(2,105,55,1) 70%,rgba(1,81,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#home-video p span {
font-size: 1.1em;
color: #ecf8e9;
text-transform: uppercase;
text-align: center;
margin: 0 auto;
display: block;
letter-spacing: 0.05em;
}
.home .video-container {
overflow: hidden;
position: relative;
width:100%;
box-shadow: 0 0 7px rgba(63,174,42,0.7);
}
.home .video-container::after {
padding-top: 56.25%; /* 16:9 ratio */
display: block;
content: '';
}
.home .video-container iframe,
.home .video-container object,
.home .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-col {
width: 49.2%;
display: block;
float: left;
margin: 0.5em 0 0 1.6%;
}
.video-col:first-of-type { margin-left: 0; }
.video-col h3 {
margin: 0 0 0.5rem;
color: #fff;
}
.video-col p {
color: #ecf8e9;
font-size: 0.9em;
}
.home #new {
text-align: center;
margin: 20px auto;
border: 1px solid #ccc;
padding-bottom: 30px;
}
.home #new h4 {
font-weight: normal;
}
.home #recent-posts-2 li {
padding-left: 20px;
}
#global-sites {
background: #cce6d8 url(/images/home-global-sites-bg.jpg) top left no-repeat;
background-size: 120%;
padding: 30px 17% 30px 3%;
text-align: center;
}
#global-sites.row div h3 {
font-size: 28px;
font-weight: bold;
color: #2c6330;
margin: 0.5em 0 0.25em;
}
#global-sites.row div a:link,
#global-sites.row div a:visited {
background-color: #3fae2a;
font-size: 1.2em;
color: #fff;
text-decoration: none;
padding: 8px 12px 10px;
position: relative;
transition: 0.3s;
}
#global-sites.row div a:hover,
#global-sites.row div a:active {
background-color: #2c6330;
}
/* Landing page template */
.landing-page h1 {
font-size: 1.6rem;
padding-left: 45px;
line-height: 30px;
margin-bottom: 1em;
background: url(/images/logo-symbol.png) left top no-repeat;
background-size: 30px;
}
.landing-page section {
padding: 4rem;
}
.landing-page .entry-header {
margin-bottom: 0;
}
.landing-page h2 {
padding: 2rem;
}
.landing-page h2, .landing-page h3, .landing-page h4, .landing-page h5 {
margin-top: 0;
}
.landing-page hr {
background-color: #2c6330;
}
.landing-page .entry-title {
padding: 20rem 0 0 75px;
}
.landing-page section > div > div {
padding: 0 10px;
}
.landing-page form {
margin: 1.5rem auto;
text-align: center;
display: block;
font-size: 130%;
}
.landing-page form label {
text-transform: uppercase;
}
.landing-page form input {
border: 1px solid #333;
border-radius: 0;
margin-left: 10px;
padding: 10px;
background-color: lightgrey;
vertical-align: baseline;
}
.landing-page form .button {
color: #fff;
background-color: #2c6330;
text-transform: uppercase;
padding: 11px;
margin-left: 10px;
}
section.l-gridbg {
background: #dbeed2 url(/images/grid-background.png) repeat 0 0;
margin: 2rem 0;
padding: 2rem;
height: 35em;
}
section.l-gridbg h2 {
text-align: center;
margin: 0.2em 0 0.9em;
color: #2c6330;
padding: 0;
}
section.l-gridbg h3 {
margin-top: 0;
}
section.l-gridbg a:link, section.l-gridbg a:visited {
text-decoration: underline;
color: #3fae2a;
}
section.l-gridbg .grid_4_of_12 {
float: left;
vertical-align: top;
padding: 0 20px;
height: 26.5em;
}
section.l-dgridbg .grid_4_of_12 h3 {
font-weight: 700;
text-align: center;
}
.l-gridbg .row div:first-child,
.l-gridbg .row div:nth-child(2) {
padding-right: 17.5px;
border-right: 2.5px solid #2c6330;
}
.l-gridbg .row div:first-child a {
color: #fff;
text-decoration: none;
background-color: #3fae2a;
padding: 16px;
padding: 1rem;
position: relative;
transition: 0.3s;
}
.l-gridbg .row div:first-child a:hover {
background-color: #2c6330;
}
/* About page (template is Landing page) */
.brand-text {
color: #2c6330;
}
section.l-dgreen {
background-color: #2c6330;
color: #fff;
}
section.l-dgreen p {
padding: 1rem 7rem 0 7rem;
}
.l-dgreen h2:first-of-type {
color: #c6e5b9;
padding-bottom: 0;
}
.l-dgreen h2:last-of-type {
color: #fff;
padding-top: 0;
}
.l-dgreen img {
width: 55px;
height: auto;
}
.l-lgreen {
background-color: #3fae2a;
color: #fff;
}
.l-lgreen h3 {
color: #fff;
}
.l-lgreen a {
color: #2c6330;
}
.l-lgreen a {
color: #2c6330;
background-color: #fff;
padding: 16px;
padding: 1rem;
}
.why-how-buttons {
text-align: center;
max-width: 640px;
margin: 0 auto;
}
#gt-how {
position: relative;
background: #dbeed2 url(/images/blackboard-bg.jpg) no-repeat 0 0;
background-size: cover;
color: #fff;
}
#gt-how span {
background-color: #fff;
padding: 1rem;
}
#gt-how img[alt="greentag scorecard"] {
position: absolute;
top: 0;
left: 58%;
}
#gt-how .row div:first-child {
padding-left: 58px;
}
#gt-how h2,
#gt-how h3 {
color: #fff;
padding-left: 0;
}
#gt-how .grid_12_of_12 {
margin: 0;
}
a[href="#gt-why"],
a[href="#gt-how"] {
padding: 1.1rem;
text-align: center;
display: inline-block;
text-transform: uppercase;
width: 16em;
}
a[href="#gt-why"] {
background-color: #fff;
color: #2c6330;
margin-right: 20px;
}
a[href="#gt-how"] {
background-color: rgba(255,255,255,0.5);
margin-left: 20px;
}
/* Landing pages (template is Landing page) */
section.hero-header {
position: relative;
background-color: #2c6330;
color: #fff;
height: 390px;
padding: 0!important;
}
.hero-header div.featured-image {
position: relative;
height: 390px;
overflow: hidden;
}
.home section.hero-header, .home .hero-header div.featured-image {
height: 430px;
}
.hero-header div.featured-image img {
position: absolute;
display: inline-block;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%!important;
height: auto!important;
max-width: 100%;
border: 0;
-ms-interpolation-mode: bicubic;
}
.hero-header div.featured-image h2 {
display: block;
position: relative;
top: 45%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff!important;
width: 60%;
text-shadow: 0 1px 55px rgba(0, 0, 0, 1), 0 1px 2px rgba(0, 0, 0, 0.7);
font-size: 2.75em;
z-index: 3;
}
.blog-9 div.featured-image { margin-bottom: 30px; }
.buildings .hero-header div.featured-image h2, .page-id-118 .hero-header div.featured-image h2 {
width: 100%;
text-align: center;
}
section.header-category {
padding: 1rem;
}
section.header-category h1 {
font-size: 1.4em;
padding: 0;
text-align: left;
margin: 0;
}
.landing-hero h2 {
padding: 0 0 1rem 0;
}
section.l-bb {
background: #dbeed2 url(/images/blackboard-bg.jpg) repeat-y 0 0;
color: #fff;
padding: 0 4rem 1rem 4rem;
}
.l-bb h2 {
color: #fff;
padding: 5rem 0 1rem 0;
}
#gt-testimonial {
color: #2c6330;
}
#gt-testimonial h3 {
margin-bottom: 2rem;
}
#gt-heroes {
background-color: #dbeed2;
}
/* Desktop only checklist table for landing pages */
section.protection-level .row {
padding: 0;
}
.protection-level .grid_5_of_12::after {
content: "\2139";
padding-left: 40px;
font-size: 140%;
color: darkblue;
}
.protection-level .row:first-of-type .grid_5_of_12::after {
content: "";
}
.protection-level .grid_1_of_12 {
width: auto;
padding: 1rem;
}
.protection-level .grid_1_of_12::after {
content: "\2714";
text-align: center;
color: #2c6330;
padding: 0.8rem 24px;
}
.protection-level .row:first-of-type .grid_1_of_12::after {
content: "";
padding: 0.8rem 5px;
}
.protection-level .row:first-of-type {
color: #fff;
border-bottom: 3px solid gray;
}
section.protection-level .col {
padding: 0.6rem 25px;
margin: 0;
}
section.protection-level .col:first-of-type {
padding-left: 0;
}
.protection-level .row:first-of-type .grid_1_of_12:nth-of-type(2) {
background: brown;
}
.protection-level .row:first-of-type .grid_1_of_12:nth-of-type(3) {
background: darkgrey;
}
.protection-level .row:first-of-type .grid_1_of_12:nth-of-type(4) {
background: beige;
}
.protection-level .row:first-of-type .grid_1_of_12:nth-of-type(5) {
background: lightgrey;
}
.protection-level .row {
border-bottom: dotted;
padding-bottom: 0.8rem;
}
.protect-level-accordion p:nth-child(2) {
padding-left: 2rem;
}
/* Accordion for 4 protection levels */
.accordion {
background-color: #2c6330;
color: #fff;
border-bottom: 1px solid #dbdbdb;
margin: 2rem;
padding: 20px;
}
.accordion-title {
border-top: 1px solid #dbdbdb;
margin: 0;
color: #fff;
padding: 20px 0;
cursor: pointer;
}
.accordion-title::before {
content: "\f067";
padding-right: 15px;
font-family: "fontawesome";
}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-title.open::before {
content: "\f068";
padding-right: 15px;
font-family: "fontawesome";
}
.accordion-content {padding-bottom: 20px;}
/* Beauty landing page */
.beauty-quote,
.beauty-quote h2 {
background-color: #ffe0e2;
color: #912126;
}
.beauty-quote .row {
vertical-align: top;
}
.beauty-quote .grid_6_of_12:nth-of-type(2) {
color: #333;
}
#gt-testimonial-beauty {
background-color: #dbeed2;
}
#gt-heroes-beauty {
background-color: #fff;
}
#gt-testimonial-beauty h3 {
margin-bottom: 2rem;
}/* archive and search result grid */
.post-grid {
padding: 10px;
overflow: hidden;
}
.post-grid .grid-items {
margin: 0 auto;
overflow: hidden;
}
.post-grid .item {
display: inline-block;
width: 280px;
height: 410px;
margin: 10px;
background: rgb(255, 255, 255) none;
vertical-align: top;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
border: 5px solid #fff;
}
.post-grid .item img {
max-width: 100%;
height: auto;
}
.post-grid .item div {
position: relative;
height: 170px;
overflow: hidden;
}
.post-grid .item .layer-media {
height: 190px;
overflow: hidden;
}
.post-grid .item .layer-media img {
border: 0;
max-width: 100%;
height: auto;
vertical-align: top;
}
.post-grid .item .layer-content {
padding: 5px 10px;
}
.post-grid h4,
.post-grid p {
display: block;
margin: 10px 0 0;
padding: 0 5px;
line-height: normal;
font-size: 21px;
}
.post-grid h4 a {
font-weight: 600;
text-decoration: none;
}
.post-grid p {
font-size: 0.9em;
}
#menu {
display: inline-block;
float: right;
transition: 0.5s;
max-width: calc(100% - 250px);
}
nav > ul {
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 16px;
}
nav.active > ul {
display: flex;
}
nav li {
display: flex;
align-items: center;
text-align: center;
padding: 0;
height: 56px;
}
nav li:hover {
background: rgba(255,255,255,0.4);
}
nav a:link, nav a:visited {
display: block;
padding: 0.5em 0.75em;
line-height: 1em;
text-decoration: none;
color: #2c6330;
}
nav > ul > li a:hover, nav > ul > li a:focus {
text-decoration: none !important;
}
nav > ul > li:last-of-type {
background: #3fae2a;
}
nav > ul > li:last-of-type:hover, nav > ul > li:last-of-type:focus {
background: #2c6330;
}
nav > ul > li:last-of-type a:link, nav > ul > li:last-of-type a:visited {
font-weight: bold;
color: #fff;
}
nav li ul {
display: none;
position: absolute;
padding: 0;
box-shadow: 0 1px 1px rgba(0,0,0,0.5);
background: #dbeed2;
}
nav li:hover ul {
display: block;
}
.pages {
display: table-row;
margin: 1em 0;
padding: 0;
list-style-type: none;
}
.pages li {
display: table-cell;
padding-right: 0.35em;
}
.pages li a,
.pages li strong {
display: inline-block;
padding: 1px 4px;
min-width: 20px;
border: 1px solid #2c6330;
text-decoration: none;
text-align: center;
color: #2c6330;
}
.pages li strong,
.pages li a:hover,
.pages li.current a {
background: #2c6330;
text-decoration: none !important;
font-weight: normal;
color: #fff;
}
.submenu {
display: table-row;
list-style-type: none;
margin: 1em 0;
padding: 0;
}
.submenu > li {
display: table-cell;
}
.submenu li.prefix::after {
content: ":";
}
.submenu li:not(:first-child)::before {
content: "\00a0|\00a0";
}
.submenu li.prefix + li::before {
content: "\00a0";
}
.news-stub {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-start;
}
.news-stub > div:first-child:not(:empty) {
flex-shrink: 0;
margin: 0 1em 1em 0;
}
.news-stub > div:last-child h3 {
margin-top: 0;
}
@media only screen and (max-width: 639px) {
.news-stub {
flex-flow: column nowrap;
}
.news-stub img {
width: 100%;
}
}
.people-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 1em;
row-gap: 1em;
}
.people-grid > .person {
position: relative;
padding: 0 1em 1em;
border-right: 1px solid green;
border-bottom: 1px solid green;
}
.people-grid > .person > .photo {
margin: 0 -1em 1em;
background-color: #dedede;
background-repeat: no-repeat;
background-size: cover;
padding: 50% 0;
}
.people-grid > .person h3,
.people-grid > .person h4,
.people-grid > .person p {
margin: 0.25em 0;
}
.people-grid > .person h3 {
font-weight: bold;
color: green;
}
.people-grid > .person h4 {
font-weight: normal;
color: green;
}
.people-grid > .person .linkedin {
text-decoration: none;
}
.people-grid > .person .linkedin::after {
position: absolute;
right: 1em;
bottom: 0.5em;
display: block;
content: "in";
width: 1.5em;
line-height: 1.5em;
background-color: #999;
border-radius: 0.25em;
text-align: center;
color: white;
transition: 0.25s;
}
.people-grid > .person .linkedin:hover::after {
background-color: #666;
}
#person {
display: flex;
flex-flow: row nowrap;
column-gap: 2em;
}
#person > div:first-child {
flex: 2;
}
#person > div:last-child {
flex: 1;
}
#person h1 {
margin: 0 0 0.25em;
}
#person h2 {
margin: 0.5em 0;
padding: 0;
}
#person .linkedin:link,
#person .linkedin:visited {
text-decoration: none;
font-size: 1.25em;
color: #666;
}
#person .linkedin:hover {
text-decoration: none !important;
color: #333;
}
#person .linkedin::before {
display: inline-block;
content: "in";
width: 1.5em;
line-height: 1.5em;
background-color: #999;
border-radius: 0.25em;
text-align: center;
color: white;
transition: 0.25s;
}
#person .linkedin:hover::before {
background-color: #666;
}
#person p.phone,
#person p.mobile {
margin: 0.25em 0;
}
@media only screen and (max-width: 959px) {
.people-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 639px) {
.people-grid {
grid-template-columns: repeat(1, 1fr);
}
#person {
flex-flow: column nowrap;
}
#person > div:first-child {
flex: unset;
display: contents;
}
#person h1 {
order: 1;
}
#person h2 {
order: 2;
}
#person > div:last-child {
flex: unset;
order: 3;
}
#person > div:first-child > .person-bio {
order: 4;
}
}
/* Products display */
/*
#products .header-meta {
display: none;
}
#products .entry-header,
#product-sidebar {
vertical-align: top;
padding-left: 5rem;
margin-left: 1.6%!important;
float: right!important;
}
#products .flex-7-5 div img {
max-width: 560px;
height: auto;
}
#products ul.manufacturer-list {
display: block;
height: 1.5em;
padding: 0;
}
#products ul.manufacturer-list li {
margin: 0 0.5em 0 0;
padding: 0;
float: left;
font-weight: bold;
font-size: 1.3em;
}
#products ul.manufacturer-list li a:link,
#products ul.manufacturer-list li a:visited {
text-decoration: underline;
}
#products img.attachment-large {
width: 100%;
height: auto;
}
#product-sidebar img {
width: 100%;
height: auto;
}
.gt-rating {
text-transform: capitalize;
}
*/
.grid-items h4 {
max-height: 4.5em;
overflow: auto;
}
/*
.grid-items .gt-rating {
margin-bottom: 0;
font-weight: bold;
color: #008252;
}
#product-tab {
margin-top: 2rem;
background-color: #fff;
width: 100%;
}
#product-tab ul {
border-radius: 0;
width: 100%;
}
*/
.product-graphics ul li {
margin-top: 1em;
}
.product-graphics ul li span {
text-transform: uppercase;
color: #d68929;
}
/*
responsive-tabs .gt-rating {
font-size: 1.2em;
}
.responsive-tabs__list__item.responsive-tabs__list__item--active {
background: rgba(242,252,232,1)!important;
}
.tabcontent.responsive-tabs__panel.responsive-tabs__panel--active {
background-image: linear-gradient(to bottom, rgba(242,252,232,1) 0%,rgba(247,255,242,1) 18%,rgba(255,255,255,1) 66%);
}
#product-taxonomies ul {
padding: 0;
}
#product-taxonomies ul li {
padding: 10px 0 0 0;
font-weight: bold;
clear: both;
}
#product-taxonomies ul.children {
padding: 0 0 0 10px;
}
#product-taxonomies ul ul li {
margin-left: 6%;
padding: 0;
font-weight: normal;
width: 44%;
float: left;
display: block;
clear: none;
}
#product-taxonomies ul ul li:before {
content: "\2713";
color: #45a831;
margin-right: 5px;
margin-left: -6%;
display: block;
float: left;
}
#product-taxonomies > ul:after {
display: table;
content: ".";
visibility: hidden;
height: 0;
clear: both;
}
*/
/* new products page 2026 */
body.product {
margin-top: 160px;
}
.product main > .flex-2:first-of-type div:last-of-type {
flex-basis: 500px;
}
.product main > .flex-2:first-of-type div:last-of-type img {
width: 100%;
height: auto;
}
.product h5 {
text-transform: uppercase;
font-weight: normal;
font-size: 0.9em;
color: #999;
}
div.pdf {
position: relative;
margin-left: 60px;
}
div.pdf::before {
position: absolute;
top: -12px;
left: -60px;
content: "";
width: 45px;
height: 60px;
background-image: url(/resources/icn_pdf.svg);
background-position: left center;
background-repeat: no-repeat;
text-decoration: none;
}
ul.rating-tools {
display: flex;
flex-flow: row wrap;
column-gap: 2em;
row-gap: 0.5em;
list-style-type: none;
margin: 1em 0;
padding: 0;
font-weight: bold;
font-size: 1.5em;
color: #666;
}
@media only screen and (max-width: 1023px) {
body.product {
margin: 100px 0 0;
}
.product main > .flex-2:first-of-type div:last-of-type {
flex-basis: calc(50% - 1em);
}
}
@font-face {
font-family: 'lsi-fontello';
src: url('/fonts/fontello.eot');
src: url('/fonts/fontello.eot#iefix') format('embedded-opentype'),
url('/fonts/fontello.woff') format('woff'),
url('/fonts/fontello.ttf') format('truetype'),
url('/fonts/fontello.svg#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="lsicon-"]:before, [class*=" lsicon-"]:before {
font-family: "lsi-fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1.2em;
}
.lsicon-email-alt:before { content: '\e800'; } /* '?' */
.lsicon-email:before { content: '\e801'; } /* '?' */
.lsicon-email-squared:before { content: '\e802'; } /* '?' */
.lsicon-rss:before { content: '\e803'; } /* '?' */
.lsicon-rss-squared:before { content: '\e804'; } /* '?' */
.lsicon-phone:before { content: '\e805'; } /* '?' */
.lsicon-phone-squared:before { content: '\e806'; } /* '?' */
.lsicon-codepen:before { content: '\e807'; } /* '?' */
.lsicon-delicious:before { content: '\e808'; } /* '?' */
.lsicon-deviantart:before { content: '\e809'; } /* '?' */
.lsicon-digg:before { content: '\e80a'; } /* '?' */
.lsicon-dribbble:before { content: '\e80b'; } /* '?' */
.lsicon-dropbox:before { content: '\e80c'; } /* '?' */
.lsicon-facebook:before { content: '\e80d'; } /* '?' */
.lsicon-facebook-squared:before { content: '\e80e'; } /* '?' */
.lsicon-flickr:before { content: '\e80f'; } /* '?' */
.lsicon-foursquare:before { content: '\e810'; } /* '?' */
.lsicon-git-squared:before { content: '\e811'; } /* '?' */
.lsicon-git:before { content: '\e812'; } /* '?' */
.lsicon-github:before { content: '\e813'; } /* '?' */
.lsicon-github-squared:before { content: '\e814'; } /* '?' */
.lsicon-github-circled:before { content: '\e815'; } /* '?' */
.lsicon-google:before { content: '\e816'; } /* '?' */
.lsicon-gplus:before { content: '\e817'; } /* '?' */
.lsicon-gplus-squared:before { content: '\e818'; } /* '?' */
.lsicon-instagram:before { content: '\e819'; } /* '?' */
.lsicon-jsfiddle:before { content: '\e81a'; } /* '?' */
.lsicon-linkedin-squared:before { content: '\e81b'; } /* '?' */
.lsicon-linkedin:before { content: '\e81c'; } /* '?' */
.lsicon-pinterest-circled:before { content: '\e81d'; } /* '?' */
.lsicon-pinterest:before { content: '\e81e'; } /* '?' */
.lsicon-reddit:before { content: '\e81f'; } /* '?' */
.lsicon-reddit-squared:before { content: '\e820'; } /* '?' */
.lsicon-skype:before { content: '\e821'; } /* '?' */
.lsicon-soundcloud:before { content: '\e822'; } /* '?' */
.lsicon-spotify:before { content: '\e823'; } /* '?' */
.lsicon-stackexchange:before { content: '\e824'; } /* '?' */
.lsicon-stackoverflow:before { content: '\e825'; } /* '?' */
.lsicon-stumbleupon:before { content: '\e826'; } /* '?' */
.lsicon-stumbleupon-circled:before { content: '\e827'; } /* '?' */
.lsicon-tumblr-squared:before { content: '\e828'; } /* '?' */
.lsicon-tumblr:before { content: '\e829'; } /* '?' */
.lsicon-twitter-squared:before { content: '\e82a'; } /* '?' */
.lsicon-twitter:before { content: '\e82b'; } /* '?' */
.lsicon-vimeo:before { content: '\e82c'; } /* '?' */
.lsicon-vine:before { content: '\e82d'; } /* '?' */
.lsicon-wordpress:before { content: '\e82e'; } /* '?' */
.lsicon-youtube:before { content: '\e82f'; } /* '?' */
.lsicon-youtube-squared:before { content: '\e830'; } /* '?' */
.lsicon-itunes:before { content: '\e831'; } /* '?' */
.lsicon-steam:before { content: '\e832'; } /* '?' */
.lsicon-steam-squared:before { content: '\e833'; } /* '?' */
.lsicon-behance:before { content: '\e834'; } /* '?' */
.lsicon-behance-squared:before { content: '\e835'; } /* '?' */
.lsicon-yelp:before { content: '\e836'; } /* '?' */
.lsicon-twitch:before { content: '\e837'; } /* '?' */
.lsicon-fivehundredpx:before { content: '\e838'; } /* '?' */
.lsicon-angellist:before { content: '\e839'; } /* '?' */
.lsicon-bloglovin-squared:before { content: '\e83a'; } /* '?' */
.lsicon-bloglovin:before { content: '\e83b'; font-size:80%; } /* '?' */
.lsicon-paper-plane:before { content: '\e83c'; } /* '?' */
.lsicon-vkontakte:before { content: '\e83d'; } /* '?' */
.lsicon-bitbucket:before { content: '\e83e'; } /* '?' */
.lsicon-bandcamp:before { content: '\e83f'; } /* '?' */
.lsicon-xing:before { content: '\e840'; } /* '?' */
.lsicon-yahoo:before { content: '\e841'; } /* '?' */
.lsicon-snapchat:before { content: '\e842'; } /* '?' */
.lsicon-snapchat-square:before { content: '\e843'; } /* '?' */
.lsicon-tripadvisor:before { content: '\e844'; } /* '?' */
.lsicon-houzz:before { content: '\e845'; } /* '?' */
.lsicon-mixcloud:before { content: '\e846'; } /* '?' */
.lsicon-lastfm:before { content: '\e847'; } /* '?' */
.lsicon-lastfm-squared:before { content: '\e848'; } /* '?' */
.lsi-social-icons {
margin: 0 !important;
padding: 0 !important;
list-style-type: none !important;
display: block !important;
font-size: 2em;
}
.lsi-social-icons li:before,
.lsi-social-icons li:after {
content: '' !important;
display: none !important;
}
.lsi-social-icons li {
padding:0 !important;
display: inline-block !important;
*display: inline;
*zoom: 1;
float: none !important;
margin: 0 8px 8px 0 !important;
list-style-type: none !important;
}
.lsi-social-icons li a {
padding: 8px;
width: 1.2em;
line-height: 1.2em;
text-align: center;
display: block;
text-decoration: none !important;
font-style: normal !important;
font-weight: normal !important;
text-transform: none !important;
speak: none;
transition: background-color 0.2s ease-in-out 0s;
color: #ddd;
}
.tooltipster-default {
border-radius: 5px;
border: 0;
background: #000;
color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
font-family: inherit;
font-size: 12px;
line-height: 13px;
padding: 8px 10px;
overflow: hidden;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
/* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
cursor: help;
margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
padding: 0;
font-size: 0;
line-height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 9999999;
/* pointer-events: none; */
width: auto;
overflow: visible;
}
.tooltipster-base .tooltipster-content {
overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
display: block;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
display: block;
width: 0;
height: 0;
position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-top: 8px solid;
bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-top: 9px solid;
bottom: -7px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-bottom: 8px solid;
top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-bottom: 9px solid;
top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
left: 0;
right: 0;
margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
left: 5px;
}
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important;
border-left: 8px solid;
top: 50%;
margin-top: -7px;
right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important;
border-left: 9px solid;
margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important;
border-right: 8px solid;
top: 50%;
margin-top: -7px;
left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important;
border-right: 9px solid;
margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade-show {
opacity: 1;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
opacity: 0.5;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.certs {
margin: -1em 0 2.5em;
width: 100%;
border-collapse: collapse;
}
.certs thead tr,
.certs tbody tr {
border-bottom: 1px dotted;
}
.certs thead th {
padding: 12px 8px;
text-align: left;
font-size: 0.9em;
}
.certs tbody td {
padding: 12px 8px;
}
.certs tbody td span {
text-transform: uppercase;
font-size: 0.9em;
color: #d68929;
}
.collapse th,
.collapse td {
padding: 4px 8px;
border: none;
}
.collapse th {
background: #3fae2a;
color: #fff;
}
.collapse tr {
border-color: #3fae2a;
}
.collapse th a:link,
.collapse th a:visited {
color: inherit;
}
.toggler-item {
cursor: pointer;
}
.product-certs {
padding: 40px;
}
.product-certs .toggler-item {
display: inline-block;
margin: 0 0.25em 0 0;
padding: 0.5em 1em;
background-color: white;
border: 3px solid #e6e6e6;
border-radius: 0.25em;
font-weight: bold;
}
.product-certs .toggler-item.active {
border-color: #3fae2e;
}
.product-certs .toggler-details .cert-details {
display: flex;
flex-flow: row nowrap;
}
.product-certs .toggler-details .cert-details .product-graphics-tag {
flex-basis: 25%;
padding: 40px 40px 40px 0;
}
.product-certs .toggler-details .cert-details .product-graphics-tag img {
width: 100%;
height: auto;
}
.product-certs .toggler-details .cert-details .product-cert-details {
flex-basis: 75%;
}
.product-certs .toggler-details .cert-details .product-graphics-extras {
flex-basis: 60%;
padding: 20px 0 40px 40px;
}
.product-certs .toggler-details .cert-details .product-graphics-extras img {
width: 100%;
height: auto;
}
/* tablets and phones */
@media all and (max-width: 959px) {
img, object, embed { max-width: 100%; }
img {
height: auto;
-ms-interpolation-mode: bicubic;
}
.mobileonly { display: block!important; }
header .logo {
float: left;
margin-left: 15px;
}
#menutrigger {
position: fixed;
top: 14px;
right: 20px;
z-index: 101;
}
#menu {
display: block;
position: fixed;
right: 0;
top: 56px;
background: #dbeed2;
}
nav ul {
display: none;
flex-direction: column;
}
nav li {
height: auto;
}
nav a:link, nav a:visited {
display: block;
padding: 10px 15px;
line-height: 35px;
}
nav li:nth-of-type(1) { order: 1; background: transparent; }
nav li:nth-of-type(2) { order: 2; background: transparent; }
nav li:nth-of-type(3) { order: 3; }
nav li:nth-of-type(4) { order: 4; }
nav li:nth-of-type(5) { order: 5; }
nav li:nth-of-type(6) { order: 6; }
nav li:nth-of-type(1) a:link, nav li:nth-of-type(1) a:visited { font-weight: 400; }
nav li:nth-of-type(2) a:link, nav li:nth-of-type(2) a:visited { font-weight: 400; }
nav li:hover ul {
display: none !important;
}
main {
width: 94%;
margin: 76px 3% 0;
}
.landing-page main, .home main {
width: 100%;
margin: 56px 0 0;
}
section.l-gridbg {
height: auto;
}
section.l-gridbg .grid_4_of_12 {
width: 100%;
height: auto;
margin: 1rem 0;
}
section.l-gridbg .grid_4_of_12:first-child {
margin-bottom: 4rem;
}
section.gridbg {
height: auto;
}
}
@media only screen and (max-width: 833px) {
.header img.logo {
width: 180px;
height: auto;
}
section.l-dgreen p {
padding: 1rem;
}
.hero-header div.featured-image h2 {
width: 100%;
}
.hero-header div.featured-image img {
width: 800px !important;
height: 100% !important;
max-width: none;
}
.video-col {
margin: 0;
float: none;
width: 100%;
}
}
@media (max-width: 767px) {
#hero-home {
width: 50%;
}
}
@media only screen and (max-width: 650px) {
.grid_1_of_12,
.grid_2_of_12,
.grid_3_of_12,
.grid_4_of_12,
.grid_5_of_12,
.grid_6_of_12,
.grid_7_of_12,
.grid_8_of_12,
.grid_9_of_12,
.grid_10_of_12,
.grid_11_of_12,
.grid_12_of_12 {
width: 100%;
}
.col {
margin: 0;
}
.landing-page section {
padding: 2rem 1rem;
}
.landing-page section.l-bb {
padding-top: 0;
}
.l-bb h2 {
padding-top: 0
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.landing-page h2 {
font-size: 1.5rem;
padding: 2rem;
}
#gt-how img[alt="greentag scorecard"] {
top: auto;
bottom: 0;
left: 28%;
margin-bottom: -28.2rem;
}
.certify-summary {
margin-top: 28.2rem;
}
#product-sidebar {
width: 100%;
margin: 30px 0!important;
padding: 0;
float: none!important;
clear: both;
}
#product-sidebar p {
line-height: 1em;
}
.product-graphics {
width: 28%;
margin: 20px 1.8%;
float: left;
}
#hero {
background-position: center top;
}
#hero-logo, #hero h1 {
width: 94%;
padding-left: 0;
padding-right: 0;
margin: 0 3%;
}
#hero-home {
width: 90%;
padding-left: 5%;
padding-right: 5%;
margin-left: auto;
margin-right: auto;
}
.hero-header div.featured-image img {
right: 0;
}
#global-sites {
background-size: auto;
padding: 30px;
}
.site-footer {
text-align: center;
}
.site-footer aside#nav_menu-2, .site-footer aside#lsi_widget-2 {
float: none;
}
.menu-footer-container li {
float: none;
margin-right: 10px;
}
#product-taxonomies ul ul li {
margin-left: 6%;
width: 94%;
}
}
@media only screen and (max-width: 520px) {
section.l-dgreen img {
display: none;
}
.post-grid .item {
width: 90%;
}
}
@media only screen and (max-width: 374px) {
header a.getcertified {
padding: 17.5px 8px;
font-size: 14px;
}
}
body:has(#lightbox_viewer.active) { /* prevent background scroll */
overflow: hidden;
}
#lightbox_overlay {
position: fixed;
left: 0;
top: 0;
z-index: 1000;
width: 100%;
height: 100%;
background: black;
opacity: 0.7;
}
#lightbox_viewer {
display: none;
z-index: 1010;
position: fixed;
left: 50%;
top: 100px;
padding: 10px;
overflow-x: auto;
overflow-y: hidden;
background: white;
border-radius: 4px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
line-height: 1.4;
color: #666;
}
#lightbox_image_container {
position: relative;
padding-bottom: 4px;
min-width: 160px;
min-height: 160px;
max-height: 100%;
text-align: center;
}
#lightbox_image_container img {
max-width: 100%;
}
#lightbox_loading {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-image: url(data:image/gif;base64,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);
background-position: center center;
background-repeat: no-repeat;
}
#lightbox_prev,
#lightbox_next {
display: block;
position: absolute;
top: 0;
width: 50%;
height: 100%;
background-repeat: no-repeat;
cursor: pointer;
}
#lightbox_prev { left: 0; }
#lightbox_prev:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAklJREFUeNrU2ltPwjAUB/B2oDj1I5ioiUR98Nnv/+izD0o0QRM/goi4Qe3wFBuyS6/rf01OGsIk+3FmL4dyIQQzaZxzFrFxipGMTOurtpGx1npBsW1N9z9m6ZuOqu7ngPoRvV9hShmF9prpuCgw04w3PAU6qgJNVMjPfaNrzmW3ousUaN312VmyNNWjjmWcKhR9ce+yy+n9Md0zh4S1oE4k5KXmqZjTdSMNxqFgHahZyyP/YZKpJDBXFP3tWdeAkQTmibqiUVEN+6ILmQ0AdS27pYwfGvY3JpnLBoBa1MDSPoqBUF80jxV1K4/eYSlR0WCpUVFgCKjgMBRUUBgSKhgMDRUEhogKAYNE+cJgUT4waJQrDB7lAhsEyhWmqkk2qJs+UbYwla1My1ZugLptQgmfElfMjNUVXvZQd7SX+qb9VC8oV9i2UquXyBpQ9wRRsdv9xkYlrSuiwQR962uZkYvWC4V4oP9FFbtiJ4/8Q4ArTNXSV/L+ph24R/ZXxT2Sccj+i57RcZklSmWsoBFuSfNTG+6pmhJoapj0hfPKGA3hCwPccxOOWVR3Y8MUrrDEzfrEuYyKg8C5DvfwOJ95DBrnO0HD4rxXHrQ8gsMFWVIh4oKtFdFwQRfBSLjgq3sUXJRtCwIu2n4sNS7qRjMlLvoOOhAup/3c2PSeeykNBMDtw3COHHniXhnykSNPHO6RIx8c7JEjC9y0BnXJEI8cWeI+9dIeHcRc0vvGR444wJlgm6OzJdv7MQP5TLDQAIwyUjLDw85N7VeAAQDVB1mOzbRUqgAAAABJRU5ErkJggg==);
background-position: left 50%;
}
#lightbox_next { right: 0; }
#lightbox_next:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAk9JREFUeNrc2s1OAjEQAOC2sCLiI5iIiQY9ePb9j549KNFETHwEURGkTpMpDGSXdvtDB5tMCiEl/ZjdLjtbqbUWPk1KuXqJ0YFQpDdtCfFLeo2RrTXNv9vyeyjKjK2w7+DnBrOAmJP3IjcuBUxgdsy4I4hjiB78am+Y1SF0MxIrnG74acmRkLSpgIxZWA+ib1E4+Ql0pxAn+HmF2ZQylyABTBKYmWwFkNeaY/4ZukFpnAocJwHwvuOEHpfGhcI0zO/MsVoVxbWB2aXbLuVzmN8lV1zbjFmYWdJ/IL5gfiOOuJBDcQMGMY3BYbDImLaHIl6rPjniQjJ2ELjgVZE7TkWMZY1TkePZ4mJh9s8tO5xKkXaOOJXqZOWGSwbjhksK44RLDuOCywLjgMsGK43LCvPAXbfEdQmuLMwDd+OB65OsKZ+s7QXWgDP3c994s3rrGPvMMmM1OHuzOrcBuDvH2IlYV515wbjWFaMb1jho0bWyARm5d4wdivVzAc0GRlAdxNgSuakmPzjGXuGCsxDrhx3lYTWoHi7hA0A9OsaOsGg0w/NxKTye4qjCqCcP1BQvDXwy5kCNW6LmosUzN/UfUdlgpVFZYBxQyWFcUElhnFDJYNxQSWAcUSlgLFGxMLaoGBhrVCiMPSoEdhCo0IzRLUd9jqjQjG3AYlDad+tdZljdlqMXjqioVXHXlqPSqBjYzi1HpVFtYXVbji4aCi9FUSEZo8VOM2lTxT3fKpF9lEbZc8X3z+72dcy1dXYh9rAvONWeYE0AgmSv2GbnpvYnwACZ+Vt9L3+oIgAAAABJRU5ErkJggg==);
background-position: right 50%;
}
#lightbox_prev.nohover:hover,
#lightbox_next.nohover:hover {
background-image: none;
cursor: auto;
}
#lightbox_details {
position: relative;
overflow-y: auto;
transition: 0.4s max-height;
}
#lightbox_caption {
font-weight: bold;
}
#lightbox_caption span {
font-weight: normal;
}
#lightbox_counter {
display: block;
clear: left;
font-size: 0.9em;
}
#lightbox_close {
position: absolute;
right: 0;
bottom: -0.1em;
text-transform: uppercase;
text-decoration: none;
font-size: 0.9em;
color: inherit;
}
#lightbox_close:hover,
#lightbox_close:focus {
text-decoration: none !important;
cursor: pointer;
color: #666;
}
#lightbox_close::before {
content: "\2717";
padding-right: 0.15em;
text-decoration: none;
font-size: 1.1em;
color: #666;
}
#lightbox_close:hover::before,
#lightbox_close:focus::before {
color: #c33;
}
@media only screen and (max-width: 799px) {
#lightbox_viewer {
flex-flow: column nowrap;
justify-content: space-around;
left: 0 !important;
top: 0 !important;
margin: 0 auto !important;
width: calc(100% - 20px) !important;
max-width: none !important;
height: calc(100% - 20px) !important;
max-height: none !important;
background: black;
box-shadow: none;
color: white;
}
#lightbox_image_container {
max-height: none;
}
#lightbox_image_container img {
min-width: 0;
max-height: 100%;
}
#lightbox_details {
position: relative;
max-height: unset !important;
}
#lightbox_close::before {
color: #666;
}
#lightbox_close:hover {
color: white;
}
}