/*
Theme Name: Rolaxi
Description: This is a child theme for Flatsome Theme
Author: ThemeMuse
Author URI: https://thememuse.com
Template: flatsome
Version: 3.0
*/

/*------------------------------------------------------------
# Import
----------------------------------------------------------- */
@font-face {
  font-family: "SVN-Gotham Book";
  src: url("assets/fonts/SVN-GothamBook.eot");
  src:
    url("assets/fonts/SVN-GothamBook.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/SVN-GothamBook.woff2") format("woff2"),
    url("assets/fonts/SVN-GothamBook.woff") format("woff"),
    url("assets/fonts/SVN-GothamBook.ttf") format("truetype"),
    url("assets/fonts/SVN-GothamBook.svg#SVN-GothamBook") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gotham Book";
  src: url("assets/fonts/SVN-GothamBookItalic.eot");
  src:
    url("assets/fonts/SVN-GothamBookItalic.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/SVN-GothamBookItalic.woff2") format("woff2"),
    url("assets/fonts/SVN-GothamBookItalic.woff") format("woff"),
    url("assets/fonts/SVN-GothamBookItalic.ttf") format("truetype"),
    url("assets/fonts/SVN-GothamBookItalic.svg#SVN-GothamBookItalic")
      format("svg");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Gotham";
  src: url("assets/fonts/SVN-Gotham.eot");
  src:
    url("assets/fonts/SVN-Gotham.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/SVN-Gotham.woff2") format("woff2"),
    url("assets/fonts/SVN-Gotham.woff") format("woff"),
    url("assets/fonts/SVN-Gotham.ttf") format("truetype"),
    url("assets/fonts/SVN-Gotham.svg#SVN-Gotham") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Gotham";
  src: url("assets/fonts/SVN-GothamItalic.eot");
  src:
    url("assets/fonts/SVN-GothamItalic.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/SVN-GothamItalic.woff2") format("woff2"),
    url("assets/fonts/SVN-GothamItalic.woff") format("woff"),
    url("assets/fonts/SVN-GothamItalic.ttf") format("truetype"),
    url("assets/fonts/SVN-GothamItalic.svg#SVN-GothamItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Gotham";
  src: url("assets/fonts/SVN-GothamBold.eot");
  src:
    url("assets/fonts/SVN-GothamBold.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/SVN-GothamBold.woff2") format("woff2"),
    url("assets/fonts/SVN-GothamBold.woff") format("woff"),
    url("assets/fonts/SVN-GothamBold.ttf") format("truetype"),
    url("assets/fonts/SVN-GothamBold.svg#SVN-GothamBold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gotham";
  src: url("assets/fonts/SVN-GothamBoldItalic.eot");
  src:
    url("assets/fonts/SVN-GothamBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/SVN-GothamBoldItalic.woff2") format("woff2"),
    url("assets/fonts/SVN-GothamBoldItalic.woff") format("woff"),
    url("assets/fonts/SVN-GothamBoldItalic.ttf") format("truetype"),
    url("assets/fonts/SVN-GothamBoldItalic.svg#SVN-GothamBoldItalic")
      format("svg");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gotham";
  src: url("assets/fonts/SVN-GothamBlackItalic.eot");
  src:
    url("assets/fonts/SVN-GothamBlackItalic.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/SVN-GothamBlackItalic.woff2") format("woff2"),
    url("assets/fonts/SVN-GothamBlackItalic.woff") format("woff"),
    url("assets/fonts/SVN-GothamBlackItalic.ttf") format("truetype"),
    url("assets/fonts/SVN-GothamBlackItalic.svg#SVN-GothamBlackItalic")
      format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Gotham";
  src: url("assets/fonts/SVN-GothamBlack.eot");
  src:
    url("assets/fonts/SVN-GothamBlack.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/SVN-GothamBlack.woff2") format("woff2"),
    url("assets/fonts/SVN-GothamBlack.woff") format("woff"),
    url("assets/fonts/SVN-GothamBlack.ttf") format("truetype"),
    url("assets/fonts/SVN-GothamBlack.svg#SVN-GothamBlack") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary-color: #000000 !important;
  --fs-color-primary: #000000 !important;
  --fs-color-secondary: #ba8562 !important;
  --fs-color-success: #627d47;
  --fs-color-alert: #b20000;
  --fs-color-base: #ffffff;
  --fs-experimental-link-color: #334862;
  --fs-experimental-link-color-hover: #111;
  --font-primary: "SVN-Gotham";
}

/*------------------------------------------------------------
# Header
----------------------------------------------------------- */
.header-main {
  background-color: var(--fs-color-primary);
}
header {
  border-bottom: 3px solid var(--fs-color-secondary);
}
#header form.searchform input[type="search"] {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: white !important;
  border-radius: 4px;
  color: #000 !important;
  height: 28px;
}
#header .searchform .button.icon i {
  color: var(--fs-color-primary) !important;
  font-size: 14px;
}
.header-main .nav > li > a {
  font-weight: 300;
}

/*------------------------------------------------------------
# Body
----------------------------------------------------------- */
body {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}
.sticky-add-to-cart--active,
#wrapper,
#main,
#main.dark {
  background-color: #000;
}
.icon-box-text p:first-child {
  margin: 0 0 5px 0;
}
.last-reset p:last-child {
  margin-bottom: 0;
}
.img-border img {
  border: 2px solid var(--fs-color-secondary);
}
.pborder:not(.col),
.col.pborder .col-inner {
  border: 1px solid #ba8562;
  padding: 20px 15px 20px 15px;
}
.benifits .icon-box + .icon-box {
  border-top: 1px solid #ba8562;
  margin-top: 10px;
  padding-top: 10px;
}
.align-center {
  align-items: center;
}
.product-images .badge-container,
.image-tools {
  display: none;
}
.product-title.entry-title {
  font-size: 24px;
  color: var(--fs-color-secondary);
}
.price.product-page-price .amount {
  font-size: 17px;
  color: var(--fs-color-secondary);
}
p.price.product-page-price del {
  font-size: 17px;
}
.gray-box {
  background: #282828;
  padding: 13px 15px;
  border-radius: 3px;
  margin-bottom: 16px;
}
.list-items ul {
  margin-bottom: 0 !important;
}
.list-items li {
  font-size: 14px;
  color: #fff;
  margin-top: 12px;
  padding-left: 29px;
  margin-left: 0 !important;
  margin-bottom: 7px;
  background: url("assets/images/icon-tick.webp") no-repeat left;
  background-size: 22px;
  list-style: none;
}
.quantity input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  border-radius: 0 !important;
  font-size: 1em;
  max-width: 2.5em;
  text-align: center;
  width: 2.5em;
}
.form-minimal.quantity .qty {
  border-left: 0;
  border-right: 0;
  max-width: 2em;
}
.form-minimal.quantity .qty {
  color: #fff;
  height: auto;
}

.single_add_to_cart_button.button {
  font-size: 18px;
  border-radius: 30px;
  width: 100%;
  line-height: 48px;
  width: calc(100% - 100px);
}

.product-tabs.nav {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
.product-tabs.nav li + li {
  border-left: 1px solid #fff;
  padding-left: 20px;
}
.woocommerce-tabs .nav-uppercase > li.active > a,
.woocommerce-tabs .nav-uppercase > li > a:hover {
  color: #ffffff;
  opacity: 1;
}
.woocommerce-tabs .nav-uppercase > li > a {
  color: #fff;
  opacity: 0.7;
}
.breadcrumbs a,
.breadcrumbs {
  color: white;
  font-size: 14px;
}
.products .badge-container {
  display: none;
}
.product-small .box-text {
  text-align: center;
}
.product-small .box-text .price {
  color: var(--fs-color-secondary);
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  font-weight: 700;
  line-height: 24px;
}
.dark .price,
.dark .price del,
span.amount {
  color: #ddb08d;
}
.price del,
.product_list_widget del,
del .woocommerce-Price-amount {
  color: #ddb08d;
}

/*------------------------------------------------------------
# Plugins
----------------------------------------------------------- */
/* WooCommerce - transparent product images on dark bg */
.woocommerce-product-gallery figure,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image a,
.woocommerce-product-gallery__image img,
.product-thumbnails .col,
.product-thumbnails .col a,
.product-thumbnails img,
.product-gallery img,
.product-gallery-slider .slide,
.products .box-image,
.products .box-image a,
.products .attachment-woocommerce_thumbnail,
.product-small img {
  background-color: transparent !important;
  background: transparent !important;
  opacity: 1;
}

/* Hide default WooCommerce review form layout (we use Modal Form instead) */
#review_form_wrapper,
.woocommerce-verification-required {
  display: none !important;
}

.woocommerce-photo-reviews-form-container.woocommerce-photo-reviews-form-popup
  .woocommerce-photo-reviews-form-button-add-review-container
  .woocommerce-photo-reviews-form-button-add-review {
  background-color: var(--fs-color-secondary) !important;
}
.woocommerce-photo-reviews-form-popup
  .woocommerce-photo-reviews-form-main-top
  .popup-title {
  font-size: 20px;
  color: #000;
}

.wpcf7 label {
  color: #fff;
  margin-bottom: 12px;
}
.wpcf7 .wpcf7-form-control-wrap {
  margin-top: 10px;
}
input[type="submit"],
input[type="submit"].button {
  background-color: var(--fs-color-secondary);
}
/*------------------------------------------------------------
# Footer
----------------------------------------------------------- */
#footer:before {
  content: "";
  border-top: 1px solid rgb(255 255 255 / 0.3);
  max-width: 1260px;
  width: 100%;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.footer-widgets .widget-title {
  color: #e9b68e;
  font-size: 15px;
}
.footer-widgets .is-divider {
  width: 100%;
  max-width: 100%;
  height: 1px;
  margin: 0.3em 0 0.8rem;
}
.footer-widgets p,
#footer {
  font-size: 13px;
}
.widget ul.menu > li + li {
  border-top: none;
}
.absolute-footer.dark {
  color: hsl(0 0% 100% / 0.8);
}