/* ========================
   0 Root
======================== */
:root {
  --text: #212529;
  --title:  #000000;
	--theme: #ffcc00;
  --link: #000000;
  --linkHover: #000000;
  --button:#2ecc71;
  --buttonSecondary:#6c757d;
  --incart:#00b900;
	--header:#000000;
  --headerFont:#ffffff;
  --navbar: #ffcc00;
  --navbarFont: ;
  --uspColor: #ffcc00;
  --reviewStars:  #FFC108;
  --reviewStarsEmpty: #AAAAAA;
}


/* ========================
   1 Styling / Typography
======================== */
html {background:  url(background_image.png?20230103102127) no-repeat scroll top center;background-attachment: fixed;background-size: cover;}
h1, h2, h3, h4, h5, h6 {font-family: "Open Sans", Helvetica, sans-serif;font-weight: unset;margin:0;}
strong {font-weight:700;}
.body-font {font-family: "Open Sans", Helvetica, sans-serif!important;font-weight:100;}
.headings-font {color:#000000;font-family: "Open Sans", Helvetica, sans-serif!important;font-weight:700;}
body {font-family: "Open Sans", Helvetica, sans-serif;font-weight:100;}
.wsa-demobar {font-family: "Open Sans", Helvetica, sans-serif!important;}
.wsa-cookielaw {font-family: "Open Sans", Helvetica, sans-serif!important;}
body {background:transparent;color: #212529;}
.hide {display:none;}

a {color:#000000;}
a:hover {color:#000000;}
.gui a {color:#000000;}

.text-body {color: #212529 !important;}
.text-theme {color:#ffcc00;}
.text-button {color:#2ecc71;}
.text-button:hover {color:#1b7a43;}
.text-topbar {color:;}
.text-headings {color:#000000;}
.text-header {color: #ffffff ;}
.text-navbar {color:#000000;}
.text-contact {color:#ffffff;}
.text-footer {color:#000000;}

/* ========================
   2 Buttons
======================== */
/* Button Theme */
.btn.btn-theme.btn-filled {background-color: #2ecc71;border-color: #2ecc71;}
.btn.btn-theme.btn-filled:hover {color: #2ecc71;background-color:transparent;border-color: #2ecc71;}
.btn.btn-theme.btn-darken {color: #fff;background-color: #2ecc71;border-color: #2ecc71;}
.btn.btn-theme.btn-darken:hover {color: #fff;background-color: #1b7a43;border-color: #1b7a43;}
.btn.btn-theme.btn-outline {color: #2ecc71;background-color: #fff;border-color: #2ecc71;}
.btn.btn-theme.btn-outline:hover {color: #fff;background-color: #2ecc71;border-color: #2ecc71;}
/* Button Secondary */
.btn.btn-secondary.btn-filled {background-color: #6c757d;border-color: #6c757d;}
.btn.btn-secondary.btn-filled:hover {color: #6c757d;background-color:transparent;border-color: #6c757d;}
.btn.btn-secondary.btn-darken {color: #fff;background-color: #6c757d;border-color: #6c757d;}
.btn.btn-secondary.btn-darken:hover {color: #fff;background-color: #40464b;border-color: #40464b;}
.btn.btn-secondary.btn-outline {color: #6c757d;background-color: #fff;border-color: #6c757d;}
.btn.btn-secondary.btn-outline:hover {color: #fff;background-color: #6c757d;border-color: #6c757d;}
/* Button Cart */
.btn.btn-incart.btn-filled {color: #fff;background-color: #00b900;border-color: #00b900;}
.btn.btn-incart.btn-filled:hover {color: #00b900;background-color: #fff;border-color: #00b900;}
.btn.btn-incart.btn-darken {color: #fff;background-color: #00b900;border-color: #00b900;}
.btn.btn-incart.btn-darken:hover {color: #fff;background-color: #006f00;border-color: #006f00;}
.btn.btn-incart.btn-outline {color: #00b900;background-color: #fff;border-color: #00b900;}
.btn.btn-incart.btn-outline:hover {color: #fff;background-color: #00b900;border-color: #00b900;}

.btn-outline-light:hover {color: #ffcc00;}
/* Owl Carousel */
.owl-theme .owl-dots .owl-dot span {background:#fff;border: 2px solid #ffcc00;}
.owl-theme .owl-dots .owl-dot.active span {background:#ffcc00;}

/* Pagination */
.page-item .page-link {color: #ffcc00;}
.page-item.active .page-link {background-color: #ffcc00;border-color: #ffcc00;}

/* GUI */
#header .btn-nav {color:var(--navbarFont);}
#customerservice ul.contact-list li i {background:#ffcc00;}
.body .gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action {color: #fff !important;background-color: #00b900 !important;border-color: #00b900 !important;width:100%;padding:3px 15px;}
.body .gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action:hover {color: #fff !important;background-color: #006f00 !important;border-color: #006f00 !important;}
#theme-contact a {color:#ffffff !important;}
#footer .social-networks a:hover {color: #ffcc00;}
.gui .gui-col2-big a.gui-button-small, .gui .gui-table a.gui-button-small, #gui-form .gui-button-small {color: #fff;background-color: #2ecc71;border-color: #2ecc71;}
.gui .gui-col2-big a.gui-button-small:hover, .gui .gui-table a.gui-button-small:hover, #gui-form .gui-button-small:hover {color: #fff;background-color: #1b7a43;border-color: #1b7a43;}
.gui a.gui-button-large, .gui a.gui-button-small {color: #fff;background-color: #2ecc71 !important;border-color: #2ecc71 !important;}

/* ========================
   3 Links
======================== */
nav .breadcrumb li.active a {color:#2ecc71 !important;}
#header #megamenu .nav-item .nav-link {color:var(--navbarFont);color:#000000;padding: .75rem .75rem;}
#header .header-cart .cart-count {background:#ffcc00;}
#header.header-white #megamenu .nav-item.active .nav-link,
#header.header-white #megamenu .nav-item:hover .nav-link {background:#e5b700;color:var(--navbarFont);color:#000000;}
#header.header-black #megamenu .nav-item.active .nav-link,
#header.header-black #megamenu .nav-item:hover .nav-link {background:#ffd326;color:var(--navbarFont);color:#000000;}
#header #megamenu .nav-item.active .nav-link::after,
#header #megamenu .nav-item:hover .nav-link::after {color:var(--navbarFont);color:#000000;}
.b2b-nav .mainnav .main-item > a {color:var(--navbarFont);color:#000000;}
.productborder .product .usp-list ul li, .product-cart-details .usp-list ul li {color:#ffcc00;}
.productborder .product .usp-list ul li span, .product-cart-details .usp-list ul li span {color:#212529;}
.custom-control-input:checked~.custom-control-label::before{background:#ffcc00;border-color:#ffcc00;}
#product_configure_form .product-custom .product-configure .product-configure-custom-option-item input:checked {background:#ffcc00;border-color:#ffcc00;}
#product_configure_form .product-custom .product-configure .product-configure-custom-option-item input:checked::before {background:#ffcc00;color:#fff;}
#product_configure_form .product-custom .product-option ul li.item-image {max-width:83px;}
#product_configure_form .product-custom .product-option ul li .image-variant {border:1px solid #ddd;display:block;}
#product_configure_form .product-custom .product-option ul li .variant-subtext {word-break: break-all;}
#product_configure_form .product-custom .product-option ul li .image-variant.active {border:1px solid #ffcc00 !important;}
.product-compare a input[checked], .product-compare a span.checked {background:#ffcc00;border-color: #ffcc00;color:#fff;font-size: 13px;line-height: 13px;}
#productPrice .product-price .price-new.text-theme,
.product .product-price .price-new.text-theme {color:#ff0000;}
.productborder .product .product-details .product-title a {color:#000;}
.checkbox-custom[type="radio"] + .checkbox-custom-label:before {border-radius: 50%;}
.checkbox-custom[type="radio"].active + .checkbox-custom-label:before,
.checkbox-custom[type="radio"]:checked + .checkbox-custom-label:before {color:#fff;border-color:#ffcc00;content: "\f111";font-size: 11px;}
.checkbox-custom:checked + .checkbox-custom-label:before {background:#ffcc00;border-color: #ffcc00;color:#fff;font-size: 13px;line-height: 14px;}
.list-group-item:hover {background:#f7f7f7;text-decoration:none;}
.list-group-item:hover a {text-decoration:none;}
.list-group-item.current a {color:#ffcc00;}
#gui-form-new .gui-radio input[type=radio]:checked, #gui-form-shipping #collapseShipping .radio-wrap input:checked {background:#ffcc00;border-color: #ffcc00;color:#fff;}
#gui-form-new .gui-radio input[type=radio]:hover, #gui-form-new .gui-radio input[type=radio]:checked::before, #gui-form-shipping #collapseShipping .radio-wrap input:checked::before {color:#fff;border-color:#ffcc00;}
#customerservice .service-items ul li a:hover {border-color:#ffcc00 !important;}
#cheading .categories .category:hover {border-color:#ffcc00 !important;}
#giftcard-modal-wrapper #giftcard-modal-footer button {background:#6c757d !important;color:#fff !important;border:none;}
#giftcard-modal-wrapper #giftcard-modal-footer button:hover {background:#5b636a !important;}
#giftcard-modal-wrapper #giftcard-check-form .giftcard-check-action {background:#00b900 !important;border-color:#00b900 !important;}
#giftcard-modal-wrapper #giftcard-check-form .giftcard-check-action:hover {background:#009d00 !important;}

/* ========================
   4 Shop colors
======================== */
.theme-usp {background:#ffffff}
.theme-usp .fa {color:#ffcc00;}
.bg-theme {background:#ffcc00;}
.bg-contact {background:#101010;}
.bg-topbar {background:;}
.bg-logo {background:;}
.bg-navbar {background:#ffcc00;}

.sale-tag {background:#ff0000;}
.stars .fa-star {color: #FFC108;}
.stars .fa-star.o {color:#AAAAAA;}
/* ========================
   5 Header & Footer
======================== */
.bg-header {background: #000000 ;}
#footer {background-color:#eeeeee;}
#footer a {color:#000000;}

/* ========================
   6 Lightspeed Parts
======================== */
.gui-page-title {font-family: "Open Sans", Helvetica, sans-serif;}
.gui-account-links .gui-block-linklist li:hover a {color:#ffcc00;}

/* ========================
   7 Image opacity
======================== */
.hover-effect figure img {opacity: ;}
.carousel-item img {opacity: ;}