/*
* Crystal Clean Custom Styles V0.1
*/



/* #Header
================================================== */
header {
    padding: 0px 0;
    margin: 0px auto;
    position:absolute;
    z-index:10;
    width:100%;
}

@media (max-width: 767px) {
    header .container { width:100%; }
}



/* #General Styles
================================================== */
body { font-family:Arial, sans-serif; font-size:15px; line-height:24px; }
h1 { font-family: 'Teko',Arial,sans-serif; font-size:100px; text-transform:uppercase; color:#0079c6; }
h2 { font-family: 'Hammersmith One', sans-serif; font-size:36px; margin-bottom:15px; color:#0079c6; }
h2.subhead { font-family: 'Teko', sans-serif; font-size:36px; margin:30px auto; text-transform:uppercase; color:#5c5c5c; }
h3{ font-family: 'Teko',Arial,sans-serif; font-size:28px; text-transform:uppercase; color:#0079c6; }
h4 { font-family: 'Hammersmith One', sans-serif; font-size:18px; color:#0079c6; }
h5 { font-family: 'Teko', sans-serif; font-size:18px; color:#8dc63f; text-transform:uppercase; }
a { color:#0079c6; }
a.bold-link { color:#8dc63f; font-family: 'Teko',Arial,sans-serif; font-size:24px; text-transform:uppercase; display:inline-block; padding:10px 0px; }
.green-link a { color:#8dc63f; font-family: 'Teko',Arial,sans-serif; font-size:24px; text-transform:uppercase; }
.blue { color:#0079c6 !important; }
.green { color:#5cbd3c !important; }
.lime { color:#8dc63f !important; }
.yellowgreen { color:#e0e25c !important; }
.white { color:#fff !important; }
.dkgrey { color:#5c5c5c !important; }
.content-spacer { height:30px; }
.img-responsive, .img-responsive img { max-width:100%; height:auto;}
h3.bigger { font-size:36px; }
.hammer { font-family: 'Hammersmith One', sans-serif; }
.teko { font-family: 'Teko',Arial,sans-serif; }
.upper { text-transform:uppercase; }
.breathe { margin-top:30px; margin-bottom:30px; }
.breathe-top { margin-top:30px; }
.breathe-btm { margin-bottom:30px; }
.remove-margin { margin-bottom:0px; }
.skinny { max-width:72%; margin:auto; }
.cover-contain img { -o-object-fit: contain;  object-fit: contain !important; }
.heading-line { position:relative; clear:both; width:100%; overflow:hidden; background:url(../img/heading-line-bg.png) repeat-x center center; margin-top:30px; }
.heading-line h2 { background-color:#fff; padding: 0px 20px; margin-left:-20px; display:inline-block; }
.bod{font-size:20px;}
.center{text-align:center;}

@media only screen and (max-width: 767px) {
    h1 { font-family: 'Teko',Arial,sans-serif; font-size:40px; text-transform:uppercase; }
    h2 { font-family: 'Hammersmith One', sans-serif; font-size:28px; line-height:30px; margin-bottom:15px; color:#0079c6; }
    h2.subhead { font-family: 'Teko', sans-serif; font-size:28px; line-height:30px; margin:15px auto; text-transform:uppercase; color:#5c5c5c; }
    h3{ font-family: 'Teko',Arial,sans-serif; font-size:22px; text-transform:uppercase; color:#0079c6; }
    h4 { font-family: 'Hammersmith One', sans-serif; font-size:16px; color:#0079c6; }
    h5 { font-family: 'Teko', sans-serif; font-size:12px; color:#8dc63f; text-transform:uppercase; }
}

/* #Button Styles
================================================== */
a.btn-fill, a.btn-outline, .wp-block-buttons { margin: 30px auto; font-family: 'Teko',Arial,sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase; }
a.btn-fill, a.btn-outline, .wp-block-button__link { border-radius:0px; }
a.btn-fill, .wp-block-button.is-style-fill .wp-block-button__link { border:1px solid #fff; background-color:#3b98d3; }
a.btn-outline, .wp-block-button.is-style-outline .wp-block-button__link { border:1px solid #ccc; color:#3b98d3; }
a.btn-fill:hover, .wp-block-button.is-style-fill .wp-block-button__link:hover { background-color:#8dc63f; }
a.btn-outline:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover { background-color:#8dc63f; color:#fff; }
a.btn-fill, a.btn-outline {     box-shadow: none;
    display: inline-block;
    font-size: 1.125em;
    padding: .667em 1.333em;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word; }

/* #Top Navigation
================================================== */
#mega-menu-wrap-secondary #mega-menu-secondary.white > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary.white > li.mega-menu-item > a.mega-menu-link { color:white; } /*changes menu text color to white */
/*#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color:#0079c6; } /*changes menu text color to white */
/*#mega-menu-wrap-secondary #mega-menu-secondary.white > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary.white > li.mega-menu-item > a.mega-menu-link:hover { color:#0079c6; } /*changes menu text color to white */
#mega-menu-wrap-primary.mega-sticky{
    background-color:#fff;
    padding:40px 0 10px 0;
    z-index:9999;
}
.mega-sticky-wrapper #mega-menu-wrap-primary.darknav{
    background-color:#222;
}
/* #Headers
================================================== */
.header-container { position:relative; width:100%;min-height:325px; }
.header-container .header-title { width:100%;position:absolute;bottom:0px; }
.header-container .header-title h1 { font-family: 'Teko',Arial,sans-serif; font-size:100px; text-transform:uppercase; color:#0079c6; }
.header-container .header-title .header-bar { background:rgba(0,0,0,.7); padding:30px 0; width:100%; font-size:18px; clear:both; }
.header-container .header-title .header-bar { background:rgba(0,0,0,.7); padding:30px 0; width:100%; font-size:18px; clear:both; }

.header-with-intro { position:relative; background-size:cover;background-repeat:no-repeat; background-position:center; background-color:#000; width:100%;min-height:650px }
.header-with-intro .header-title { width:100%;position:absolute;bottom:0px; }
.header-with-intro h1 { font-family: 'Teko',Arial,sans-serif; font-size:100px; text-transform:uppercase; color:#fff; }
.header-with-intro .header-bar { background:rgba(0,0,0,.7); padding:50px 0; width:100%; font-size:18px; clear:both; }
.header-with-intro .header-bar img { height:80px; width:auto;float:left; padding:10px; }
.header-with-intro .header-bar .header-intro { color:#fff; font-family: 'Hammersmith One', sans-serif; font-size:20px; }
.header-with-intro .vcenter { text-align:left; margin: 0; position: absolute; top: 50%; left: 110px; -ms-transform: translate(-50%, -50%); transform: translate(0%, -50%); }

.header-with-subhead { position:relative; background-size:cover;background-repeat:no-repeat; background-position:center; background-color:#000; width:100%;min-height:565px;  }
.header-with-subhead .header-title { width:100%;position:absolute;bottom:50px; }
.header-with-subhead h1 { font-family: 'Teko',Arial,sans-serif; font-size:100px; text-transform:uppercase; color:#fff; }
.header-with-subhead .header-bar { background:rgba(0,0,0,.7); padding:30px 0; width:100%; font-size:18px; clear:both; }
.header-with-subhead .header-title img { height:80px; width:auto; padding:10px 10px 0 0; }
.header-with-subhead h2.parent-title { font-family: 'Teko', sans-serif; font-size:36px; margin-bottom:0px; text-transform:uppercase; color:#5c5c5c; }


.header-with-map { position:relative; background-size:cover;background-repeat:no-repeat; background-position:center; background-color:#000; width:100%; min-height:565px;  }
.header-with-map .header-title { width:96%; max-width:800px; position:absolute;bottom:30px; left: 50%;
    transform: translate(-50%, 0%); }
.header-with-map .header-bar { margin:auto; background:rgba(0,0,0,.7); padding:30px 0; max-width:800px; margin:auto; font-size:18px; clear:both; color:#fff; padding:10px 30px; }
.header-with-map h1 { font-family: 'Teko',Arial,sans-serif; font-size:100px; text-transform:uppercase; color:#fff; text-align:center; margin:30px auto; }

.header-products { position:relative; width:100%;min-height:150px; }


@media only screen and (max-width: 767px) {
    .header-container { min-height:180px; }
    .header-with-intro, .header-with-subhead { min-height:380px; }
    .header-with-intro .header-bar { padding: 20px 0; }
    .header-with-intro .header-bar .header-intro { font-size:14px; }
    .header-container .header-title h1, .header-with-intro h1, .header-with-subhead h1 { font-size:40px; line-height:.8em; }
    .header-with-intro .vcenter {
        position: relative;
        top: 0px;
        left: 0px;
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%); 
    }
    .header-with-subhead h2.parent-title { font-size:26px; margin-bottom:10px; line-height:28px; }
    #mega-menu-wrap-primary.mega-sticky{
        padding:0;
    }
}



/* #Home Page
================================================== */
#videoBG { position:absolute; z-index:0; width:auto; min-width:100%;  height: auto; display: none; }

@media (max-width: 767px) {
    #videoBG {  display: none; } 
}


/* #In-page Nav
================================================== */
ul.page-menu { display:block; text-align:center; margin:60px auto 20px auto; }
ul.page-menu li { display:inline-block; list-style-type:none; margin: 0 20px; }


/* #Accordian Styles
================================================== */
.ui-accordion .ui-accordion-header { font-size: 18px !important; color:#000; background-color:#f2f2f2; border-width:0px !important; }
.ui-accordion .ui-accordion-header.ui-state-active { color:#fff; background-color:#0079c6; }
.ui-icon { background-image:url(../img/accordian-arrow-closed.png) !important; width:26px !important; height:26px !important; margin-right: 10px; }
.ui-state-active .ui-icon { background-image:url(../img/accordian-arrow-open.png) !important; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-bottom-right-radius:0px !important; border-bottom-left-radius:0px !important; border-top-right-radius:0px !important; border-top-left-radius:0px !important; }
.ui-widget-content { border:0px solid #ffffff !important; }
#stock-chart .ui-widget-content { background: transparent; }
#stock-chart .ui-accordion-header { color:#fff; background-color:#4a4a4a; }
#stock-chart .ui-accordion-header.ui-state-active { color:#fff; background-color:#0079c6; }



/* #Products
================================================== */
.product {}
.product-category { margin-bottom: 10px; }
.product-title { margin-bottom:30px; }
.product-nav { z-index:2; width:100%; position:relative;  }
.product-nav .prev { position:absolute; left:30px; }
.product-nav .next { position:absolute; right:30px; }
.product .wp-block-table.is-style-stripes tbody tr td, .product .wp-block-table.is-style-stripes tbody tr td {
    padding: 5px;
}
.product .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #b9b9b9;
}
.product .wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}



/* #News
================================================== */
.news { border-right:1px solid #efefef; padding-right:30px; margin-right:30px; }
.news-column-container { width:100%; padding-right:0px; margin-right:0px; }
.news-column { float:left; width:50%; }
.news-3-columns { float:left; width:33%; }
.news-block { margin:20px auto; padding-right:20px; }
.news-block .news-date { display:block; color:#c6c6c6; font-family: 'Teko',Arial, sans-serif; font-size:18px;  }
.news-block .news-img { display:block; width:100%; height:188px; background-size:cover; background-color:#efefef; margin-bottom:10px;  }
.news-block .news-title { display:block; }
.news-block .news-title a { color:#0079c6; font-family: 'Hammersmith One', sans-serif; font-size:18px; }
.news-block .news-excerpt { display:block; }
.news-block .news-link { display:block; }
.news-block .news-link a { color:#8dc63f; font-family: 'Teko',Arial,sans-serif; font-size:24px; text-transform:uppercase; display:inline-block; padding:10px 0px; }

.news-menu { margin-bottom:30px; }
.news-menu h3 { color:#5c5c5c; margin-bottom:0px; }
.news-menu ul { display:inline-block; text-align:left; margin:0; }
.news-menu ul li { display:block; list-style-type:none; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-weight:600; font-size:14px; line-height:16px; margin-bottom:5px; }
.news-menu-h { margin-bottom:30px; }
.news-menu-h h3 { color:#5c5c5c; margin-bottom:0px; display:inline-block; }
.news-menu-h ul { display:inline-block; text-align:center; }
.news-menu-h ul li { display:inline-block; list-style-type:none; margin: 0 20px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-weight:600; font-size:14px; }

.header-news{position:initial!important; padding: 250px 0 40px;}

#news-post { margin-top:30px; margin-bottom:30px; clear:both;}
#news-post .news-post-thumb { float:right; margin:0 0 20px 20px; }

@media only screen and (max-width: 767px){
    .news { border-right:0px solid #efefef; padding-right:0px; margin-right:0px; }
    .news-column { float:none; width:100%; }
    .news-block { padding-right:0px; }
    #news-post .news-post-thumb { float:none; margin:10px; }
    .header-news{padding: 80px 0 0 0;}
}




/* Resources
================================================== */
.resources { }
.resources .resource-list-item { clear:both; margin-top:30px; margin-bottom:30px;  }
.resources .icon { display:inline-block; float:left; margin-right:10px; width:40px; height:62px; background: url(../img/icon-resource-list.png) no-repeat center center; }
.resources a.resource-link { color:#8dc63f; font-family: 'Teko',Arial,sans-serif; font-size:24px; text-transform:uppercase; display:inline-block; padding:10px 0px; }



/* #WPForms Styling
================================================== */
.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    background-color: #0079c6 !important; /* blue background */
    color:#fff !important;
    font-family: 'Teko',Arial,sans-serif !important; font-size:24px !important; text-transform:uppercase !important;
}
.wpforms-field-label { font-weight:normal !important; font-family: 'Teko',Arial,sans-serif !important; font-size:18px !important; text-transform:uppercase !important; }
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    padding: 5px 0 0 0;
}



/* #WP Store Locator Styling
================================================== */
#wpsl-wrap { background:transparent; padding-top:200px; margin-bottom:0px; overflow:visible;}
#wpsl-wrap .wpsl-search {
    background: rgba(0,0,0,.7);
    margin-bottom: 60px;   padding:30px;
}
#wpsl-search-input,
#wpsl-wrap #wpsl-stores li {
  color: #fff !important;
  background: #333 !important;
  list-style: none;
  border-bottom:1px solid #5c5c5c;
  padding:20px 0;
}
#wpsl-search-wrap {
    float: none;
    width: 100%;
    text-align: center;
}
#wpsl-search-wrap .wpsl-input div { display:inline; font-size:28px; max-width:160px; text-align:right; }
#wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap {
    display: inline-block;
}
#wpsl-search-wrap .wpsl-input input { display:inline-block;  }
#wpsl-search-btn, #wpsl-search-wrap div {
    float:none;
    display: inline-block;
}
#wpsl-search-wrap label {
  color: #fff !important;
}

#wpsl-wrap #wpsl-stores li p {
  color: #ccc;
  margin:0;
}
#wpsl-wrap #wpsl-stores a{
    color:#8dc63f;
}
#wpsl-search-wrap .wpsl-input label {
    display: inline;padding-top: 5px;
}
#wpsl-search-input {
    width: 250px;
    font-size: 100%;
    margin: 0;
    padding: 10px
}
#wpsl-search-wrap div {
    float: none;
    display: inline;
}
#wpsl-checkbox-filter.wpsl-checkbox-3-columns li {
    width: auto;
    margin-right: 20px;
}
#wpsl-result-list ul {
    padding: 20px 0;
}
#wpsl-wrap #wpsl-result-list ul li {
    text-align: left;
}
#wpsl-wrap #wpsl-result-list li {
    padding: 0px;
    border-bottom: 0px dotted #ccc;
}
#wpsl-stores {
    height: 580px;
    padding:10px 30px 10px 0;
 }
#wpsl-result-list { width:800px; margin:auto; }

#wpsl-gmap {
    float:none;
    display: inline-block;
    width: 75%;
    height: 600px;
    margin-bottom: 0;
}
.storeList strong{
    color:#fff;
}

.storeListContainer { width: 24.5%; display: inline-block; float:none; background:#333; }
#wpsl-search-btn { font-family: 'Teko',Arial,sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase !important;
    line-height: 1.428571429;
    color: #fff;
    background-color: #3b98d3;
    background-image: none;
    box-shadow: none;
    padding-left:20px;
    padding-right:20px;
}
#wpsl-search-btn, #wpsl-search-wrap input {
    border: 1px solid #fff;
    border-radius: 0px;
}


@media only screen and (max-width: 767px) {
    #wpsl-result-list { width:98%; margin:auto; }
    #wpsl-search-wrap .wpsl-input div { text-align: left;}
    .storeListContainer { width:100%; height:300px; }
    #wpsl-gmap { width:100%; }
    #wpsl-stores{height:300px}
}
    
    
/* custom css for sec-filings */
.component-in-line #group{font-size: 16px;height: 38px;}
.component-in-line #secType{font-size: 16px;}
header.sec-top-section {position:unset;}    

/* #Fix full width with fixed content width
================================================== */
.wp-block-cover, .wp-block-cover-image { padding:30px; }
.wp-block-cover { min-height:200px; }
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { width:100%; }
pre {    background: rgba(0,0,0,.5); box-shadow:none; }
.main-fluid {
     padding: 0 0;
    max-width: 3000px;
    width: 100%;
}
.wp-block-group { margin-bottom:30px; }
.wp-block-media-text { max-width: 1000px; border: 1px solid #3a3a3a; margin: 30px auto; }

.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { max-width:1300px; margin-left:auto; margin-right:auto; }
/*article .the-content h1, article .the-content h2, article .the-content h3, article .the-content h4, article .the-content h5, article .the-content p, .wp-block-buttons { max-width:1300px; margin-left:auto; margin-right:auto; }

@media only screen and (min-width: 1281px){
article .the-content h1, article .the-content h2, article .the-content h3, article .the-content h4, article .the-content h5, article .the-content p, .wp-block-buttons { max-width:1280px; margin-left:auto; margin-right:auto; }
}*/


/* #Footer
================================================== */
.footer-swoosh { width:100%; height:60px; position:absolute; top:-60px; }
.footer-swoosh svg { background-color: linear-gradient(to right, #96ca4e, #ffffff); width:100%; height:100%; }
.site-footer { background: #000 url(../img/distressed-black-bg.jpg) no-repeat center center; background-size:cover; color:#fff; position:relative; }
.footer-box { padding:30px 15px; margin-top:60px; }
.footer-box h4 { font-size:28px; }
.footer-logo { position:relative; clear:both; max-height:40px; width:100%; overflow:hidden; background:url(../img/footer-logo-bg.png) repeat-x center center; margin-top:30px; margin-bottom:30px; }
.footer-logo div { text-align:right; }
.footer-logo img { max-height:100%; width:auto; }
.site-info { font-size: 80%; }
.site-info a { color:#96ca4e; }
#mega-menu-wrap-footer1 #mega-menu-footer1 > li.mega-menu-item.menu-heading > a.mega-menu-link,
#mega-menu-wrap-footer2 #mega-menu-footer2 > li.mega-menu-item.menu-heading > a.mega-menu-link,
#mega-menu-wrap-footer3 #mega-menu-footer3 > li.mega-menu-item.menu-heading > a.mega-menu-link,
#mega-menu-wrap-footer4 #mega-menu-footer4 > li.mega-menu-item.menu-heading > a.mega-menu-link { font-family: 'Hammersmith One', sans-serif; font-size:18px; color:#8dc63f; margin-top:20px;margin-bottom:10px; text-transform:none; }

@media only screen and (max-width: 767px) {
    .footer-box { margin-top:30px; }
    .footer-swoosh { width:100%; height:30px; top:-30px; }
}