/*
Theme Name: Number Three One - Child
Theme URI: https://standoutmedia.dk/
Author: Standoutmedia A/S
Author URI: https://standoutmedia.dk/
Description: Et helt specielt Standoutmedia Tema
Template: number-three-one
Text Domain: number-three-child
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ===== CSS Variables ===== */

:root {
    /* Font sizes */
    --h1: 105px;
    --h2: 60px;
    --h3: 35px;
    --h4: 22px;
    --h5: 16px;
    --h6: 14px;
    --p: 18px;

    /* Gaps */
    --gap-l: 90px;
    --gap-m: 40px;
    --gap-s: 20px;

    /* font families */
    --h-fam: "kepler-std", serif;
    --p-fam: "Inter", sans-serif;
    --btn-fam: var(--p-fam);

    /* colors */
    --color-1: #213B3C;
    --color-2: #213B3C;
    --color-bg: #f6f6f6;
    --color-text: #213B3C;
    --color-dark: #213B3C;
    --color-overlay: rgb(0 0 0 / 0);

    /* transitions */
    --transition: .175s ease-out;

    /* Margin on the right and left of the main content sections (change 0 to 1 to match template distances)*/
    --content-margin: calc(0 * var(--gap-m));
    --slider-text-width: 800px;
    
    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */
}


/* ===== END CSS Variables ===== */


/*======================================================================//
// style.css                                                            //
//======================================================================*/


/* Generel */
body {
	background-color: #E2E1D9;
}

#masthead{
    background-color: #E2E1D9 !important;
}

p {
    margin: 0 0 1.25em;
}

p + .stom-button {
    margin-top: 30px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
    font-family: var(--h-fam);
    line-height: 1;
}

h1 {
    letter-spacing: 1.05px;
}

h2, h3, h4 {
    letter-spacing: 0.6px;
}

span.sub-heading {
    display: block;
    font-size: var(--p);
    font-weight: 350;
    text-transform: uppercase;
    letter-spacing: 0.18px;
    margin-bottom: 10px;
}

html, body, input, select, optgroup, textarea {
    font-weight: 350;
    line-height: 1.3;
}

.page-slider-section .stom-button a{
    padding: 10px 20px;
    border-radius: 50px;
    background-color: transparent;
    font-size: 22px;
    font-family: var(--h-fam) !important;
}

/* Sections */
.section-wrap.clear.stom-billede-sektion {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.stom-billede-sektion .section .stom-cols-6 {
    align-items: flex-start;
    padding-top: 0;
    min-height: 730px;
}

/* Header */

.header-sticky-active.scrolled header .site-branding #logo {
    padding: 20px 0;
}

.header-sticky-active.scrolled header .site-branding #logo img.logo-landscape{
    max-height: 65px;
}


.site-branding #logo img, 
.site-branding #logo svg {
    max-width: 154px;
    max-height: 65px;
    width: auto;
    height: auto;
}

header .top-bar .top-bar-right{
    justify-content: center;
    gap: 90px;
    padding-block: 8px;
}

header .top-bar .top-bar-right p{
    display: flex;
    gap: 7px;
    font-size: 16px !important;
}

header .main-navigation ul.menu a{
    font-size: var(--p);
    font-weight: 350;
    color: #213B3C;
    padding: .7em 1em;
}

.style-header-02 .site-branding #logo{
    padding: 20px 0;
}

header.site-header .section-wrap .section {
    border-bottom: 1px solid #7F5A1C;
}

header .main-navigation ul.menu a .stom-menu-item-arrow {
    opacity: 1;
    font-size: 12px;
    font-family: 300;
    margin-left: .25em;
}

#woo-icons{
    /* gap: 30px;
    margin-left: 62px; */
}

.woo-search,
.my-account,
.site-header-cart{
    margin: 0 !important;
}

#woo-icons .woo-search span{
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    padding: 10px;
    gap: 5px;
}

.woo-search span::after{
    content: "Søg";
    font-size: 14px;
    padding-right: 60px;
}

#woo-icons .my-account a{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#woo-icons .my-account a::after{
    content: "Login";
    font-size: 14px;
}

.stom-button a {
    display: inline-block;
    background-color: #E2E1D9;
    border: 1px solid var(--color-1);
    color: var(--color-1);
    font-size: 22px;
    font-family: var(--h-fam);
    border-radius: 25rem;
    line-height: 1;
    padding: 8px 20px;
}

.stom-button a .stom-custom-svg {
    font-size: 36px;
    line-height: 0;
    margin-left: .25em;
}

span.read-more a {
    text-decoration: none;
    font-size: 20px;
    font-family: var(--h-fam);
}

/* forside */
.page-slider-section .slider-text-inner{
    display: flex;
    justify-content: center;
}

.page-slider-section .slider-text-inner .white-text{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page-slider-section .slider-text-inner .white-text h1{
    color: #FFF;
    text-align: center;
    font-family: var(--h-fam);
    font-size: 105px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.05px; 
}

.page-slider-section .slider-text-inner .sub-heading{
    color: #FFF;
    text-align: center;
    font-family: var(--p-fam);
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
}

.main-slider-section .white-text .stom-button a{
    border: 1px solid #fff;
}


/* Frontpage */
.section-wrap.clear.category-section {
    margin-inline: 0;
    padding-left: calc(var(--gap-l) * 2);
}

.section-wrap.clear.category-section .section {
    margin-inline: 0;
}

.section-wrap.clear.category-section .section .grid-elements .grid-element-slider-wrap .grid-element .overlay {
    padding: 0;
    margin-top: 20px;
    grid-row: inherit;    
}

.section-wrap.clear.category-section .section .grid-elements .grid-element-slider-wrap .grid-element .overlay > h2,
.section-wrap.clear.category-section .section .grid-elements .grid-element-slider-wrap .grid-element .overlay > h3 {
    font-size: var(--h3);
    margin-bottom: 0;
}

.category-section .grid-element-slider-wrap .slick-prev{
    display: none;
}

/* Produkt visning */
.section-wrap.clear.stom-products-section {
    margin-top: var(--gap-l);
}

.section-wrap.clear.stom-products-section .section {
    display: block;
}

.section-wrap.clear.stom-products-section .section .woocommerce {
    border-top: none;
    padding-top: 0;
    margin-top: 30px;
}

.section-wrap.clear.stom-products-section .section .woocommerce ul.products.slick-slider .slick-list {
    margin-left: -15px;
    margin-right: -15px;
}



/* Om Nordisk */


/* Visit */

.visit-us {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.visit-us::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    pointer-events: none;
}

.visit-us::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid #fff;
    box-sizing: border-box;
    pointer-events: none;
}

.visit-us .section {
    position: relative;
}

.section-wrap.clear.visit-us.section-fullpage.has-background .section{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-block: calc(var(--gap-l) * 4);
}

.visit-us .section h2,
.visit-us .section p{
    color: #fff;
}

.visit-us .section h2{
    font-size: var(--h2);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.visit-us .section p{
    font-size: var(--p);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 20px;
}

.visit-us .section p:first-of-type{
    text-transform: uppercase;
}

.visit-us .section .stom-button a{
    display: flex;
    align-items: center;
    border-radius: 50px;
    padding: 15px 20px;
    gap: 5px;
    background-color: transparent;
    border: 1px solid #fff;
    font-family: var(--h-fam);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Footer */
.section-wrap.clear.info-footer-section {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.info-footer-section .section .grid-elements {
    column-gap: var(--gap-l);
    row-gap: var(--gap-l);
}

.section-wrap.clear.info-footer-section .section .grid-elements .grid-element .overlay {
    justify-content: flex-start;
}

.section-wrap.clear.info-footer-section .section .grid-elements .grid-element.has-background .overlay {
    grid-row: inherit;
    padding: 0;
    margin-top: 25px;
}

.section-wrap.clear.info-footer-section .section .grid-elements .grid-element.has-background .overlay > h2,
.section-wrap.clear.info-footer-section .section .grid-elements .grid-element.has-background .overlay > h3 {
    font-size: var(--h2);
    margin-bottom: 0;
}

.section-wrap.clear.info-footer-section .section .grid-elements .grid-element.push {
    transform: translateY(var(--gap-l));
}

.section-wrap.clear.instagram-section {
    margin-top: calc(var(--gap-l) * 3);
}

.section-wrap.clear.instagram-section .section .grid-elements {
    gap: 0;
}

.section-wrap.clear.instagram-section .section .grid-elements .grid-element .overlay {
    justify-content: flex-start;
}

.section-wrap.clear.instagram-section .section .grid-elements .grid-element.cover .overlay {
    justify-content: space-between;
    padding: 70px var(--gap-l);
}

.section-wrap.clear.instagram-section .section .grid-elements .grid-element.cover .overlay:after {
    display: none;
}

.section-wrap.clear.instagram-section .section .grid-elements .grid-element.cover .overlay > .title {
    color: #fff;
    font-weight: 300;
    font-family: var(--h-fam);
    font-size: var(--h2);
}

.section-wrap.clear.instagram-section .section .grid-elements .grid-element.feed .overlay {
    padding-left: var(--gap-l);
}

.section-wrap.clear.instagram-section .section .grid-elements .grid-element.feed .overlay #sb_instagram > #sbi_images {
    padding: 0;
    margin-inline: inherit;
    width: 100%;
}

/*.footer-second .section .grid-elements .grid-element:nth-child(2) .overlay #sb_instagram{
    padding-left: 120px;
} GG */

.footer-second .section.section.columns-2 .grid-elements .grid-element.has-background img{
    height: 100%;
}

.footer-second .section .grid-elements .grid-element:nth-child(2){
    transform: translateX(120px);
}

.section-wrap.clear.stom-grid-section.footer-last.has-background{
    margin-top: calc(var(--gap-l) * 2);
}

.footer-last .section.columns-2 .grid-elements .grid-element .overlay h2{
    color: var(--Beach, #E2E1D9) !important;
    font-family: var(--h-fam);
    font-size: 60px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.footer-last .section{
    padding-top: 90px;
    padding-bottom: 0;
}

.footer-last h2,
.footer-last h3,
.footer-last p{
    color: #fff;
    margin: 0;
}

.footer-last h2{
    color: var(--Beach, #E2E1D9);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.footer-last h3{
    color: var(--Beach, #E2E1D9);
    font-family: var(--h-fam);
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.footer-last p{
    color: var(--Beach, #E2E1D9);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: var(--p-fam);
}

.footer-setting-02 .footer-widget-area .section{
    border-top: 1px solid #E2E1D9;
}

.footer-last .section .grid-elements {
    display: flex;
}

.footer-last .section .grid-elements > *:nth-child(1) {
    flex: 0 0 60%;
}

.footer-last .section .grid-elements > *:nth-child(2) {
    flex: 0 0 40%;
}

.footer-last .section .grid-elements .grid-element .overlay{
    justify-content: flex-start;
    gap: 30px;
}

#colophon.footer-setting-02{
    font-size: var(--p);
    font-weight: 275;
    background-color: #213B3C;
}

#colophon .widget-title {
    color: #E2E1D9;
    font-size: 35px;
    font-weight: 700;
    font-family: var(--h-fam);
    line-height: normal;
}

#colophon  .grid-element:nth-child(2) .textwidget,
#colophon  .grid-element:nth-child(3) .textwidget,
#colophon  .grid-element:nth-child(4) .textwidget{
    display: flex;
    gap: 20px;
    flex-direction: column;
}

#colophon  .grid-element:nth-child(2) .textwidget p,
#colophon  .grid-element:nth-child(3) .textwidget p,
#colophon  .grid-element:nth-child(4) .textwidget p{
    margin: 0;
}

#colophon .socials-wrapper > *:nth-child(1){
    display: none;
}

#colophon .stom-social-shortcode{
    color: #E2E1D9;
}

/* product page */

.custom-product-label.label-for-sale{

}

.custom-product-label{
    color: var(--White-skies, #FFF);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 5px;
background-color: #7F5A1C;
}

.woocommerce ul.products li.product .custom-product-label{
    top: 10;
    left: 135px;
}

.custom-product-label .display{
    margin: 0;
}

.custom-product-label .filler{
    display: none;
}

.tax-product_cat .category-top-container .container{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.tax-product_cat .category-top-container .container .element p a{
    border-radius: 50px;
}

.tax-product_cat .stom-product-header-wrapper{
    display: flex;
    gap: 10px;
}

.produkter-med-kat .section{
    display: flex;
    gap: 70px;
}

.produkter-med-kat .section .produkter{
    order: 2;
}

.produkter-med-kat .section .kategorier{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.produkter-med-kat .section .kategorier h2{
    color: #213B3C !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.product-page .woocommerce .woocommerce-ordering select{
    background-color: transparent;
    border: none;
    color: #213B3C;
}

.product-page .woocommerce .stom-product-count-sorting-wrap .woocommerce-result-count{
    color: #213B3C !important;
}

.product-page .woocommerce nav.woocommerce-pagination{
    padding-bottom: var(--gap-l);
}

.tax-product_cat .woocommerce nav.woocommerce-pagination ul li span{
    background-color: transparent;
    color: #213B3C !important;
}

.tax-product_cat .woocommerce-pagination ul li a{
    background-color: transparent !important;
    color: #213B3C !important;
    opacity: 0.5;
    margin: 0 !important;
}



.site-content #primary .filter-wrapper{
    display: flex;
    gap: 10px;
}

.berocket_single_filter_widget .bapf_sfilter.bapf_slct{
    background-color: transparent;
    border: 1px solid #213B3C;
}

.bapf_sfilter .bapf_head{
    border: 1px solid #213B3C;
}

.bapf_sfilter .bapf_head h3{
    color: #213B3C !important;
    text-transform: capitalize !important;
}

.product-page .bapf_sfilter{
    background-color: transparent;
    border: none;
}

.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
}

.woocommerce ul.products li.product .product-attributes-wrap {
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
}

.woocommerce ul.products li.product .product-attributes-wrap .attributes .product-attribute {
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid var(--color-1);
    border-radius: 25rem;
    padding: 2px 5px;
    line-height: 1;
}

.woocommerce ul.products li.product .product-category {
    font-size: 14px;
    opacity: 1;
    line-height: 1.25;
    margin-bottom: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 24px;
    font-family: var(--h-fam);
    font-weight: 400;
    max-width: 100% !important;
    margin-bottom: 20px;
}


.woocommerce ul.products li.product .price {
    display: flex;
    align-items: center;
    color: var(--color-1);
    font-family: var(--h-fam);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 40px;
}

.woocommerce ul.products li.product a.add_to_cart_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px;
    border-radius: 5px;
    background-color: var(--color-1) !important;
}

.woocommerce ul.products li.product a.add_to_cart_button .stom-custom-svg {
    font-size: 22px;
    color: #fff;
}

.product-page .product-category{
    color: #213B3C !important;
    opacity: 1 !important;
    font-size: 14px;
}

.bapf_sfilter{
    background-color: transparent;
}

.product-page .bapf_sfilter.bapf_button_light .bapf_button{
    background-color: transparent !important;
    background: transparent !important;
    border: 1px solid #213B3C;
    color: #213B3C;
}

.product-page .filter_header{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.produkter-med-kat .section .kategorier .product-cat-list{
    list-style: none;
    padding: 0;
}

.produkter-med-kat .section .kategorier .product-cat-list li a{
    color: #213B3C;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    text-decoration: none;
}

.product-page .section-wrap.clear.stom-billede-sektion.has-background{
    margin-top: 0;
}

.product-page .sub-heading p{
    color: #fff !important;
}

.product-page h1,
.product-page h2,
.product-page h3,
.product-page p{
    color: #fff !important;
}

.produkter-med-kat .section .test{
    display: flex;
    flex-direction: column;
    order: 2;
}

.produkter-med-kat .section .kategorier{
    order: 1;
}

#woocommerce_product_categories-3{
    background-color: #E2E1D9 !important;
}

.custom-overflow-wrapper #woocommerce_product_categories-3 .product-categories{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 0;
}

.custom-overflow-wrapper #woocommerce_product_categories-3 .product-categories .cat-item{
    list-style: none;
    text-decoration: none;
}

.custom-overflow-wrapper #woocommerce_product_categories-3 .product-categories .cat-item a{
    text-decoration: none;
}

/* Products grid */

.product-page .woocommerce.columns-4 .products.columns-4{
    display: grid;
    grid-template-columns: repeat(var(--grid-4-cols), minmax(0, 1fr));
    gap: 30px;
}

.product-page .woocommerce.columns-4 ul.products li.product{
    max-width: 100%;
    width: auto !important;
}

.product-page .woocommerce ul.products::before{
    display: none !important;
}

.product-page .kategori-toggle,
.product-page .kategori-close,
.product-page .kategori-overlay {
    display: none;
}



/* Header */

.tax-product_cat #masthead .section-wrap .section{
    margin-inline: var(--gap-l);
    
}

.tax-product_cat #masthead .section-wrap .section .top-bar-right{
    justify-content: flex-start !important;
}

.tax-product_cat .site-main .category-top-container{
    background-color: #213B3C;
}

.tax-product_cat .site-main .category-top-container .container{
    padding-inline: calc(var(--gap-l) * 2);
}

.tax-product_cat .site-main .category-top-container h2{
    font-family: var(--h-fam);
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    color: #fff;
    padding-inline-start: calc(var(--gap-l) * 2);
    padding-top: 30px;
}

.tax-product_cat .site-main .category-top-container .container .element{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tax-product_cat .site-main .category-top-container .container .element p{
    margin: 0 !important;
}

.tax-product_cat .site-main .category-top-container .container .element p img{
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-height: 100px;
    max-width: 100px;
}

.tax-product_cat .site-main .category-top-container .container .element h3{
    font-family: var(--h-fam);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #fff;
    margin: 0 !important;
        padding-bottom: 30px;
}

.tax-product_cat #primary .stom-product-header-wrapper .woocommerce-breadcrumb{
    display: none;
}

.tax-product_cat #primary .stom-product-header-wrapper{
    padding-top: 0;
}

.product-page .section-wrap .columns-7 .grid-elements{
    gap: 20px;
}

.product-page .columns-7 .grid-elements .grid-element.grid-element.has-background{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.product-page .stom-grid-section .grid-element.has-background .overlay{
    padding: 0;
}

.product-page .columns-7 .grid-elements .grid-element.grid-element.has-background img{
    border-radius: 50%;
    aspect-ratio: 1/1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-height: 100px;
    max-width: 100px;
}

.product-page .columns-7 .grid-elements .grid-element .overlay h2{
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.product-page .columns-7 .grid-elements .grid-element.grid-element.has-background .overlay p{
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.tax-product_cat .site-main .site-content .content-area .woocommerce-products-header .page-title{
    font-size: 40px;
    color: #213B3C;
}

.tax-product_cat .site-main .site-content .category-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 30px;
}

.tax-product_cat .site-main .site-content .category-pagination a{
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: var(--p-fam);
    padding: 20px;
    background-color: #213B3C;
    color: #fff;
    width: 100%;
    max-width: 297px;
    justify-content: center;
    text-decoration: none;
}
/* Ren og håndlavet */

.product-page .stom-billede-sektion .section{
    display: flex;
    align-items: center;
}

.product-page .stom-billede-sektion .stom-picture{
    padding-block: var(--gap-l);
}

.product-page .stom-billede-sektion{
    margin-bottom: 0 !important;
}

/* Økologiske olier */

.product-page .øko-olie.section-wrap.has-background{
    margin-top: 0;
    padding-inline: 0;
}

.product-page .øko-olie .section{
    margin-inline: calc(var(--gap-l) * 5);
}

.product-page .øko-olie.section-wrap.has-background .section .sub-heading,
.product-page .øko-olie.section-wrap.has-background .section h2,
.product-page .øko-olie.section-wrap.has-background .section p{
    color: #213B3C !important;
}

/* footer */

.product-page .footer-first p,
.product-page .footer-second p,
.product-page .footer-first h2,
.product-page .footer-second h2{
    color: #213B3C !important;
}

.site-footer.footer-setting-02 .socials-wrapper{
    display: flex;
}

.socials-wrapper a:nth-child(2){
    order: 1;
}

/* Single products */

.single-product .summary .product_meta .posted_in{
    display: flex;
    flex-direction: column;
    border-top: 1px solid #7F5A1C;
    border-bottom: 1px solid #7F5A1C;
    padding-block: calc(var(--gap-s) * 1.5);
}

.single-product .summary .product_meta a{
    color: var(--Ocean-blue, #213B3C);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
    text-decoration: none;
    display: block;
    padding-left: 15px;
    position: relative;
}

.single-product .summary .product_meta a::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #7F5A1C;
}

.single-product div.product p.price{
    padding-block: 30px;
    margin: 0;
}

.single-product #primary .product  .summary .product_title{
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.4px;
}

.single-product #primary .product .summary .price .woocommerce-Price-amount bdi{
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #213B3C;
}

.single-product-fullwidth .quantity .stom-input-wrap .input-text.qty{
    border-radius: 50px;
    width: 53px;
    height: 53px;
}

.single-product-fullwidth div.product form.cart{
    display: flex;
    padding-block: 30px;
}

.single-product-fullwidth div.product form.cart .button.single_add_to_cart_button:not(.disabled){
    background-color: #7A9681 !important;
    width: 477px;
    max-width: 100%;
    border: none;
    border-radius: 50px;
}

.single-product #primary .product .summary .nss-product-attributes{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-top: 1px solid #7F5A1C;
    border-bottom: 1px solid #7F5A1C;
    padding-block: 30px;
}

.single-product #primary .product .summary .nss-product-attributes li{
    color: #213B3C;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
}

.single-product #primary .product .summary .nss-product-attributes li::marker{
    color: #7F5A1C;
}

.single-product #primary .product .summary .in-stock{
    display: none;
}

.nss-accordion-content h2 {
    display: none !important;
}

.nss-accordion-content {
    display: none;
}

.nss-accordion.is-open .nss-accordion-content {
    display: block;
}

.nss-accordion .nss-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nss-accordion .nss-wrapper .nss-accordion-arrow img{
    width: 13px;
    height: 8px;
    aspect-ratio: 13/8;
}

.single-product #primary .nss-accordions .nss-accordion{
    border-top: 1px solid #7F5A1C;
    border-bottom: 1px solid #7F5A1C;
}

.single-product #primary .nss-accordions .nss-accordion .nss-accordion-title {
    margin: 0 !important;
    padding-block: 20px;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.single-product #primary .stom-product-header-wrapper .product_title{
    display: none;
}

.single-product-fullwidth #primary .stom-product-header-wrapper{
    border-bottom: none;
}

#primary .woocommerce-breadcrumb a{
    color: #7F5A1C;
}

.single-product .site-main{
    border-top: 1px solid #7F5A1C;
}

.single-product header .top-bar .top-bar-right{
    justify-content: flex-start;
}

.single-product .site-header .section-wrap .section{
    margin-inline: 66px;
}

.single-product div.product div.images a img{
    width: 100% !important;
    object-fit: cover;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
    margin: 0 0 90px;
}

.single-product .related.products.stom-slick h2{
    color: var(--Ocean-blue, #213B3C);
    font-family: var(--h-fam);
    font-size: 60px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.6px;
}


/*======================================================================//
// END style.css                                                        //
//======================================================================*/


/*======================================================================//
// woocommerce.css                                                      //
//======================================================================*/


/* woocommerce style goes here */


/*======================================================================//
// END woocommerce.css                                                  //
//======================================================================*/