/*
Theme Name: uni-ball
Template: Divi
Author: Jef McClimans
Version: 3.24.1560187977
Updated: 2019-06-10 17:32:57

*/
/*---Colors-----------------------
uni-ball red #E4002B | rgba(228,0,43,0.75)
Emerald (Essential) #6BCABA | rgba(107, 202, 186, 1)
Creative (Light Blue) #8BBEE8 | rgba(139, 190, 232, 1)
3e6a91
--------------------------------*/



/*---DISSABLE ECOMMERCE---*/
.variation-selection-add-to-cart-module .single_add_to_cart_button,
.explanation-text,
.out-of-stock {display:none !important;}

/*------------------------*/

/*---DISSABLE Pack Colors Swatches---*/
.color-variable-item-black-blue-red,
.color-variable-item-assorted,
.color-variable-item-metallic-gold-metallic-silver,
.color-variable-item-black-blue-green {display:none !important;}
/*------------------------*/


/*---DISSABLE Where to Buy Button---*/
/*Pin*/
.postid-39687 .cc-fi-buttonn{display:none !important;}
/*Jetstream SXE*/
.postid-12443 #et-boc > div > div > div > div.et_pb_section.et_pb_section_2.top-wave-green.et_section_specialty > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_specialty_column.et_pb_css_mix_blend_mode_passthrough.et-last-child > div.et_pb_row_inner.et_pb_row_inner_3 > div > div.et_pb_module.et_pb_db_atc.et_pb_db_atc_0.variation-selection-add-to-cart-module.hide-quantity.hide-variation-reset.et_pb_bc_btn.et_pb_button_alignment_left {display:none !important;}

/*uni ChalkGlass Marker Broad Chisel Tip PWE-17K*/
.postid-12718 .cc-fi-button {display:none !important;}

.postid-12707 .cc-fi-button {display:none !important;}

.postid-12630 .cc-fi-button {display:none !important;}

.postid-12696 .cc-fi-button {display:none !important;}

.postid-12685 .cc-fi-button {display:none !important;}

/* https://uniball.co.uk/brands/kuru-toga/m5-450t-uni-ball-kuru-toga-mechanical-pencil/ */
.postid-12498 .cc-fi-button {display:none !important;}
/*----------------------------------*/

.berocket_aapf_widget_selected_filter li a::after {
    font-family: 'ETmodules' !important;
    content: "\4d" !important;
font-weight:800;

}


@media all and (max-width:980px){
#featured-products .woocommerce  {
    max-width: 357px;
    margin: auto;
	}}

/*-----
 * Menu
 * ----*/

.mm-brands>ul {
  columns: 2 !important;
  -webkit-columns: 2 !important;
  -moz-columns: 2 !important;
}

/*---Remove Dropdown Arrow---*/
#top‬-menu .menu-item-has-children > a:first-child {padding-right: 0px; padding-bottom: 17px!important;}
#top-menu .menu-item-has-children > a:first-child:after{content: ''; margin-top: -2px;}
#top-menu .menu-item-has-children a {padding-right: 0px !important;}

#top-menu li{padding-right:1.8rem;}

.et-cart-info { display:none; }

#et_top_search{margin-left: 6rem;}

#top-menu .products .sub-menu,
.et_fullwidth_nav #top-menu li.mega-menu>ul { 
left: auto!important;
right: 0 !important;
border:0px;
padding-top:0px;
background-color:rgba(234,10,42,0) !important;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0);
box-shadow: 0 2px 5px rgba(0,0,0,0);
}

#top-menu .products .sub-menu, .et_fullwidth_nav #top-menu li.mega-menu>ul {background-color:rgba(228,0,43,0.75) !important}

#top-menu .products > .sub-menu{height:auto!important}

#top-menu .products >.sub-menu::after  {content: url("/wp-content/uploads/2019/09/wave-bottom-red-2.svg");
width:101%;
position: absolute;
opacity:0.75;
bottom:-86px;
left:0;
line-height: 1;
z-index:-999;

}

.mm-section li a {line-height: 1em;
font-weight:300;}

.et_fullwidth_nav #top-menu li.mega-menu>ul

.mm-all-products,
.mm-need-states,
.mm-brands {width: 281px !important;
padding: 0px !important;}

.mm-all-products {
margin: 0 -15px 0 115px !important;}

.mm-virtual-shelf a,
.menu-item-1089 a,
.menu-item-46268 a{font-weight:700!important;}
.mm-brands {margin-right:1.75rem!important;}
#top-menu li.mega-menu>ul>li>a:first-child {border-bottom: 0px solid rgba(0,0,0,.0) !important;}
#top-menu .products .sub-menu, .et_fullwidth_nav #top-menu li.mega-menu {background-color:rgba(0,0,0,0.0) !important;}

/*---Mobile Menu Styling---*/
@media screen and (max-width: 980px) {
 .container { 
 width: 100% !important;
 }
 .et_header_style_left .logo_container{
 padding-left: 25px;
 }
 .et_header_style_centered #main-header .mobile_nav {
 background-color: transparent;
 }
 .mobile_nav.closed .select_page {
 display: none;
 }
 .et-fixed-header#main-header {
 background-color: transparent !important;
 }
}
.et_mobile_menu {
 top: 80px !important;
 border-top: 0px solid #283fc0 !important;;
 background-color: rgba(228,0,43,0.75)!important;
 padding: 0% 0;
}

.mobile_nav ul#mobile_menu li ul li a {
 
 margin: auto;
 color: #fff !important;
 padding-top: 0.2em;
}
.et_mobile_menu li a:hover {
 color: #999;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.mobile_menu_bar:before {
 padding-right: 25px;
 color: #fff !important;
}
.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
 z-index: 99999;
}

#main-header .et_mobile_menu li ul {padding-left:0px !important;}

#mobile_menu::after  {content: url("/wp-content/uploads/2019/09/wave-bottom-red-2.svg");
width:101%;
position: absolute;
opacity:0.75;
left:0;
line-height: 1;
z-index:-999;

}

#mobile_menu li{max-width: 95vw;}

#mobile_menu .mm-brands {width:707px !important;}


#mobile_menu #menu-item-1088 {margin-left:0px !important;}

#mobile_menu #menu-item-126{padding-left:5% !important;}

#mobile_menu #menu-item-126 {max-width:90vw !important;
overflow:hidden !important;}

#mobile_menu #menu-item-1088 > ul {padding-left:0px !important;}

#mobile_menu #menu-item-1089 {padding-left:0px;}


#main-header #mobile_menu.et_mobile_menu li a, 
#main-header #mobile_menu.et_mobile_menu li li a,
#main-header #mobile_menu.et_mobile_menu li li li a {
 padding-left: 20px;
 padding-right: 20px;
}

.et_mobile_menu li a:hover {color:#fff;}

#mobile_menu > li a {font-weight:700;}
#mobile_menu > li a:hover {opacity: .7;
    background-color: rgba(0,0,0,.03);} 
@media all and (max-width: 1113px){
#et_top_search {
    margin-left: 1rem;
}

}
@media all and (max-width: 1033px){
#top-menu-nav li {padding-right:1.0rem;}
#top-menu-nav li a {
font-size:19px;}}

@media (max-width: 980px){
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 40%;
}
}

/*-----
 * /Menu
 * ----*/

.circle-image img{
object-fit: cover !important;
  width:  350px !important;
  height: 350px !important;
}

/*---Multi Display Product titles-*/
.et_pb_shop h2 {
font-family: 'Nunito Sans',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #000000!important;}

/*---All Products Page---*/



.brw-colour .berocket_label_widgets{border:3px solid #fff;
border-radius:100%;
height:auto!important;
padding:2px;
margin-bottom:5px!important;
}

.brw-colour .berocket_checked {border:3px solid #000;}

.berocket_aapf_widget .berocket_checkbox_color {height:auto!important;}

.ui-slider-handle{background-color:#6BCABA !important;
border:none!important;
width:20px !important;
height:20px!important;
top:-9px!important;
}

.berocket_slider_start_val,
.berocket_slider_end_val {border:none!important;
background:transparent!important;
font-size:16px!important;
padding:0!important;}

.berocket_slider_end_val {text-align:right!important;}

.slide {width:80%;}
.slide .ui-widget-content{
border:0px solid #000 !important;}


/*--Single Post---*/
.single-post #et-main-area > p:nth-child(1){display:none !important;}
.single-post .entry-content > p:nth-child(1)::first-letter {

float: left;
    font-size: 90px;
    line-height: 0.9;
    font-weight: bold;
    margin-right: 9px;
color:#000;}


.single-post  .et_pb_widget li a:hover,
#sidebar > div.woocommerce > ul > li > a > h2:hover {
    color: #E4002B;
}

.single-post  .woocommerce ul.products li.product a img {
object-fit: cover;
object-position: 100% 50% !important;
width: 100%;
  height: 100px;

}

.single-post .container::before,
.single-post .et_overlay,
.single-post .price,
.woocommerce-Price-amount {display:none !important;}

.single-post .woocommerce ul.products li.product {width:100%;
max-width:300px;}

.single-post .container,
.single-post .entry-content {padding-top:0px !important;}

.single-post .container {max-width:90vw;}

.post-bottom {padding-bottom:30px;}

.single-post #content-area {padding-top:90px !important;}

#sidebar .woocommerce-loop-product__title {line-height:1.6em !important;}

@media all and (max-width: 980px){

#sidebar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;}




#sidebar #recent-posts-widget-with-thumbnails-2,
#sidebar .woocommerce {width:40% !important;
margin:auto;}

.single-post .woocommerce ul.products li.product a img {height:auto;}
.single-post .woocommerce ul.products[class*=columns-] li.product {margin:0px;}
}

/*---Single Product Page---*/

.twist-pgs{margin-bottom:0px;}


.twist-pgs .btn-prev,
.twist-pgs .btn-next,
.slider-nav .btn-prev,
.slider-nav .btn-next  {background:rgba(255, 255, 255, 0); text-align:justify !important;
top:49%;
}

.slick-arrow:before{
  
}
.et_pb_db_images .slick-arrow{
width:40px !important;}
.slick-arrow:before {
    
    left: -15px;
}

.twist-pgs,
.slider-nav{
  overflow:visible;
}
.twist-pgs .btn-next:hover,
.slider-nav .btn-next:hover,
.twist-pgs .btn-next,
.slider-nav .btn-next{
    margin-right: -40px !important;
}
.twist-pgs .btn-prev:hover,
.slider-nav .btn-prev:hover,
.twist-pgs .btn-prev,
.slider-nav  .btn-prev{
    margin-left: -40px !important;
}

.dashicons-arrow-left-alt2:before {content:"4";}
.dashicons-arrow-right-alt2:before {content:"5";}

.twist-video-thumb:after {
   
    content: url(/wp-content/uploads/2019/12/Youtube-Button.svg);
 	width:100px;

}

.slider-nav .twist-video-thumb:after {
    position: absolute;
    content: url(/wp-content/uploads/2019/12/Youtube-Button.svg);
 	width:50px;
}

#et-boc > div > div > div > div.et_pb_section.et_pb_section_2.top-wave-green.et_section_specialty > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single > div > div > div > div > div.twist-pgs.slick-initialized.slick-slider > div > div{display: flex !important;
  align-items: center !important;
  justify-content: center !important;}


.explanation-text {display:none !important;}

.et_overlay {display:none;}

.single-product .et_shop_image img{
 transition: transform .2s;
}
.single-product .et_shop_image img:hover {
  transform: scale(1.05);
  transition: transform .2s;}

.variable-item-span {margin-right:0px!important;}
.color-variable-item {border-radius:50%!important;}

.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item){box-shadow:0 0 0 2px rgba(0,0,0,.0);}

.label,
.woo-variation-items-wrapper {width:100%;float:left!important;}

.bc-horizontal-slider-nav .slick-list{margin: 0px 50px;}
 .slick-arrow:before {top:-30px!important;}

.single-product #reveal ul {
  list-style: none !important; /* Remove default bullets */
}

/*-Black Blue Red Color Swatch-*/
.color-variable-item.color-variable-item-black-blue-red > span{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 37%, rgba(30,115,190,1) 38%, rgba(30,115,190,1) 61%, rgba(240,47,23,1) 62%, rgba(221,51,51,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(37%, rgba(0,0,0,1)), color-stop(38%, rgba(30,115,190,1)), color-stop(61%, rgba(30,115,190,1)), color-stop(62%, rgba(240,47,23,1)), color-stop(100%, rgba(221,51,51,1)));
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 37%, rgba(30,115,190,1) 38%, rgba(30,115,190,1) 61%, rgba(240,47,23,1) 62%, rgba(221,51,51,1) 100%);
background: -o-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 37%, rgba(30,115,190,1) 38%, rgba(30,115,190,1) 61%, rgba(240,47,23,1) 62%, rgba(221,51,51,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 37%, rgba(30,115,190,1) 38%, rgba(30,115,190,1) 61%, rgba(240,47,23,1) 62%, rgba(221,51,51,1) 100%);
background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 37%, rgba(30,115,190,1) 38%, rgba(30,115,190,1) 61%, rgba(240,47,23,1) 62%, rgba(221,51,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#dd3333', GradientType=1 );
}

/*-Gold and Silver Color Swatch-*/
.color-variable-item.color-variable-item-gold-silver > span{
background: rgba(213,175,38,1);
background: -moz-linear-gradient(-45deg, rgba(213,175,38,1) 0%, rgba(213,175,38,1) 50%, rgba(204,204,204,1) 50%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(213,175,38,1)), color-stop(50%, rgba(213,175,38,1)), color-stop(50%, rgba(204,204,204,1)), color-stop(100%, rgba(204,204,204,1)));
background: -webkit-linear-gradient(-45deg, rgba(213,175,38,1) 0%, rgba(213,175,38,1) 50%, rgba(204,204,204,1) 50%, rgba(204,204,204,1) 100%);
background: -o-linear-gradient(-45deg, rgba(213,175,38,1) 0%, rgba(213,175,38,1) 50%, rgba(204,204,204,1) 50%, rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(213,175,38,1) 0%, rgba(213,175,38,1) 50%, rgba(204,204,204,1) 50%, rgba(204,204,204,1) 100%);
background: linear-gradient(135deg, rgba(213,175,38,1) 0%, rgba(213,175,38,1) 50%, rgba(204,204,204,1) 50%, rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5af26', endColorstr='#cccccc', GradientType=1 );
}

/*-Assorted Color Swatch-*/
.color-variable-item.color-variable-item-assorted > span{

background: rgba(221,51,51,1);
background: -moz-linear-gradient(-45deg, rgba(221,51,51,1) 0%, rgba(221,51,51,1) 15%, rgba(255,86,34,1) 15%, rgba(255,86,34,1) 29%, rgba(255,235,59,1) 29%, rgba(255,235,59,1) 43%, rgba(76,175,80,1) 43%, rgba(76,175,79,1) 57%, rgba(30,115,190,1) 57%, rgba(30,115,190,1) 71%, rgba(130,36,227,1) 71%, rgba(130,36,227,1) 85%, rgba(238,130,238,1) 85%, rgba(238,130,238,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(221,51,51,1)), color-stop(15%, rgba(221,51,51,1)), color-stop(15%, rgba(255,86,34,1)), color-stop(29%, rgba(255,86,34,1)), color-stop(29%, rgba(255,235,59,1)), color-stop(43%, rgba(255,235,59,1)), color-stop(43%, rgba(76,175,80,1)), color-stop(57%, rgba(76,175,79,1)), color-stop(57%, rgba(30,115,190,1)), color-stop(71%, rgba(30,115,190,1)), color-stop(71%, rgba(130,36,227,1)), color-stop(85%, rgba(130,36,227,1)), color-stop(85%, rgba(238,130,238,1)), color-stop(100%, rgba(238,130,238,1)));
background: -webkit-linear-gradient(-45deg, rgba(221,51,51,1) 0%, rgba(221,51,51,1) 15%, rgba(255,86,34,1) 15%, rgba(255,86,34,1) 29%, rgba(255,235,59,1) 29%, rgba(255,235,59,1) 43%, rgba(76,175,80,1) 43%, rgba(76,175,79,1) 57%, rgba(30,115,190,1) 57%, rgba(30,115,190,1) 71%, rgba(130,36,227,1) 71%, rgba(130,36,227,1) 85%, rgba(238,130,238,1) 85%, rgba(238,130,238,1) 100%);
background: -o-linear-gradient(-45deg, rgba(221,51,51,1) 0%, rgba(221,51,51,1) 15%, rgba(255,86,34,1) 15%, rgba(255,86,34,1) 29%, rgba(255,235,59,1) 29%, rgba(255,235,59,1) 43%, rgba(76,175,80,1) 43%, rgba(76,175,79,1) 57%, rgba(30,115,190,1) 57%, rgba(30,115,190,1) 71%, rgba(130,36,227,1) 71%, rgba(130,36,227,1) 85%, rgba(238,130,238,1) 85%, rgba(238,130,238,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(221,51,51,1) 0%, rgba(221,51,51,1) 15%, rgba(255,86,34,1) 15%, rgba(255,86,34,1) 29%, rgba(255,235,59,1) 29%, rgba(255,235,59,1) 43%, rgba(76,175,80,1) 43%, rgba(76,175,79,1) 57%, rgba(30,115,190,1) 57%, rgba(30,115,190,1) 71%, rgba(130,36,227,1) 71%, rgba(130,36,227,1) 85%, rgba(238,130,238,1) 85%, rgba(238,130,238,1) 100%);
background: linear-gradient(135deg, rgba(221,51,51,1) 0%, rgba(221,51,51,1) 15%, rgba(255,86,34,1) 15%, rgba(255,86,34,1) 29%, rgba(255,235,59,1) 29%, rgba(255,235,59,1) 43%, rgba(76,175,80,1) 43%, rgba(76,175,79,1) 57%, rgba(30,115,190,1) 57%, rgba(30,115,190,1) 71%, rgba(130,36,227,1) 71%, rgba(130,36,227,1) 85%, rgba(238,130,238,1) 85%, rgba(238,130,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );
}
/*-Dissabled Variantion Options-*/
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled  {
box-shadow: 0 0 0 1px rgba(0,0,0,.3) !important;
}

.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled span {opacity:1 !important;}

.value.woo-variation-items-wrapper > ul > li.variable-item.button-variable-item.disabled::before {
    height: 3px;
background:#000 !important;
z-index:1;

}
.value.woo-variation-items-wrapper > ul > li.variable-item.button-variable-item.disabled {
text-decoration: line-through black;
}

.value.woo-variation-items-wrapper > ul > li.variable-item.button-variable-item.disabled::before,
.value.woo-variation-items-wrapper > ul > li.variable-item.button-variable-item.disabled::after,
.value.woo-variation-items-wrapper > ul > li.variable-item.color-variable-item.disabled::after 
{display:none !important;}

.value.woo-variation-items-wrapper > ul > li.variable-item.color-variable-item.disabled::before {
    height: 3px;
background:#fff !important;
z-index:1;
}

.single-product .rv_button > span {    font-family: 'Nunito Sans',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 25px!important;
    text-align: left!important;
}

.single-product.et-db #page-container #et-boc .et_pb_section .rv_button {padding-left:22px!important;}

#reveal .bullet-features {display:none;}
.bullet-features-container-module .product_meta {padding: 0px;
    border-top: 0px solid #fff;}
.bullet-features ul{list-style:none !important;}
.bullet-features ul li::before {
    content: "\2022";
    color: #6BCABA;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.attribute_pa_pack-size li {border:1px solid; border-radius:0px;}
.variation-selection-add-to-cart-module .variations label {font-weight:600 !important;}

.variations > tbody > tr:nth-child(1),
.variations > tbody > tr:nth-child(2) {
display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

.button-variable-item {
font-family: 'Nunito Sans',Helvetica,Arial,Lucida,sans-serif !important;
color:#666;
box-shadow: #666 0px 0px 0px 1px;
}
.button-variable-item span { font-size:22px!important; }

.related-content.et_pb_slider .et-pb-arrow-prev {left:-15px !important;}
.related-content.et_pb_slider .et-pb-arrow-next {right:-15px !important;}

.other-products .et_overlay {
    display: none;
}


.other-products .et_shop_image img:hover {
    transform: scale(1.05);
    transition: transform .2s;
}

@media all and (min-width: 980px){
.other-products .columns-4 {
display:flex!important}
}
.single-product-related-products .price {display:none !important;}
/*---Waves---*/
.top-wave-green::before{

content: url("/wp-content/uploads/2019/09/wave-top-green-2.svg");
    width:100%;
position: absolute;
margin-bottom:-1px;
bottom: 0;
left:0px;
line-height: 0;
z-index:999;
}


.bottom-wave-green::after{

content: url("/wp-content/uploads/2019/09/wave-bottom-green-2.svg");
    width:100%;
position: absolute;
margin-top:-1px;
left:0px;
line-height: 0;
z-index:999;
}

.top-wave-light-blue::before{

content: url("/wp-content/uploads/2019/09/wave-top-light-blue-2.svg");
    width:100%;
position: absolute;
margin-bottom:-1px;
bottom: 0;
left:0px;
line-height: 0;
z-index:999;
}


.bottom-wave-light-blue::after{

content: url("/wp-content/uploads/2019/09/wave-bottom-light-blue-2.svg");
    width:100%;
position: absolute;
margin-top:-1px;
left:0px;
line-height: 0;
z-index:999;
}

.top-wave-dark-blue::before{

content: url("/wp-content/uploads/2019/09/wave-top-dark-blue-2.svg");
    width:100%;
position: absolute;
margin-bottom:-1px;
bottom: 0;
left:0px;
line-height: 0;
z-index:999;
}


.bottom-wave-dark-blue::after{

content: url("/wp-content/uploads/2019/09/wave-bottom-dark-blue-2.svg");
    width:100%;
position: absolute;
margin-top:-1px;
left:0px;
line-height: 0;
z-index:999;
}

.top-wave-white::before{

content: url("/wp-content/uploads/2019/09/wave-top-white-2.svg");
    width:100%;
position: absolute;
margin-bottom:-1px;
bottom: 0;
left:0px;
line-height: 0;
z-index:999;
}

.top-wave-red::before{

content: url("/wp-content/uploads/2019/09/wave-top-red-2.svg");
    width:100%;
position: absolute;
margin-bottom:-1px;
bottom: 0;
left:0px;
line-height: 0;
z-index:999;
}

.top-wave-red::before{

content: url("/wp-content/uploads/2019/09/wave-top-red-2.svg");
    width:100%;
position: absolute;
margin-bottom:-1px;
bottom: 0;
left:0px;
line-height: 0;
z-index:999;
}


.single-product .et_pb_slide_image img {
border-radius:50%;
  object-fit: cover;
  object-position: 30% 0;
  width: 291px !important;
  height: 291px !important;
}

.et-db #et-boc .et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: 0 1px 3px rgba(0,0,0,.0) !important;
}

@media all and (min-width:980px) {.single-product #et-top-navigation {
height:54px !important;
padding-top:20px !important;}

.single-product #et-top-navigation nav>ul>li>a{padding-bottom:20px !important;}


.single-product .bullet-features ul {padding-bottom:0px !important;}

@media only screen and (min-width: 1025px) {
.single-product .bullet-features ul {
    -moz-column-count: 2 !important;
    -moz-column-gap: 35px !important;
    -webkit-column-count: 2 !important;
    -webkit-column-gap: 35px !important;
    column-count: 2 !important;
    column-gap: 35px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.single-product .bullet-features ul {
    -moz-column-count: 2 !important;
    -moz-column-gap: 35px !important;
    -webkit-column-count: 2 !important;
    -webkit-column-gap: 35px !important;
    column-count: 2 !important;
    column-gap: 35px !important;
}
}

}
.single-product .bullet-features li {
    break-inside: avoid !important;
	font-size:18px !important;
} 

.single-product .variations_form {margin-top:10px!important;}
.single-product .variations_form .label {padding-bottom:10px !important;}

@media all and (min-width:980px) {
.single-product .image-column {padding:0 !important;
margin-top:-130px !important;
z-index:1 !important;}

.single-product #slide-nav-pgs > div  {z-index:2 !important; margin-top:-112px !important;}
}



@media all and (max-width:980px) {
.single-product .uni-product-images {
  margin-top:-130px !important;
}
.single-product #slide-nav-pgs > div  {z-index:2 !important; margin-top:-112px !important;}
}

@media all and (min-width:980px) {
.product_cat_refillable .image-column {padding:0 !important;
margin-top:-0px !important;
z-index:1 !important;}

.product_cat_refillable  #slide-nav-pgs > div  {z-index:2 !important; margin-top:-0px !important;}
}



@media all and (max-width:980px) {
.product_cat_refillable .uni-product-images {
  margin-top:-0px !important;
}
.product_cat_refillable #slide-nav-pgs > div  {z-index:2 !important; margin-top:-0px !important;}
}

/*---Footer---*/
#footer-widgets {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0% 0 0;
}
.social-icon {
width:20%;
margin-right:15px;
}

#media_image-4,
#media_image-3,
#media_image-5 {margin-bottom:0px;}

#main-footer {max-width: 90vw; margin:auto;}

#footer-widgets {
padding-bottom:20px;}

 #footer-widgets .footer-widget:nth-child(n) {margin-bottom:0px!important;}

.single-post #footer-widgets {width:100% !important;
padding-top:30px !important;}

#footer-info {
	text-align: center;
	width: 100%;
}

#main-footer {padding-top:20px !important;}

#footer-widgets > div:nth-child(3){margin-top:10px !important;}

.related-content .et_pb_slide_image{
    margin-top: 0 !important;
    top:0;
    /*background: #333;*/
    position: relative;
    float: left;
}
.related-content .et_pb_slide .et_pb_container.clearfix{
    height: auto !important;
}


.related-content .et_pb_slider_container_inner{
    display: inline-flex;
}
.related-content .et_pb_slider_container_inner .et_pb_slide_description{
    display: grid;
}

.related-content .et_pb_slide_image img{
    max-height: 1000px !important;
    /*visibility: hidden;*/
}

.related-content .et_pb_slide_image1:after {
    content: ' ';
    display: block;
    background: url(/wp-content/uploads/2019/07/ready-for-primary-school.jpg);
    top: 0;
    position: absolute;
    height: 100%;
    width: 309px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 100%;
    background-position: center;
    overflow: hidden;
    right: 10%;
}


/*.related-content .et_pb_slide_image{
    display: block !important;
}*/

#sidebar .product {width:100%;}

.related-content .et_pb_slide_image img{
    visibility: visible !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    min-width: 100% !important;
    height: 100% !important;
    transform: translate(-50%,-50%);
    transition: 1s ease;
    width: auto;
    animation-fill-mode: none;
    opacity: 1 !important;
    max-width: 200%;
}

.related-content .et_pb_slide_image .cus-round{
    width: 90%;
    padding-top: 90%;
    margin: 1rem auto;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
}


.related-content .et_pb_slide_image{margin-bottom:0px;}
.related-content .et_pb_slide_description {padding: 15px 0 !important;}

.et_pb_row_5 .content-overlay .et_pb_content_container{
    width: 100%;
}

.et_pb_row_5 .content-overlay .et_pb_content_container::before{
    width: 100%;
    top:auto;
    bottom: 100%;
    left: 0;
}

.et_pb_row_5 .content-overlay .et_pb_content_container{
    padding-top: 0;

}

.et_pb_row_5 .content-overlay .et_pb_content_container:hover .inner{
    padding-top: 20px;
}
.et_pb_row_5 .content-overlay .et_pb_content_container h2.entry-title {
    font-size: 1.2em;
}
#dfbm-cat-nav{visibility: hidden;height: 1px;}
#cus-filterable-blog > li{width: 24.5%;margin-bottom: 1em;float: left;}
#cus-filterable-blog > li:nth-child(4n + 1){clear: both;}
#cus-filterable-blog > li  li {margin-top: .5em;    width: auto;text-align: left;}
#cus-filterable-blog > li ul{padding-bottom: 0;display: none;}
/*#cus-filterable-blog > li:hover ul{display: block;}*/
div#dfbm-active-cat {height: 1px;}
ul#cus-filterable-blog, ul#cus-filterable-blog ul {list-style: none;}
/*.cus-child-menu{color:#333;}*/

ul#cus-filterable-blog a.cus-active {
    color: #111;
}

a.cus-child-menu {
    width: 12px;
    display: inline-block;
}

@media screen and (max-width: 768px) {

    .related-content .et_pb_slide_image{
        display: block !important;
        margin-bottom: 3em;  
    }
    #cus-filterable-blog > li{width: 49.5%;margin-bottom: 1em;float: left;}
    #cus-filterable-blog > li:nth-child(2n + 1){clear: both;}
    .related-content .et_pb_slider_container_inner{
        display: table-cell;
    }    
    
}


/*custom switch*/
ul.berocket_aapf_widget.berocket_style_block.roundpcs.pcs.berocket_values_2 li {
    background: #61c8b9;
    color: white;
    padding: 0.8em 0.5em;
    margin: 0 !important;
    line-height: 1;
    text-align: center;
    height: auto;
}

body ul.berocket_aapf_widget li > span{
    min-height: auto;   
}
ul.berocket_aapf_widget.berocket_style_block.roundpcs.pcs.berocket_values_2 input{display: none;}
ul.berocket_aapf_widget.berocket_style_block.roundpcs.pcs.berocket_values_2 label {
    border-radius: 2px;
    padding: .15em .3em;
    line-height: 1;
    color:#333;
}
ul.berocket_aapf_widget.berocket_style_block.roundpcs.pcs.berocket_values_2 input:checked + label {
    background: white;
}

/*---Search Results Page---*/
.search-results .woocommerce ul.products li.product a img {
object-fit: cover;
object-position: 100% 50% !important;
width: 100%;
  height: 100px;

}
.search-results #main-footer {position: relative;
bottom: 0;
width: 100%;
max-width:100vw;
border-top:2px solid #000;
}

.search-results .product_cat-refillable img {object-fit: cover;
    object-position: 100% 50% !important;
    width: 100% !important;
    height: 300px !important;}

@media all and (max-width:980px){
.search-results .product_cat-refillable img {object-fit: cover;
    object-position: 100% 50% !important;
    width: 100% !important;
    height: 11em !important;}}

@media all and (max-width:600px){
.search-results .product_cat-refillable img {object-fit: cover;
    object-position: 100% 50% !important;
    width: 100% !important;
    height: auto !important;}}

.search-results .woocommerce-loop-product__title {    font-weight: 700 !important;
    font-size: 25px !important;}

#et-boc > div > div > div > div > div > div > div.et_pb_module.et_pb_db_shop_loop.et_pb_db_shop_loop_0.de_db_list_view > div > div > p.uni-no-products {padding-bottom:0px;}

.archive .uni-no-products{
text-align:center;
  color: #000;
font-size:50px;
font-family: 'Cookie', cursive;
line-height:1.5em;


}

.archive .woocommerce-info{
line-height:1.5em;
background:#fff;
color:#000 !important;
text-align:center;}

/*---Temp---*/
.cc-buttom {display:none ! important;}
.woocommerce-page div.product form.cart {margin-bottom:5px !important;}
#cci-root > div > div.cc_Popup_modalOpened__1efth.cc_Popup_modal__2H-n9 {z-index: 99999 !important;}
.cc-fi-button {background-color:#6BCABA !important;
color:#fff!important}
.cc-fi-button:hover {opacity:0.5;} 
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 99% !important;
}

.single-post #content-area {padding-top:90px !important;}

/*.postid-12300 #et-boc > div > div > div > div.et_pb_section.et_pb_section_1.top-wave-green.et_section_specialty > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_1.et_pb_specialty_column.et_pb_css_mix_blend_mode_passthrough.et-last-child > div.et_pb_row_inner.et_pb_row_inner_3 > div > div.et_pb_module.et_pb_db_atc.et_pb_db_atc_0.variation-selection-add-to-cart-module.hide-quantity.hide-variation-reset.et_pb_bc_btn.et_pb_button_alignment_left > div > form > table > tbody > tr > td.value.woo-variation-items-wrapper > ul > li.variable-item.color-variable-item.color-variable-item-orange-pink.selected,
.postid-12300 #et-boc > div > div > div > div.et_pb_section.et_pb_section_1.top-wave-green.et_section_specialty > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_1.et_pb_specialty_column.et_pb_css_mix_blend_mode_passthrough.et-last-child > div.et_pb_row_inner.et_pb_row_inner_3 > div > div.et_pb_module.et_pb_db_atc.et_pb_db_atc_0.variation-selection-add-to-cart-module.hide-quantity.hide-variation-reset.et_pb_bc_btn.et_pb_button_alignment_left > div > form > table > tbody > tr > td.value.woo-variation-items-wrapper > ul > li.variable-item.color-variable-item.color-variable-item-sky-blue-cap-lime-green-barrel{display:none !important;}

.page-id-761 .color-variable-wrapper,
.parent-pageid-151 .color-variable-wrapper,
.related.products .color-variable-wrapper,
.page-id-6 .color-variable-wrapper,
.sidebar .color-variable-wrapper,
.single-post .color-variable-wrapper{display:none !important;}*/
/*---*/

#et-boc > div > div > div.et_pb_section.et_pb_section_0.top-wave-green.et_section_regular.et_pb_section_first {padding-top:92px !important;}

#hero-slider > div > div > div.et_pb_container.clearfix > div > div > div > p:nth-child(1) {padding-bottom:0px !important;}

.et_shop_image .et_overlay {display:none !important;}


.product #reveal br {display:none !important;}

/*---Brand Page Image Hover---*/
.featured-product-carousel .et_shop_image:hover:after,
.featured-products-carousel .et_shop_image:hover:after {

opacity:1;

}
.featured-product-carousel .et_shop_image:after,
.featured-products-carousel .et_shop_image:after{
content:"Product information & Where to Buy";
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
color:#fff;
font-size: calc(1em + 0.25vw);
line-height:1.2em;
z-index:1;
background-color:rgba(228,0,43,0.75);
padding:2%; 
width:9em !important;
display: inline-block !important;
opacity:0;
transition: all 350ms ease-in-out !important; }

@media all and (max-width: 1200px) and (min-width: 980px){

.featured-product-carousel .et_shop_image:after,
.featured-products-carousel .et_shop_image:after{
font-size: calc(0.8em + 0.25vw);}}

/*---other Brands---*/
#featured-products2 .dica-item-content > div img {width:14rem !important;}

#featured-products2 .dica-item-content{display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  align-content: center !important;margin:auto !important;
}

.single-shop {display:flex !important;
justify-content: space-between !important;
}

.single-shop .et_pb_module_header {order:2 !important;}

.single-shop .et_pb_promo_description {display:flex;
padding:0px;}

.single-shop .et_pb_promo_description > div {order:1;}

.single-shop .et_pb_promo_description h2 {
margin: 0 auto !important;
padding:15px 0 0 15px !important;
}
.single-shop .et_pb_button_wrapper {margin:auto 0 !important;}

.shop-logo {border:1px solid #000;
border-radius:100%;}

.uni-wtb-button {background-color:#6bcaba !important;}

.uni-wtb-button:hover {opacity: 0.5;}

.hidden {display:none !important;}

#reveal-wtb > p:nth-child(1) {display:none;}

.related-products-product a > div,
#featured-products ul > li > a > div > p{display:none !important;}

/*div#et-main-area { z-index: 99; position: relative; }*/

#reveal-wtb .et_pb_row_4_tb_body.et_pb_row {margin-top:57px !important;}

.slick-list {margin:0 50px !important;}
.wpgs-thumb .slick-next,
.wpgs-thumb .slick-prev {height:0px;
margin-top:30px !important} 

.single-product .image-column {
    padding: 0 !important;
    margin-top: -0px !important;
    z-index: 1 !important;
}

header#main-header {
  z-index: 9 !important;
}

.single-product .clearfix .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__lightbox,
.single-product .et_pb_wc_related_products_0_tb_body.et_pb_bg_layout_ h2  {display:none !important}

.et_pb_wc_meta_empty {display:block !important;}

/*Pack Color Swatches*/
.postid-48736 .value.woo-variation-items-wrapper > ul > li.variable-item.color-variable-item {width:100%!important;border-radius:0px !important; box-shadow:none!important;}

.postid-48736 .woo-variation-items-wrapper > ul > li.variable-item.color-variable-item.color-variable-item-cosmos > span{
border-radius:0px!important;}
.postid-48736 .color-variable-item-cosmos > span,
.postid-48736 .color-variable-item-cosmos.selected > span {background-color: rgba(255, 0, 0, 0) !important;}

.color-variable-item-cosmos{


background: linear-gradient(90deg,
/*Blue*/
#1e73be 0%,#1e73be 8.3%,

/*Emerald Green*/
#50c878 8.3%, #50c878 16.8%,

/*Green*/
#4caf50 16.6%, #4caf50 24.9%,

/*Fresh Green*/
#3f8007 24.9%, #3f8007 33.2%,

/*Pine Green*/
#0f4d36 33.2%, #0f4d36 41.5%,

/*Fuchsia*/
#dd3333 41.5%, #dd3333 49.8%,

/*Light Blue*/
#84cdfc 49.8%, #84cdfc 58.1%,

/*Prussian Blue*/
#0014fc 58.1%, #0014fc 66.4%,

/*Navy Blue*/
#000080 66.4%, #000080 74.7%,

/*Mauve*/
#850aff 74.7%, #850aff 83%,

/*Fresh Green*/
#80ff05 83%, #80ff05 91.6%,

/*Green Tea*/
#3f8007 91.6%, #3f8007 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}

.color-variable-item-dusk{

/*11*/
background: linear-gradient(90deg,
/*Black*/
#000000 0%,#000000 8.3%,

/*Brown*/
#804a00 8.3%, #804a00 16.8%,

/*Dark Brown*/
#6e370f 16.6%, #6e370f 24.9%,

/*Dark Grey*/
#434750 24.9%, #434750 33.2%,

/*Grey*/
#808080 33.2%, #808080 41.5%,

/*Green*/
#d3d3d3 41.5%, #d3d3d3 49.8%,

/*Olive*/
#fff 49.8%, #fff 58.1%,

/*Apple Green*/
#fff 58.1%, #fff 66.4%,

/*Grey*/
#fff 66.4%, #fff 74.7%,

/*Light Blue*/
#fff 74.7%, #fff 83%,

/*Light Ochre*/
#fff 83%, #fff 91.6%,

/*Light Orange*/
#fff 91.6%, #fff 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}

.color-variable-item-earth{


background: linear-gradient(90deg,
/*Ash Brown*/
#7a4d00 0%,#7a4d00 8.3%,

/*Dark Olive*/
#1c6f1d 8.3%, #1c6f1d 16.8%,

/*Dark Brown*/
#6e370f 16.6%, #6e370f 24.9%,

/*Khaki Green*/
#7e805d 24.9%, #7e805d 33.2%,

/*Light Ochre*/
#e6a600 33.2%, #e6a600 41.5%,

/*Ochre*/
#cc8000 41.5%, #cc8000 49.8%,

/*Olive*/
#fff 49.8%, #fff 58.1%,

/*Apple Green*/
#fff 58.1%, #fff 66.4%,

/*Grey*/
#fff 66.4%, #fff 74.7%,

/*Light Blue*/
#fff 74.7%, #fff 83%,

/*Light Ochre*/
#fff 83%, #fff 91.6%,

/*Light Orange*/
#fff 91.6%, #fff 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}

.color-variable-item-essential-12pk{

background: linear-gradient(90deg,
/*Black*/
#000000 0%,#000000 8.3%,

/*White*/
#fff 8.3%, #fff 16.8%,

/*Dark Brown*/
#6e370f 16.6%, #6e370f 24.9%,

/*Bright Yellow*/
#ffff00 24.9%, #ffff00 33.2%,

/*Yellow*/
#FFEB3B 33.2%, #FFEB3B 41.5%,

/*Red*/
#dd3333 41.5%, #dd3333 49.8%,

/*Pink*/
#FF1493 49.8%, #FF1493 58.1%,

/*Violet*/
#b15be3 58.1%, #b15be3 66.4%,

/*Sky Blue*/
#87ceeb 66.4%, #87ceeb 74.7%,

/*Blue*/
#1e73be 74.7%, #1e73be 83%,

/*Apple Green*/
#8db600 83%, #8db600 91.6%,

/*Green*/
#4caf50 91.6%, #4caf50 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}

.color-variable-item-essential-6pk{

background: linear-gradient(90deg,
/*Black*/
#000000 0%,#000000 8.3%,

/*White*/
#fff 8.3%, #fff 16.8%,

/*Green Tea*/
#3f8007 16.6%, #3f8007 24.9%,

/*Prussian Blue*/
#0014fc 24.9%, #0014fc 33.2%,

/*Red*/
#dd3333 33.2%, #dd3333 41.5%,

/*Yellow*/
#FFEB3B 41.5%, #FFEB3B 49.8%,

/*Pink*/
#fff 49.8%, #fff 58.1%,

/*Violet*/
#fff 58.1%, #fff 66.4%,

/*Sky Blue*/
#fff 66.4%, #fff 74.7%,

/*Blue*/
#fff 74.7%, #fff 83%,

/*Apple Green*/
#fff 83%, #fff 91.6%,

/*Green*/
#fff 91.6%, #fff 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}

.color-variable-item-luxe{

background: linear-gradient(90deg,
/*Blue*/
#1e73be 0%,#1e73be 8.3%,

/*Fuchsia*/
#dd3333 8.3%, #dd3333 16.8%,

/*Mauve*/
#850aff 16.6%, #850aff 24.9%,

/*Navy Blue*/
#000080 24.9%, #000080 33.2%,

/*Prussian Blue*/
#0014fc 33.2%, #0014fc 41.5%,

/*Pine Green*/
#0f4d36 41.5%, #0f4d36 49.8%,

/*Pink*/
#fff 49.8%, #fff 58.1%,

/*Violet*/
#fff 58.1%, #fff 66.4%,

/*Sky Blue*/
#fff 66.4%, #fff 74.7%,

/*Blue*/
#fff 74.7%, #fff 83%,

/*Apple Green*/
#fff 83%, #fff 91.6%,

/*Green*/
#fff 91.6%, #fff 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}

.color-variable-item-mystic{

background: linear-gradient(90deg,
/*Dark Red*/
#eb0202 0%,#eb0202 8.3%,

/*Light Pink*/
#ffb6c1 8.3%, #ffb6c1 16.8%,

/*Lilac*/
#c8a2c8 16.6%, #c8a2c8 24.9%,

/*Orange*/
#ff5722 24.9%, #ff5722 33.2%,

/*Red*/
#dd3333 33.2%, #dd3333 41.5%,

/*Vermillion*/
#ff1421 41.5%, #ff1421 49.8%,

/*Pink*/
#fff 49.8%, #fff 58.1%,

/*Violet*/
#fff 58.1%, #fff 66.4%,

/*Sky Blue*/
#fff 66.4%, #fff 74.7%,

/*Blue*/
#fff 74.7%, #fff 83%,

/*Apple Green*/
#fff 83%, #fff 91.6%,

/*Green*/
#fff 91.6%, #fff 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}

.color-variable-item-neutral{

background: linear-gradient(90deg,
/*Black*/
#000000 0%,#000000 8.3%,

/*Brown*/
#804a00 8.3%, #804a00 16.8%,

/*Dark Brown*/
#6e370f 16.6%, #6e370f 24.9%,

/*Light Green*/
#8df08c 24.9%, #8df08c 33.2%,

/*Emerald Green*/
#50c878 33.2%, #50c878 41.5%,

/*Green*/
#4caf50 41.5%, #4caf50 49.8%,

/*Olive*/
#4f9250 49.8%, #4f9250 58.1%,

/*Apple Green*/
#8db600 58.1%, #8db600 66.4%,

/*Grey*/
#808080 66.4%, #808080 74.7%,

/*Light Blue*/
#84cdfc 74.7%, #84cdfc 83%,

/*Light Ochre*/
#e6a600 83%, #e6a600 91.6%,

/*Light Orange*/
#fed8b1 91.6%, #fed8b1 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}

.color-variable-item-ocean{

background: linear-gradient(90deg,
/*light blue*/
#84cdfc 0%,#84cdfc 8.3%,

/*blue green*/
#29ffbf 8.3%, #29ffbf 16.8%,

/*Emerald Green*/
#50c878 16.6%, #50c878 24.9%,

/*Green Tea*/
#3f8007 24.9%, #3f8007 33.2%,

/*Fresh Green*/
#80ff05 33.2%, #80ff05 41.5%,

/*Green*/
#4caf50 41.5%, #4caf50 49.8%,

/*Olive*/
#fff 49.8%, #fff 58.1%,

/*Apple Green*/
#fff 58.1%, #fff 66.4%,

/*Grey*/
#fff 66.4%, #fff 74.7%,

/*Light Blue*/
#fff 74.7%, #fff 83%,

/*Light Ochre*/
#fff 83%, #fff 91.6%,

/*Light Orange*/
#fff 91.6%, #fff 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}

.color-variable-item-primary{
/* vermilion, , pink, */
background: linear-gradient(90deg,
/*Blue*/
#1e73be 0%,#1e73be 8.3%,

/*Prussian Blue*/
#0014fc 8.3%, #0014fc 16.8%,

/*Sky Blue*/
#87ceeb 16.6%, #87ceeb 24.9%,

/*White*/
#fff 24.9%, #fff 33.2%,

/*Bright Yellow*/
#ffff00 33.2%, #ffff00 41.5%,

/*Yellow*/
#FFEB3B 41.5%, #FFEB3B 49.8%,

/*Violet*/
#b15be3 49.8%, #b15be3 58.1%,

/*Fuchsia*/
#dd3333 58.1%, #dd3333 66.4%,

/*Dark Red*/
#eb0202 66.4%, #eb0202 74.7%,

/*Vermillion*/
#ff1421 74.7%, #ff1421 83%,

/*Pink*/
#FF1493 83%, #FF1493 91.6%,

/*Red*/
#dd3333 91.6%, #dd3333 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}

.color-variable-item-spectrum{

background: linear-gradient(90deg,
/*Dark Red*/
#eb0202 0%,#eb0202 8.3%,

/*Red*/
#dd3333 8.3%, #dd3333 16.8%,

/*Lilac*/
#c8a2c8 16.6%, #c8a2c8 24.9%,

/*White*/
#fff 24.9%, #fff 33.2%,

/*Ivory*/
#fffff0 33.2%, #fffff0 41.5%,

/*Lemon Yellow*/
#fff233 41.5%, #fff233 49.8%,

/*Yellow*/
#FFEB3B 49.8%, #FFEB3B 58.1%,

/*Bright Orange*/
#ff5919 58.1%, #ff5919 66.4%,

/*Orange*/
#ff5722 66.4%, #ff5722 74.7%,

/*Vermillion*/
#ff1421 74.7%, #ff1421 83%,

/*Light Pink*/
#ffb6c1 83%, #ffb6c1 91.6%,

/*Coral Pink*/
#f88379 91.6%, #f88379 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}

.color-variable-item-sunny{

background: linear-gradient(90deg,
/*Bright Orange*/
#ff5919 0%,#ff5919 8.3%,

/*Coral Pink*/
#f88379 8.3%, #f88379 16.8%,

/*White*/
#fff 16.6%, #fff 24.9%,

/*Ivory*/
#fffff0 24.9%, #fffff0 33.2%,

/*Lemon Yellow*/
#fff233 33.2%, #fff233 41.5%,

/*Yellow*/
#FFEB3B 41.5%, #FFEB3B 49.8%,

/*Yellow*/
#fff 49.8%, #fff 58.1%,

/*Bright Orange*/
#fff 58.1%, #fff 66.4%,

/*Orange*/
#fff 66.4%, #fff 74.7%,

/*Vermillion*/
#fff 74.7%, #fff 83%,

/*Light Pink*/
#fff 83%, #fff 91.6%,

/*Coral Pink*/
#fff 91.6%, #fff 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}



.color-variable-item-terra{

background: linear-gradient(90deg,
/*Black*/
#000 0%,#000 8.3%,

/*Dark Grey*/
#434750 8.3%, #434750 16.8%,

/*Grey*/
#808080 16.6%, #808080 24.9%,

/*Light Grey*/
#d3d3d3 24.9%, #d3d3d3 33.2%,

/*Brown*/
#804a00 33.2%, #804a00 41.5%,

/*Ash Brown*/
#7a4d00 41.5%, #7a4d00 49.8%,

/*Dark Brown*/
#6e370f 49.8%, #6e370f 58.1%,

/*Light Orange*/
#fed8b1 58.1%, #fed8b1 66.4%,

/*Light Ochre*/
#e6a600 66.4%, #e6a600 74.7%,

/*Ochre*/
#cc8000 74.7%, #cc8000 83%,

/*Khaki Green*/
#7e805d 83%, #7e805d 91.6%,

/*Dark Olive*/
#1c6f1d 91.6%, #1c6f1d 99.9%


);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3333', endColorstr='#ee82ee', GradientType=1 );}