/*
Theme Name:   	Clinton Electronics 2019 (Storefront)
Theme URI:    	http://dev.clintonelectronics.com/cec2019/
Author:       	Bill Rex
Author URI:     http://www.clintonelectronics.com/
Template:     	storefront
Description:  	This is a child theme, based on WooThemes' Storefront theme, created for Clinton Electronics.
Version:      	1.1.1
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, 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
*/


/**
* @file style.css
* @author Bill Rex
* @css-for Chrome, Firefox, Safari, IE10+, Edge
*/

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 23px;
}

h1, h2 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: 700;
    margin: 0 0 .5407911001em;
}

fieldset {
	border: 0;
	padding: 0;
}

label {
	font-weight: 600;
}

.widget .widget-title, .widget .widgettitle {
	font-weight: 700;
}

.float-right {
	float: right !important;
}

#et-boc .et-l h1,
#et-boc .et-l h2,
#et-boc .et-l h3,
#et-boc .et-l h4,
#et-boc .et-l h5,
#et-boc .et-l h6 {
    font-weight: 700;
}

/* Disable wireframe view on frontpage builder until we can figure out why it's not working */
.et-fb-page-settings-bar button.et-fb-button[data-tip="Wireframe View"] {
	display: none !important;
}

.et-db #et-boc .et-l .et_pb_module a:not(.wc-forward),
.et-db #et-boc .et-l .et_pb_module h1 a,
.et-db #et-boc .et-l .et_pb_module h2 a,
.et-db #et-boc .et-l .et_pb_module h3 a,
.et-db #et-boc .et-l .et_pb_module h4 a,
.et-db #et-boc .et-l .et_pb_module h5 a,
.et-db #et-boc .et-l .et_pb_module h6 a {
	font-weight: 600;
}

.accent-text-sans {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal;
}

.accent-text-serif {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal;
}

.accent-text-serif strong, .accent-text-sans strong, strong.accent-text-serif, strong.accent-text-sans {
    font-weight: 700;
}

h1.entry-title {
    padding-top: 20px !important;
}

h1.product_title.entry-title {
    padding-top: 0 !important;
}

.wc-tab h2 {
    font-size: 1.44em !important;
}

.single-product div.product .product_meta {
    color: #0071bb;
    font-size: 1em;
}

.single-product div.product .nickx-slider-for .zoomImg {
    background-color: #fff;
}

.single-product div.product .nickx-slider-for img {
    margin: 0;
}

.product_meta .sku_wrapper .sku {
    font-size: 0.8em;
    font-weight: 700;
}

ul.products li.product h3,
ul.products li.product.product-category .woocommerce-loop-category__title,
ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
}

.content-wrap section h3 {
    margin-top: 20px;
}

.site-header {
  background-color: #0071bb;
}
.woocommerce .cart_totals > h2,
.woocommerce-cart-form .actions button[name="update_cart"],
.woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button {
	text-transform: capitalize;
}

.woocommerce-products-header {
    padding: 0 !important;
}

.woocommerce-products-header > h1.page-title {
    margin-bottom: 0.5em !important;
}

/* Color Helpers */

.cec-blue {
    color: #0071bb;
}

.cec-dark-blue {
    color: #003459;
}

.cec-light-blue {
    color: #00A8E8;
}

.cec-accent {
    color: #B3001B;
}

.cec-dark-grey {
    color: #262626
}

.cec-blue.background {
    background-color: #0071bb;
}

.cec-dark-blue.background {
    background-color: #003459;
}

.cec-light-blue.background {
    background-color: #00A8E8;
}

.cec-accent.background {
    background-color: #B3001B;
}

.cec-dark-grey.background {
    background-color: #262626
}

.woocommerce-info, .woocommerce-info p {
    color: #ffffff;
}


/* Buttons */

button, input, textarea, button product_type_variable add_to_cart_button {
    color: #60646c;
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.618;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width: 768px) {
    #nav_menu-4, #menu-tertiary {
        text-align: right;
    }
}

@media screen and (min-width: 981px) {
	.et-db .type-post #et-boc .et-l .et_pb_section {
		padding: 0;
	}
}

#menu-tertiary li {
    line-height: 23px;
}

#primary {
    width: 100%;
}

.cec-primary-navigation {
    display: block;
    float: right;
}

div.cec-search-support {
    width: 100% !important;
}

div.cec-search-support form {
    margin: 0 auto !important;
    text-align: center !important;
}

div.cec-search-support input[type='text'] {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 100%;
    padding: 0.75em 0.75em 0.75em 2.75em;
    /* padding: 12px !important; */
    text-align: left !important;
    border: 1px solid #d9d9d8 !important;
    background: #ffffff !important;
    font-size: 1.5em;
    font-weight: lighter;
    line-height: 1.2em;
    -webkit-appearance: none;
}

.background-top-only {
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: auto !important;
}

#site-navigation.main-navigation {
    position: absolute;
    right: 0;
}

.main-navigation a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
}

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

table.cart td.product-remove a.remove::before {
	color: #e2401c;
}

@media screen and (min-width: 768px) {
    .col-full {
        max-width: 1080px;
    }
    .col-divi {
        max-width: 100%;
    }
    .col-header {
        max-width: 85em;
        margin: 0 auto;
    }
    /**
   * Primary Navigation
   */
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 0 .75em;
    }
    .main-navigation {
        padding-top: 0 !important;
        /* padding-right: 30px; */
        text-align: right !important;
        text-transform: uppercase;
    }
    .site-header .custom-logo-link img.custom-logo {
        max-width: 210px;
    }
    .site-header .custom-logo-link, .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
        margin-bottom: 1.8em;
        width: auto;
    }
    .site-header .custom-logo-link {
        margin-bottom: 0;
    }
}

.col-full {
    max-width: 1080px !important;
}

.woocommerce-active .site-header .col-full {
    position: relative;
}

.storefront-breadcrumb,
.woocommerce-breadcrumb {
    display: none;
}

.woocommerce .storefront-breadcrumb,
.woocommerce .woocommerce-breadcrumb {
    display: block !important;
}

.cec-product-download-link img {
    display: inline;
    vertical-align: middle;
}

article .entry-content {
    width: 100% !important;
    margin: 0 !important;
}

.hentry {
    margin-bottom: 0;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.content-area {
    margin-bottom: 0 !important;
}

.site-main {
    margin-bottom: 0 !important;
}

.menu-toggle {
    margin: 0 auto !important;
}

.handheld-navigation {
    background-color: #333333;
}

ul.menu li.current-menu-item>a {
    color: #3da8ed !important;
}

.main-navigation ul.nav-menu ul.sub-menu {
    background-color: #278dc6 !important;
}

body.home header.site-header {
    margin-bottom: 0 !important;
}

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

/* Override container width on Divi Builder sections in sliders. */

.et_pb_slider .et_pb_container {
    width: 100% !important;
}

.et_pb_slider.slider-50-left .et_pb_container .et_pb_slide_description {
    float: left !important;
    width: 50% !important;
    padding-left: 0 !important;
    text-align: left !important;
}


/* Footer */

footer {
    font-size: 80%;
}

footer h3 {
    text-transform: uppercase;
    font-weight: 600;
}


/* Product Navigation */

.product-nav-header {
    background-color: #dadada;
    font-size: 0.85em;
}

.product-navigation ul {
    margin-left: 0;
    list-style-type: none;
}

.product-navigation ul ul {
    display: block;
    margin-left: 1.387em;
}

.product-navigation ul li a {
    display: block;
    padding: 0 1.387em;
}

.product-navigation ul li a:before {
    margin-right: 0.53em;
    content: '\f0f6';
    font-family: 'FontAwesome';
    font-weight: 400;
}

.product-navigation ul li a:hover {
    color: #e6e6e6;
}

.product-navigation {
    display: block;
    clear: both;
    width: 100%;
}

.product-navigation ul {
    display: block;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}

.product-navigation ul li {
    position: relative;
    display: inline-block;
    text-align: left;
}

.product-navigation ul li a {
    display: block;
}

.product-navigation ul li a:before {
    display: none;
}

.product-navigation ul li:hover>ul, .product-navigation ul li.focus>ul {
    left: 0;
    display: block;
}

.product-navigation ul li:hover>ul li>ul, .product-navigation ul li.focus>ul li>ul {
    display: none;
}

.product-navigation ul li:hover>ul li:hover>ul, .product-navigation ul li:hover>ul li.focus>ul, .product-navigation ul li.focus>ul li:hover>ul, .product-navigation ul li.focus>ul li.focus>ul {
    top: 0;
    left: 100%;
    display: block;
}

.product-navigation ul ul {
    position: absolute;
    z-index: 99999;
    display: none;
    float: left;
    background-color: #2c2d33;
}

.product-navigation ul.menu ul.sub-menu li div.smm-mega-menu div.smm-row .textwidget a {
    width: 100%;
    padding: 0 !important;
}

.product-navigation ul.menu ul.sub-menu li div.smm-mega-menu div.smm-row .textwidget p a {
    padding: .187em;
}

.product-navigation {
    padding-top: 1em;
}

.product-navigation ul.menu>li>a, .product-navigation ul.nav-menu>li>a {
    padding: 0 1em 1em;
}

.product-navigation ul.menu>li:first-child, .product-navigation ul.nav-menu>li:first-child {
    margin-left: -1em;
}

.product-navigation ul.menu>li.menu-item-has-children:hover:after, .product-navigation ul.menu>li.page_item_has_children:hover:after, .product-navigation ul.nav-menu>li.menu-item-has-children:hover:after, .product-navigation ul.nav-menu>li.page_item_has_children:hover:after {
    display: block;
}

.product-navigation ul.menu>li.menu-item-has-children>a:after, .product-navigation ul.menu>li.page_item_has_children>a:after, .product-navigation ul.nav-menu>li.menu-item-has-children>a:after, .product-navigation ul.nav-menu>li.page_item_has_children>a:after {
    margin-left: 1em;
    content: '\f107';
    font-family: 'FontAwesome';
    font-weight: inherit;
    line-height: 1;
}

.product-navigation ul.menu ul, .product-navigation ul.nav-menu ul {
    margin-left: 0;
    background-color: #efefef;
}

.product-navigation ul.menu ul li, .product-navigation ul.nav-menu ul li {
    background-color: rgba(0, 0, 0, 0.025);
}

.product-navigation ul.menu ul li a, .product-navigation ul.nav-menu ul li a {
    padding: 0.857em 1em;
    color: #000000;
}

.product-navigation ul.menu ul li:last-child, .product-navigation ul.nav-menu ul li:last-child {
    border-bottom: 0;
}

.product-navigation ul.menu ul li.menu-item-has-children>a:after, .product-navigation ul.menu ul li.page_item_has_children>a:after, .product-navigation ul.nav-menu ul li.menu-item-has-children>a:after, .product-navigation ul.nav-menu ul li.page_item_has_children>a:after {
    float: right;
    content: '\f105';
    font-family: 'FontAwesome';
}

.product-navigation ul.menu ul ul, .product-navigation ul.nav-menu ul ul {
    margin-left: 0;
    border-top-color: rgba(0, 0, 0, 0.1);
    box-shadow: none;
}

.product-navigation ul.menu ul a:hover, .product-navigation ul.menu ul li:hover>a, .product-navigation ul.nav-menu ul a:hover, .product-navigation ul.nav-menu ul li:hover>a {
    background-color: rgba(0, 0, 0, 0.025);
}

.product-navigation a {
    padding: 0 1em 2.244em;
}

.site-branding .custom-logo-link {
    width: auto;
}


/*
  li.product-category
  {
    width: 98%;
    border: 1px solid #333;
    background-color: #efefef;
    text-align: center;
  }

  li.product-category a h3 {
    padding: 1em;
    margin: 0;
  }*/


/* Mobile styles for navigation */

.mobile-menu-toggle {
    display: none;
}

@media screen and (max-width: 768px) {
    header.product-nav-header {
        display: none;
    }
    .site-branding, .site-logo-link, .site-logo-anchor, .main-navigation {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .mobile-menu-toggle {
        display: block;
        float: left;
        margin: 0;
        text-align: left;
        box-shadow: none;
    }
    .mobile-menu-toggle:before {
        content: '\f0c9';
        color: #ffffff;
        font-family: 'FontAwesome';
        font-weight: 400;
    }
    .site-header .site-branding {
        text-align: center !important;
    }
    .site-header .site-branding img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
        margin: 0 auto !important;
        text-align: center;
    }
    .woocommerce-active .custom-logo-link, .woocommerce-active .site-branding, .woocommerce-active .site-logo-anchor, .woocommerce-active .site-logo-link {
        width: 100%;
        margin: 0 auto;
    }
    .site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
        max-width: 210px;
        margin: 0 auto;
    }
	table.cart td.product-remove a.remove {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
}


/* Pagination */

.page-numbers.current {
    border-color: #0071bb !important;
    background-color: #0071bb !important;
    color: #fff !important;
}


/* SMM Mega Menus Overrides */

@media screen and (min-width: 768px) {
    .product-navigation ul li.smm-active {
        position: static;
    }
    .product-navigation ul li.smm-active.smm-doing-preview ul {
        display: block;
    }
    .product-navigation ul li.smm-active ul {
        position: absolute;
        z-index: 9999999999;
        left: 0;
        width: 100%;
        border: 0;
    }
    .product-navigation ul li.smm-active ul li {
        display: inline;
    }
    .product-navigation ul li.smm-active .widget {
        margin-bottom: 3.631em;
        /**
					 * Tag clouds
					 */
        /**
					 * Product list widgets
					 */
        /**
					 * Product layout
					 * When product shortcodes are added to the mega menu.
					 */
    }
    .product-navigation ul li.smm-active .widget ul:not(.products) {
        position: static;
        left: auto;
        display: block;
        float: none;
    }
    .product-navigation ul li.smm-active .widget ul:not(.products) li {
        display: list-item;
        display: inherit;
        width: auto;
        margin: 0;
        padding: 0;
        text-transform: none;
        border: 0;
        background-color: transparent;
        font-weight: normal;
    }
    .product-navigation ul li.smm-active .widget ul:not(.products) li:before, .product-navigation ul li.smm-active .widget ul:not(.products) li:after {
        display: none;
    }
    .product-navigation ul li.smm-active .widget ul:not(.products) li a {
        display: inherit;
        width: auto;
        margin: 0;
        padding: 0;
        text-transform: none;
        border: 0;
        background-color: transparent;
        font-weight: normal;
    }
    .product-navigation ul li.smm-active .widget ul:not(.products) li a:after {
        display: none;
    }
    .product-navigation ul li.smm-active .widget ul:not(.products) li a:hover {
        background-color: transparent;
    }
    .product-navigation ul li.smm-active .widget ul:not(.products) li ul.children {
        margin-top: 0;
        margin-left: 1em;
        box-shadow: none;
        font-size: 0.857em;
    }
    .product-navigation ul li.smm-active .widget h3.widget-title {
        padding: 0;
        border: 0;
        font-size: 1em;
    }
    .product-navigation ul li.smm-active .widget table thead th {
        padding: 0.618em;
    }
    .product-navigation ul li.smm-active .widget table td, .product-navigation ul li.smm-active .widget table th {
        padding: 0.618em;
    }
    .product-navigation ul li.smm-active .widget table td a, .product-navigation ul li.smm-active .widget table th a {
        display: inherit;
        width: auto;
        margin: 0;
        padding: 0;
        text-transform: none;
        border: 0;
        background-color: transparent;
        font-weight: normal;
    }
    .product-navigation ul li.smm-active .widget .tagcloud a {
        display: inherit;
        width: auto;
        margin: 0;
        padding: 0;
        text-transform: none;
        border: 0;
        background-color: transparent;
        font-weight: normal;
    }
    .product-navigation ul li.smm-active .widget ul.product_list_widget li {
        overflow: hidden;
        zoom: 1;
        margin-bottom: 0.618em;
    }
    .product-navigation ul li.smm-active .widget ul.products {
        position: static;
        left: auto;
        display: block;
        float: none;
    }
    .product-navigation ul li.smm-active .widget ul.products li {
        margin: 0;
        margin-bottom: 2.618em;
        padding: 0;
        background-color: transparent;
    }
    .product-navigation ul li.smm-active .widget ul.products li:hover, .product-navigation ul li.smm-active .widget ul.products li:hover a:first-of-type {
        background-color: transparent;
    }
    .product-navigation ul li.smm-active .widget ul.products li a:first-of-type:hover {
        background-color: transparent;
    }
    .product-navigation ul li.smm-active .widget ul.products li a {
        width: auto;
    }
    .product-navigation ul li.smm-active .widget ul.products li a:first-of-type {
        padding: 0;
    }
    .product-navigation ul li.smm-active .widget a.button, .product-navigation ul li.smm-active .widget a.added_to_cart {
        display: inline-block;
        width: auto;
    }
    .product-navigation ul li.smm-active .widget .columns-1 ul.products li.product {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .product-navigation ul li.smm-active .widget .columns-2 ul.products li.product {
        float: left;
        width: 47.8260869565%;
        margin-right: 4.347826087%;
    }
    .product-navigation ul li.smm-active .widget .columns-3 ul.products li.product {
        float: left;
        width: 30.4347826087%;
        margin-right: 4.347826087%;
    }
    .product-navigation ul li.smm-active .widget .columns-4 ul.products li.product {
        float: left;
        width: 21.7391304348%;
        margin-right: 4.347826087%;
    }
    .product-navigation ul li.smm-active .widget .columns-5 ul.products li.product {
        width: 16.9%;
        margin-right: 3.8%;
    }
    .product-navigation ul li.smm-active .smm-row {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .product-navigation ul li.smm-active .smm-row:last-child>div .widget:last-of-type {
        margin-bottom: 0;
    }
    .product-navigation ul li.smm-active:hover a.button, .product-navigation ul li.smm-active:hover a.added_to_cart {
        background-color: inherit;
    }
}


/* Customize SMM Colors */

.product-navigation .sub-menu, .product-navigation .smm-mega-menu {
    color: #000000 !important;
    background-color: #efefef !important;
}

.product-navigation ul li a {
    color: #333333 !important;
    font-weight: 400;
}

.product-navigation ul li.current-menu-item a {
    color: #0071bb !important;
}

.product-nav-header .product-nav {
    float: left;
}

.product-nav-header .site-search {
    float: right;
    width: 20%;
    height: 100%;
    margin: 0;
    margin-top: -4.1em;
    padding: 0;
}

.product-nav-header .site-search .widget.woocommerce.widget_product_search {
    margin: 0;
}

.product-nav-header .site-search .widget.woocommerce.widget_product_search form::before {
    top: 1.41575em;
    left: 1.618em;
}

.product-nav-header .site-search .widget.woocommerce.widget_product_search input[type=search] {
    padding: 1.41575em 1.618em 1.41575em 3.706325903em;
}

.product-nav-header .site-search form {
    margin: 0;
    padding: 0;
}

.product-navigation ul li .widget h3.widget-title {
    padding: 0;
    border: 0;
    font-size: 1.2em !important;
    font-weight: 700 !important;
}

.product-navigation ul li .widget .widget-nav-menu .menu .menu-item a {
    padding: 8px 0 !important;
    border-bottom: 1px solid #cdcdcd !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    /*border-bottom-color: rgb(242, 242, 242) !important;*/
}

.product-navigation ul li .widget .hwim-text a {
    font-size: 1.2em;
    font-weight: 700 !important;
}


/* Default tab style */

.cec-wc-tabs {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    font-size: 1.25em;
    font-weight: 400;
}


/* Nav */

.cec-wc-tabs nav {
    text-align: center;
}

.cec-wc-tabs nav ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.cec-wc-tabs nav ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cec-wc-tabs nav a {
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.cec-wc-tabs nav a span {
    vertical-align: middle;
    font-size: 0.75em;
}

.cec-wc-tabs nav li.tab-current a {
    color: #74777b;
}

.cec-wc-tabs nav a:focus {
    outline: none;
}


/* Icons */

.icon::before {
    z-index: 10;
    display: inline-block;
    margin: 0 0.4em 0 0;
    vertical-align: middle;
    text-transform: none;
    font-family: 'FontAwesome';
    font-size: 1.3em;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-description::before, .icon-overview::before {
    content: '\f06e';
}

.icon-specifications::before {
    content: '\f0f6';
}

.icon-downloads_tab::before {
    content: '\f0ed';
}

.icon-accessories_tab::before {
    content: '\f1b2';
}

.icon-videos_tab::before {
    content: '\f01d';
}

.icon-support::before {
    content: '\f1cd';
}

.icon-mydashboard::before {
    content: '\f0e4';
}

.icon-myorders::before {
    content: '\f0d1';
}

.icon-myaddresses::before {
    content: '\f1ad';
}

.icon-mysupport::before {
    content: '\f145';
}


/* Content */

.content-wrap {
    position: relative;
}

.content-wrap section {
    display: none;
    margin: 0;
    padding: 1em 0;
    font-size: 1em;
}

.content-wrap section#section-iconbox-specifications {
    padding: 1em 2.618em;
}

@media screen and (max-width: 568px) {
    .content-wrap section#section-iconbox-specifications {
        padding: 1em 1.387em;
    }
}

.content-wrap section#section-iconbox-description {
    padding: 0;
}

.content-wrap section.content-current {
    display: block;
}

.content-wrap #section-iconbox-description {
    margin: 0;
    padding: 0.75em 0;
    font-size: 1em;
}

.content-wrap #section-iconbox-description .et_pb_blurb p {
    font-size: 0.75em;
}

.content-wrap #section-iconbox-description .et_pb_blurb_container h4 {
    font-weight: 500;
}


/* Fallback */

.no-js .content-wrap section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.no-flexbox nav ul {
    display: block;
}

.no-flexbox nav ul li {
    display: inline-block;
    min-width: 15%;
}

@media screen and (max-width: 58em) {
    .cec-wc-tabs nav a.icon span {
        display: none;
    }
    .cec-wc-tabs nav a:before {
        margin-right: 0;
    }
}


/*****************************/


/* Icon box */


/*****************************/

.cec-wc-tabs-style-iconbox nav {
    background: #58595b;
}

.cec-wc-tabs-style-iconbox nav ul li a {
    overflow: visible;
    padding: 0.75em 0;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    color: #ffffff;
    line-height: 1;
}

.cec-wc-tabs-style-iconbox nav ul li a span {
    font-size: 0.7em;
    font-weight: 700;
}

.cec-wc-tabs-style-iconbox nav ul li.tab-current {
    z-index: 100;
}

.cec-wc-tabs-style-iconbox nav ul li.tab-current a {
    color: #ffffff;
    background: #0071ac;
}

.cec-wc-tabs-style-iconbox nav ul li.tab-current a::after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    content: '';
    pointer-events: none;
    border: solid transparent;
    border-width: 10px;
    border-top-color: #0071ac;
}

.cec-wc-tabs-style-iconbox nav ul li:first-child::before, .cec-wc-tabs-style-iconbox nav ul li::after {
    position: absolute;
    z-index: -1;
    top: 20%;
    right: 0;
    width: 1px;
    height: 60%;
    content: '';
    background: rgba(0, 0, 0, 0.07);
}

.cec-wc-tabs-style-iconbox nav ul li:first-child::before {
    right: auto;
    left: 0;
}

.cec-wc-tabs-style-iconbox .icon::before {
    display: block;
    margin: 0 0 0.25em 0;
}


/* Specifications */

#section-iconbox-specifications {
    font-size: 1em !important;
}

#section-iconbox-specifications h3 {
    font-size: 1em !important;
}

#section-iconbox-specifications .feature-list {
    padding-top: 0 !important;
}

#section-iconbox-specifications .et_pb_blurb, #section-iconbox-specifications hr.item-divider {
    margin-bottom: 0 !important;
    padding: 0.5em 0 !important;
}

#section-iconbox-specifications .et_pb_blurb_container p a {
    color: #0071bb;
    font-weight: 400 !important;
}

@media screen and (min-width: 768px) {
	#customer_details {
		width: 49.5%;
		margin-right: 0;
	}

	#order_review_heading, #order_review {
		width: 49.5%;
	}

    #customer_login.col2-set {
        width: 100%;
    }

    #customer_login .col-1 {
        display: inline-block;
        float: left;
        width: 47%;
        margin-right: 3%;
        padding-right: 3%;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: none !important;
    }

    #customer_login .col-2 {
        display: inline-block;
        width: 47%;
    }

    #customer_login .col-1 label.inline {
        display: inline-block;
        margin-left: 20px;
    }

	#ship-to-different-address .woocommerce-form__input-checkbox {
		position: static;
		top: auto;
		right: auto;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
	}

	ul#shipping_method li label {
		font-weight: 400;
	}
}

#section-iconbox-videos_tab {
    background-color: #333;
}

#section-iconbox-videos_tab h4, #section-iconbox-videos_tab p {
    color: #bcbcbc !important;
}


/* Form Fields */

.gfield input, .gfield input[type='url'], .gfield select, .form_saved_message_emailform input {
    width: 100% !important;
    margin: 0 !important;
    margin: 0.9em 0 !important;
    padding: 0 !important;
    padding: 10px !important;
    border: 1px solid #cccccc !important;
    background-color: #ffffff !important;
    line-height: 1.8em !important;
}

.gfield_error input {
    border: 1px solid #ff0000 !important;
}

.hidden_label label {
    display: none;
}
.gfield select {
    width: 100% !important;
    height: 50px;
    vertical-align: baseline;
}

input, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gchoice input {
	position: relative;
	top: 4px;
	left: 4px;
}

.gchoice label {
	font-weight: 400;
}

.ginput span {
    background-color: #ff0000 !important;
}

div.ginput_container {
    width: 100%;
}

.ginput .full {
    width: 100%;
}

.ginput_complex {
    width: 100% !important;
}

.ginput_complex input {
    width: 100% !important;
}

.ginput_complex span {
    width: 48.5% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gform_wrapper .top_label li.gfield.ginput_left.gf_left_half {
	margin-right: 1.5% !important;
	width: 48.5%;
}

.gform_wrapper .top_label li.gfield.ginput_right.gf_right_half {
	margin-left: 1.5% !important;
	width: 48.5%;
}

.gform_wrapper .top_label li.gfield.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	max-width: calc(50% - 16px);
	padding-right: 16px;
	float: none;
}

.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container),
.gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) {
	width: 100% !important;
	margin: 8px 0 0 0;
	padding-left: 0;
	padding-right: 0;
}

.gform_wrapper .top_label li.gfield.gf_left_half:before {
	content: "";
	display: block;
	clear: both;
}

.gform_wrapper .top_label li.gfield.gf_right_half:after {
	content:"";
	display: table;
	clear:both;
}

.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half,
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
	max-width: calc(50% - 16px);
	padding-right: 0;
}

.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half {
	margin-right: 16px;
}

.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) input.medium,
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) input.large,
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) select.medium,
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) select.large,
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) input.medium,
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) input.large,
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) select.medium,
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) select.large {
	width: 100%;
}

.gform_wrapper .top_label li.gfield.gf_left_half textarea,
.gform_wrapper .top_label li.gfield.gf_right_half textarea {
	width: 98%;
}

.gform_wrapper .top_label li.gfield.gf_left_half input.small,
.gform_wrapper .top_label li.gfield.gf_right_half input.small {
	width: 35%;
}

.gform_wrapper .top_label li.gfield.gf_left_half+li.gsection,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gsection {
	padding: 16px 0 8px 0;
}

.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_right_half,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_right_half,
.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_right_half {
	padding: 16px 0 8px 0;
}

.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half {
	padding: 0 0 8px 0;
}

.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half {
	padding: 16px 0 8px 0;
}

.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield,
.gform_wrapper .top_label li.gfield.gf_left_half+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_right_half+.gform_footer {
	clear: both;
}


li.ginput_left div.ginput_container, li.ginput_right div.ginput_container {
    width: 48.5% !important;
}

.ginput_complex .ginput_left, .ginput_complex .name_first, li.ginput_left div.ginput_container {
    float: left;
}

.ginput_complex .ginput_right, .ginput_complex .name_last, li.ginput_right div.ginput_container {
    float: right;
}

.ginput_complex + .gfield_description.validation_message {
	clear: both;
}

.gform_button, .gform_next_button, .gform_previous_button, .gform_save_link {
    display: block !important;
    float: none !important;
    clip: auto;
    width: auto !important;
    margin: 0 auto !important;
    margin-top: 2em !important;
    padding: 1.2em 1.7em !important;
    cursor: pointer;
    text-align: center;
    text-indent: 0 !important;
    text-transform: none !important;
    color: #ffffff !important;
    border: none !important;
    -webkit-border-top-right-radius: 3px !important;
    -moz-border-radius-topright: 3px !important;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px !important;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    background-color: #0071ac !important;
    background-image: none !important;
    box-shadow: none !important;
    font-size: 18px !important;
}

.gform_save_link {
    float: left !important;
    margin-top: 3.25em !important;
    padding: 0.5em 0.8em !important;
    background-color: #555555 !important;
    font-size: 14px !important;
}

.gform_next_button {
    float: right !important;
    background-color: #39b54a !important;
}

.gform_previous_button {
    float: left !important;
    margin-top: 3.25em !important;
    margin-right: 1.2em !important;
    padding: 0.8em 1.2em !important;
    background-color: #555555 !important;
    font-family: 'Gotham Rounded A', 'Gotham Rounded B';
    font-size: 14px !important;
    font-weight: 400;
    font-style: normal;
}

.gform_button {
    float: right !important;
}

.gform_wrapper .gf_progressbar_wrapper {
    clear: both !important;
    width: 100% !important;
    margin: 0 0 0.5em 0 !important;
    padding: 0 0 1em 0 !important;
    border-bottom: 1px dotted #cccccc !important;
}

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
    clear: both !important;
    margin: 0 0 0.375em 0 !important;
    padding: 0 !important;
    opacity: 0.6 !important;
    font-size: 0.813em !important;
    line-height: 1 !important;
    filter: alpha(opacity=60) !important;
    -moz-opacity: 0.6 !important;
    -khtml-opacity: 0.6 !important;
}

.gform_wrapper .gf_progressbar {
    overflow: hidden !important;
    width: 100% !important;
    height: 20px !important;
    border: 1px solid #eeeeee !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    background-image: url(../../plugins/gravityforms/images/gf-percentbar-bg.png) !important;
    background-repeat: repeat-x !important;
    background-position: bottom !important;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2) !important;
    line-height: 20px !important;
}

.gform_wrapper .gf_progressbar_percentage {
    height: 20px !important;
    text-align: right !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50) !important;
    font-family: helvetica, arial, sans-serif !important;
    font-size: 13px !important;
}

.gform_wrapper .gf_progressbar_percentage span {
    display: block !important;
    float: right !important;
    width: auto !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.gform_wrapper .gf_progressbar_percentage.percentbar_0 span {
    color: #959595 !important;
    text-shadow: none !important;
}

.gform_wrapper .percentbar_blue {
    color: #ffffff !important;
    background-color: #0072bc !important;
    background-image: url(../../plugins/gravityforms/images/gf-percentbar-blue.png) !important;
    background-repeat: repeat-x !important;
}

.gform_wrapper .percentbar_gray {
    color: #ffffff !important;
    background-color: #666666 !important;
    background-image: url(../../plugins/gravityforms/images/gf-percentbar-gray.png) !important;
    background-repeat: repeat-x !important;
}

.gform_wrapper .percentbar_green {
    color: #ffffff !important;
    background-color: #94dc21 !important;
    background-image: url(../../plugins/gravityforms/gf-percentbar-green.png) !important;
    background-repeat: repeat-x !important;
}

.gform_wrapper .percentbar_orange {
    color: #ffffff !important;
    background-color: #dc7021 !important;
    background-image: url(../../plugins/gravityforms/images/gf-percentbar-orange.png) !important;
    background-repeat: repeat-x !important;
}

.gform_wrapper .percentbar_red {
    color: #ffffff !important;
    background-color: #dc2521 !important;
    background-image: url(../../plugins/gravityforms/images/gf-percentbar-red.png) !important;
    background-repeat: repeat-x !important;
}

.gform_wrapper .percentbar_custom {
    background-image: url(../../plugins/gravityforms/images/gf-percentbar-custom.png) !important;
    background-repeat: repeat-x !important;
}

.gform_wrapper .gf_page_steps {
    width: 99% !important;
    margin: 0 0 0.5em 0 !important;
    padding: 0 0 0.25em 0 !important;
    border-bottom: 1px dotted #cccccc !important;
}

.gform_wrapper .gf_step {
    display: -moz-inline-stack !important;
    display: inline-block !important;
    width: auto !important;
    height: 1.25em !important;
    margin: 0 1em 0.625em 0 !important;
    opacity: 0.2 !important;
    font-family: arial, sans-serif !important;
    font-size: 1em !important;
    line-height: 1.25 !important;
    filter: alpha(opacity=20) !important;
    -moz-opacity: 0.2 !important;
    -khtml-opacity: 0.2 !important;
}

.gform_wrapper .gf_step span.gf_step_number {
    float: left !important;
    font-family: arial, sans-serif !important;
    font-size: 1.25em !important;
}

.gform_wrapper .gf_step.gf_step_active {
    opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    -khtml-opacity: 1.0 !important;
}

.gform_wrapper .gf_step_clear {
    display: block !important;
    clear: both !important;
    overflow: hidden !important;
    height: 1px !important;
}

.gform_wrapper .gfield_password_strength {
    margin-top: 1.15em !important;
    margin-bottom: 1.15em !important;
    padding: 0.313em 0.313em !important;
    text-align: center !important;
    border: 1px solid #dddddd !important;
    background-color: #eeeeee !important;
    line-height: 1.8 !important;
}

.gform_wrapper ul.top_label li.gfield .gfield_password_strength {
    width: 97.45%;
}

.gform_wrapper ul.top_label li.gfield.gfield_error.gfield_contains_required .gfield_password_strength {
    width: 95% !important;
    margin: 1.15em 0 1.15em 0.375em !important;
}

.gform_wrapper ul.left_label li.gfield .gfield_password_strength, .gform_wrapper ul.right_label li.gfield .gfield_password_strength {
    width: 62% !important;
    margin-top: 1.15em !important;
    margin-bottom: 1.15em !important;
}

.gform_wrapper .gfield_password_strength.bad {
    border-color: #ff853c !important;
    background-color: #ffb78c !important;
}

.gform_wrapper .gfield_password_strength.good {
    border-color: #ffcc00 !important;
    background-color: #ffec8b !important;
}

.gform_wrapper .gfield_password_strength.short, .gform_wrapper .gfield_password_strength.mismatch {
    border-color: #f04040 !important;
    background-color: #ffa0a0 !important;
}

.gform_wrapper .gfield_password_strength.strong {
    border-color: #8dff1c !important;
    background-color: #c3ff88 !important;
}


/* Checkboxes and Radio Buttons */

.gfield input[type='radio'], .gfield input[type='checkbox'] {
    margin-bottom: 0 !important;
}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] {
    width: auto !important;
}

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
    position: relative;
}

.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {
    margin: 6px 0 !important;
    padding: 0 !important;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
    display: block !important;
    width: auto !important;
    margin: 0 0 0 24px !important;
    padding: 0 !important;
    vertical-align: top !important;
    line-height: 1.5 !important;
}

.gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input {
    float: left !important;
    margin-top: 2px !important;
}

.gfield_description {
    color: #888888 !important;
    font-size: 0.9em !important;
}

.gfield_description::before {
    z-index: 10;
    display: inline-block;
    margin: 0 0.4em 0 0;
    vertical-align: middle;
    text-transform: none;
    font-family: 'FontAwesome';
    font-size: 1.3em;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gfield_description:before {
    content: '\f05a';
}

label.gfield_label {
    display: block;
    display: inline-block;
    display: inherit;
    clear: both;
    padding-top: 2em;
}

.hide-label label.gfield_label,
.hidden_label label.gfield_label {
    display: none;
    clear: none;
    margin: 0;
}

h2.gsection_title {
	border-bottom: 1px solid #ccc !important;
	margin: 2rem 0 !important;	
}

.et-db #et-boc .et_pb_module.et_pb_code h2.gsection_title,
.et_divi_builder #et_builder_outer_content .et_pb_module.et_pb_code h2.gsection_title {
	font-weight: 400;
	padding-top: 1em;
}

.et-db #et-boc .et-l .et_pb_module.et_pb_code ul li,
.et-db #et-boc .et-l .et_pb_module.et_pb_text ul li {
	list-style-type: none;
}

.et-db #et-boc .et-l .et_pb_module a.et_pb_button:not(.wc-forward) {
	padding-bottom: 0.3em;
}

.gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
    padding-left: 0.5em;
    color: red !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield textarea,
#et_bottom_outer_content textarea,
#et-boc .et-l textarea {
    border: 1px solid #ccc;
}


/* Validation Messages */

.gfield_description.validation_message {
    color: #ec2026 !important;
}

.gfield_description.validation_message:before {
    content: '\f071';
}


/* TwentyTwenty */

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    position: absolute !important;
    height: 38px !important;
    padding: 0 20px !important;
    color: #000000 !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    line-height: 38px !important;
}

.twentytwenty-after-label {
    font-weight: 600 !important;
}

.twentytwenty-before-label {
    font-weight: 600 !important;
}

#et_builder_outer_content .twentytwenty-handle {
    position: absolute !important;
    z-index: 40 !important;
    top: 50%;
    left: 50%;
    width: 38px !important;
    height: 38px !important;
    margin-top: -22px !important;
    margin-left: -22px !important;
    cursor: pointer !important;
    border: 3px solid white !important;
    -webkit-border-radius: 1000px !important;
    -moz-border-radius: 1000px !important;
    border-radius: 1000px !important;
    -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5) !important;
    -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5) !important;
    box-shadow: 0 0 12px rgba(51, 51, 51, 0.5) !important;
}

#et_builder_outer_content .twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50% !important;
    margin-bottom: 22px !important;
    -webkit-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
    -moz-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
    box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
}

#et_builder_outer_content .twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50% !important;
    margin-top: 22px !important;
    -webkit-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
    -moz-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
    box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
}

#et_builder_outer_content .twentytwenty-vertical .twentytwenty-handle:before {
    left: 50% !important;
    margin-left: 22px !important;
    -webkit-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
    -moz-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
    box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
}

#et_builder_outer_content .twentytwenty-vertical .twentytwenty-handle:after {
    right: 50% !important;
    margin-right: 22px !important;
    -webkit-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
    -moz-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
    box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5) !important;
}

#et_builder_outer_content div.twentytwenty-wrapper span.twentytwenty-left-arrow {
    left: 50% !important;
    margin-left: -17px !important;
    border-right: 6px solid white !important;
}

#et_builder_outer_content span.twentytwenty-right-arrow {
    right: 50% !important;
    margin-right: -17px !important;
    border-left: 6px solid white !important;
}

#et_builder_outer_content span.twentytwenty-up-arrow {
    top: 50% !important;
    margin-top: -17px !important;
    border-bottom: 6px solid white !important;
}

#et_builder_outer_content span.twentytwenty-down-arrow {
    bottom: 50% !important;
    margin-bottom: -17px !important;
    border-top: 6px solid white !important;
}


/* Divi Builder styles */

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item>.shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active>.shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition>.shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item>.shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu>li.shiftnav-sub-accordion.current-menu-ancestor>.shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu>li.shiftnav-sub-shift.current-menu-ancestor>.shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item>.shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item>.shiftnav-target:hover {
    color: #eeeeee;
    border-top-color: rgba(255, 255, 255, 0.4);
    /* 85cca5 */
    border-bottom-color: rgba(0, 0, 0, 0.8);
    background: #0071bb;
}

.stock {
    display: none;
}


/* Product Columns */

.site-main ul.products li.product {
    display: block;
    width: 22.75% !important;
    margin-right: 1.99% !important;
}

/* Intermediary Breakpoint (970-768px) */

@media screen and (min-width: 768px) and (max-width: 969px) {
    .primary-navigation {
        font-size: .82em !important;
    }

	.site-main ul.products li.product.first {
		clear: none !important;
	}
}


/* Support 4 columns on product pages and accessories tabs */

@media screen and (min-width: 768px) {
	.hentry .entry-header {
		margin-bottom: 1em;
	}

    .site-main ul.products li.product {
        display: block;
        width: 22.75%;
        margin-right: 1.99%;
    }
}

@media screen and (min-width: 970px) {
	.site-main ul.products li.product:nth-child(4n+0) {
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1169px) {
	.woocommerce .storefront-breadcrumb {
		margin-left: -3em;
		margin-right: -3em;
	}
}

/* Make The Mobile View Show 2 Columns */

@media screen and (max-width: 767px) {
	.woocommerce .storefront-breadcrumb {
		margin-left: -1.41575em;
		margin-right: -1.41575em;
	}

    .woocommerce-page .site-main ul.products li.product:nth-child(n),
    .site-main ul.products li.product {
        display: inline-block;
        width: 48% !important;
        margin-right: 2% !important;
        min-height: 0;
        vertical-align: top;
    }

    .woocommerce-page .site-main ul.products li.product:nth-child(2n+0),
    .site-main ul.products li.product:nth-child(2n+0) {
        margin-right: 0 !important;
    }

    .woocommerce .products .add_to_cart_button {
        width: 100% !important;
        max-width: 100% !important;
    }

    .woocommerce .products .show_details_button {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* Fix Breadcrumb Margins */

.storefront-breadcrumb {
    background-color: #f8f8f8;
    margin-left: -99em;
    margin-right: -99em;
}

.storefront-breadcrumb,
.woocommerce-breadcrumb {
    border-bottom: none;
    margin-bottom: 0 !important;
}

.storefront-breadcrumb > .col-full {
    padding: 0;
}

.category-nav-label {
    /*float: left;*/
}

#category-nav {
    overflow-x: hidden;
}

#category-nav ul {
    display: inline;
    list-style-type: none;
    position: relative;
    padding: 0;
    margin: 0;
}

#category-nav ul li {
    display: inline-block;
    line-height: 1;
    padding: 0 1em;
    margin-bottom: 1em;
}

#category-nav ul li:not(:last-child) {
    border-right: 1px solid #ccc;
}


/* Single Product - Product Thumbs */

@media (min-width: 768px) {
    .storefront-full-width-content.single-product div.product .images .thumbnails a.zoom {
        width: 28%;
        margin-right: 5%;
    }
}

@media (max-width: 767px) {
    .single-product div.product .summary {
        clear: both;
    }
}


/* 4 column accessories */

@media (min-width: 768px) {
    .storefront-full-width-content.single-product .related ul.products li.product, .storefront-full-width-content.single-product .upsells ul.products li.product {
        display: block;
        width: 22.5%;
        margin-right: 2.9%;
    }
    .storefront-full-width-content.single-product .related ul.products li.product:nth-child(4n+0), .storefront-full-width-content.single-product .upsells ul.products li.product:nth-child(4n+0) {
        margin-right: 0 !important;
    }
}

.related ul.products li.product h3, .upsells ul.products li.product h3 {
    font-size: 1em;
    margin-top: 0;
}

.related ul.products li.product span.sku, .upsells ul.products li.product span.sku {
    font-size: .75em;
}

.related ul.products li.product span.price, .upsells ul.products li.product span.price {
    font-size: .65em;
}

@media (min-width: 768px) {
    .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;
        text-align: inherit;
    }

    .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.540791em;
    }

    .storefront-full-width-content.single-product div.product .images {
        margin-top: 1.2em;
    }
}

.single-product div.product .product_meta {
    border-top: none;
}


/* Videos Tabs */

#section-iconbox-videos_tab div.col-full div {
    text-align: center;
    float: none;
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    #section-iconbox-videos_tab div.col-full div.odd {
        float: left;
        width: 48%;
        margin-right: 1.5%;
    }
    #section-iconbox-videos_tab div.col-full div.even {
        float: right;
        width: 48%;
        margin-right: 0;
    }
    #section-iconbox-videos_tab div.col-full div.videoRow {
        overflow: hidden;
    }
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Forms */
@media (max-width: 767px) {
	.et-db #et-boc .et-l .et_pb_code ul,
	.et-db #et-boc .et-l .et_pb_text ul {
		margin-left: 0;
	}
}


/* Storefront Sticky Add To Cart */

@media (max-width: 767px) {
    .ssatc-content {
        display: none;
    }
}


/*
 * Divi Builder Custom Classes
 * Important: Custom classes require a higher level of specificity than that which Divi Builder already uses.
 * Most Divi Builder classes are extremely specific, so creating an overriding class requires extreme specificity.
 * For example, the Blurb is targeted with .et_divi_builder #et_builder_outer_content .et_pb_blurb. Creating a custom
 * blurb class requires that you replicate that entire specificity chain. I believe that this was done to reduce the
 * possibility of Divi Builder classes colliding with other CSS, but may have been taken to a bit of an extreme. In this
 * case, .et_pb_blurb likely would have been sufficient to avoid collision.
 */

.et-db #et-boc .et_pb_module a {
    color: inherit;
}

.et-db #et-boc .et_pb_text ul li.gfield,
.et-db #et-boc .et_pb_text ul li.gfield ul.gfield_checkbox li {
    list-style: none;
}

.et-db #et-boc .et_pb_module .ginput_container input {
    width: inherit;
}

/* BLURB */

/* Full Width Blurb */
.et-db #et-boc .et_pb_blurb.full-width-blurb .et_pb_blurb_content,
.et_divi_builder #et_builder_outer_content .et_pb_blurb.full-width-blurb .et_pb_blurb_content {
    max-width: 100%;
}


/* Fullwidth Header Alignment Fix */
.et-db #et-boc .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content,
.et_divi_builder #et_builder_outer_content .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content {
    padding-left: 0;
    margin-left: 0;
}


/* Restore list-style in Divi Text modules. */
.et-db #et-boc .et_pb_module.et_pb_text ol, .et-db #et-boc .et_pb_module.et_pb_text ol li,
.et_divi_builder #et_builder_outer_content .et_pb_module.et_pb_text ol, .et_divi_builder #et_builder_outer_content .et_pb_module.et_pb_text ol li {
    list-style-type: decimal;
    margin: 0;
    margin-left: 1em;
}

.et-db #et-boc .et_pb_module.et_pb_text ol li ol, .et-db #et-boc .et_pb_module.et_pb_text ol li ol li,
.et_divi_builder #et_builder_outer_content .et_pb_module.et_pb_text ol li ol, .et_divi_builder #et_builder_outer_content .et_pb_module.et_pb_text ol li ol li {
    margin-left: 2.25em;
    list-style-type: lower-alpha;
}

article.et_pb_post {
    margin-bottom: 60px;
}

/* MONARCH Styles */


/* Follow Box with Follower Count */

.et_monarch .et_social_top .et_social_network_label div {
    padding: 4px 0 5px 0;
}


/* My Account Styles */

.myaccount_avatar {
    padding-right: 10px;
    width: 100%;
}

.myaccount_user {
    padding-left: 10px;
    width: 100%;
}


/* WP Job Manager Tweaks */

.job_listing .posted-on {
    display: none !important;
}

.job_listing .company {
    display: none !important;
}

.pswp__bg {
	background: #fff !important;
}

.pswp__caption, .pswp__top-bar {
  background: #000 !important;
}

.pswp__ui h3, .pswp__ui button, .pswp__button:before {
	color: #000 !important;
}

button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before {
	background-color: #000 !important;
}

.pswp__counter {
	color: #fff !important;
}

.pswp__caption {
	display: none;
}

/* Fancybox */
.fancybox-container .fancybox-bg {
        background: #fff !important;
}

.fancybox-container .fancybox-button--zoom, .fancybox-container .fancybox-button--play {
        display: none !important;
}

.zoom.nslick-slide.nslick-current.nslick-active .nickx-popup.fa.fa-expand {
        display: block;
        background-color: #0071bb;
        color: #fff;
        border-radius: 3px;
        height: 2em;
        width: 2em;
        text-align: center;
        font-size: inherit;
        padding: inherit;
        top: 10px;
}

.zoom.nslick-slide.nslick-current.nslick-active .nickx-popup.fa.fa-expand:before {
        content: "\f00e";
        line-height: 2;
}

/* Video Gallery */
.page-template-template-videos .envira-youtube-playlist-oembed {
    background-color: #000;
    background-image: radial-gradient(circle at center, #2b2b2b 50%, #000000 100%);
    text-align: center;
}

.page-template-template-videos .envira-youtube-playlist-oembed .envira-gallery-youtube-title {
    margin: 0 auto;
    max-width: 1080px;
}

.page-template-template-videos .envira-youtube-playlist-oembed .envira-gallery-youtube-title img {
    margin: 0 auto;
    max-width: 80%;
}

@media screen and (max-width: 1079px) {
    .page-template-template-videos .col-divi.video-gallery .entry-content > * {
        padding: 0 20px;
    }

    .page-template-template-videos .envira-gallery-wrap {
        padding: 0 20px;
    }
}

@media screen and (min-width: 1080px) {
    .page-template-template-videos .envira-youtube-playlist-oembed .fluid-width-video-wrapper {
        max-width: 1080px !important;
        margin: 0 auto;
        padding-top: 0 !important;
    }

    .page-template-template-videos .envira-youtube-playlist-oembed .fluid-width-video-wrapper embed,
    .page-template-template-videos .envira-youtube-playlist-oembed .fluid-width-video-wrapper iframe,
    .page-template-template-videos .envira-youtube-playlist-oembed .fluid-width-video-wrapper object {
        position: relative;
        top: auto;
        left: auto;
        height: 607.5px !important;
        width: 1080px !important;
    }
}

.page-template-template-videos .envira-gallery-youtube-caption {
    color: #fff;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    padding-top: 30px;
    padding-bottom: 65px;
}

.page-template-template-videos .envira-gallery-youtube-caption .envira-gallery-youtube-caption-description {
    font-size: .8em;
}

.page-template-template-videos .envira-gallery-youtube-caption > div {
    flex-basis: 67%;
    text-align: left;
}

.page-template-template-videos .envira-gallery-youtube-caption > div:nth-child(2) {
    flex-basis: 33%;
    margin-left: 15px;
    text-align: right;
}

.page-template-template-videos .envira-gallery-youtube-subscribe {
    white-space: nowrap;
	padding-left: 75px;
	padding-right: 75px;
}

.page-template-template-videos .envira-gallery-youtube-subscribe a.envira-gallery-youtube-subbutton,
.page-template-template-videos .envira-gallery-youtube-subscribe a.envira-gallery-youtube-subbutton:hover {
    display: inline-block;
    padding: 5px 10px;
    /* background-color: #e62117 !important; */
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 3px;
    width: 100%;
    text-align: center;
	font-size: 14px;
	line-height: 23.8px;
	background-color: rgb(204, 0, 0) !important;
}

.page-template-template-videos .envira-gallery-youtube-subscribe a.envira-gallery-youtube-subbutton:hover {
    background-image: initial !important;
	background-color: #ff0000 !important;
}

.page-template-template-videos .envira-gallery-wrap {
    max-width: 1080px;
    margin-top: 35px;
}

/* @media screen and (max-width: 1079px) {

} */

.page-template-template-videos .envira-gallery-wrap .envira-gallery-public {
    display: flex;
    flex-wrap: wrap;
    /* margin: -15px 0 0 -15px;
    width: calc(100% + 15px); */
}

/* .page-template-template-videos .envira-gallery-wrap .envira-gallery-public .envira-gallery-item {
    padding: 15px 0 0 15px !important;
} */

.page-template-template-videos .envira-gallery-wrap .envira-gallery-public .envira-gallery-item img {
    margin: 0;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .page-template-template-videos .envira-gallery-wrap .envira-gallery-public {
        margin: -15px 0 0 -15px;
        width: calc(100% + 15px);
    }

    .page-template-template-videos .envira-gallery-wrap .envira-gallery-public .envira-gallery-item {
        padding: 15px 0 0 15px !important;
    }

    .page-template-template-videos .envira-gallery-youtube-caption .envira-gallery-youtube-caption-description {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .page-template-template-videos .envira-gallery-wrap .envira-gallery-public {
        margin: -25px 0 0 -25px;
        width: calc(100% + 25px);
    }

    .page-template-template-videos .envira-gallery-wrap .envira-gallery-public .envira-gallery-item {
        padding: 25px 0 0 25px !important;
    }
}

/* Vertically center text in divi */
#et-boc .et_pb_equal_columns > .et_pb_column {
	margin-top:auto;
	margin-bottom:auto;
}

/* Override Divi's font family for wc-forward buttons */
.woocommerce #content .wc-forward::after,  .woocommerce #content .woocommerce-Button--next::after {
	font-family: "Font Awesome 5 Free" !important;
}
