/*
 Theme Name:     Gottelisa 2024
 Theme URI:      https://www.tommyfalk.com
 Description:    Divi Child Theme for Gottelisa, Created & Maintained by Tommy Falk 2020 - Contact me +46 707 50 35 17 or hello@tommyfalk.com
 Author:         Tommy Falk
 Author URI:     https://www.tommyfalk.com
 Template:       Divi
 Version:        1.0.0
*/

#rank-math-analytics-stats-wrapper {
  display: none;
}

/****************************************************** Navigation */
.nav li li {
  padding: 0px 10px;
  margin: 0;
}

.nav li ul a:hover {
  background: none;
  color: #947057 !important;
}

/* Mobile menu */

.mobile_menu_bar:before {
  color: #000000 !important;
}

/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
  content: '\4d';
}

/* Center-align moble menu items */
.et_mobile_menu li {
  text-align: center !important;
}

#et-secondary-nav .menu-item-has-children>a:first-child:after,
#top-menu .menu-item-has-children>a:first-child:after {
  content: "\45";
}

#et-secondary-nav .menu-item-has-children:hover>a:first-child:after,
#top-menu .menu-item-has-children:hover>a:first-child:after {
  content: "\43";
}

.sub-menu {
  border-radius: 10px;
}

.sub-menu,
.sub-menu .menu-item,
.sub-menu .menu-item a {
  min-width: 200px;

}

#top-menu li li a {
  padding: 1px;
  font-size: 14px !important;

}

.nav li ul a:hover {
  background: none;
  color: #ffffff !important;
}


/**************************************** Woo Stuff ***/

/* Aligna priset till höger, justera storlek och färg */
.single-product .woocommerce-variation-price {
  display: block !important;
  text-align: right !important;
}

.single-product .woocommerce-variation-price .woocommerce-Price-amount.amount {
  font-size: 2em !important;
  font-family: 'Playfair Bold', Helvetica, Arial, Lucida, sans-serif !important;
  color: #412d3b !important;
}

/* Dölj "Reset"-knappen på variationsprodukter */
.single-product .reset_variations {
  display: none !important;
}

.woocommerce-variation-description {
  font-family: 'Poppins light', Helvetica, Arial, Lucida, sans-serif;
  text-align: right;
  font-size: 1em;
  line-height: 1.4em;
}

.woocommerce-page.et_pb_button_helper_class a.button {
  color: #ffffff !important;
}

a.woocommerce-button.button.view {
  margin-right: 6px;
}

/* .wc-block-components-notice-banner.is-info {
  background-color: #efe7e1 !important;
  border-color: #bababa !important;
} */

.wc-block-components-notice-banner.is-info>svg {
  background-color: #4a372b !important;
}

.entry-content table:not(.variations) {
  font-family: 'Poppins Semi Bold';
}

.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
  font-family: 'Poppins Semi Bold';
}

a .woocommerce-Button wc-forward button {
  font-family: 'Poppins Semi Bold', Helvetica, Arial, Lucida, sans-serif !important;
  color: #ffffff !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25),
    0 2px 2px rgba(0, 0, 0, 0.20),
    0 4px 4px rgba(0, 0, 0, 0.15),
    0 8px 8px rgba(0, 0, 0, 0.10),
    0 16px 16px rgba(0, 0, 0, 0.05);
  font-size: 14px;
  padding: 6px 12px 6px 12px;
  border-radius: 5px;
  background-color: #14182c;
}

.woocommerce-account .addresses .title .edit {
  float: right;
  font-family: 'Poppins Semi Bold', Helvetica, Arial, Lucida, sans-serif !important;
  color: #ffffff !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25),
    0 2px 2px rgba(0, 0, 0, 0.20),
    0 4px 4px rgba(0, 0, 0, 0.15),
    0 8px 8px rgba(0, 0, 0, 0.10),
    0 16px 16px rgba(0, 0, 0, 0.05);
  font-size: 14px;
  padding: 6px 12px 6px 12px;
  border-radius: 5px;
  background-color: #14182c;
}

h3 .woocommerce-Address-title title {
  font-family: 'Poppins Semi Bold', Helvetica, Arial, Lucida, sans-serif !important;
  font-size: 16px;
  letter-spacing: 0px !important;
}

.woocommerce button.button:hover,
.woocommerce-page button.button:hover {
  font-size: 16px;
  letter-spacing: 0px !important;

}

.woocommerce-Button wc-forward button {
  letter-spacing: 0px !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25),
    0 2px 2px rgba(0, 0, 0, 0.20),
    0 4px 4px rgba(0, 0, 0, 0.15),
    0 8px 8px rgba(0, 0, 0, 0.10),
    0 16px 16px rgba(0, 0, 0, 0.05);
}

.et_pb_wc_checkout_payment_info form .form-row {
  margin: 0em 0 0em;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  font-family: 'Poppins Semi Bold', Helvetica, Arial, Lucida, sans-serif;
}

.wc-block-components-notice-banner__content,
.woocommerce-terms-and-conditions-checkbox-text {
  font-family: 'Poppins Semi Bold', Helvetica, Arial, Lucida, sans-serif;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  font-family: 'Poppins Semi Bold', Helvetica, Arial, Lucida, sans-serif;
  font-size: 16px;
  letter-spacing: 0px !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25),
    0 2px 2px rgba(0, 0, 0, 0.20),
    0 4px 4px rgba(0, 0, 0, 0.15),
    0 8px 8px rgba(0, 0, 0, 0.10),
    0 16px 16px rgba(0, 0, 0, 0.05);
}

.woocommerce-checkout select,
.et_pb_module select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 1px !important;
}

.woocommerce-checkout select::-ms-expand {
  display: none !important;
  /* Dölj pilen i äldre versioner av Edge */
}

/* Styling for WooCommerce Cart page */

/* .empty-cart h2 {
   line-height: 2em;
   font-weight: 700;
}

.empty-cart p {
font-family: 'Poppins Semi Bold', Helvetica, Arial, Lucida, sans-serif;
   margin: auto;
}

.empty-cart {
   text-align: center;
   padding-bottom: 10vw;
}

.container p.return-to-shop {
   text-align: center ;
   padding-bottom: 80px;
}
.empty-cart-header {
   float: right;
   margin-top: -50px;
   position: relative;
}

.empty-cart-icon {
   display: inline-block;
   line-height: initial;
       font-family: ETmodules;
       font-size: 40px;
       color: #3e2e3a;
       border: 2px solid #3e2e3a;
       border-radius: 50%;
       padding: 30px;
       margin-bottom: 20px;
} */



/**************************************** Font Styles ***/

h1, h2, h3 {
  font-family: 'Playfair Bold', Helvetica, Arial, Lucida, sans-serif !important;
}

h1 {

  margin-bottom: 0.3em;
}

h1,
h2 {
  letter-spacing: -1px;
  margin-bottom: 0.3em;
}


.dark,
.dark h1,
.dark h2,
.dark h3,
.dark h4 {
  color: #161616;
}

.dark p a {
  border-bottom: 0.8px solid;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}

.dark p a:hover {
  border-bottom: 0.8px solid;
}

.light,
.light h1,
.light h2,
.light h3,
.light h4 {
  color: #fcfcfc;
}

.light p a {
  text-decoration: none;
  color: #ffcec5;
}

p:last-of-type {
  margin-bottom: 1.5rem;
}

/**************************************** Design stuff */

.blur {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.tf-button {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25),
    0 2px 2px rgba(0, 0, 0, 0.20),
    0 4px 4px rgba(0, 0, 0, 0.15),
    0 8px 8px rgba(0, 0, 0, 0.10),
    0 16px 16px rgba(0, 0, 0, 0.05);
}

.header-card {
  margin: 0px !important;
}

.dsm-faq-title {
  font-size: clamp(1.4rem, 2.2vw, 2.2rem) !important;
}

.et_pb_main_blurb_image {
  margin-bottom: 12px;
}

.box {
  box-shadow: 0px 2px 34px 0px rgb(0 0 0 / 5%);
}

ul.slick-dots {
  font-family: Roboto-Black;
}

/*************************************************** Cookie Yes ***/

#cn-notice-text {
  font-family: Roboto-Light !important;
  font-size: 16px !important;
  color: #ffffff;
}

#cookie-notice .cn-button {
  font-family: Roboto-Light !important;
  font-size: 12px !important;
  border-radius: 20px !important;
  padding: 12px 16px !important;

}

/*************************************************** Supreme Stuff  */


.dsm_card_subtitle {
  margin-bottom: 16px;
}

.dsm_card_badge_text {
  font-family: Roboto-Light;
}

.dsm_card_subtitle {
  font-family: Roboto-Black;
}

/*************************************************** Mad M */



/*************************************************** Reverse columns */

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

  .reverse {
    display: flex;
    flex-direction: column-reverse;
  }


}

/*************************************************** Scrollbar */

body::-webkit-scrollbar {
  width: 0.5em;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0px 0px 6px rgba(132, 157, 171, 0.71);
}

body::-webkit-scrollbar-thumb {
  background-color: #010101;
  outline: 1px solid #010101;
}