/*
Theme Name: Felix-Theme
Theme URI: https://www.farn.de
Author: FARN Design GbR
Author URI: https://www.farn.de
Text Domain: felix-theme
*/

@import url("https://use.typekit.net/otx4hwn.css");

html {
    box-sizing:border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "liga", "clig";
    -moz-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "lnum";
    -moz-font-feature-settings: "liga", "lnum";
    font-feature-settings: "liga", "lnum";
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 100%;
    margin-top: 0 !important;
    overflow-x: hidden;
    font-size:18px;
}
*,
*::before,
*::after {
    box-sizing: inherit;
}
body {
    margin: 0;
    padding: 0;
}



/* Headings */

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color:inherit;
    text-decoration: none !important;
}

/* header */
.home .wp-site-blocks header {
    position: sticky;
    width: 100%;
    top:0;
    background-color: transparent;
    z-index: 10;
}
.wp-site-blocks header .logo img {
    transition: 0.5s;
}
.site_scrolled .wp-site-blocks header .logo img {
    width: 220px !important;
}
.wp-site-blocks header .wp-block-group {
    width: 90%;
    max-width: none;
    margin:0 auto;
}
header + .entry-content {
    margin-top: 0;
}   


/* menu */
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) {
    gap:0.5rem;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child {
    flex-wrap: wrap;
    justify-content: center;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li > a{
    /* padding:1rem 1.5rem; */
    font-size: 1.2rem;
}
.wp-block-navigation ul > li {
    cursor: pointer;
}
.wp-block-navigation ul > li:hover > a,
.wp-block-navigation ul > li.current-menu-item > a{
    font-weight: bold;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > a{
    padding:1rem 0.5rem 1rem 1.5rem;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > .wp-block-navigation__submenu-icon svg path{
    stroke-width:3;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container {
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    border:none !important;
    padding:0;
    position: relative !important;
}
.wp-block-navigation .has-child:not(.open-on-click):hover > ul.wp-block-navigation__submenu-container {
    padding:0.5rem 3rem 1.5rem;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container > li > a{
    padding:1rem 0;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container > li:last-child > a{
    border-bottom: none;
}

.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
    font-size:20px;
}

/* buttons */

p + .wp-block-buttons {
    margin-top: 2.2rem;
}
.wp-block-button__link:not(.has-background) {
    background-color: var(--wp--preset--color--schwarz);
    color:white;
}
.wp-block-button__link:hover {
    background-color: #6ee1b2 !important;
    color:var(--wp--preset--color--schwarz) !important;
}

/*
.wp-block-button__link::after,
.single_add_to_cart_button::after,
.wc-block-components-button__text::after{
    content: "";
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin-left: 15px;
    background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_24' data-name='Gruppe 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.535' height='13.416' viewBox='0 0 24.535 13.416'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_9' data-name='Rechteck 9' width='24.535' height='13.416'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_13' data-name='Gruppe 13' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Pfad_9' data-name='Pfad 9' d='M24.491,7.007c-.242-1.138-1.486-2.128-2.225-2.973L19.426.788a2.937,2.937,0,0,0-3.086-.6c-.824.306-1.572,1.21-.853,2.032.86.984,1.786,1.948,2.671,2.939q-7.813-.334-15.635-.326C.59,4.838-1.4,8.5,1.356,8.491q8.419-.012,16.829.395l-2.556,2.231c-.825.72.033,1.756.771,2.064a3,3,0,0,0,3.107-.476L22.8,9.835c.857-.748,1.972-1.526,1.695-2.828' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E%0A");
    transition:0.2s;
} */
.single_add_to_cart_button,
.wc-block-components-button {
    border-radius: 0;
    font-weight: bold;
    transition:0.2s;
}
.wp-block-button__link {
    transition:0.2s;
}
.wp-block-button__link:not(.has-background-color):hover,
.single_add_to_cart_button:not(.has-background-color):hover,
.wc-block-components-button:not(.has-background-color):hover {
    background-color: var(--wp--preset--color--schwarz);
    color: white;
}
/*
.wp-block-button__link:not(.has-background-color):hover::after,
.single_add_to_cart_button:not(.has-background-color):hover::after,
.wc-block-components-button:not(.has-background-color):hover .wc-block-components-button__text:not(.has-background-color)::after {
    background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_24' data-name='Gruppe 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.535' height='13.416' viewBox='0 0 24.535 13.416'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rechteck_9' data-name='Rechteck 9' width='24.535' height='13.416'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_13' data-name='Gruppe 13' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath fill='%23FFFFFF' id='Pfad_9' data-name='Pfad 9' d='M24.491,7.007c-.242-1.138-1.486-2.128-2.225-2.973L19.426.788a2.937,2.937,0,0,0-3.086-.6c-.824.306-1.572,1.21-.853,2.032.86.984,1.786,1.948,2.671,2.939q-7.813-.334-15.635-.326C.59,4.838-1.4,8.5,1.356,8.491q8.419-.012,16.829.395l-2.556,2.231c-.825.72.033,1.756.771,2.064a3,3,0,0,0,3.107-.476L22.8,9.835c.857-.748,1.972-1.526,1.695-2.828' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E%0A");
} */

/* widths */
.alignfull {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-top: 3rem;
}
.alignwide {
   width:90%;
   margin-left:auto;
   margin-right:auto;
 }
.alignwide > .alignwide,
.wp-block-column > .alignwide {
   width:100%;
   margin-left:auto;
   margin-right:auto;
}
.wp-block-cover.alignfull > .wp-block-cover__inner-container,
.wp-block-group.alignfull {
   width:100%;
 }
.entry-content > :not(.alignwide):not(.alignfull),
.wp-block-cover.alignfull > .wp-block-cover__inner-container > :not(.alignwide):not(.alignfull),
.wp-block-group.alignfull > :not(.alignwide):not(.alignfull) {
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

/* paddings and margins for alignfull blocks */
.wp-block-group.alignfull.has-background,
.wp-block-cover.alignfull{
    padding:3rem 0;
}
.alignfull + * {
    margin-top: 3rem;
}
.alignfull + .alignfull,
.alignfull + footer {
    margin-top: 0 !important;
}
.entry-content > *:last-child:not(.alignfull) {
    margin-bottom:3rem;
}

/* padding for background-color-boxes */
/*
.entry-content .wp-block-group.has-background:not(.alignfull), .wp-block-media-text.has-background .wp-block-media-text__content {
    padding:2em;
    box-sizing: border-box;
} */

/* cover-blocks */
.wp-block-cover.alignfull.has-custom-content-position {
  padding:2rem !important;
}
.wp-block-cover h3 + p {
    margin-top: 0.5rem;
}

/* alignfull columns block */
.home .entry-content > .wp-block-columns.alignfull:first-child {
    padding:0;
}

/* woocommerce */
.wc-block-add-to-cart-form .input-text {
    width: auto !important;
}
.wc-block-components-product-name {
    font-weight: bold;
    color:black;
    text-decoration: none;
}
.wc-block-components-notice-banner {
    border:none;
    border-radius: 0;
}
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 1400px;
}



.wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(auto-fill,minmax(max(250px,calc(33.33333% - 2.66666em)),1fr));
    grid-gap:4em;
}

.woocommerce div.product p.stock:not(.out-of-stock) {
    display: none;
}


/* checkout */
#order_review .wc-gzd-checkbox-placeholder p.form-row label {
    line-height: 1.2;
}
.woocommerce-page form .form-row label {
    margin-bottom: 2px;
}
.wc-block-checkout__payment-method .ppcp-place-order-description {
    display: none;
}
/*
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background-color: transparent;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    border-radius: 0;
} */

:where(.wc-block-next-previous-buttons__icon--right),
:where(.wc-block-next-previous-buttons__icon--left) {
    box-sizing: content-box;
}
/* mini cart in header menu */
/*
.wc-block-mini-cart__quantity-badge::before {
    content:'';
    width: 35px;
    height: 35px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cpath d='M137.39,34.65c-5.17-.78-10.64-.4-15.84-.32-9.27.13-18.54.42-27.81.66-15.58.42-31.6,1.62-47.2.34-4.88-11.23-13.68-21.96-26.52-21.49-4.86.18-10.01,2.48-12.25,7.07-1.78,3.66.06,8.27,4.68,8.1,12.42-.46,18.45,18.34,19.98,27.95,2.36,14.81,1.76,30.25,2.67,45.2.33,5.47,7.04,4.46,10.91,3.09.18-.04.36-.07.53-.11-1.64.9,1.39-.21.14-.03.84-.18,1.69-.36,2.54-.51,2.84-.48,5.71-.8,8.58-1.08,7.16-.7,14.34-1.09,21.52-1.42,12.63-.59,25.65-.25,38.19-2.09,3.55-.52,8.66-3.29,9.98-6.95,6.17-17.11,11.33-34.5,15.26-52.26.83-3.76-2.17-5.68-5.36-6.16ZM46.56,105.14c-.14.02-.32.06-.54.11.62-.22,1.18-.45,1.61-.66-.48.24-.83.41-1.08.55ZM82.22,87.16c-9.17.46-19.48.29-29.01,2.1-.37-7.24-.65-14.49-.99-21.74-.26-5.51-.48-11.03-1.27-16.48,11.74.17,23.6-.58,35.21-.89,9.11-.24,18.23-.52,27.34-.66,3.16-.05,6.42-.2,9.65-.16-2.9,12.31-6.35,24.5-10.42,36.48-2.19.12-4.29.18-6.33.27-8.06.36-16.13.67-24.19,1.07Z'/%3E%3Cpath d='M64.03,112.81c-2.32-1.57-5.06-2.47-7.85-2.68-2.36-.18-4.5.18-6.53.92-2.07.59-4.02,1.68-5.44,2.95-.64.45-1.27,1.09-1.83,1.83-2.09,2.33-3.69,5.15-3.96,8.3-.31,3.69.99,7.42,4,9.73,6.46,4.96,16.49,1.14,21.52-4,4.61-4.71,6.36-12.83.08-17.06Z'/%3E%3Cpath d='M120.67,111.38c-4.04-3.02-8.75-4.08-13.4-3.34-2.1.11-4.23.84-5.75,1.86-1.19.59-2.58,1.7-3.74,3.06-2.53,2.59-4.15,5.77-3.73,9.74.26,2.5,1.39,5.12,2.95,7.08,5.78,7.23,16.16,5.52,22.47-.27,3.13-2.87,6.25-7,5.56-11.54-.41-2.68-2.24-5-4.36-6.59Z'/%3E%3C/svg%3E");
}
.wc-block-mini-cart__icon {
    display: none;
} */

/* mini cart sidebar */
.wp-block-woocommerce-mini-cart-title-block {
    font-family:'Rubik', sans-serif;
}


/* footer */
footer {
    margin-top: 3rem;
}
.alignfull.has-background + footer,
.entry-content:has(>*:last-child.alignfull.has-background) + footer {
    margin-top: 0;
}


/* media queries -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 782px) {
   .home .wp-site-blocks header {
        position: fixed;
    }
}
@media only screen and (min-width: 990px) {
    /* cover-blocks */
    .wp-block-cover.alignfull.has-custom-content-position {
        padding:8rem !important;
    }

    /* main menu */
    .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child {
        flex-wrap: nowrap;
        justify-content: center;
        margin-right: 1.5rem;
    }
    .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li a{
        padding: 0.5rem 1rem 0.5rem 0;
    }
    .wp-block-navigation ul.wp-block-navigation__submenu-container {
        left: -1rem !important;
        right: auto !important;
        width: auto !important;
        -webkit-box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.1);
        box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.1);
        padding:0.5rem 3rem 1.5rem;
        min-width: 250px !important;
        position: absolute !important;
    }

    /* paddings and margins for alignfull blocks */
    .alignfull {
        margin-top:8rem;
    }
    .wp-block-group.alignfull.has-background,
    .wp-block-cover.alignfull{
        padding:8rem 0;
    }
    .alignfull + * {
        margin-top: 8rem;
    }
    .entry-content > *:last-child:not(.alignfull) {
        margin-bottom:8rem;
    }
    
    .entry-content .wp-block-columns.alignfull .wp-block-column .wp-block-cover {
        min-height:100vh !important;
    }

    footer {
        margin-top: 5rem;
    }
        
    
    body.logged-in {
        margin-top: 32px;
    }
    body.logged-in .wp-site-blocks header {
        top:32px;
    }
    body.logged-in .entry-content .wp-block-columns.alignfull .wp-block-column .wp-block-cover {
        min-height:calc(100vh - 32px) !important;
    }
    /* 
    .woocommerce-checkout {
        display: flex;
        gap:3rem;
    } */

    .woocommerce-checkout h1,
    .woocommerce-checkout h2,
    .woocommerce-checkout h3,
    .woocommerce-checkout h4,
    .woocommerce-checkout h5,
    .woocommerce-checkout h6 {
        font-family: var(--wp--preset--font-family--rubik);
        font-weight: 600;
    }
    /*
    .woocommerce-checkout #customer_details .col-1,
    .woocommerce-checkout #customer_details .col-2 {
        width: 100%;
        float:none;
    }
    .woocommerce-checkout #customer_details .col-1,
    .woocommerce-checkout #customer_details .col-2 {
        width: 100%;
        float:none;
    }
    .woocommerce-page table.shop_table {
        width: 100%;
    }
    .form-row#billing_address_1_field {
        width: 47%;
        float:left;
    }
    .form-row#billing_address_2_field {
        width: 47%;
        float:right;
    } */
    
}

/* special media query for content width plus 10vw */
@media only screen and (min-width: calc(1400px + 10vw)) {
    .entry-content .wp-block-columns.alignfull .wp-block-column:first-child:not(:has(.slider:last-child:first-child)):not(:has(.wp-block-image:last-child:first-child)) {
        padding-left: calc(50vw - 700px);
    }
    .entry-content .wp-block-columns.alignfull .wp-block-column:last-child:not(:has(.slider:last-child:first-child)):not(:has(.wp-block-image:last-child:first-child)) {
        padding-right: calc(50vw - 700px);
    }

    .entry-content .wp-block-columns.alignfull .wp-block-column .wp-block-cover{
        padding-left: calc(50vw - 700px);
        padding-bottom: 3rem;
        padding-top: 3rem;
        padding-right: 3rem;
    }
    .entry-content .wp-block-columns.alignfull .wp-block-column .wp-block-cover{
        padding-right: calc(50vw - 700px);
        padding-bottom: 3rem;
        padding-top: 3rem;
        padding-left: 3rem;
    }
}


/* responsive menu in header */
@media only screen and (max-width: 781px) {
    .home .entry-content > .wp-block-columns.alignfull:first-child > .wp-block-column:has(.wp-block-navigation) {
        padding-top:0 !important;
        padding-bottom: 1rem !important;
    }
    .home .entry-content > .wp-block-columns.alignfull:first-child .wp-block-navigation__container {
        flex-direction: row;
        justify-content: center;
        gap:0 2rem;
        width: 100%;
    }
    .home .entry-content > .wp-block-columns.alignfull:first-child .wp-block-navigation__container > li > a {
        padding:0.2rem 0;
    }
    .home .entry-content > .wp-block-columns.alignfull:first-child > .wp-block-column .wp-block-cover {
        min-height: 500px !important;
    }
    
}
@media only screen and (max-width: 500px) {
    .home .entry-content > .wp-block-columns.alignfull:first-child .wp-block-navigation__container {
        justify-content: flex-start;
        gap:0 1rem;
    }
}