@import url("navigation.css");
@import url("header.css");
@import url("card.css");
@import url("faq.css");
@import url("reviews.css");
@import url("woocommerce.css");

@font-face {
  font-family: "frizquadratabold";
  src: url("../webfonts/friz_quadrata_bold-webfont.woff2") format("woff2"),
    url("../webfonts/friz_quadrata_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "friz_quadrataregular_italic";
  src: url("../webfonts/friz_quadrata_italic-webfont.woff2") format("woff2"),
    url("../webfonts/friz_quadrata_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "friz_quadrataregular";
  src: url("../webfonts/friz_quadrata_regular-webfont.woff2") format("woff2"),
    url("../webfonts/friz_quadrata_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "friz_quadrataregular", Arial, Helvetica, sans-serif;
  background-color: #2a2e32;
}

.bg-w {
  background-color: #f7fafc;
}

.bg-b {
  background-color: #2a2e32;
}

h2 {
  font-family: "friz_quadrataregular", sans-serif;
}

.font-poppins {
  font-family: "Poppins", sans-serif;
}

.active {
  /* color: #0d6efd !important; */
}

.hexagon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: initial;
  font-size: 1.2rem;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}
#wpstats {
  display: none !important;
}
/*******************************************
CONTACT
*******************************************/
form.checkout.woocommerce-checkout {
  width: 50%;
  margin: 0 auto;
}

#customer_details > div.col-1 {
  width: 100%;
}
#customer_details > div.col-1 > div > h3 {
  text-align: center;
  padding-top: 15px;
}
#billing_first_name,
#billing_email {
  width: 100%;
  display: block;
  margin: 0 auto;
}
#customer_details > div.col-2 {
  width: 100%;
  text-align: center;
}
.woocommerce-additional-fields > h3 {
  display: none;
}
.woocommerce-input-wrapper input {
  outline: 0;
  border-width: 0 0 1px;
  border-color: #e2e2e2;
  background-color: #f7fafc;
}
.woocommerce-input-wrapper input:focus {
  border-color: #0d6efd;
  transition: ease-in border-width 2s;
}
#order_comments {
  width: 100%;
  height: 100px;
}

.woocommerce-input-wrapper textarea {
  outline: 0;
  border-width: 0 0 1px;
  border-color: #e2e2e2;
  background-color: #f7fafc;
}
.woocommerce-input-wrapper textarea:focus,
.woocommerce-input-wrapper textarea:focus-visible {
  border-color: #0d6efd;
}
#customer_details label {
  display: none !important;
}
.row .col .woocommerce {
  -webkit-box-shadow: 2px 5px 18px -5px rgb(0 0 0 / 66%);
  box-shadow: 2px 5px 18px -5px rgb(0 0 0 / 66%);
  padding: 50px;
}
.shop_table.woocommerce-checkout-review-order-table {
  width: 45%;
  margin-bottom: 20px;
}
#order_review_heading {
  text-align: center;
}
.form-row.place-order > button {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-row.place-order > button:hover {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}

#choose-essence
  > div.js-filter
  > ul
  > li
  > div
  > div.col-4.price-tag.font-poppins.fw-bold
  > div {
  color: #fff;
  background-color: #0d6efd;
}
#choose-essence
  > div.js-filter
  > ul
  > li
  > div
  > div.col-4.price-tag.font-poppins.fw-bold
  > div
  > a {
  color: white;
  font-weight: 700;
}
#mccp-payment > div.mccp-header > span.icon-wrapper > img {
  width: 150px;
}
.woocommerce-checkout-review-order {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#payment > div {
  display: flex;
  flex-direction: column;
  text-align: center;
}

#checkout-section > div.cart > p:nth-child(3) > a:nth-child(1) {
  display: none;
}
#checkout-section > div.cart > p:nth-child(3) {
  display: none;
}
#checkout-section > div.cart > ul > div > div > div.row.p-2 > a {
  width: 50px;
  font-size: 30px;
  color: red;
  font-weight: 600;
}
#checkout-section
  > div.cart
  > ul
  > div
  > div
  > div.row.p-2
  > div.col-9.text-center.gem-image-text.font-poppins {
  padding-right: 100px !important;
}
#checkout-section > div.cart > ul > div > div > ul > span > label {
  padding-left: 16px !important;
  padding-right: 16px !important;
  font-weight: 600 !important;
}
#cartcontent > div > ul > div > div > ul > span > input {
  width: 50px !important;
}
#cartcontent > div > ul > div > div > ul > span > input[value] {
  font-size: 20px !important;
}
#cartcontent > div > p:nth-child(3) > a:nth-child(1) {
  display: none;
}
#cartcontent > div > p:nth-child(3) {
  display: none !important;
}
/*******************************************
RESPONSIVE
*******************************************/

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  /* Review Container */
  .review-container {
    max-width: 100%;
  }
  /* TOS */
  .tos-header {
    height: 100%;
  }
  /* Checkout */
  form.checkout.woocommerce-checkout {
    width: 100%;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .number-row {
    padding-bottom: 25px;
  }
  /* Checkout */
  .shop_table.woocommerce-checkout-review-order-table {
    width: 50%;
  }
}
/* X-Small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
  /*** Navigation ***/
  .navbar-brand {
    margin-right: 0;
  }
  .logo-img-navigation {
    width: 220px;
  }
  /*** Header ***/
  header .header-title {
    font-size: 1.6rem;
  }
  header .header-par {
    font-size: 1rem;
  }
  .server-title {
    font-size: 1.4rem;
  }
  .cs-item {
    padding: 5px 15px;
  }
  .number-row {
    display: block !important;
  }
  /*** FAQ ***/

  /* Review */
  .rev-cc-w {
    width: 100%;
  }
  /* Checkout */
  .shop_table.woocommerce-checkout-review-order-table {
    width: 100%;
  }
}