/*
Theme Name: Enfold
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

.pum-container div {
	text-align: center !important;
}

h1 {
    font-family: "neue-haas-unica", sans-serif !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    line-height: 44px !important; 
    text-transform: uppercase !important;
    color: white !important;
    }

h2 {
font-family: "neue-haas-unica", sans-serif !important;
font-size: 34px !important;
font-weight: 900 !important;
line-height: 38px !important; 
text-transform: uppercase !important;
}

h3, .pum-title {
    font-family: "neue-haas-unica", sans-serif !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 28px !important; 
    text-transform: uppercase !important;
    }

h4 {
    font-family: "skew-variable", sans-serif;
font-variation-settings: "wght" 700;
font-size: 28px !important;
line-height: 32px !important;
}


h5 {
    font-family: "neue-haas-unica", sans-serif !important;
font-size: 22px !important;
font-weight: 800 !important;
line-height: 30px !important; 
}

h6 {
    font-family: "skew-variable", sans-serif;
font-variation-settings: "wght" 700;
color: #FFCC00 !important;
font-size: 24px !important;
}



p {
  font-family: "neue-haas-unica", sans-serif !important;
  font-size: 16px !important;
  line-height: 24px !important;
	font-weight: 300 !important;
}

.av-subheading_above p {
font-family: 'Merriweather', sans-serif !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 28px !important;
text-transform: uppercase !important;
}

.avia-button, .wpforms-submit {
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 0px !important;
    border: 0px solid white !important;
    box-shadow: unset !important;
    padding: 0 20px !important;
    font-family: 'Merriweather', sans-serif !important;
font-size: 16px !important;
color: #1D1D1B !important;
font-weight: 600 !important;
}

.button-black .avia-button, .wpforms-submit {
    background-color: #1D1D1B !important;
    color: white !important;
}

.av-special-heading {
    margin-top: 0px !important;
}


body .column-top-margin {
    margin-top: 30px !important;
}

.hero .content {
    vertical-align: bottom !important;
}

.packshot-product {
	max-width: 1200px !important;
}

.three-section img {
    width: 126px !important;
    height: 126px !important;
    margin-bottom: 20px !important;
}

    .separator img {
		width: 100% !important;
        height: 10px !important;
        object-fit: cover !important;
    }

.cta {
    background-color: #fcfbfa !important;
    background-image: url(https://pataclette.ch/wp-content/uploads/2025/06/patate.png), url(https://pataclette.ch/wp-content/uploads/2025/06/fromage.png) !important;
    background-size: contain, contain;
    background-repeat: no-repeat, no-repeat;
    background-position: -80px 120px, calc(100% + 270px) -90px;
}

.cta-black {
    background-image:  url(https://pataclette.ch/wp-content/uploads/2025/06/patate-black.png), url(https://pataclette.ch/wp-content/uploads/2025/06/fromage-black.png), url(https://pataclette.ch/wp-content/uploads/2025/06/ardoise.jpg) !important;
    background-size: contain, contain, cover;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: -80px 120px, calc(100% + 270px) -90px, center;
}

.av_promobox {
    background: transparent !important;
    border: 0px solid white !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.av_promobox h2, .av_promobox p {
    color: white !important;
}

.av_promobox .avia-button {
    top: 40px !important;
    right: 0 !important;
}

.img-mask, .column-slider {
    position: static !important;
}

.av-masonry-outerimage-container {
    background: transparent !important;
}

.img-mask img, .av-masonry-image-container {
    -webkit-mask-image: url('https://pataclette.ch/wp-content/uploads/2025/06/img-mask.svg');
    mask-image: url('https://pataclette.ch/wp-content/uploads/2025/06/img-mask.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
  }

  .img-mask .avia-image-overlay-wrap::after {
    content: '' !important;
    width: 51px !important;
    height: 107px !important;
    background: url(https://pataclette.ch/wp-content/uploads/2025/06/arrow-img.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute;
    display: block;
    left: 40px !important;
    bottom: -30px !important;
  }

  .img-partner div {
    -webkit-mask-image: url('https://pataclette.ch/wp-content/uploads/2025/06/partner-mask.svg');
    mask-image: url('https://pataclette.ch/wp-content/uploads/2025/06/partner-mask.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
  }


.img-mask .avia-slideshow-dots {
    position: absolute !important;
}

.doodle-title-heart h2, .doodle-title-idea h2 {
    display: inline-block !important;
}

.doodle-title-heart::after {
    content: '' !important;
    width: 72px !important;
    height: 98px !important;
    background: url(https://pataclette.ch/wp-content/uploads/2025/06/heart-icon.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: relative;
    top: -20px !important;
    left: 30px !important;
    display: inline-block;
}

.doodle-title-idea::after {
    content: '' !important;
    width: 130px !important;
    height: 130px !important;
    background: url(https://pataclette.ch/wp-content/uploads/2025/06/idea-icon.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: relative;
    top: -20px !important;
    left: 30px !important;
    display: inline-block;
}



.arrow-right-img {
    position: absolute;
    left: calc(63.59% + 50px) !important;
    bottom: 80px !important;
    z-index: 999 !important;
}

.arrow-left-img {
	    position: absolute;
    left: 50px !important;
    bottom: 80px !important;
    z-index: 999 !important;
}

.legend-img h4 {
    max-width: calc(100% - 100px) !important;
    position: relative !important;
    left: 100px !important;
    font-variation-settings: "wght" 400;
}

.goto-slide {
    overflow: visible !important;
    background-color: transparent !important;
    margin: 0 14px !important;
    font-size: 0px !important;
    opacity: 0.9 !important;

}

.goto-slide::before {
    content: '' !important;
    background: url(https://pataclette.ch/wp-content/uploads/2025/06/dot.svg);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 22px !important;
    width: 22px !important;
    display: block !important;
    top: -30px !important;
    left: -5px !important;
    position: relative;
    filter:brightness(1) !important;  
}

.event-left-section .goto-slide::before {
	    background: url(https://pataclette.ch/wp-content/uploads/2025/06/black-dot.svg);
}

.goto-slide.active::before {
    background: url(https://pataclette.ch/wp-content/uploads/2025/06/yellow-dot.svg);
}



.rs-col .avia_codeblock {
    text-align: right !important;
}

.rs-col i {
    color : white !important;
}

.avia-logo-element-container {
    margin-top: 0px !important;
}

.avia-logo-element-container .slide-entry-wrap {
    display: flex;
    gap : 30px !important;
    flex-wrap: nowrap !important;
}



.experience-section img {
    -webkit-mask-image: url('https://pataclette.ch/wp-content/uploads/2025/06/img-mask-2.svg');
    mask-image: url('https://pataclette.ch/wp-content/uploads/2025/06/img-mask-2.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
}

.ingredient-section .av_one_third img {
    max-width: 400px !important;
}

.ingredient-section .flex_column_table:last-child {
    margin-top: -50px !important;
}



.step-1, .step-2, .step-3 {
    display: flex;
    gap: 20px !important;
    align-items: center !important;
    margin: 15px 0;
}

.step-1:before {
content:'' !important;
background: url( https://pataclette.ch/wp-content/uploads/2025/06/1-step.png);
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
height: 50px !important;
width: 50px !important;
}

.step-2:before {
    content:'' !important;
    background: url( https://pataclette.ch/wp-content/uploads/2025/06/2-step.png);
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 50px !important;
    width: 63px !important;
    }

    
    .step-3:before {
        content:'' !important;
        background: url( https://pataclette.ch/wp-content/uploads/2025/06/3-step.png);
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        height: 50px !important;
        width: 50px !important;
        }

        .polaroid {
            position: relative;
            bottom: -160px !important;
            z-index: 9998 !important;
        }

        .wp-grid-builder {
            margin: 20px 0 !important;
        }

        .contact-section i {
            color: white !important;
        }

        .contact-section p {
            display: flex;
            gap: 10px;
            align-items: center !important;
        }

        .contact-section a {
            color: #000 !important;
        }

        .contact-section a:hover {
            text-decoration: underline !important;
        }

        .wpforms-field {
            padding: 0 !important;
        }

        .wpforms-field label {
            font-family: "neue-haas-unica", sans-serif !important;
            font-size: 16px !important;
            line-height: 24px !important;
            font-weight: 700 !important;
            margin-bottom: 3px !important;
        }

        .wpforms-field input,  .wpforms-field textarea, .wpforms-field select {
            min-height: 56px !important;
            border: 1px solid #000 !important;
            background: transparent !important;
            font-family: "neue-haas-unica", sans-serif !important;
            font-size: 16px !important;
            line-height: 24px !important;
			padding-left: 15px !important;

        }

        .wpforms-required-label {
            color: red !important;
        }

/* HEADER */

#header_main {
    border-width: 0px !important;
}

#header_main .container {
    height: 180px !important;
}

.header_color .header_bg {
    opacity: 1 !important;
}

.html_header_top #top .av_logo_right .logo {
    right: inherit;
    left: 80px;
    top: 24px;
}

    .logo {
        width: 100% !important;
        position: relative !important;
        z-index: 99999 !important;
        float: none !important;
        margin: 0 auto !important;
        pointer-events: none !important;
    }

    .logo a {
        display: inline-block !important;
        position: relative !important;
        z-index: 9999 !important;
        pointer-events: auto !important;
    }

.logo svg {
    padding: 10px 20px !important;
    position: relative;
    z-index: 9999 !important;
    width: 268px !important;
}



.logo::before, .logo::after {
content: '' !important;
background: url(https://pataclette.ch/wp-content/uploads/2025/06/line.svg) !important;
background-repeat: no-repeat !important ;
background-size: cover !important;
width: calc(50% - 134px) !important;
display: inline-block !important;
height: 10px !important;
position: relative !important;
top: -70px !important;
z-index: 9999 !important;
}

.logo::before {
    background-position: center left !important;
}

.logo::after {
    background-position: center right !important;
}

#top #av-burger-menu-ul {
    vertical-align: bottom !important;
}

.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a {
    transition: 0.3s;
}


.main_menu {
    left: 0 !important;
    right: auto !important;
    position: absolute !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: column !important;
    top: 35px !important;
    gap: 5px !important;
}

.main_menu::after {
    content: 'MENU';
    color: white !important;
    font-family: "neue-haas-unica", sans-serif;
font-weight: 700;
z-index: 9999 !important;
position:  relative !important;
}


.av-burger-menu-main {
    display: block !important;
}

#avia-menu .menu-item {
    display: none !important;
}

.av-burger-menu-main,
.av-burger-menu-main a {
    padding: 0 !important;
}

.html_av-overlay-side .av-burger-overlay-scroll {
    right: auto;
    top: 0 !important;
    left: 0;
}


.html_av-overlay-side .av-burger-overlay-scroll {
    width: 100%;
    -webkit-transform: translateY(-100vh);
    transform: translateY(-100vh);
}

#header_main .inner-container {
    display: inline-flex !important;
    justify-content: flex-end !important;
}

#header_main .container, .main_menu ul:first-child > li a {
    height: auto !important;
    line-height: normal !important;
}

.av-hamburger-inner,
.av-hamburger-inner::before,
.av-hamburger-inner::after {
    height: 2px;
    border-radius: 0px;
    color: white !important;
}

#polylang-4 {
    display: none !important;
}

#polylang-2 {
    padding: 0 !important;
    position: absolute;
    z-index: 9999 !important;
    width: fit-content !important;
    top: 45px !important
}

.lang-item {
    display: inline-block !important;
    margin-left: 10px !important;
}

.pll-switcher-select {
    background: transparent !important;
    border: 0px solid white !important;
}

.lang-item a, .pll-switcher-select {
    font-family: "neue-haas-unica", sans-serif;
font-weight: 700 !important;
font-style: normal;
font-size: 16px !important;
color: white !important;
transition: all 0.15s ease-in-out !important;
}

.lang-item.current-lang a, .lang-item a:hover {
    color: #FFCC00 !important;
}

/* MENU */

.av-hamburger-box {
    width: 42px !important;
    opacity: 1 !important;
     color: white !important;
}

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after,
.header_color .av-hamburger-inner,
.header_color .av-hamburger-inner::before,
.header_color .av-hamburger-inner::after {
    background-color: white !important;
    border-color: white !important;
    opacity: 1 !important;
}

.av-burger-overlay-scroll {
    background-color: #1D1D1B !important;
    background-image: 
    url(https://pataclette.ch/wp-content/uploads/2025/07/bg-menu-2.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center bottom !important;
}


#av-burger-menu-ul li a {
    border: 0px solid white !important;
    font-family: 'neue-haas-unica', sans-serif !important;
    color: white !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 45px !important;
    line-height: 48px !important;
    width: fit-content !important;
    text-transform: uppercase !important;
    margin: 0 auto !important;
}

#av-burger-menu-ul li.current-menu-item .avia-menu-text {
    color: #FFCC00 !important;
}


#av-burger-menu-ul li a:hover {
    background-color: transparent !important;

}

#av-burger-menu-ul li.current-menu-item a, #av-burger-menu-ul li a:hover {
    color: white !important;
}


.ingredient-section img {
    max-height: 26vw;
    object-fit: contain;
}
        

/* FOOTER */

#footer {
    padding-bottom: 0px !important;
    background: url(https://pataclette.ch/wp-content/uploads/2025/06/ardoise.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding-bottom: 45px !important;
}

#footer::after {
    content: '';
    background: url(https://pataclette.ch/wp-content/uploads/2025/06/line.svg) !important;
background-repeat: no-repeat !important ;
background-size: cover !important;
background-position: center !important;
width: 100% !important;
max-width: 1500px !important;
display: block !important;
height: 10px !important;
position:  relative !important;
z-index:  9999 !important;
margin: 0 auto !important;

}

h3.widgettitle {
    color: #FFF;
    font-family: "neue-haas-unica", sans-serif !important;
font-size: 26px;
font-style: normal;
font-weight: 800;
line-height: 34px;
text-transform: uppercase;
margin-bottom: 20px !important;
}

#custom_html-2 p, #custom_html-5 p, #custom_html-4 p {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #FFF;
font-size: 18px;
font-weight: 400;
line-height: 32px;
}

#custom_html-2 a, 
#custom_html-5 a,
#custom_html-4 a {
color: white !important;
}

#custom_html-2 a:hover, 
#custom_html-5 a:hover,
#custom_html-4 a:hover {
    color: #FFCC00 !important;
}


#nav_menu-2 a, #nav_menu-3 a, #nav_menu-4 a {
    color: #FFF;
    font-family: "neue-haas-unica", sans-serif !important;
font-size: 16px;
}


#nav_menu-2 .current-menu-item a, #nav_menu-2 a:hover, #nav_menu-3 .current-menu-item a, #nav_menu-3 a:hover, #nav_menu-4 .current-menu-item a, #nav_menu-4 a:hover {
    font-weight: 400 !important;
    color:#FFCC00 !important;
}

#polylang-3 li {
    margin-left: 0px !important;
    margin-right: 10px !important;
}

.copyright, .copyright span, .copyright strong, .copyright strong a {
    color: #FFF;
    font-family: "neue-haas-unica", sans-serif !important;
font-size: 14px;
font-weight: 400;
line-height: 24px; /* 171.429% */
}

.social-circle {
    width: 61px !important;
    height: 61px !important;
    line-height: 61px !important;
    text-align: center !important;
    color: #000 !important;
    font-size: 24px !important;
    display: inline-block !important;
    margin-right: 5px !important;
    transition: all 0.15s ease-in-out !important;
}

.circle-fb {
    background: url(https://pataclette.ch/wp-content/uploads/2025/06/circle-fb.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.circle-insta {
    background: url(https://pataclette.ch/wp-content/uploads/2025/06/circle-insta.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 26px !important;
}

.circle-fb-black {
    background: url(https://pataclette.ch/wp-content/uploads/2025/06/circle-fb-black.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


.circle-insta-black {
    background: url(https://pataclette.ch/wp-content/uploads/2025/06/circle-insta-black.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 26px !important;
}



.circle-fb:hover, .circle-insta:hover {
filter:brightness(0.9) !important
}

#scroll-top-link {
    display: none !important;
}

#socket {
    border-top: 0px solid white !important;
    position: relative;
    width: 100% !important;
    z-index: 9999 !important;
    margin-top: -52px;
    background: transparent;
}

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

.doodle-title-heart:after, .doodle-title-idea::after{
    background: none !important;
    display: none !important;
}
}

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


    #header {
        background-color: transparent !important;
        
    }


    #header::after {
        content: '';
        background: url(https://pataclette.ch/wp-content/uploads/2025/06/line.svg) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        width: 85% !important;
        max-width: 1500px !important;
        display: block !important;
        height: 10px !important;
        position: absolute;
        z-index: 9999 !important;
        left: 7.5%;
    }

    #main {
        margin-top: -80px !important;
    }

    .hero .container {
        margin-top: 80px !important;
        height: 500px !important;
    }

    .bandeau .container {
        height: 400px !important;
        margin-top: 80px !important;
        margin-bottom: 200px !important;
    }

    .bandeau-produit .container {
        height: 300px !important;
        margin-top: 80px !important;
    }


    .bandeau .content {
        display: block !important;
    }

    body .column-top-margin {
        margin-top: 10px !important;
    }

    .polaroid {
        position: absolute !important;
        bottom: -300px !important;
        z-index: 9998 !important;
        max-width: 350px !important;
    }

    .ingredient-section img {
        margin: 20px 0 !important;
    }
    

    .hero .content {
        vertical-align: center !important;
    }

    .responsive #top .av-logo-container .avia-menu {
        height: auto !important;
    }

    .main_menu {
        top: 20px !important;
    }

    .logo {
        text-align: center !important;
    }

    .logo svg {
        width: auto !important;
    }

    #polylang-2 {
        display: none !important;
    }

    #polylang-4 {
        padding: 0 !important;
        position: absolute;
        z-index: 9999 !important;
        width: fit-content !important;
        top: 20px !important;
        display: block !important;
    }

    #top #av-burger-menu-ul {
        padding-top: 150px !important;
        vertical-align: top !important;
    }

    #av-burger-menu-ul li a {
        font-size: 24px !important;
        line-height: 30px !important;
    }

    h1 {
        font-size: 28px !important;
        line-height: 32px !important;
    }

    h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }

    h4 {
        font-size: 22px !important;
        line-height: 26px !important;
    }

    h5 {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .av-subheading_above p {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .av_promobox .avia-button {
        top: 0px !important;
    }

    .avia-logo-element-container .slide-entry-wrap {

        flex-wrap: wrap !important;
    }

    .cta {
        background-position: -175px 280px, calc(100% + 165px) -75px !important;
    }

    .arrow-right-img {
        left: 0px !important;
    }

    .legend-img h4 {
        left: 90px !important;
    }


    .rs-col .avia_codeblock {
        text-align: left !important;
    }

    .rs-col .avia-button-wrap {
        float: left !important;
    }


    .cta-black {
        background-position: -175px 280px, calc(100% + 165px) -75px, center !important;
    }

    .slide-entry {
        width: calc(50% - 15px) !important;
    }

    .arrow-packshot-1, .arrow-packshot-2 {
        position: static !important;
    }
    
    .arrow-packshot-1 {
    top: 0;
    left: calc(50% - 400px);
    }

    .step-2:before {
        width: 100px !important;
    }
    
    .arrow-packshot-2 {
        bottom: 50px !important;
        left: calc(50% + 150px);
        }

        .floating-icon {
            display: none !important;
        }

    #footer:after {
        width: 85% !important;
    }

}