/* 
 Theme Name:     Bibelbutiken Theme
 Author:         Balonka Universe
 Author URI:     https://balonka.se
 Template:       Divi
 Version:        1
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.9.7
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
:root {
    --bb-green1: #494f3e;
    --bb-green2: #689b0d;
    --bb-green3: #79ac1e;
}

@media (min-width: 981px) {
    .et_header_style_left .logo_container {
        position: relative;
        height: 100px;
        display: flex;
    }

    .et_header_style_left .logo_container > a,
    .et_header_style_left .logo_container .header-cart {
        display: flex;
        align-items: center;
    }
}

.et_header_style_left .logo_container .header-cart {
    margin-left: auto;
}

@media (max-width: 980px) {
    .et_header_style_left .logo_container .header-cart {
        display: none;
    }
}

.et_header_style_left header#main-header.et-fixed-header .logo_container {
    height: 70px;
}

.et_header_style_left #main-header {
    --menu-bg: var(--bb-green1);
    --menu-color: #fff;
    --menu-item-padding-lr: 1.5em;
    --menu-item-padding-tb: 1em;
    --menu-item-line-height: 1em;
    --menu-item-color: #fff;
    --menu-item-active-color: #fff;
    --menu-item-active-bg: var(--bb-green3);
    --search-icon-width: 18px;
    --search-close-icon-width: 30px;
    --search-input-color: #fff;
}

@media (max-width: 980px) {
    .et_header_style_left #main-header {
        --menu-item-padding-lr: .4em;
    }
}

@media (min-width: 981px) {
    .et_fixed_nav #et-top-navigation {
        padding-left: 0 !important;
        padding-top: 0 !important;
        float: none;
        background: var(--menu-bg);
        color: var(--menu-color);
        align-items: center;
    }
}

.et_header_style_left #et-top-navigation nav a {
    color: var(--menu-item-color)
}

.et_header_style_left #et-top-navigation nav > ul > li.current-menu-item > a,
.et_header_style_left #et-top-navigation nav > ul > li.current-page-ancestor > a,
.et_header_style_left #et-top-navigation nav > ul > li.current-product_cat-ancestor > a,
.et_header_style_left #et-top-navigation nav > ul > li.current-product-ancestor > a {
    color: var(--menu-item-active-color);
    background: var(--menu-item-active-bg)
}

@media (min-width: 981px) {
    .et_header_style_left #et-top-navigation,
    .et_header_style_left #et-top-navigation nav,
    .et_header_style_left #et-top-navigation nav > ul,
    .et_header_style_left #et-top-navigation nav > ul > li {
        display: flex;
    }
}

.et_header_style_left #et-top-navigation nav>ul>li {
    padding: 0;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding: var(--menu-item-padding-tb) var(--menu-item-padding-lr);
    line-height: var(--menu-item-line-height);
}

@media (min-width: 981px) {
    .et_header_style_left #et-top-navigation .et-cart-info {
        display: none;
    }
}

.et_header_style_left #et_top_search {
    margin: 0 var(--menu-item-padding-lr) 0 auto;
    line-height: 1;
}

@media (min-width: 981px) {
    .et_header_style_left #et_search_icon::before {
        position: static;
    }


    .et_header_style_left .et_search_outer {
        bottom: 0;
        top: auto;
        height: calc(var(--menu-item-line-height) + (2 * var(--menu-item-padding-tb)));
        overflow: visible;
    }

    .et_header_style_left .container.et_search_form_container {
        height: 100% !important
    }

    .et_header_style_left .container.et_search_form_container .et-search-form {
        width: calc(100% - var(--search-close-icon-width) - var(--menu-item-padding-lr));
        left: 0;
        right: auto;
    }

    .et_header_style_left .container.et_search_form_container .et-search-form input {
        left: 0;
        width: 100%;
        padding-left: var(--menu-item-padding-lr);
        color: var(--search-input-color)
    }

    .et_header_style_left .container.et_search_form_container .et_close_search_field {
        right: calc(var(--menu-item-padding-lr) - (var(--search-icon-width) / 2));
        color: var(--search-input-color);
    }
}



.mini-cart-wrap {
    --basket-total-bg: var(--bb-green1);
    --basket-total-hover-bg: var(--bb-green3);
    --basket-counter-bg: var(--bb-green3);
    --basket-counter-hover-bg: var(--bb-green2);
    --basket-total-color: #fff;
    --basket-total-hover-color: #fff;
    --basket-counter-color: #fff;
    --basket-counter-hover-color: #fff;
    --basket-padding-lr: 1.4em;
    --basket-padding-tb: .7em;
    --basket-icon-total-gap: .5em;

    --cart-bg: var(--bb-green2);
    --cart-color: #fff;
    --cart-link-color: #fff;
    --cart-padding: 1em;
    --cart-min-width: 22em;
    --cart-font-size: .85em;
    --cart-item-col-gap: 1em;
    --cart-item-btn-remove-col-size: 1.5em;
    --cart-item-btn-remove-hover-bg: var(--bb-green3);
    --cart-item-btn-remove-color: var(--bb-green1);
    --cart-item-btn-remove-hover-color: var(--bb-green1);
    --cart-item-padding: 1em 0;
    --cart-item-border-size: .05em;
    --cart-item-border-color: var(--bb-green3);
    --cart-item-thumb-width: 4em;
    --cart-item-thumb-height: 4em;
    
	position: relative;
}

.mini-cart-wrap .basket-link {
    display: flex;
}

.mini-cart-wrap .basket-link > .total {
    background: var(--basket-total-bg);
    color: var(--basket-total-color);
}

.mini-cart-wrap .basket-link > .total,
.mini-cart-wrap .basket-link > .counter {
    padding: var(--basket-padding-tb) var(--basket-padding-lr);
    transition: color .3s, background-color .3s;
}

.mini-cart-wrap .basket-link .total::before {
	font-family: ETmodules;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0;
    direction: ltr;
    content: "\e07a";
    margin-right: var(--basket-icon-total-gap);
}

.mini-cart-wrap .basket-link .counter {
    background: var(--basket-counter-bg);
    color: var(--basket-counter-color);
}

.mini-cart-wrap:hover .basket-link .total {
    background: var(--basket-total-hover-bg);
    color: var(--basket-total-hover-color)
}

.mini-cart-wrap:hover .basket-link .counter {
    background: var(--basket-counter-hover-bg);
    color: var(--basket-counter-hover-color)
}

.mini-cart-wrap .mini-cart-contents-wrap {
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility 0s .3s, transform .3s;
    background: var(--cart-bg);
    padding: var(--cart-padding);
    color: var(--cart-color);
    z-index: 999;
    min-width: var(--cart-min-width);
    max-width: 100vw;
    transform: translate(0, 1em);
    font-size: var(--cart-font-size);
    box-sizing: border-box;
}

.mini-cart-wrap .mini-cart-contents-wrap a {
    color: var(--cart-link-color);
}

@media (min-width: 1151px) {
    .mini-cart-wrap:hover .mini-cart-contents-wrap {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
        transform: none;
    }
}

.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li {
    display: grid;
    border-bottom: var(--cart-item-border-size) solid var(--cart-item-border-color);
    padding: var(--cart-item-padding);
    grid-template-columns: 1fr auto var(--cart-item-btn-remove-col-size);
    gap: var(--cart-item-col-gap);
}

.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li::before,
.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li::after {
    content: none;
}

.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li a:not(.remove) img {
    width: var(--cart-item-thumb-width);
    height: var(--cart-item-thumb-height);
    max-width: none;
    object-fit: cover;
    display: block;
    margin: 0;
}

.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li a.remove {
    grid-column: 3;
    grid-row: 1;
    color: var(--cart-item-btn-remove-color) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-indent: -999em; */
    transition: background-color .3s, color .3s;
    position: relative;
    top: .1em;
}

.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li a.remove:hover {
    background: var(--cart-item-btn-remove-hover-bg);
    color: var(--cart-item-btn-remove-hover-color);
}

/* .mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li a.remove::after {
    content: '\00D7';
    text-indent: 0;
    position: relative;
    top: -.08em;
} */

.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li a:not(.remove) {
    grid-column: 1;
    display: flex;
    gap: .75em;
    font-weight: 400;
    line-height: 1.3;
}

.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li .quantity {
    grid-column: 2;
    text-align: right;
    font-weight: normal;
}

.mini-cart-wrap .mini-cart-contents-wrap .buttons {
    display: flex;
    gap: 1em;
    margin-bottom: 0;
}

.mini-cart-wrap .mini-cart-contents-wrap .buttons > .et_pb_button {
    flex: 1 1 auto;
    font-size: 1.2em;
    text-align: center;
    border-width: .1em;
}

.mini-cart-wrap .mini-cart-contents-wrap .buttons > .et_pb_button::after {
    font-size: 1.6em;
}

.mini-cart-wrap .mini-cart-contents-wrap .total {
    width: calc(100% - var(--cart-item-btn-remove-col-size) - var(--cart-item-col-gap));
    display: grid;
    grid-template-columns: 1fr auto;
}

.mini-cart-wrap .mini-cart-contents-wrap .total .amount {
    font-weight: 700;
}

.amount{
	white-space: nowrap;
}


.widget_product_categories .current-cat > a,
.widget_product_categories .current-cat-parent > a {
    color: var(--bb-green3)
}


.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    background: var(--bb-green3);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
    border-color: #fff;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
    background: #fff;
}

.et_header_style_left .et_search_outer .relevanssi-live-search-results-showing {
    top: 100% !important;
    left: 0 !important
}


.single-product .product .product_meta {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
}


.start-grid-top .et_pb_column {
    display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
.start-grid-top .et_pb_column .et_pb_module::before {
    content: "";  /* Necessary for the pseudo-element to show */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(17 17 17 / 44%);
    opacity: 0;  /* Initially hidden */
    transition: opacity 0.3s ease;  /* For a smooth transition effect */
}
.start-grid-top .et_pb_column .et_pb_module {
    margin-bottom: 0;
    transition: box-shadow 0.3s ease;
}
.start-grid-top .et_pb_column .et_pb_module:hover::before {
    opacity: 1;
}
.start-grid-top .et_pb_column .et_pb_module:hover {
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
}
.start-grid-top .et_pb_column .et_pb_module .et_pb_text_inner {
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.start-grid-top .et_pb_column .et_pb_module.et_pb_text_0 .et_pb_text_inner *,
.start-grid-top .et_pb_column .et_pb_module.et_pb_text_1 .et_pb_text_inner * {
    font-size: 45px;
    color: #fff;
    border: 3px solid white;
    padding: 20px;
    text-transform: uppercase;
}
.start-grid-top .et_pb_column .et_pb_text_0 {
    grid-area: 1 / 1 / 3 / 3;
    height: 350px;
}
.start-grid-top .et_pb_column .et_pb_module.et_pb_text_3 .et_pb_text_inner,
.start-grid-top .et_pb_column .et_pb_module.et_pb_text_2 .et_pb_text_inner {
    font-size: 20px;
    color: #fff;
    background-color: rgb(255 255 255 / 32%);
    height: fit-content;
    padding: 15px;
    justify-content: flex-start;
}
.start-grid-top .et_pb_column .et_pb_text_1 {grid-area: 1 / 3 / 2 / 5;}
.start-grid-top .et_pb_column .et_pb_text_2 {grid-area: 2 / 3 / 3 / 4;}
.start-grid-top .et_pb_column .et_pb_text_3 {grid-area: 2 / 4 / 3 / 5;}


.product_meta .posted_in a, .product_meta .tagged_as a, .cart button, .price {
	color: #7eab21!important;
}

.home .woocommerce ul.products li.product a img {
	height: 300px;
    width: auto;
    object-fit: cover;
    overflow: hidden;
}


@media (max-width: 500px) {
	.home .woocommerce ul.products li.product a img {
		height: 190px;
		width: auto;
    object-fit: cover;
    overflow: hidden;
	}
}


.field-orgnr label .optional {
    display: none;
}


.et_pb_module.et_pb_menu.et_pb_menu_0_tb_header
{
    padding-left: 0 !important;
    padding-top: 0 !important;
    float: none;
    background: var(--menu-bg);
    color: var(--menu-color);
    align-items: center;
  }