@charset "utf-8";
 @import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&family=Damion&display=swap");
html {font-size: 18px;}
body {font: 500 1rem/1.55em 'Outfit', sans-serif; color: #333;}
a {
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
outline: none;
color: #111;
}
img {max-width: 100%; height: auto;}
a:hover, a:focus, button:hover, button:focus {text-decoration: none; outline: none; color: #111;}
.btn {
text-transform: uppercase; 
font-size: .8rem; 
padding-top: 0.47rem; 
font-weight: bold;
}
.btn-outline-dark:hover {
background-color: #111;
border-color: #111;
}
.padding-tb-5 {padding: 5rem 0;}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.featured-thumbnail {margin: 0 0 1rem;}
.featured-thumbnail img {max-width: 100%; height: auto;}
ul.tick li {
text-indent: -30px;
margin-left: 30px;
line-height: 2em;
list-style: none;
}
ul.tick li:before {
content: '\f00c';
color: #DACEC3;
font-family: "FontAwesome";
margin-right: 10px;
}
img.alignleft {float: left; margin: 0 30px 30px 0;}
img.alignright {float: right; margin:  0 0 30px 30px;}
.section {padding: 3rem 1rem;}
.table {margin: 0 0 2rem;}
h2.widget-title {display: block; text-align: center; margin: 0 0 1rem; font-weight: 700; font-size: 1.7rem; color: #111;} 
h2.widget-title a, .post-content h4 a, .post-content .thumb a {border: none;}
#top {background: #111;padding:  0; text-align: center;}
#top ul {list-style: none; margin: 0; padding: 0;}
#top a {font-size: .8rem; text-transform: uppercase; color: #FFF; }
#top a i {font-size: .7rem; color: #666;}
body > header {
box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.2);
transition: all .5s ease;
background: #FFF; 
}
header #logo {text-align: center; padding: .5rem .5rem 0; }
header #logo a {display: flex; justify-content: center;}
header #logo img {filter: invert(100%); display: block; height: 60px; width: auto}
header #logo small {font-size: .7rem; text-transform: uppercase;}
.home header {box-shadow: none; background: transparent;}
.home header, .sticky header {
position: fixed; 
top: 0; 
left: 0; 
right: 0; 
z-index: 9;	
}
.sticky header {box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.2); }
.home header #logo img {filter: invert(0);  transition: all .5s ease;}
.home header #logo small {color: #FFF;}
.home.sticky header {background: #FFF;}
.home.sticky header #logo img {filter: invert(100%); height: 50px !important; }
.home.sticky header #logo small {color: inherit;}
#main-menu {display: flex;}
.is-menu path.search-icon-path {fill: #000;}
.home .is-menu path.search-icon-path {fill: #FFF;}
.home.sticky .is-menu path.search-icon-path {fill: #000;}
.home #rmp_menu_trigger-2515 {transition: all .5s ease;} #rmp_menu_trigger-2515.is-active {
background: #000;
left: -40px;
top: 10px;
}
#rmp_menu_trigger-2515.is-active .rmp-trigger-icon span:before {display: inline-block; line-height: 30px; content: 'X'; vertical-align: middle; font-family: 'Outfit', sans-serif;}
.home #rmp_menu_trigger-2515 .rmp-trigger-box {color: #FFF !important;}
.home.sticky #rmp_menu_trigger-2515 .rmp-trigger-box {color: #000 !important;}
.rmp-trigger-icon-active {color: #FFF;}
.vi-wcaio-sidebar-cart-icon-1 .vi-wcaio-sidebar-cart-count-wrap, .vi-wcaio-sidebar-cart-icon-5 .vi-wcaio-sidebar-cart-count-wrap {
top: 14px;
left: auto;
right: 0;
width: 10px;
height: 10px;
font-size: 8px;
} .home .vi-wcaio-sidebar-cart-icon-wrap .vi-wcaio-sidebar-cart-icon i {color: #FFF;}
.home.sticky .vi-wcaio-sidebar-cart-icon-wrap .vi-wcaio-sidebar-cart-icon i {color: #000;}
nav ul {margin: 0; padding: 0;}
nav li {position: relative; list-style: none;}
nav li a {display: block; }
nav ul ul, nav ul li:hover ul ul, nav ul ul li:hover ul ul {display: none;}
nav ul li:hover ul, nav ul ul li:hover ul, nav ul ul ul li:hover ul {display: block;}
#menu-main-menu {display: flex; justify-content: flex-end;}
#menu-main-menu > li.menu-item-has-children > a:after {
font-weight: 900;
content: '\f0d7';
font-family: "Font Awesome 5 Free"; 
margin: 0 0 0 8px;
font-size: .8rem;
}
#main-menu > div > ul > li > a {
text-transform: uppercase;	
padding: 20px ;
}
.home #main-menu > div > ul > li > a {color: #FFF;}
.home.sticky header #menu-main-menu > li > a {color: #111;}
#menu-main-menu > li:hover > a, #menu-main-menu > li.current-menu-item > a	{}
#main-menu ul ul{
position: absolute;
width: 200px;
}
#main-menu ul ul ul {left: 100%; top: -12px;}
#main-menu li li a {
padding: 6px 0;
line-height: 1.5em;
border-bottom: 1px solid transparent;
}
#main-menu li li:hover > a {color: #111; border-bottom: 1px solid #111;}
#menu-item-17030 {padding-top: 22px;}
#account-menu ul ul {right: 0; width: 230px;}
.page-title {
padding: 2rem 0  ;
text-align: center;
}
.page-title h1 {
margin: 0;
font-size: 2rem;
text-transform: uppercase;
font-weight: 700;
}
.content .container {padding: 1rem;}
.content h2, .content h3 {font-weight: 700;}
.content h3 {font-size: 1.5rem;}
.content .btn {margin: 1rem 0.5rem;}
footer {text-align: center; padding: 1rem 0 0.5rem; border-top: 1px solid #e7e7e7; clear: both;}
footer ul {list-style: none; margin: 0 0 1rem; padding: 0;}
footer .container .so-panel.widget {padding: 1rem;}
footer .widget-title {text-transform: uppercase; font-size: 1.2rem; font-weight: 700; margin: 0 0 1rem;}
footer .input-group {margin: 0 0 4px;}
.copyright {
font-size: .7rem;
padding: 1rem 0;
border-top: 1px solid #e7e7e7;
} #banner-home .video-container {
position: relative;
height: 150vw;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 !important;
}
#banner-home .textwidget {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
#banner-home video {
width: 100%; 
height: 100%; 
object-fit: cover;
position: relative;
}
#text-anim {
position: absolute;
top: 0; 
left: 0;
right: 0;
bottom: 0;
z-index: 3;
}
.location {position: relative; padding: 1rem 1rem 0; background: #000; text-align: center;}
.location > div {background-color: #FFF; display: flex; align-items: center;}
.location > div > div {flex: 1 1 50%;}
#pg-4-4 .location {padding: 1rem;}
.location .txt {	
background: #FFF;
padding: 1rem 2rem 0;
position: relative;
}
.location .bg  {min-height: 200px; }
#faq {background: #f0f0f0;}
#faq h3.hrf-title {background: transparent !important; color: #111;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce ul.products li.product .button {
background: transparent;
color: #111;
text-transform: uppercase;
border: 1px solid #111;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce ul.products li.product .button:hover {
background: #111;
color: #FFF;
}
.woocommerce .woocommerce-breadcrumb {background: #f0f0f0; padding: .5rem 1rem;}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {color: #bc9700;}
.search-wrapper {background: #111; padding: 0 1rem 1rem; }
.search-wrapper form {max-width: 500px; margin: 0 auto;}
.home .dgwt-wcas-search-wrapp svg {fill: #FFF;}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {background: transparent;}
ul.brand-thumbnails {padding: 0;} .page-template-page-shop .page-title, .woocommerce .page-title {background: #111; color: #FFF;}
.woocommerce-result-count {text-align: center; font-size: .8rem;}
.woocommerce .products ul, .woocommerce ul.products {
position: relative;
display: flex;
flex-wrap: wrap;
margin: 0 -.5rem;
text-align: center;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
float: none;
width: 50%;
margin: 0;
padding:1rem .5rem;
}
.woocommerce ul.products li.product a {color: #111}
.woocommerce ul.products .button {font-size: .7rem;}
.afterpay-paragraph {font-size: 12px !important;}
.blog-nav {padding: 2rem 0;} .woocommerce .quantity .qty {height: 42px;}
.woocommerce-product-details__short-description h2 {font-size: 1.7rem;}
.related {clear: both; text-align: center; padding: 3rem 0;} .woocommerce form .form-row {margin: 0 0 1rem;}
.form-row-wide {flex-wrap: wrap}
.form-row-wide label, .woocommerce-input-wrapper {display: block; width: 100%;}
.woocommerce form .form-row label {font-size: .8rem; } .woocommerce-account h2 {display: block; text-align: center;}
.woocommerce-account form.login {max-width: 400px; margin: 0 auto;}
.woocommerce-account form .form-row input.input-text {padding: 8px 10px;}
.woocommerce-account form .form-row {flex-direction: column;}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__submit {margin: 0;} #blog .post-widget {text-align: center;}
.post-item .text {padding: 1rem}
.wwp_wholesaler_registration h2 {display: none;}
.wwp_wholesaler_registration input {width: 100%;}
.product-table .quantity input {text-align: center;}
.product-table .single_add_to_cart_button {border: 1px solid #111 !important; background: #FFF;}
.product-table .single_add_to_cart_button:hover {background: #111; color: #FFF;}
.stripe-card-group, #stripe-exp-element, #stripe-cvc-element {width: 100%}
#blog .thumbnail img {aspect-ratio: 1/1; object-fit: cover; margin-bottom: 0;}
#blog .post-item .title {
position: absolute;
bottom: 6px;
right: 15px;
left : 20px;
background: rgba(0,0,0,0.6);
padding: .3rem .5rem ;
}
#blog .post-item .title h3 {font-size: 1rem; font-weight: normal;}
#blog .post-item .title h3 a {color: #FFF; }
#blog-details h2 {margin: 0 0 2rem; display: block; text-align: center;}
#blog-details .newer-older {display: flex; justify-content: space-between; padding: 3rem 0;}