/*
Theme Name:   	Rencol Components Child Theme
Author:       	Joseph Joyner
Template:     	storefront
Description:  	This is a child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	blue, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

body, button, input, textarea {
    -webkit-font-smoothing: antialiased; /* Improve font rendering in webkit */
    -moz-osx-font-smoothing: grayscale; /* Improve font rendering in Moz on OSX */
    font-family: 'Frutiger W01';
    font-style: normal;
    font-weight: 100;
    font-size: 1.12em;
    color: #666666;
    font-display: swap;
}

/* Typography ///////////////////*/

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: 700;
    letter-spacing: 0;
    color: #333333;
    text-decoration: none;
    margin: 0 0 .3em;  
    line-height: 1.3;
}

h1 {
    font-size: 1.65em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.25em;
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1em;
    margin: 0 0 .3em;
}

p {
    margin: 0 0 1em;
}

b, strong {
    color: #333333;
}

a {
    color: #006db6;
    text-decoration: underline;
}

a:hover {
    color: #003f5f;
}

a:focus,
.focus a {
	outline: none !important;
}

.alpha {
    font-size: 1.5em;
    }

span.separator, .separator{
    margin: 0 .4em;
}

.divider {
    font-size: 0.9em;   
}

hr {
    background-color: #e4e4e4;
    margin: 1em 0 1em;
    float: left;
    width: 100%;
}

.cad-link {
    text-decoration: none;
}

.model-no {
	font-size: 1em;
    padding: 0em 0.4em;
    background-color: #e5f0f7;
    color: #006db6;
    margin-bottom: 0.7em;
    float: left;
}

.storefront-product-section .section-title {
    text-align: left;
    margin-bottom: 0.3em;
    font-size: 1.6em;
}

address {
    font-style: normal;
}

::-moz-selection {
	background-color: #cce1f0;
	color: #666666;
}

::selection {
	background-color: #cce1f0;
	color: #666666;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
	outline-color: #006db6;	
}

blockquote+h2, blockquote+h3, blockquote+h4, blockquote+header h2, form+h2, form+h3, form+h4, form+header h2, ol+h2, ol+h3, ol+h4, ol+header h2, p+h2, p+h3, p+h4, p+header h2, table+h2, table+h3, table+h4, table+header h2, ul+h2, ul+h3, ul+h4, ul+header h2 {
    margin-top: 1em;
}

.distributor-ul li {
    display: block;
    float: left;
    margin: 1em 1em 0.5em 0;
}

ul.distributor-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

a.distributor-li {
    text-decoration: none!important;
    background: #f2f2f2;
    padding: 0.5em;
}

.distributor-country {
    float: left;
    width: 100%;
    padding: 2em 2em 1.5em 2em;
    margin: 1em 0;
    border: 1px solid #e3e3e3;
}

/* Badges ///////////////////*/

.yith-wcbm-badge-text {
    font-family: 'Frutiger W01';
    color: #ffffff;
    font-size: 14px;
    background: #a0cf67;
    padding: 0 5px;  
}

.yith-wcbm-badge.yith-wcbm-badge-7644.yith-wcbm-badge-text.yith-wcbm-badge--on-product-11591.yith-wcbm-badge-text {
    position: absolute;
    top: 0;
    right: 0;
}


/* Blog ///////////////////*/

.hentry .entry-header {
    margin-bottom: 1em;
}

.alignleft {
    border: 1px solid #e3e3e3;
    margin-bottom: 1em;
}

.gallery .gallery-item .gallery-icon img {
    border: 1px solid #e3e3e3;
    height: auto;
    margin: 0.5em;
}

/* Icons ///////////////////*/

.fa-check-circle {
    color: #a0cf67;
}

.download-icon {
    margin-right: 0.3em;
}

.site-footer .fa-linkedin {
    color: #003f5f;
    margin-right: 0.4em;
}

button .fal, button .far, button .fas, .button .fal, .button .far, .button .fas {
    float: right;
    margin: 0.3em 0 0.3em 0.7em;
}

button .reset {
    margin: 0.4em 0em 0.3em 0.5em;
}

.more a::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    content: "\f061";
    font-size: 0.6em;
    margin-left: 0.5em;
}

h2.woocommerce-loop-category__title::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    content: "\f061";
    font-size: 0.7em;
}

.anchor-arrow {
    font-size: 0.8em;
    color: #006db6;
    margin-left: 7px;
}

/* Buttons ///////////////////*/

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button, .dlm-nf-download-link a {
    background-color: #003f5f;
    border-color: #003f5f;
    color: #ffffff;
    font-weight: 900;
    font-size: 1em;
    margin: 0.3em 0;
    padding: 0.6em 1.2em;
    transition-duration: .25s;
    border-radius: 1px;
    border: 2px solid #003f5f;
    box-shadow: none;
}

button:hover {
    background-color: #003f5f;
    border: 2px solid #003f5f;
    color: #fff;
}

.button:hover {
    background-color: #002c42;
    border-color: #002c42;
    color: #fff;
    box-shadow: none;
}

.button {
    color: #fff!important;
}

button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart, .widget a.button.checkout {
    background-color: #003f5f;
    border-color: #003f5f;
    color: #ffffff;
}

.dlm-nf-download-link a {
    font-style: normal!important;
    text-decoration: none!important;
}

#cad-button {
    min-width: 90px!important;
    margin: 0.3em 0;
    padding: 0.6em 0.9em;
}

#cad-button .fal {
    margin: 0.3em 0 0 0.4em;;
}

.quote-button .fa-arrow-right, .cad-button .fa-arrow-to-bottom {
    font-size: 0.85em;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 100;
    margin: 0.5em 0 0 0.5em;
}

.storefront-handheld-footer-bar ul li.cart .count, button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before {
    background-color: #fff;
}

button.menu-toggle {
    background-color: #003f5f;
    padding-right: 0;
    padding: 0.7em 1em 0.6em 2.5em;
    margin-top: 6px;
    border-color: #003f5f;
    color: #fff;
}

button.menu-toggle:hover {
    background-color: #002c42;
    border-color: #002c42;
    color: #fff;
    box-shadow: none;
}

button.menu-toggle span::before, button.menu-toggle::after, button.menu-toggle::before { 
    height: 1px;
    width: 18px;
    left: 0.7em;
    margin-top: 0px;
    border-radius: 0;
    color: #fff;
}

.product-archive-button {
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    text-align: left;
    padding: 0.8em 1.3em 0.8em!important;
    font-size: 1.1em;
    margin-bottom: 0!important;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    color: #003f5f!important;
    border: none;
}

.button.product-archive-button:hover {
    color: #fff !important;
}

button.facetwp-flyout-open {
    width: 100%;
    margin: 1em 0;
}

.post-type-archive button.facetwp-flyout-open, .term-plastic-metal-knobs button.facetwp-flyout-open {
    display: none;
}

.page-template-template-fullwidth-php .site-main ul.products.columns-3 li.product, .page-template-template-homepage-php .site-main ul.products.columns-3 li.product, .storefront-full-width-content .site-main ul.products.columns-3 li.product .product-archive-button {
    width: 1em;
    min-height: 11.8em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 1em;
    float: right;
    text-align: right;
    padding: 0.2em 0.7em !important;
}

.page-template-template-fullwidth-php .site-main ul.products.columns-3 li.product, .page-template-template-homepage-php .site-main ul.products.columns-3 li.product, .storefront-full-width-content .site-main ul.products.columns-3 li.product .product-archive-button .fal {
    float: left;
    margin: 0.3em -0.4em!important;
}

a.wpdm-download-link.btn.btn-primary {
    float: left;
    margin: 0;
    background-color: #003f5f;
    border-color: #003f5f;
    color: #ffffff;
    font-weight: 900;
    font-size: 1em;
    transition-duration: .25s;
    border-radius: 1px;
    text-transform: none;
    font-family: 'Frutiger W01';
    font-style: normal;
    letter-spacing: 0;
    padding: 0.5em 1em;
}

.materials-section .button, .materials-section button {
    width: 100%;
    padding: 0.5em 0.7em 0.5em 1em;
    margin: 0.8em 0.15em 0;
}

/* Header & Navigation ///////////////////*/

.site-header {
    background-color: #fff;
    border-bottom-color: 1px solid #cacaca;
    padding-bottom: 0.6em;
    padding-top: 1em;
    position: fixed;
    width: 100%;
    box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.5);
}

.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
    max-width: 142px;
    margin: 0.3em auto 0.8em;
}

.site-branding {
    width: 100%;
}

#pre-header {
    display: none;
}

#tagline, #how-to-order-widget {
    display: none;
}

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    width: 79%;
}

#how-to-order-widget {
    float: right;
    width: 15%;
    margin: 0.8em 0 0 0;
    text-align: right;
    font-size: 1.08em;
}

#how-to-order-widget a {
    color: #003f5f;
    text-decoration: none;
}

#how-to-order-widget a:hover, #how-to-order-widget a i:hover {
    color: #003f5f;
    text-decoration: none;
}

#how-to-order-widget i {
    color: #003f5f;
    margin-right: 0.3em;
}

input[type=search] {
    background-color: #ffffff;
    border: 1px solid #cacaca;
}

input[type=search], .site-search .widget_product_search form input[type=text] {
    width: 80%;
}

.widget_search form input[type=text], .widget_search form input[type=search], .widget_product_search form input[type=text], .widget_product_search form input[type=search] {
    width: 80%;
}

.widget_product_search form button[type=submit], .widget_product_search form input[type=submit], .widget_search form button[type=submit], .widget_search form input[type=submit] {
    width: 20%;
}

.main-navigation ul li, .secondary-navigation ul li {
    font-size: 1.08em;
    color: #003f5f;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    background: #003f5f;
}

#mega-menu-wrap-primary .mega-menu-toggle {
    background: #003f5f;
    margin: 1em 0;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
    color: #fff;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
    color: #fff;
}

#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    background: #003f5f;
}

#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge {
    color: #fff;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 17px;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
    content: '\f0c9'!important;
    font-family: 'Font Awesome 5 Pro';
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    content: '\f078'!important;
    font-family: 'Font Awesome 5 Pro';
}

.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
    padding: 0.5em 0.75em;
    border-radius: 0;
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: #006db6;
}

.header-widget {
    background-color: #fff;
    width: 100%;
    background-position: center;
    background-repeat: repeat;
    background-size: 1500px;
    border-bottom: 1px solid #e3e3e3;
    float: left;
    margin-top: 9em;
    box-shadow: inset 0 0 0 1000px rgb(0 63 95 / 33%);
}

.home .header-widget {
    background-size: 1354px;
}

.header-widget h1 {
    width: 100%;
    float: left;
    background: rgba(0, 109, 182, 0.95);
    padding: 0.7em 1em 0.6em 1em;
    margin: 1em 0 0 0em;
    color: #fff;
    font-size: 1.5em;
}

.home .header-widget h1 {
    font-size: 1.6em!important;
}

.header-widget p {
    float: left;
    width: 100%;
    clear: both;
    background: rgb(0 63 95 / 95%);
    padding: 0.8em 1.4em 0.8em;
    margin: 0 0 1.4em 0;
    font-size: 1.05em;
    line-height: 1.55em;
    color: #fff;
}

.header-widget a.button {
    background-color: #006db6;
    margin-top: 1em;
}

.header-widget a.button:hover {
    background-color: #006db6;
    border-color: #fff;
    color: #fff;
    }

/* Breadcrumb ///////////////////*/

.woocommerce-breadcrumb a:first-of-type::before {
    display: none;
}

.storefront-breadcrumb {
    margin: 8em 0 0 0;
    padding: 1em 0;
    background: #f2f2f2;
}

.woocommerce-breadcrumb {
    font-size: 0.9em;
    padding: 0.5em 0;
    float: left;
}

.woocommerce-breadcrumb a, a.woocommerce-review-link, .product_meta a {
    color: #006db6;
    text-decoration: none;
}

.site-content {
    outline: none;
    padding-top: 2em;
}

.archive .site-content, .product-template-default .site-content {
    padding-top: 0;
    }

/* Trust Signals ///////////////////*/

.trust-signals {
    display: none;
}

/* Footer ///////////////////*/

.site-footer {
    border-top: 1px solid #e3e3e3;
    padding: 0 0 3.706325903em;
    float: left;
    margin-top: 2em;
}

.site-footer .col-full {
    background-image: url("../rencol-components-child-theme/assets/images/Rencol-Components-Cog.png"); 
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: 0% -128px;
}

.site-footer a:not(.button) {
    color: #6d6d6d;
    text-decoration: underline;
}

div#custom_html-4 strong, div#custom_html-4 strong a {
    color: #003f5f;
}

.site-info {
    padding: 1.5em 0;
}

.footer-widgets {
    padding: 2em 0 0 0;
} 

/* Homepage ///////////////////*/

.hero h1 {
    color: #003f5f;
    font-size: 1.5em;
    margin: 6em 0 0.4em 0;
}

.col-45, .col-55 {
    width: 100%;
    float: left;
    margin: 1em 0;
}

.col-1-3 {
    width: 100%;
    float: left;
    margin: 1em 0;   
}

.col-1-3-last {
    width: 100%;
    float: left;
    margin: 1em 0;
}

.col-1-3 img, .col-1-3-last img {
    margin: 0 0 1em 0;
    border: 1px solid #e3e3e3;
}

.home #primary {
    width: 100%!important;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin: 0;
}

.home .slider-heading-container {
    border-left: none;
    margin-left: 0.6em;
}

div#n2-ss-24 .n2-ss-button-container a > div::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    content: "\f061";
    font-size: 0.8em;
    margin-left: 1em;
}

/* New Products Page ///////////////////*/

.page-template-template-fullwidth #primary {
    width: 100%!important;
}

/* Shop page ///////////////////*/

.storefront-product-section {
    margin-top: 1.618em;
}

.product-category a {
    text-decoration: none;
}

.product-category p {
    color: #666666;
    padding: 0 1.2em 1em;
    text-align: left;
    background-color: #f2f2f2;
    margin: 0;
    line-height: 1.45;
    font-size: 1.13em;
}

ul.products li.product .woocommerce-LoopProduct-link {
    text-decoration: none;
}

ul.products li.product {
    float: left;
}

ul.products li.product.product-category .woocommerce-loop-category__title, ul.products li.product.product-category h2, ul.products li.product.product-category h3 {
    padding: 0;
    font-weight: 900;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    width: 90%;
    float: none;
    margin: 1em auto;
    clear: right;
    color: #003f5f;
}

ul.products li.product.product-category img {
    margin: 1em auto;
    width: 90%;
    float: none;
}

li.product {
    border: 1px solid #e3e3e3;
}

ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
    margin-bottom: 0;
    padding: 0 1em 0.4em;
    font-weight: 900;
    font-size: 1.3em;
    text-align: left;
    text-decoration: none;
    color: #003f5f;
}

ul.products li.product img {
    margin: 1.5em auto 0;
    position: unset;
    bottom: 60px;
    left: 0;
}

.home ul.products li.product img, .archive ul.products li.product img, .post ul.products li.product img  {
    position: unset;
}

.storefront-sorting {
    margin-bottom: 0;
}

li.product:hover {
    border: 1px solid #003f5f;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(173,173,173,0.8);
    -moz-box-shadow: 0px 1px 5px 0px rgba(173,173,173,0.8);
    box-shadow: 0px 1px 5px 0px rgba(173,173,173,0.8);
    transition: 0.2s;
    transform: scale(1.005);
}

.page-template-template-fullwidth-php .site-main ul.products.columns-3 li.product:hover, 
.page-template-template-homepage-php .site-main ul.products.columns-3 li.product:hover, 
.storefront-full-width-content .site-main ul.products.columns-3 li.product:hover {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(173,173,173,0.8);
    -moz-box-shadow: 0px 1px 5px 0px rgba(173,173,173,0.8);
    box-shadow: 0px 1px 5px 0px rgba(173,173,173,0.8);
    transition: 0.2s;
    transform: scale(1.005);
    border: 1px solid #003f5f;

}

.model-no-archive-page {
    text-align: left;
    height: 1.6em;
    color: #006db6;
    font-size: 1.02em;
    text-decoration: none;
    float: left;
    margin: 1.3em 0 0.5em 1.2em;
    padding: 0em 0.4em;
    background-color: #e5f0f7;
}

ul.products li.product p {
    color: #666666;
    padding: 0 1.2em 1em;
    text-align: left;
    margin: 0;
    line-height: 1.45;
    font-size: 1.13em;
    text-decoration: none;
}

ul.products li.product {
    margin-bottom: 1.2em;
}

.category-description-container {
    margin-bottom: 3em;
    border-top: 1px solid #e3e3e3;
    padding-top: 1.5em;
}

.category-description-container img {
    width: 100%;
    margin: 1em 0 2em 0;
}

.category-description-container p {
    margin-top: 0.5em;
}

.category-description-container h1, .category-description-container h2, .category-description-container h3, .category-description-container h4 {
    display: inline;
}

.category-description-container ul {
    margin: 0.5em 0 1.41575em 1.2em;
}

.category-description-container li {
    float: left;
    margin-right: 1.5em;
}

.extra-product-title-link {
    text-decoration: none;
}

/* Modal ///////////////////*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 2em; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    padding: 1em;
}

.price-delivery-modal p, .cad-download-modal p {
    text-align: center;
    padding: 1.5em 2em 0 2em;
    margin: 0;
    display: inline-block;
    font-style: italic;
}

.cad-download-modal p {
    width: 100%;
}

.price-delivery-modal .fab {
    font-size: 1.7em;
    margin-left: 0.2em;
    margin-top: 0.15em;
    color: #333;
}

.price-delivery-modal-icons {
    float: right;
    width: 15%;
    font-size: 1.5em;
    margin-right: 0.5em;
}

.price-delivery-modal, .cad-download-modal {
    padding: 0;
    background-color: #fff;
}

.price-delivery-modal .modal-header, .cad-download-modal .modal-header {
    padding: 1em 0 0.9em 0;
    background-color: #003f5f;
    color: #fff;
    margin: 0;
}

.cad-download-modal h2 {
    display: none;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* Fancybox ///////////////////*/

.fancybox-slide--iframe .fancybox-content {
    max-width: 1000px;
    max-height: 755px;
    margin: 0;
    background-color: #f2f2f2;
}

.fancybox-content {
    background: #f2f2f2;
    padding: 0 2em 1em 2em;
}

.fancybox-slide--html .fancybox-close-small {
    color: #fff;
    padding: 7px;
    right: 0.5em;
    top: 18px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #fff;
    float: right;
    font-size: 2em;
    padding: 0;
    line-height: 0.6;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    width: 1em;
    box-shadow: none;
}

.close:hover,
.close:focus {
    color: #f2f2f2;
    text-decoration: none;
    cursor: pointer;
    background: transparent;
}

.modal-header {
    padding: 0.8em 0 0.9em 0;
    background-color: #003f5f;
    color: #fff;
    margin: 0 -2em 2em -2em;
}

.modal-header h1, .modal-header h2, .modal-header h3 {
    color: #fff;
    text-align: center;
    margin: 0;
    clear: none;
} 

.modal-header:after {
    clear: both;
}

.modal-header:before, .modal-header:after {
    content: " ";
    display: table;
}

.modal-body {
    padding: 1em;
}

#request-a-call-back-modal {
    max-width: 600px;
}

/* Facet WP ///////////////////*/

.facetwp-flyout {
    background: #f2f2f2!important;
    }

.facetwp-facet {
    padding-bottom: 0.8em;
    margin-bottom: 0!important;
}

.facetwp-counter {
    display: none!important;
}

.facetwp-facet-categories .facetwp-checkbox {
    margin-bottom: 13px;
}

.widget select {
    max-width: 100%;
    width: 100%;
}

.facetwp-checkbox {
    background: url(https://rencol.com/wp-content/plugins/facetwp/assets/images/checkbox.png) 0 5px no-repeat!important;
    background-size: 14px 14px!important;
}

.facetwp-checkbox.checked {
    background: url(https://rencol.com/wp-content/plugins/facetwp/assets/images/checkbox-on.png) 0 5px no-repeat!important;
    background-size: 14px 14px!important;
}

a.facetwp-toggle {
    color: #006db6!important;
    text-decoration: underline!important;
}

.noUi-handle {
    border: 1px solid #003f5f!important;
    border-radius: 10px!important;
    background: #003f5f!important;
    cursor: grab!important;
}

.facetwp-slider-reset {
    box-shadow: none;
}

.facetwp-color {
    border-radius: 15px;
}

/* Forms ///////////////////*/

.input-text:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
    background-color: #fff;
    border: 1px solid #003f5f;
}

.input-text, input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    background-color: #f2f2f2;
    border: none;
    box-shadow: none;
}

input[type="search"]::placeholder {
  color: #111;
}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
    color: #333333;
}

#gform_wrapper_2 input.medium, #gform_wrapper_2 select.medium, #gform_wrapper_3 input.medium, #gform_wrapper_3 select.medium {
    width: 100%;
}

.gform_wrapper .top_label div.ginput_container {
    margin-top: 2px;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
    margin-top: 10px;
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: 4px;
}

.gform_wrapper ul li.gfield {
    margin-top: 0.5em;
    padding-top: 0;
}

.gform_wrapper .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    margin-top: 0;
}

.gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 9px;
}

.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
    margin: 0 0 1px 1px;
}

#gform_wrapper_2 textarea.medium {
    height: 135px;
    width: 100%;
}

#gform_wrapper_2 {
    margin: 1.5em 1.5em 1em 1.5em;
}

#gform_wrapper_2 .column_2 {
    border-left: 0;
}

#gform_wrapper_2 .gform_footer {
    padding: 0;
    margin: 10px 0;
    clear: both;
    width: 100%;
}

#gform_wrapper_2 .gform_multi_column_wrapper .gform_body, .gform_page_multi_column .gform_page_fields {
    margin-left: 15px;
    margin-right: 0;
}

#gform_wrapper_2 .column_2 {
    border-left: 1px solid #cacaca;
}

#gform_wrapper_2 .top_label div.ginput_container {
    margin: 5px 0;
}

#gform_wrapper_2 .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
    font-size: 1em;
}

#gform_wrapper_2 .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {
    width: 100%;
    padding-right: 0;
}

#gform_wrapper_2 .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
    margin-bottom: 0;
}

.gform_wrapper .ginput_complex .ginput_full, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {
    min-height: 31px;
}

#gform_wrapper_2 .gsection {
    margin: 0 0 0.7em 0;
}

#gform_submit_button_2 .fa-left-align {
    float: left;
    margin-right: 0.7em;
}

/* Style read only field */
.gform_wrapper input[readonly='readonly'] {
    background-color: #f2f2f2;
    border: 0;
    box-shadow: none;
    padding: 5px 0px!important;
}

#gform_wrapper_2 .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
    margin: 0 0 1px 1px;
}

.gform_wrapper li.hidden_label input {
    margin-top: -7px;
}

#gform_wrapper_2 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 5px 8px;
}

#gform_wrapper_2 .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
    max-width: 90%;
}

#gform_wrapper_3 span.gform_description {
    width: 100%;
    margin-bottom: 16px;
    font-size: 0.97em;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 1em;
}

#gform_wrapper_3 ul.gform_fields li.gfield {
    padding-right: 0;
}

.gform_confirmation_message {
    background-color: #dff0d8;
    border: 4px solid #d6e9c6;
    color: #3c763d;
    padding: 1em;
    text-align: center;
    margin: 2em;
}

.gform_confirmation_message a {
    color: #3c763d;
    text-decoration: underline;
}

/* Smart Slider ////////////////*/

.n2_clear {
    margin-top: -1.6em;
    margin-bottom: 0.8em;
}

.page-template-template-rencol-homepage .n2_clear {
    margin-top: 0em!important;
}

.slider-heading-container {
    border: none;
    margin-left: none;
}

.widget_smartslider3 {
    margin: 8em 0 -8em 0!important;
}

/* CAD Download Form ////////////////*/

#gform_wrapper_5 {
    padding: 0 4em;
}

/* Product page ///////////////////*/

.storefront-full-width-content.single-product div.product .summary {
    margin-bottom: 0;
}

.single-product div.product p.price {
    margin: 0;
}

.custom-product-description {
    width: 100%;
}

.product-page-actions-section {
    float: left;
    width: 100%;
    border-left: 0;
    padding-left: 0;
}

.woocommerce-tabs {
    float: left;
}

.product-page-actions-section button, .product-page-actions-section .button {
    width: 100%;
    text-align: left;
    font-size: 0.98em;
}

.storefront-full-width-content .related.products>h2:first-child, .storefront-full-width-content .up-sells>h2:first-child {
    text-align: left;
}

.related>h2:first-child, .upsells>h2:first-child {
    margin-bottom: 0.5em;
}

#compliance {
    border-top: 1px solid #e4e4e4;
    padding: 1em 0 0.5em 0;
    margin: 1em 0 0 0;
    text-align: center;
}

#compliance p {
    font-size: 0.9em;
    margin-bottom: 0.3em;
}

#compliance span {
    padding: 0.3em 0.6em;
    color: #a0cf67;
    font-size: 0.7em;
    margin-right: 0em;
    font-weight: 700;
    border-radius: 12px;
    border: 1px solid #a0cf67;
}

#compliance i {
    margin-right: 0.3em;        
}

/* Product page pagination */

.storefront-product-pagination a {
    z-index: 1000;
}

/* Image gallery ///////////////////*/

.iconic-woothumbs-all-images-wrap {
    width: 100%;
    margin-bottom: 1em;
}    

.ip-acf-woothumbs-all-images-wrap {
    float: right!important;
}

.iconic-woothumbs-all-images-wrap--thumbnails-above .iconic-woothumbs-thumbnails-wrap--sliding .iconic-woothumbs-thumbnails__image-wrapper, .iconic-woothumbs-all-images-wrap--thumbnails-below .iconic-woothumbs-thumbnails-wrap--sliding .iconic-woothumbs-thumbnails__image-wrapper {
    margin-right: 13px;
}

.slick-slide img {
    border: 1px solid #e3e3e3;
    cursor: zoom-in;
}

.single-product div.product .woocommerce-product-gallery img {
    margin: 0 auto;
}

body .iconic-woothumbs-thumbnails__slide {
    opacity: 1;
}

.iconic-woothumbs-images__arrow--next i, .iconic-woothumbs-zoom-next i {
    margin-right: 1px;
}

.iconic-woothumbs-images__arrow--prev i, .iconic-woothumbs-zoom-prev i {
    margin-left: 1px;
}

.iconic-woothumbs-images__arrow--next:hover i, .iconic-woothumbs-zoom-next:hover i {
    margin-right: 0;
}

.iconic-woothumbs-images__arrow--prev:hover i, .iconic-woothumbs-zoom-prev:hover i {
    margin-left: 0;
}

.iconic-woothumbs-images__arrow i, .iconic-woothumbs-zoom-next i, .iconic-woothumbs-zoom-prev i {
    position: absolute;
    top: 0;
    margin: 1px 2px 0 0;
    background: #f2f2f2;
    opacity: 1;
}

.iconic-woothumbs-images__arrow--prev, .iconic-woothumbs-zoom-prev {
    right: 18px;
    left: unset;
}

.iconic-woothumbs-images__arrow, .iconic-woothumbs-zoom-next, .iconic-woothumbs-zoom-prev {
    top: 0%;
}

.pswp__bg {
    background: #fff;
}

.iconic-woothumbs-all-images-wrap .iconic-woothumbs-thumbnails__control {
    background: #ccc;
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: #003f5f;
    color: #fff;
}

.pswp__counter {
    opacity: 1;
}

.pswp__img--placeholder--blank {
    background: #fff;
}

#technical-drawings-gallery {
    float: right;
}

.iconic-woothumbs-thumbnails__play-overlay {
    background: none;
}

.iconic-woothumbs-thumbnails__play-overlay i {
    opacity: 0;
}

/* Widgets ///////////////////*/

.widget {
    margin: 0 0 1.5em;
    list-style-type: none;
}

.widget .widget-title, .widget .widgettitle {
    font-size: 1.2em;
    border-bottom: none;
    padding: 0 0 0.25em;
    margin-bottom: 0;
    font-weight: 700;
    color: #333333;
}

.footer-widgets .widget-title, .footer-widgets .widgettitle {
    font-size: 1.08em;
    border-bottom: none;
    padding: 0 0 0.25em;
    margin-bottom: 0.3em;
    font-weight: 900;
    color: #333333;
    text-transform: none;
    letter-spacing: 0;
}

.widget_nav_menu ul li {
    padding-left: 0;
}

.widget_nav_menu ul li::before {
    display: none;
}

.widget_categories ul li:before {
	display: none;
}

.widget-area .widget a:not(.button) {
    font-weight: 100;
    text-decoration: none;
    color: #006db6;
}

.widget_archive ul li, .widget_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li, .widget_links ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_product_categories ul li, .widget_recent_comments ul li, .widget_recent_entries ul li {
    margin-bottom: 0.5em;
}

.widget-area .widget {
    font-size: 1em;
    background: #f2f2f2;
    padding: 0.75em 1em;
}

#secondary h5 {
    margin: 0 0 0.5em;
    font-weight: 700;
}

.widget_recent_entries ul li::before, .widget_pages ul li::before {
    display: none;
}

.widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li {
    padding-left: 0;
}

.storefront-handheld-footer-bar {
    display: none;
} 

.storefront-handheld-footer-bar ul.columns-3 li.search {
    width: 100%;
}

/* Ajax Search ////////////////*/

.searchwp-live-search-result {
    border-bottom: 1px solid #e3e3e3;
}

.searchwp-live-search-result .yith-wcbm-badge {
	display: none;
}

.searchwp-live-search-result p {
    font-size: 0.9em;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border-bottom: 0;
    line-height: 2.85em;
}

.searchwp-live-search-result a {
    text-decoration: none;
}

.searchwp-live-search-results {
    -webkit-box-shadow: 0 1px 2px 0 rgba(30,30,30,0.5);
    box-shadow: 0 1px 2px 0 rgba(30,30,30,0.5);
    border-radius: 0px;
    margin-top: -5px;
    margin-left: 1px;
}

/* Tables ///////////////////*/


table tbody td {
    background-color: #fff;
}

table th {
    background-color: #fff;
    color: #333333;
    border-bottom: 1px solid #e3e3e3;
    padding: 18px 18px;
}

table thead th {
    padding: 18px 18px;
}

table tbody th, table tbody td {
    padding: 20px 18px;
    vertical-align: middle;
}

table tbody tr:nth-child(2n) td {
    background-color: #f2f2f2;
}

table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
    background-color: #f2f2f2;
}

/* table tr td:first-child {
    width: 6em;
}*/

#tab-price_and_availability_tab table tbody td, #tab-technical_specification_tab table tbody td {
    padding: 9px 15px;
}

/* TablePress Plugin CSS */

.wc-product-table-wrapper {
    margin-top: 0;
}

/* -- Hide margin set by table filters and search function */
.wc-product-table-above {
    margin-bottom: 0;
    clear: both;
}

.dataTables_wrapper .tablepress {
    border-bottom: 1px solid #e3e3e3;
}

.tablepress tbody td, .tablepress tfoot th {
    border-top: none; 
}

.tablepress .odd td {
    background-color: #f2f2f2;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #e3e3e3;
    padding: 18px 18px;
    background-color: #fff;
    border-top: 1px solid #e3e3e3;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #e3e3e3;
    padding: 18px 15px;
    background-color: #fff;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 1.11607em 18px;
}

.tablepress tbody td, .tablepress tfoot th {
    vertical-align: middle;
}

.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background-color: #eee;
}

.dataTables_wrapper .dataTables_filter input {
    padding: 0.2em 0.5em;
}

.dataTables_filter {
    float: right;
    padding: 0 1em 0.5em 1em;
}

.column-filter-widgets {
    float: left;
}

.column-filter-widget {
    float: left;
    margin-right: 0.5em;
}

.column-filter-widgets::before {
    content: 'Filter table:';
    float: left;
    margin: 0.3em 0.4em 0 1em;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
        content: 'Price & delivery';
    }

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: #333!important;
}
    
.tablepress-row-details .row-details-toggle .row-details-open, .tablepress-row-details .row-details-toggle .row-details-close {
    background-color: #003f5f;
    border-color: #003f5f;
    color: #ffffff;
    font-weight: 900;
    font-size: 1em;
    margin: 4px 0;
    padding: 9px 12px 9px 33px;
    transition-duration: .25s;
    border-radius: 1px;
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-block;
    font-weight: 700;
    min-width: 75px;
    display: none!important;
}

.tablepress-row-details .row-details-toggle .row-details-open {
    background: #003f5f url(assets/images/plus-circle-light.png) no-repeat;
}

.tablepress-row-details .row-details-toggle .row-details-close {
    background: #f2f2f2 url(assets/images/minus-circle-blue.png) no-repeat;
    border: 2px solid #003f5f;
    color: #003f5f;
    padding: 7px 12px 9px 31px;
}

.tablepress-row-details .row-details-toggle .row-details-open, .tablepress-row-details .row-details-toggle .row-details-close {
    background-position: 7% 50%;
    background-size: 16px;
}

.tablepress-row-details .row-details-toggle div {
    width: 180px;
    height: 46px;
    cursor: pointer;
}

.tablepress-row-details tbody tr .row-details-right {
    float: left;
    clear: both;
    margin: 5px 0;
}

.tablepress .sorting:after, .tablepress .sorting_asc:after, .tablepress .sorting_desc:after {
    color: #b2b2b2;
}

.tablepress th:last-child:after {
    display: none;
}

.tablepress th:last-child:hover {
    background-color: #fff;
    cursor: default;
}    

tr.row-details {
    border-bottom: 2px solid #cfcfcf;
    background-color: #f2f2f2;
}

.row-details-left {
    display: none!important;
}

.row-details-row-open {
    border-top: 2px solid #cfcfcf;
}

/* Download  Monitor ////////////*/

#download-page .download-information aside img {
    display: none;
}

.download-button {
    background-color: #003f5f;
    border-color: #003f5f;
    color: #ffffff;
    font-weight: 900;
    font-size: 1em;
    margin: 0.3em 0;
    padding: 0.6em 1.2em;
    transition-duration: .25s;
    border-radius: 1px;
    border: 2px solid #003f5f;
    box-shadow: none;
    background-image: none;
}

.download-button:hover {
    background-color: #003f5f;
    border: 2px solid #003f5f;
    color: #fff;
    background-image: none;
}

.download-button::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 100; content: "\f33d";
    margin-right: 6px;
    color: #fff;
}

#download-page .download_category {
    width: 100%;
}

/* Timeline ///////////////*/

.cool-timeline .timeline-post .timeline-content .content-title { color: #006db6 !important; }
.cool-timeline .timeline-post.timeline-mansory .timeline-content { box-shadow: none; background-color: #f2f2f2 !important; }
.light-timeline .timeline-post.timeline-mansory.ctl-left .timeline-content .content-title:after { border-left-color: #f2f2f2 !important; }
.light-timeline .timeline-post.timeline-mansory.ctl-right .timeline-content .content-title:after { border-right-color: #f2f2f2 !important; }
.light-timeline .cooltimeline_cont .center-line { background: #f2f2f2 !important; }
.light-timeline .cooltimeline_cont .center-line:after, .light-timeline .cooltimeline_cont .center-line:before { border: 4px solid #f2f2f2 !important; }
.cool-timeline.light-timeline .timeline-post .icon-dot-full, .cool-timeline.light-timeline.one-sided .timeline-post .icon-dot-full { background: #f2f2f2 !important; }

@media (min-width: 768px)
{
    /* Layout ///////////////////*/
    
    .col-full { 
        max-width: 72em; 
    }

    /* Homepage ///////////////////*/
    
    .hero h1 {
        color: #003f5f;
        font-size: 1.75em;
        margin: 1.4em 0 0.4em 0;
    }
    .hero p {
        font-size: 1.05em;
        margin-bottom: 2em;
    }

    .col-45 {
        width: 47%;
        float: left;
        margin: 2em 0 3em 0;
    }

    .col-55 {
        width: 53%;
        float: left;
        margin: 2em 0 3em 0;
    }

    .col-1-3 {
        width: 31%;
        float: left;
        margin: 1em 3% 1em 0;   
    }

    .col-1-3-last {
        width: 31.9%;
        float: left;
        margin: 1em 0 1em 0em;
    }

    .col-1-3 img, .col-1-3-last img {
        margin: 0 0 1em 0;
        border: 1px solid #e3e3e3;
    }

    .home li.product-category {
        width: 100%!important;
        float: left;
        margin-right: 0;
        padding: 0;
    }

    .product-category.product {
        min-height: 13.5em !important;
    }
    
    .page-template-template-fullwidth-php .site-main ul.products.columns-3 li.product, .page-template-template-homepage-php .site-main ul.products.columns-3 li.product, .storefront-full-width-content .site-main ul.products.columns-3 li.product {
        width: 100%;
        float: left;
        margin-right: 0;
        background: #fff;
        padding: 0;
        min-height: 13.5em;
    }
    
    .site-main ul.products.columns-3 li.product {
        width: 32%;
        float: left;
        margin-right: 2%;
        background: #fff;
        min-height: 31em;
        position: relative;
    }
    
    .page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product, .page-template-template-homepage-php .site-main ul.products.columns-4 li.product, .storefront-full-width-content .site-main ul.products.columns-4 li.product {
        width: 23.5%;
        float: left;
        margin-right: 2%;
        background: #fff;
        min-height: 31.5em;
    }
    
    .left-sidebar .widget-area {
         width: 24.5%;
    	float: left;
    	margin-right: 1.5%;
    }

    .page #primary, .blog #primary {
	    width: 73.9130434783%;
	    float: left;
	}

    .page #secondary, .blog #secondary {
	    width: 24.5%;
	    float: right;
	    margin-right: 0;
	}

    /* Typography ///////////////////*/
    
    .storefront-full-width-content .woocommerce-products-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header {
        text-align: left;
        padding: 0 0 1em 0;
    }
    
    .storefront-full-width-content .woocommerce-products-header h1:last-child, .storefront-full-width-content.woocommerce-account .entry-header h1:last-child, .storefront-full-width-content.woocommerce-cart .entry-header h1:last-child, .storefront-full-width-content.woocommerce-checkout .entry-header h1:last-child {
        margin-bottom: 0.5em;
    }
    
    /* Header ///////////////////*/
    
    .woocommerce-active .site-header .site-branding {
        max-width: 380px;
        margin-right: 0;
    }
    
    .site-header {
        padding-bottom: 0;
        padding-top: 6em;
        background-repeat: repeat;
        background-size: 1142px;
        background-position: bottom left;
        border-bottom: none;
        position: unset;
        box-shadow: none;
    }
    
    .site-header .site-branding img {
        max-width: 234px;
        margin: 1.6em 0 1em 0;
    }
    
    .custom-logo-link, .site-branding, .site-header-cart, .site-logo-anchor, .site-logo-link, .site-search {
        margin: 0; 
    }
    
    #tagline {
        display: none:;
    }
    
    #how-to-order-widget a {
        text-decoration: none;
    }

    .trust-signals {
        display: block;
        padding: 0.8em 0;
        text-align: center;
        margin: 0 0 0.1em 0;
    }

    .trust-signal {
        margin: 0 2.1em 0 0;
        font-size: 1em;
    }

    .trust-signal:last-child {
        margin: 0;
    }

    span.trust-signal i {
        margin-right: 0.5em;
        color: #006db6;
    }

    .widget_smartslider3 {
        margin: 0!important;
        border: 1px solid #e3e3e3;
    }

    .slider-heading-container {
        border-left: 4px solid #003f5f;
        margin-left: 0.6em;
    }

    .header-widget {
        margin-top: 0;
    }

    .header-widget h1 {
        width: auto;
        max-width: 49.5%;
    }

    .header-widget p {
        width: auto;
        width: 49.5%;
    }
    
    /* Footer ///////////////////*/    
    
    .footer-widgets {
        padding-top: 2.9em;
        border-bottom: 1px solid #e3e3e3;
    }

    .site-footer {
        border-top: 1px solid #e3e3e3;
        padding: 0 0 3.706325903em;
        float: none;
        margin-top: 0;
    }
    
    /* Primary Navigation ///////////////////*/

    #mega-menu-wrap-primary {
    	width: 100%!important;
	}

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        background: #f2f2f2;
        border: none;
    }

    .storefront-primary-navigation {
        margin-top: 1em;
        border-top: 1px solid #e3e3e3;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: 1.38em;
    }

    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
        background: transparent;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    	line-height: 53px;
    	height: 60px;
	}

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
	    padding: 0 45px 15px 45px;
	}
    
    #mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
        border-radius: 0;
        padding: 10px 10px 0 10px;
       	margin: 0!important;
	    border-top: 1px solid #e3e3e3;
	    border-right: 1px solid #e3e3e3;
	    border-bottom: 0;
	    border-left: 1px solid #e3e3e3;
        background: #fff;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    	left: -10px!important;
	}
    
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after {
        margin: 1px 0 0 6px;
        font-size: 0.8em;
        content: '\f078';
        font-family: 'Font Awesome 5 Pro';
    }
    
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
		font-size: 15px;
	    text-align: center;
	    font-weight: 700;
	    padding: 10px;
	    vertical-align: middle;
	    background-color: #f2f2f2;
	    border-top: 1px solid #e3e3e3;
	    border-right: 1px solid #e3e3e3;
	    border-left: 1px solid #e3e3e3;
	}
    
	#mega-menu-wrap-primary #mega-menu-primary p {
	    margin-bottom: 10px;
	    text-decoration: none!important;
    	text-align: left;
	    font-weight: 100;
	    color: #003f5f;
	    font-size: 1.1em;
	    line-height: 1.4em;
	    margin: 0;
	}

	#mega-menu-wrap-primary #mega-menu-primary p.more {
	    border-top: 0;
	    border-right: 1px solid #e3e3e3;
	    border-bottom: 1px solid #e3e3e3;
		border-left: 1px solid #e3e3e3;
    	background: #fff;
    	padding: 10px 10px 10px 15px;
	}

	#mega-menu-wrap-primary #mega-menu-primary p a {
	    color: #003f5f;
    	text-decoration: none;
    }

    .woocommerce-active .site-header .main-navigation {
        margin-top: 0.5em;
    }
    
    .main-navigation ul.menu, .main-navigation ul.nav-menu {
        margin-left: -0.4em;
    }

    #mega-menu-item-text-6 .textwidget {
    	margin-top: 1em;
    }
    
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 0.5em 0.03em 0.5em 0.03em;
        margin: 0 0.5em;
        color: #003f5f;
        border-bottom: 0.12em solid transparent;
        text-decoration: none;
    }
    
    #menu-primary-menu .current-menu-item > a, #menu-primary-menu .current_page_item > a, #menu-primary-menu .site-header ul.menu li.current-menu-item > a {
        color: #003f5f;
        padding: 0.5em 0.03em 0.5em 0.03em;        
        border-bottom: 0.12em solid #003f5f;
    }

    /* Remove padding on last nav item */
    #mega-menu-item-10849 a.mega-menu-link {
        padding-right: 0!important;
    }
    
    .main-navigation ul li a:hover, .main-navigation ul li:hover > a  {
        color: #006db6;
    }
    
    /* Secondary Navigation ///////////////////*/
    
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
        width: 69%;
        float: right;
        margin: -0.7em -0.6em 0 0;
        font-size: 1.12em;
    }
    
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        width: 20%;
        float: left;
        margin-right: 0;
    }
    
    .secondary-navigation .menu a {
        padding: .7em .5em;
        border: 0;
    }
    
    .secondary-navigation ul.menu a {
        color: #003f5f;
        text-decoration: none;
    }
    
    .secondary-navigation ul.menu a:hover {
        color: #006db6;        
    }
    
    .site-header ul.menu li.current-menu-item > a {
        color: #003f5f;
    }
    
    .widget-area .widget a, .hentry .entry-header .posted-on a, .hentry .entry-header .byline a {
        color: #666666;
    }
    
    ul.menu li.current-menu-item>a {
        color: #666666;
    }
    
    li#menu-item-38 a:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        content: "\f57d";
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        margin: 0 0.4em 0.2em 0;
        font-size: 0.95em;
    }
    
    /* Product page pagination /////////////////*/
    
    .storefront-product-pagination a[rel=prev] {
        padding-left: 1em;
        border-right: 4px solid #003f5f;
        background-color: #f2f2f2; 
    }
    
    .storefront-product-pagination a[rel=next] {
        padding-right: 1em;
        border-left: 4px solid #003f5f;
        background-color: #f2f2f2; 
    }
    
    .storefront-product-pagination a[rel=prev]:before {
        content: 'Previous';
        transform: rotate(-90deg);
        margin: -19px;
        line-height: 1.2em;
        text-align: center;
        font-size: 1;
        padding: 0.6em 0;
        width: 110px;
        color: #003f5f;
        font-weight: 700;
    }
    
    .storefront-product-pagination a[rel=next]:before {
        content: 'Next';
        transform: rotate(-90deg);
        margin: -19px;
        line-height: 1.2em;
        text-align: center;
        font-size: 1em;
        padding: 0.6em 0;
        width: 110px;
        color: #003f5f;
        font-weight: 700;
    }
    
    .storefront-product-pagination a {
        position: fixed;
        top: 40%;
        box-shadow: 2px 2px 1px rgba(0,0,0,.2);
        text-decoration: none;
    }
    
    .storefront-product-pagination a img {
        border: 6px solid #fff;
    }
    
    .storefront-product-pagination a[rel=prev] .storefront-product-pagination__title {
        font-weight: 700;
        color: #003f5f;
    }
    
    .storefront-product-pagination a[rel=next] .storefront-product-pagination__title {
        font-weight: 700;
        color: #003f5f;
    }
    
    .storefront-product-pagination a[rel='prev']::after, .storefront-product-pagination a[rel='next']::after {
        color: #003f5f;
    }

    .woocommerce-pagination {
    margin-bottom: 1em;
    }

    .pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers {
    text-decoration: none;
}
    
    /* Shop page ///////////////////*/      
    
    .storefront-full-width-content .woocommerce-products-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header {
        padding: 0;
    }

    ul.products li.product.product-category .woocommerce-loop-category__title, ul.products li.product.product-category h2, ul.products li.product.product-category h3 {
        padding: 0;
        font-weight: 900;
        font-size: 1em;
        text-align: left;
        text-decoration: none;
        width: 90%;
        float: left;
        margin: 1em 0 0 1.5em;
        clear: right;
        color: #003f5f;
    }
    
    ul.products li.product.product-category .woocommerce-loop-category__title, ul.products li.product.product-category h2, ul.products li.product.product-category h3 {
        padding: 0;
        font-size: 1.4em;
        width: 26%;
        margin: 2em 0 0 2em;
    }

    ul.products li.product.product-category img {
        margin: 3em 4em 2em 2em;
        width: 63%;
        float: right;
    }

    .category-description-container img {
        width: 50%;
        margin: 4em 0 0 2em;
    }

    button.facetwp-flyout-open {
        display: none;
    }

    /* Product page ///////////////////*/    
    
    .single-product h1 {
        line-height: 0.9;
        margin-bottom: 0.8em;
    }

    .iconic-woothumbs-all-images-wrap {
        width: 48%;
        margin-bottom: 3em;
    }

    
    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        width: 48%;
        float: left;
        margin-right: 1%;
        margin-bottom: 3.706325903em;
    }
    
    .storefront-full-width-content.single-product div.product .summary {
        width: 48%;
        float: right;
        margin-right: 0;
        margin-bottom: 0;
    }
    
    .custom-product-description {
        float: left;
        padding-right: 3em;
        width: 59.5%;
    }
    
    /* Product detail page tabs (+make tabs horizontal) ///////////////////*/   
    
    .product-page-actions-section {
        float: right;
        width: 27%;
        border-left: 1px solid #e3e3e3;
        padding-left: 1em;
        margin-top: 1.8em;
        display: none;
    }
    
    .materials-section {
        float: left;
        width: 40.5%;
        padding: 1.5em 1.5em 1.1em 1.5em;
        background-color: #f2f2f2;
    }
    
    .materials-section .button, .materials-section button {
        width: 100%;
    }
    
    .materials-section p {
        margin: 0 0 0.1em 0;
    }
    
    .price-info {
        text-align: center;
        float: left;
        color: #006db6;
    }

    .woocommerce-tabs {
        padding: 3em 0 2em 0;
        width: 100%;
    }
    
    .storefront-full-width-content .woocommerce-tabs .panel {
        margin-bottom: 0;
    }
    
    .storefront-full-width-content .woocommerce-tabs ul.tabs {
        width: 100%;
        float: left;
        margin-right: 0;
    }
    
    .woocommerce-tabs ul.tabs {
        border-top: 0;
    }
    
    .woocommerce-tabs ul.tabs li {
        display: inline;
        margin: 0 auto;
        border-top: 1px ;
        border-right: 1px;
        border-left: 1px;
        border-bottom: 1px;
        border-color: #e4e4e4;
        border-style: solid;
        float: left;
        text-align: center;
        padding: 0;
        width: 50%;
    }
    
    .woocommerce-tabs ul.tabs li.active {
        border-bottom: 1px solid #fff;
    }
    
    .woocommerce-tabs ul.tabs li a {
        text-decoration: none;
        padding: 0.8em;
        display: block;
        background-color: #f2f2f2;
        color: #333333;
        font-weight: 900;
        font-size: 1.12em;
        border-top: 4px solid #f2f2f2;
        -webkit-box-shadow: inset 0px -1px 2px -1px rgba(204,204,204,1);
        -moz-box-shadow: inset 0px -1px 2px -1px rgba(204,204,204,1);
        box-shadow: inset 0px -1px 2px -1px rgba(204,204,204,1);
    }
    
    .woocommerce-tabs ul.tabs li a:hover {
        background-color: #e6e6e6;
        border-top: 4px solid #e6e6e6;        
    }
    
    
    .woocommerce-tabs ul.tabs li.active::after {
        display: none;
    }
    
    .storefront-full-width-content .woocommerce-tabs .panel {
        width: 100%;
        float: left;
    }
    
    .woocommerce-tabs ul.tabs li.active a {
        color: #003f5f;
        background-color: #fff;
        border-top: 4px solid #fff;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    
    /* Cart ///////////////////*/
    
    a.cart-contents:hover, .site-header-cart .widget_shopping_cart a:hover {
        color: #006db6;
        border-bottom: none;
        transition: border 0.1s ease-in;
    }
    
    .site-header-cart .cart-contents {
        padding: 0.8em 0;
    }
    
    .site-search .widget_product_search input[type=search], .site-search .widget_product_search input[type=text] {
        padding: 1em 0 0.85em 0;
        line-height: 1;
        height: 55px;
    }
    
    .site-header-cart .cart-contents::after {
        color: #003f5f;
    }
    
    /* Search form ///////////////////*/    

    .site-search .widget_product_search form::before {
        top: 0.97em;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 100;
        font-size: 1.3em;
        left: 1em;
    }
    
    .widget_product_search form button[type=submit], .widget_product_search form input[type=submit], .widget_search form button[type=submit], .widget_search form input[type=submit] {
        font-size: 1.2em;
        border: 0;
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        height: 55px;
        margin: 0;
        overflow: hidden;
        padding: 0.75em;
        position: inherit;
        word-wrap: normal!important;
        top: 0;
        left: 0;
        float: right;
        background-color: #003f5f;
        font-weight: 700;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: 0 2px 2px 0;
    }

        .site-search .widget_product_search form input[type=search], .site-search .widget_product_search form input[type=text] {
        padding-left: 3em;
        float: left;
        border-radius: 2px 0 0 2px;
        border-right: none;
    }
    
    .widget_product_search form button[type=submit]:hover, .widget_product_search form input[type=submit]:hover, .widget_search form button[type=submit]:hover, .widget_search form input[type=submit]:hover {
        background-color: #002c42;
        border-color: #002c42;
        color: #fff;
        box-shadow: none;
    }
    
    .woocommerce-active .site-header .site-search {
        width: 77%;
    }
    
    /* Widgets ///////////////////*/
    
    .widget_nav_menu .current-menu-item > a, .current_page_item > a {
        border-bottom: none;
    }   
    
    /* Breadcrumb ///////////////////*/      
    
    .storefront-breadcrumb {
        padding: 0;
        margin: 0;
    }

    /* Gravity Forms ///////////////////*/    

    #gform_wrapper_2 {
        margin: 1.5em 0.5em 1em 2em;
    }

    #gform_wrapper_2 .column_2 {
        border-left: 1px solid #cacaca;
    }

}

@media (min-width: 900px)

    {   

    .site-header {
        padding-top: 2em;
    }
    
    #pre-header a {
        color: #ffffff;
        text-decoration: underline;
    }
    
    #pre-header .pre-header-right a {
        display: none;
    }
    
    #pre-header .pre-header-right a:hover {
        background-color: #006db6;
        transition-duration: .25s;
    }
    
    #pre-header b, #pre-header strong {
        color: #ffffff;
    }
    
    .pre-header-right {
        float: right;
    }
    
    #pre-header .fal {
        margin-left: 6px;
        font-size: 0.9em;
        vertical-align: middle;
        margin-bottom: 3px;
    }    

    #pre-header .pre-header-right a {
        text-decoration: none;
        border: 2px solid #006db6;
        padding: 0.4em 0.8em;
        display: none;
    }

    .widget_product_search form button[type=submit], .widget_product_search form input[type=submit], .widget_search form button[type=submit], .widget_search form input[type=submit] {
        font-size: 1.2em;
        border: 0;
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        height: 55px;
        margin: 0;
        overflow: hidden;
        padding: 0.75em;
        position: inherit;
        word-wrap: normal!important;
        top: 0;
        left: 0;
        width: 20%;
        float: right;
        background-color: #003f5f;
        font-weight: 700;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: 0 2px 2px 0;
    }

    .site-search .widget_product_search form input[type=search], .site-search .widget_product_search form input[type=text] {
        padding-left: 3em;
        float: left;
        width: 80%;
        border-radius: 2px 0 0 2px;
        border-right: none;
    }
}

@media (min-width: 950px)

    {

    .site-header {
        padding-top: 1.5em;
    }

    #pre-header {
        display: block;
        background-color: #003f5f;
        color: #ffffff;
        padding: 0.8em 0;
        position: fixed;
        width: 100%;
        z-index: 130;
        box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.2);
    }
}

@media (min-width: 1080px)
    {

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    background: transparent;
    }
}

@media (min-width: 1340px)
    {

    .site-header {
        padding-top: 1.5em;
    }    

    #mega-menu-wrap-primary {
        width: 100%!important;
        margin-right: 0;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 3px 2.15em 0 0;
    }

    #how-to-order-widget {
        display: block;
    }

    #pre-header .pre-header-right a {
        text-decoration: none;
        border: 2px solid #006db6;
        padding: 0.4em 0.8em;
        display: inline;
    }

    #tagline {
        display: block;
        float: left;
        margin:  0 0 0.5em 4.3em;
    }

    #tagline p {
        margin: -0.3em 0 0 0;
        font-size: 1.03em;
    }
    
    #tagline a {
        color: #404040;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
        width: 69%;
        float: right;
        margin: 1em -0.6em 0 0;
        font-size: 1.12em;
    }

    .widget_product_search form button[type=submit], .widget_product_search form input[type=submit], .widget_search form button[type=submit], .widget_search form input[type=submit] {
        font-size: 1.2em;
        border: 0;
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        height: 55px;
        margin: 0;
        overflow: hidden;
        padding: 0.75em;
        position: inherit;
        word-wrap: normal!important;
        top: 0;
        left: 0;
        width: 13%;
        float: right;
        background-color: #003f5f;
        font-weight: 700;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: 0 2px 2px 0;
        line-height: 1em;
    }

    .site-search .widget_product_search form input[type=search], .site-search .widget_product_search form input[type=text] {
        padding-left: 3em;
        float: left;
        width: 100%;
        border-radius: 2px 0 0 2px;
        border-right: none;
        background-color: #f2f2f2;
    }



}