/*
Theme Name: Akatombo-2-0
Theme URI: http://www.akatombo.no
Author: Nirav (Refactored by AI)
Author URI: http://www.akatombo.no
Description: Akatombo is a compatible WooCommerce theme made with WordPress. Bigger, better and faster.
Version: 2.0 Child - Refactored
Text Domain: akatombo
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, custom-menu, custom-logo, featured-images, footer-widgets, theme-options, translation-ready, blog, right-sidebar, sticky-post, threaded-comments
*/

/* ==========================================================================
   Bootstrap Variables (Customize as needed)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Custom Bootstrap colors */

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
}

/* Custom Theme settings */

:root {
  --primary-color: #273D72;
  --secondary-color: #AF302B;
  --text-color: #202020;
  --heading-color: #333333;
  --link-color: #AF302B;
  --link-hover-color: #273D72;
  --footer-text-color: #F8F5E6;
  --black: #000;
  --white: #FFFFFF;
  --off-white: #EEEEEE;
  --sale-color: #C82626;
  --main-font: "Figtree", sans-serif;
  --heading-font:"Istok Web", sans-serif;
}

/* ==========================================================================
   General Styles
   ========================================================================== */

* {
    word-break: normal !important;
    overflow-wrap: normal !important;
    word-wrap: normal !important;
}

html, body {
  overflow-x: hidden;
}

body {
    font-family: var(--main-font);
    color: var(--text-color);
    background-color: #F0EFEF;
    background-image: url('img/logo-element-main-bg.png');
    background-repeat: no-repeat;
    background-position: right 0px top 500px;
}

a {
    color: var(--link-color);
    text-decoration: none; /* Removing underlines by default */
}

a:hover {
    color: var(--link-hover-color);
}

h1, h2, h3 {
    font-family: var(--heading-font);
    font-weight: 700;
}

h1 {
    font-size: 39.8px;
}

h3 {
    font-size: 21px;
}

p, ul li a, .nav-links a, .nav-links span {
    font-size: 1rem;
}

embed, iframe, object {
    max-width: 100%;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: var(--bs-light);
    clip: auto !important;
    clip-path: none;
    color: var(--bs-gray-dark);
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* ==========================================================================
   Layout Styles
   ========================================================================== */

.content-area {
    min-height: 500px;
    margin: 0px auto;
    max-width: 1400px;
}

.page-template-template-home-php .content-area {
    padding: 0;
}

.content-area-sticky {
    padding-top: 150px !important;
}

/* ==========================================================================
   Header Styles
   ========================================================================== */

body #page > header {
    background-color: #fff;
}

header .secondary-menu {
    background-color: var(--primary-color);
    color: var(--heading-color);
}

.rounded-corner-wrapper {
    border-radius: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.main-menu-wrapper {
    margin-top: 20px;
}

.main-menu-wrapper.sticky-bar {
    border-radius: 0px;
    margin: 0px;
}

.main-menu-wrapper.sticky-bar .hide-sticky {
    display: none!important;
}

a.account-link  {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--text-color);
}

a.account-link:hover  {
    color: var(--text-color);
}


header p.site-title {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: var(--white);
    font-weight: 600;
    margin: 0;
}

header p.site-title ~ span {
    color: var(--white);
}

header .brand a {
    word-break: break-word;
    -ms-word-wrap: break-word;
}

header .brand img {
    display: block;
    width: 100%;
    max-width: 345px;
    height: auto;
    margin-bottom: 0px;
    transition: 0.5s;
}

.sticky-bar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: 0.5s;
}

.sticky-bar .main-menu, .sticky-bar .secondary-menu {
    display: none;
}

.sticky-bar .brand img {
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
    margin-bottom: 3px;
}

.min-konto a {
    color: var(--text-color);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.account ul li a {
    display: block;
    font-weight: 700;
    font-size: 0.7rem;
    padding: 6px 10px !important;
    height: 30px;
    margin-right: 3px;
    color: var(--heading-color);
}

.account ul li a:hover {
    color: #022a56;
}

.icon-user {
    margin-top: 0px;
    display: inline-block;
    width: 35px; /* your desired size */
    height: 35px;
    margin-left: 10px;
    background-image: url('img/icon-user.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.my-cart-amount {
    font-size: 0.7rem !important;
    color: var(--text-color);
    text-align: right;
}

.my-cart-amount bdi {
    font-size: 0.7rem !important;
    color: var(--text-color);
}

/* Main Menu */


.main-menu {
    padding: 0;
    color: var(--white);
}

.main-menu ul {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    border-radius: 0;
}

.main-menu ul li {
    display: inline;
    margin: 0;
    text-transform: uppercase;
}

.main-menu > ul li a,
.navbar-light .navbar-nav .nav-link {
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
    padding: 15px 15px !important;
}

.main-menu > ul li a:hover,
.navbar-light .navbar-nav .nav-link:hover {
    background-color: var(--secondary-color);
    color: var(--heading-color);
}

.main-menu ul li ul {
    background-color: var(--white);
}

.main-menu ul li ul li {
    margin: 0;
}

.main-menu ul li ul li a {
    padding: 1rem;
    color: var(--heading-color);
    text-transform: capitalize;
}

.main-menu .navbar-nav .active > .nav-link {
    background-color: var(--heading-color);
    color: var(--white);
}

.main-menu .dropdown-item:focus,
.main-menu .dropdown-item:hover {
    background-color: var(--off-white);
}

.main-menu .dropdown:hover > .dropdown-menu,
.main-menu .dropup:hover > .dropdown-menu {
    display: block;
}

.main-menu .dropdown-item.active,
.main-menu .dropdown-item:active {
    background-color: #ddd;
}

.main-menu .navbar-toggler {
    border: none;
    padding-right: 0;
}

.main-menu .dropdown-toggle::after {
    vertical-align: 0.155em;
}

.main-menu .navbar-toggler-icon {
    background-image: url('img/hamburger-menu.svg');
}

.main-menu ul li .dropdown-menu .dropdown > a::after {
    display: inline-block;
    margin-left: 0.355em;
    vertical-align: 0.2em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.main-menu .dropdown-menu li {
    display: block;
    margin: 0;
    padding: 0;
}

.main-menu .dropdown-menu .dropdown-menu {
    top: -1px;
    left: 100%;
}

.burgermeny {
    background: transparent;
    border: none;
    filter: grayscale(100%);
}
.burgermeny:focus {
    outline: none;
}

/* ==========================================================================
   Search Styles
   ========================================================================== */

.dgwt-wcas-search-icon svg {
    display: none !important;
}

.dgwt-wcas-search-icon {
    margin-top: 5px;
    display: inline-block;
    width: 35px; /* your desired size */
    height: 35px;
    background-image: url('img/icon-search.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.search-form button {
    background-image: url('img/search.svg');
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}

.search-form input[type="search"] {
    background-color: var(--white);
    border: none;
    font-weight: 500;
    font-size: 110%;
    padding: 0.3rem 1rem;
    margin-right: 0.3rem;
}



/* ==========================================================================
   Cart Styles
   ========================================================================== */

.cart {
    position: relative;
}

.cart .cart-icon {
    background: url('img/shopping-cart.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 37px;
    width: 37px;
    margin-top: -5px;
    display: inline-block;
    vertical-align: bottom;
}

.cart .items {
    position: absolute;
    bottom: -6px;
    left: 20px;
    font-size: 13px;
    background: #951a1d;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    padding-top: 1px;
}

.sticky-cart {
    position: fixed;
    background-color: var(--white);
    padding: 10px;
    border: 1px solid #ddd;
    top: 4px;
    z-index: 500;
}

.handlekurv-mobil {
    display: inline-block;
    float: left;
    margin-top: -10px;
    width: 30px;
}

.modal .modal-content .items {
    font-family: Georgia, serif;
    font-size: 14px;
    background: #3498db;
    color: var(--white);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    margin-top: -4px;
}

.igjen-til-frakt bdi {
    color: var(--white) !important;
}

.igjen-til-frakt {
    display: block;
    position: absolute;
    top: -60px;
    right: 10px;
    font-size: 12px!important;
    color: var(--white) !important;
    background-color: #00aeed !important;
    padding: 3px 5px!important;
    border-radius: 10px;
}

/* ==========================================================================
   Home Page Template
   ========================================================================== */

.location-info {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    margin-left: 20px;
    margin-right: 20px;
}

img.godkjenninger {
    width: 90%;
    max-width: 500px;
    max-height: auto;
}

.newsletter-signup {
    min-height: 350px;
    background-color: #333;
    background-blend-mode: soft-light;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--white);
}

/* ==========================================================================
   Products Carousel Styles
   ========================================================================== */

.products-carousel-wrapper {
    background-color: var(--off-white);
}

ul.products-carousel {
    width: 70%;
    margin: 0 auto;
}

ul.products-carousel li {
    padding: 30px;
    position: relative;
    width: 300px;
    margin: 0 10px;
    list-style: none;
    float: left;
}

ul.products-carousel li .button {
    display: block;
    margin: 3px auto;
    clear: both;
}

ul.products-carousel li::before {
    position: absolute;
    background-color: #5fa8b6;
    padding: 4px;
    color: var(--white);
    margin-bottom: -30px;
    content: "ANBEALT";
}

ul.products-carousel li.product .woocommerce-loop-product__title {
    font-size: 23px;
    font-weight: 300;
    color: var(--black);
    margin: 0;
    padding: 0;
    display: table;
}



/* ==========================================================================
   Slider Styles
   ========================================================================== */

.slide-image {
    height: 400px !important;
    background-size: cover;
    background-position: center;
    border-radius: 20px 0px 0px 20px;
}

.slide-content {
    max-width: 400px;
    padding: 20px;
}

@media (max-width: 768px) {
    .slide-image {
        height: 300px !important;
    }
}


.carousel-inner {
  overflow: hidden;
  border-radius: 20px; /* Match your desired border radius */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: none;
}

/* .carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: none; 
  color: #fff; 
  font-size: 2rem;
}

.carousel-control-prev-icon::after,
.carousel-control-next-icon::after {
  content: '‹';
  color: #fff;
  font-size: 2rem;
  display: inline-block;
}

.carousel-control-next-icon::after {
  content: '›'; 
} 
*/

.shadow {
    box-shadow: 0 1px 3px 2px rgba(105, 103, 103, 0.5);
}


/* ==========================================================================
   Button Styles
   ========================================================================== */


.btn-secondary, .wp-block-button__link {
    font-size: 14px;
    font-weight: 700;
    background-color: var(--secondary-color);
    border-radius: 10;
    border: 0;
    color: #fff ;
    padding: 10px 20px;
    transition: 0.5s;
}

.btn-secondary:hover, .wp-block-button__link:hover {
    background-color: #DB3B35;
    color: #fff!important;
}

.btn-primary {
    background-color: var(--primary-color);
    border: 0px;
    color: #fff;
    font-weight: 600;
    border-radius: 999px; /* fully rounded */
    display: inline-flex;
    align-items: center;
    gap: 0.5rem; /* space between icon and text */
    padding: 0.5rem 1rem;
    transition: 0.4s;
}

.btn-primary:hover {
    background-color: var(--primary-color);
    color: #fff;
    border: 0px;
    filter: brightness(1.2);
}

.gform_button {
	color: #fff;
	background-color: #273D72!important;
    border-radius: 20px;
    border: none;
    padding: 8px 50px;
    transition: 0.3s;
}

.gform_button:hover {
	color: #fff;
	background-color: #1d67c8!important;
}

.custom-icon-button {
    min-width: 120px;
}

.custom-icon-button {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    border-radius: 999px; /* fully rounded */
    display: inline-flex;
    align-items: center;
    gap: 0.5rem; /* space between icon and text */
    padding: 0.5rem 1rem;
    transition: 0.4s;
}

.custom-icon-button:hover {
    color: #fff;
    filter: brightness(1.2);
}


.custom-icon-button .icon-wrapper {
    background-color: rgba(255, 255, 255, 0.3); /* semi-transparent white */
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem;
    margin-left: -6px;
}

/* ==========================================================================
   Elements Styles
   ========================================================================== */


.card {
    background-image: url('img/little-arrow.png');
    background-position: right 20px bottom 10px;
    background-repeat: no-repeat;
    transition: 0.4s;
    border-radius: 20px;
    overflow: hidden;
}

.card:hover {
    background-position: right 10px bottom 10px;
}

.card-img-top {
    border-radius: 20px 20px 0px 0px;
    transition: 0.4s;
}

.card:hover .card-img-top {
    transform: scale(1.05) translateY(-5px);
}

.card-title {
    margin-bottom: 5px!important;
}

h3.card-title {
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-weight: 600;
}

.card-text {
    font-weight: 200;
}

.fordeler-bullet-list ul {
    list-style: none;
    padding-left: 0;
}

.fordeler-bullet-list ul li {
    position: relative;
    padding-left: 30px; /* space for bullet image */
    margin-bottom: 8px;
    font-weight: 600;
}

.fordeler-bullet-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px; /* adjust to center vertically */
    width: 20px;  /* adjust to your image size */
    height: 20px;
    background-image: url('img/fordeler-bullet-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.ikon-felt {
    color: var(--secondary-color);
    font-weight: 600;
}


/* Normal pagination link */

.page-link {
    color: var(--primary-color); /* Bootstrap's 'success' green — customize as you like */
    border: 1px solid #dee2e6;
    transition: all 0.2s ease;
}

/* Hover state */

.page-link:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

/* Active page */

.page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

/* Disabled state (optional) */

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}


/* ==========================================================================
   Under Banner Styles
   ========================================================================== */


.underbanner img {
    border-radius: 20px;
}

.underbanner {
    overflow: hidden;
}

.underbanner img {
    transition: 0.3s;
    filter: brightness(0.6);
    border-radius: 20px;
}

/* Apply hover on the wrapper instead */
.underbanner:hover img {
    filter: brightness(0.8);
}

.underbanner h2 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff;
}

.underbanner p {
    font-size: 1.3rem;
    margin-bottom: 0.3rem;
}

.underbanner h2,
.underbanner p {
    pointer-events: none;
}


/* ==========================================================================
   Merkevarer Styles
   ========================================================================== */

h2.merkevarer {
    font-size: 18px;
    display: block;
    padding: 10px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

div.merkevarer {
    filter: saturate(0);
    border-bottom: 1px solid var(--white);
    transition: 0.3s;
    opacity: 0.6;
    padding-bottom: 10px;
}

div.merkevarer:hover {
    filter: saturate(1);
    opacity: 1;
    border-bottom: 1px solid var(--secondary-color);
}

/* ==========================================================================
   Frontend Product Lists Styles
   ========================================================================== */

.section-title h2 {
    text-align: center;
    position: relative;
    font-weight: 100;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 80px 0;
    display: inline-block;
    margin: 60px auto;
}

.section-title h2::before {
    display: block;
    position: absolute;
    content: url('img/h2-left.png');
    left: -10px;
    bottom: -15px;
}

.section-title h2::after {
    display: block;
    position: absolute;
    content: url('img/h2-right.png');
    right: -8px;
    top: -10px;
}

.section-title h2 span {
    text-align: center;
    padding: 0 20px;
    position: relative;
    z-index: 5;
}

.home section.akatombo-blog {
    padding: 0 0 40px 0;
}

.home section.akatombo-blog h3 a {
    text-decoration: none;
    font-family: var(--heading-font);;
    font-size: 2.5rem;
    color: var(--heading-color);
}

.home .woocommerce ul.products {
    border-top: none;
}

.home .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: var(--black);
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}

.home .popular-products .woocommerce ul.products li.product .button,
.home .new-arrivals .woocommerce ul.products li.product .button {
    background-color: transparent;
    color: #d83a65;
    padding: 0;
    margin: 0;
    transition: 0.5s;
}

.home .popular-products .woocommerce ul.products li.product .button:hover,
.home .new-arrivals .woocommerce ul.products li.product .button:hover {
    color: #666;
}

.home .woocommerce ul.products li.product .button {
    margin-top: 0;
}

/* styling of dropdown for sorting products */

.woocommerce-ordering select {
    padding: 10px 12px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    color: #333;
    appearance: none; /* Fjerner standardpil i noen nettlesere */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 14px;
    padding-right: 30px;
}


/* ==========================================================================
   Deal of the Week Styles
   ========================================================================== */

.deal-of-the-week {
    background: #f7f7f7;
    padding: 60px 0;
}

.deal-of-the-week .row {
    padding: 30px 0;
}

.deal-of-the-week .discount {
    background: #ff6891;
    color: var(--white);
    padding: 0.5rem;
    display: inline-block;
    margin: 20px 0;
    position: relative;
}

.deal-of-the-week .discount::before {
    content: '';
    position: absolute;
    top: 6%;
    left: 0;
    height: 1px;
    width: 100%;
    border: 1px dashed #ffc8d8;
}

.deal-of-the-week .discount::after {
    content: '';
    position: absolute;
    bottom: 5%;
    left: 0;
    height: 1px;
    width: 100%;
    border: 1px dashed #ffc8d8;
}

.deal-of-the-week .section-title {
    margin: 0 !important;
}

.deal-of-the-week h2 {
    background: #f8f8f8 !important;
}

.deal-of-the-week h3 {
    margin: 0 0 20px 0;
    padding: 0;
}

.deal-of-the-week h3 a {
    font-size: 2rem;
    font-weight: 700;
    color: var(--black);
    transition: 0.5s;
}

.deal-of-the-week h3 a:hover {
    color: #777;
}

.deal-of-the-week p {
    color: #aeaeae;
    font-size: 1.2rem;
}

.deal-of-the-week .prices .regular {
    font-size: 1.4rem;
    font-weight: 600;
    opacity: 0.4;
    text-decoration: line-through;
}

.deal-of-the-week .prices .sale {
    font-size: 2rem;
    font-weight: 700;
}

.deal-of-the-week a.add-to-cart {
    background-color: #3498db;
    color: var(--white);
    line-height: 1;
    padding: 0.618em 1em;
    font-weight: 700;
    border-radius: 3px;
    display: inline-block;
    margin-top: 10px;
}


/* ==========================================================================
   Footer Styles
   ========================================================================== */

footer .gfield--width-half {
    width: 40%;
    float: left;
    margin-right: 20px;
}

footer .gform_footer {
    float: left;
    margin-top: 32px;
}

footer .gform_footer button.btn-dark {
    font-weight: 400;
    background-color: #3498db;
    color: var(--white);
    border: 1px solid #3498db;
    transition: 0.4s;
}

footer .gform_footer button.btn-dark:hover {
    background-color: #ff7466;
    border: 1px solid #ddd;
    color: var(--white);
}

footer {
    background: var(--primary-color);
    background-image: url('img/logo-element.png');
    background-repeat: no-repeat;
    background-position: right -20px bottom -20px;
    background-size: 500px auto;
    color: #fff;
}

.footer-widgets h2 {
    font-size: 1.1rem;
}

.footer-widgets p {
    margin-bottom: 0.5rem;
}

.footer-widgets strong {
    color: var(--white);
}

.footer-widgets a {
    color: var(--footer-text-color);
}

.footer-widgets a:hover {
    color: #9ED23F;
    text-decoration: underline;
}

.footer-widgets .menu-item {
    margin-left: 12px;
    position: relative;
}

.footer-widgets .menu-item::before {
    content: '›';
    color: #fff;
    font-size: 1.4 rem;
    display: block;
    position: absolute;
    left: -10px;
    top: 1px;
}

.betalingsmetoder img{
    max-width: 400px;
}

.copyright {
    background-color: #000000;
    color: #939393;
    padding: 20px 0;
}

.copyright p {
    margin: 0;
}

.footer-menu ul, .footer-widgets ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
}

.footer-menu ul li {
    display: inline;
    margin: 0 10px 0 0;
}

.footer-menu ul li:last-child {
    margin: 0;
}

.footer-menu ul li a {
    color: #939393;
}

.footer-menu ul li.current-menu-item a {
    color: #ff9292;
}

/* ==========================================================================
   WooCommerce Styles
   ========================================================================== */

.woocommerce .onsale-procentage {
    font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: absolute;
    color: var(--white);
    top: 14px;
    left: 14px;
    right: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: var(--sale-color);
    margin: 0;
    font-weight: 500;
    font-size: 13px;
    padding-top: 10px;
    padding-left: 4px;
    z-index: 40;
}

/* Grid System */
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
    flex: 0 0 50%;
    max-width: 50%;
}

/* Sidebar shop */

.sidebar-shop h2 {
    padding-left: 0px;
    font-size: 18px;
}

.sidebar-shop ul li {
    list-style: none;
    padding: 10px 0px;
    border-bottom: 0px solid #eee;
}

.sidebar-shop ul li ul{
    padding-left: 12px;
    padding-top: 10px;
    border-top: 0px solid #eee;
}

.sidebar-shop ul li ul li{
    list-style: none;
    padding: 5px 0px;
    border-bottom: 0px;
}

.accordion-button {
  font-weight: 600;
}
.accordion-body ul li {
  margin-bottom: 0.25rem;
}
.accordion-body a {
  text-decoration: none;
  color: var(--bs-body-color);
}
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

.accordion-body a:hover {
  text-decoration: underline;
}
.accordion-button:not(.collapsed) {
    background-color: #eee;
}


div.summary {
  background-color: #fff;
  padding: 15px;
  border-radius: 20px;
}

/* Shop */

.shop-content {
    padding: 3rem 0;
}

.shop-content .row {
    margin-left: 0;
    margin-right: 0;
}

.post-type-archive-product .content-area,
.product-template-default .content-area,
.tax-product_cat .content-area {
    padding: 0;
}

.woocommerce .woocommerce-breadcrumb a {
    font-weight: 700;
}

.woocommerce ul.products.columns-1 li.product:first-child,
.woocommerce-page ul.products.columns-1 li.product:first-child {
    margin-top: 20px;
}

.woocommerce .products ul, .woocommerce ul.products {
    border-top: 1px solid var(--off-white);
    padding-top: 20px;
}

.woocommerce ul.products li.product {
    background: rgba(255, 255, 255, 1);
    border-width: 0px;
    border-radius: 30px;
    border-style: solid;
    text-align: center;
    padding: 0px;
    min-height: 370px;
    margin-bottom: 20px;
    transition: 0.4s;
    box-shadow: 2px 1px 7px 2px rgba(222, 222, 222, 0.98);
    min-height: 380px;
}

.woocommerce ul.products li.product:hover {
    background: var(--white);
    border: 0px solid var(--off-white);
    box-shadow: 1px 1px 1px 1px rgba(222, 222, 222, 0.0);
}

.woocommerce ul.products li.product a img {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    height: auto;
    display: block;
    margin: 0 1em 1em 0;
    box-shadow: none;
    float: left;
    margin-bottom: 19px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 17px;
    font-weight: 300;
    color: var(--heading-color);
    margin: 0;
    padding: 0;
    display: inline-block;
}

.post-type-archive-product .woocommerce-loop-product__title {
    margin-bottom: 0.5rem !important;
}

.woocommerce ul.products li.product .button {
    margin-top: 0;
}

.woocommerce ul.products li.product p {
    color: var(--black);
}

.woocommerce ul.products li.product .price {
    color: var(--black);
    font-weight: 600;
    text-align: center;
}

.woocommerce ul.products li.product .price ins {
    font-size: 140%;
}

.woocommerce ul.products li.product .onsale {
    top: 3px;
    left: -2px;
    background-color: #3498db;
    border-radius: 50%;
    font-weight: 300;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    color: var(--black);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 12px;
}

.woocommerce ul.products li.product-category {
    min-height: 300px;
    text-transform: uppercase;
    filter: grayscale(90%);
    padding: 20px 40px;
}

.woocommerce ul.products li.product-category:hover {
    min-height: 300px;
    text-transform: uppercase;
    filter: grayscale(0%);
}

.woocommerce ul.products li.product-category .count {
    display: none;
}

/* Single Product */

.woocommerce-product-gallery__image {
    border-radius: 20px;
    overflow: hidden;
}

.woocommerce-product-gallery__image img {
    border-radius: 20px;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce ul.products li.product .button {
    font-weight: 600;
    font-size: 0.9rem;
    padding: 10px 20px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 999px;
    padding: 0.7rem 1rem;
    transition: 0.4s;
}

.woocommerce ul.products li.product .addtocartbutton {
    display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--text-color);
  line-height: 1.6rem;
  height: 2rem;
}

.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-color: #4565b2;
    color: #fff;
}

.product_meta > span {
    display: block;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount {
    color: var(--black);
    font-size: 14px;
    font-weight: 500;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce-Price-amount {
    font-size: 22px;
    color: var(--text-color);
    font-weight: 700;
}

.woocommerce span.onsale {
    top: 19px;
    left: 35px;
    transform: rotate(0deg);
    border-radius: 0;
    width: 17px;
    padding: 0;
    background-color: #d42029;
    margin: 0;
    font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin-bottom: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 20px 20px 0px 0px;
    margin: 0;
    border: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 0px; 
}

.woocommerce div.product .woocommerce-tabs .panel {
    background-color: #fff;
    border-radius: 0px 20px 20px 20px;
    padding: 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    content: none;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: var(--white);
    border: 1px solid #ddd;
    font-weight: 300;
    transition: 0.4s;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: var(--secondary-color);
    color: var(--heading-color);
}

.woocommerce div.product form.cart .button {
    float: unset;
    margin-left: 20px;
}

.woocommerce-grouped-product-list .plus, .woocommerce-grouped-product-list .minus {
    display: none;
}

form.cart button.minus, form.cart button.plus {
    border-radius: 3px;
    border: 1px solid #aaa;
    display: inline-block;
    height: 33px;
    width: 33px;
}

form.cart input {
    margin-top: 2px;
    height: 33px;
}

/* Cart */

.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 150px;
}

/* Checkout */
.woocommerce form .form-row {
    display: block;
}

.woocommerce-checkout #customer_details {
    margin-bottom: 20px;
}

.woocommerce table.shop_table {
    border-collapse: collapse;
}

.woocommerce table.shop_table thead {
    background-color: var(--primary-color);
    color: var(--heading-color);
}

.woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 150px;
}

/* My Account */
.woocommerce-MyAccount-navigation a {
    color: var(--black);
}

.woocommerce-MyAccount-navigation .is-active {
    font-weight: 700;
    background-color: var(--black);
}

.woocommerce-MyAccount-navigation .is-active a {
    color: var(--white);
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    border: 1px solid #f3f3f3;
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #f3f3f3;
    padding: 0.3rem 0.7rem;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: 0;
}

.woocommerce table.my_account_orders {
    font-size: inherit;
}

/* Store Notice */
.woocommerce-store-notice, p.demo_store {
    background-color: #750000;
}

/* WC Tomt på lager*/

.soldout {
    padding: 3px 8px;
    text-align: center;
    background: #222;
    color: var(--white);
    font-weight: bold;
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 12px;
}

/* ==========================================================================
   Blog and Archive Pages Styles
   ========================================================================== */

.blog article,
.archive article {
    margin-bottom: 3rem;
}

.blog article .title,
.archive article .title {
    font-weight: 600;
}

.blog article .meta,
.archive article .meta {
    font-weight: 700;
    margin: 1rem 0;
}

.archive-title {
    font-size: 2rem;
    font-weight: 700;
    border-bottom: 1px solid #efefef;
    padding: 0 0 0.7rem 0;
    margin-bottom: 1rem;
}

.archive-title span {
    color: #b58e8e;
    font-weight: normal;
}

.blog .post-thumbnail,
.archive .post-thumbnail {
    margin: 1rem 0;
}

.nav-links {
    font-weight: 700;
}

.nav-links span,
.nav-links a {
    padding: 0.4rem;
}

/* ==========================================================================
   Single Post Styles
   ========================================================================== */

.single header h1 {
    font-weight: 700;
}

.single .post-thumbnail {
    margin: 0 0 20px;
}

/* ==========================================================================
   Comments Styles
   ========================================================================== */

.comments-area {
    border-top: 1px solid var(--off-white);
    padding: 1rem 0 2rem;
    margin-top: 2rem;
}

.comment-form label {
    display: block;
}

.comment-form input[type="submit"] {
    background-color: #3498db;
    color: var(--white);
    border-radius: 5px;
    text-transform: uppercase;
    padding: 0.8em;
    display: inline-block;
}

/* ==========================================================================
   Search Styles
   ========================================================================== */

.search-form {
    margin: 0 0 1rem;
}

.aws_result_link span {
    margin: 5px 0;
}

.aws_result_price bdi {
    font-size: 14px;
}

/* ==========================================================================
   Comment List Styles
   ========================================================================== */

#comments ol,
#comments ul {
    list-style: none;
    padding: 0;
}

#comments .depth-1 {
    padding: 2rem 0;
}

#comments .nav-links a {
    padding: 0;
}

#comments .bypostauthor {
    background-color: #bf95941a;
}

.entry-pings,
.entry-comments {
    color: #444;
    padding: 20px 45px 40px 45px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: var(--white);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    border-left: 4px solid #444;
}

.entry-comments h3 {
    font-size: 30px;
    margin-bottom: 30px;
}

.comment-respond h3,
.entry-pings h3 {
    font-size: 20px;
    margin-bottom: 30px;
}

.comment-respond {
    margin: 1.5rem 0;
}

.comment-header {
    color: #adaeb3;
    font-size: 14px;
    margin-bottom: 20px;
}

.comment-header cite a {
    border: none;
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
}

.comment-header .comment-meta a {
    border: none;
    color: #adaeb3;
}

li.comment {
    background-color: var(--white);
    border-right: none;
}

.comment-content {
    clear: both;
    overflow: hidden;
}

.comment-list li {
    font-size: 14px;
    padding: 20px 30px 20px 25px;
}

.comment-list .children {
    margin-top: 40px;
    border: 1px solid #cccccc40;
    margin-left: 1rem;
}

.comment-list li li {
    background-color: #f5f5f6;
}

.comment-list li li li {
    background-color: var(--white);
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
    width: 50%;
}

.comment-respond label {
    display: block;
    margin-right: 12px;
}

.entry-comments .comment-author {
    margin-bottom: 0;
    position: relative;
}

.entry-comments .comment-author img {
    border-radius: 50%;
    border: 5px solid var(--white);
    left: -80px;
    top: -5px;
    position: absolute;
    width: 60px;
}

.entry-pings .reply {
    display: none;
}

.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 16px;
    padding: 24px;
}

.comment-reply-link {
    cursor: pointer;
    background-color: #444;
    border: none;
    border-radius: 3px;
    color: var(--white);
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 4px 10px 4px;
    text-transform: uppercase;
    width: auto;
}

.comment-reply-link:hover {
    color: var(--white);
}

.comment-notes {
    display: none;
}

/* ==========================================================================
   WooCommerce Widgets Styles
   ========================================================================== */

.woocommerce .shop-content .widget-wrapper {
    margin: 0 0 2rem;
    border-bottom: 1px solid var(--off-white);
    padding: 0 1em 2em 0;
}

.woocommerce .shop-content .widget-wrapper h4 {
    padding: 0 0 0.7rem 0;
}

.woocommerce .shop-content .widget-wrapper > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce .shop-content .widget-wrapper > ul li ul {
    list-style: none;
}

.woocommerce .shop-content .widget-wrapper ul li span,
.woocommerce .shop-content .widget-wrapper ul li ul li span {
    float: right;
}

/* ==========================================================================
   WordPress Core Styles
   ========================================================================== */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto; /* Shorthand for 5px auto 5px auto */
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-columns {
    margin-bottom: 5px;
}

.woocommerce-message {
	outline: none!important;
	border-top-color: #1d67c8;
}

.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .woocommerce-message a.button {
	color: #fff;
	background-color: #273D72!important;
	border-radius: 10px;
}

.wc-block-cart__submit-button:hover, wc-block-components-checkout-place-order-button:hover, .woocommerce-message a.button:hover {
	color: #fff;
	background-color: #1d67c8!important;
}

.woocommerce-message::before {
	color: #1d67c8;
}

.wp-caption {
    background: var(--white);
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.gallery-caption {
    display: block;
    font-size: 0.71111em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0.5rem;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Medium devices (tablets, less than 992px) */
@media (max-width: 1199.98px) {
    .woocommerce ul.products li.product {
        min-height: 380px;
    }
}

@media (max-width: 991.98px) {

    body {
        background-position: right -200px top 500px;
    }

    header .brand {
        background-image: none;
    }

    .woocommerce ul.products li.product {
        min-height: 430px;
    }

    .main-menu {
        background-color: var(--black);
        border-top: 0;
        color: var(--white);
    }

    .sticky-bar .main-menu {
        display: block;
    }

    .sticky-bar .secondary-menu {
        display: none;
    }

    .kategorislider {
        display: none;
    }
}

@media (min-width: 992px) {
      .col-lg-custom {
        flex: 0 0 20%;
        max-width: 20%;
      }
    }

@media all and (max-width: 768px) {
    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 48%;
    }
}

@media all and (max-width: 767px) {
    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .rounded-corner-wrapper {
        border-radius: 0px;
        margin: 0px;
    }
    .slide-content {
        max-width: 400px;
        padding: 20px;
        border-radius: 20px;
        background: rgba(0, 0, 0, 0.5);
    }

    .footer-widgets .col-12 {
        margin-bottom: 25px;
    }

    .footer-widgets .col-12:last-child {
        margin-bottom: 0;
    }

    .copyright-text {
        margin-bottom: 10px;
    }

    .custom-icon-button {
        margin-top: 20px;
        min-width: 50%;
        font-size: 15px;
        clear: both;
    }

    footer .gfield--width-half {
        width: initial;
        float: initial;
        margin-right: initial;
        padding-bottom: 20px;
    }
}

@media all and (max-width: 575px) {
    .slider-details-container {
        max-width: 300px;
    }

    .woocommerce ul.products li.product {
        min-height: 380px;
    }

    .newsletter-signup {
        min-height: 360px;
        background-position: left;
        background-attachment: unset;
        background-size: auto;
    }
}

@media all and (max-width: 500px) {
    .woocommerce ul.products li.product a img {
        width: 100%;
    }
}