/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 5.6
Version: 1.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Karla", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    padding-top: 100px;
}

a {
    font-family: "Karla", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 400 !important;
}

body > .wp-site-blocks  {
    padding-top:0;
}

header {
    padding-top: 60px;
    background-color: #fff;
    position:fixed;
    top:0;
    z-index: 100;
    width: 100%;
}

strong {
    font-weight: 600;
}

p, a {
    font-size: 0.94rem;
}

button, input[type=submit], input[type=button], .wp-block-buttons, .wp-block-buttons a {
    font-size: 0.85rem !important;
}

h1, h2, h3 {
    font-family: "Playfair Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

h2 {
    font-size: 1.6rem;
}

h3 {
    font-size: 1.4rem;
}

article {
    padding: 15px;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.grey-ground {
    padding-top: 80px;
    background-color: #00000017;
}

.devis-form {
    width: 850px;
}

.devis-form label > span {
    margin-top: 12px;
}

.devis-form label,
.devis-form label > span {
    display:block;
    width:100%;
}

.devis-form label input:not([type=checkbox]),
.devis-form label textarea,
.pop-in-form label input:not([type=checkbox]),
.pop-in-form label textarea {
    width: 100%;
    padding: 12px;
    font-size:16px;
    border: none;
    box-sizing: border-box;
}

.devis-form label input[type=checkbox] ~ span,
.pop-in-form label input[type=checkbox] ~ span {
    display:inline;
}

p.legal-stuff {
    font-size: 11px;
}

.devis-submit {
    text-align:center;
    margin-top:41px;
}

.devis-submit input {
    color:#fff;
    background-color:#000;
    border:none;
    padding:7px 17px;
    cursor:pointer;
    font-weight: 600;
    font-size: 1.2rem !important;
}

.devis-form-hold {
    display:flex;
    justify-content:center;
}

.devis-submit > p {
    margin-top: 17px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.berti-flex > div {
    display: inline-block;
}

.berti-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 31px;
}

.correct-p-marg p {
    margin:0;    
}

.yt-content {
    background-color: #050505B0;
    padding-top: 61px;
}

.berti-player {
    position:relative;
}

.berti-player .berti-video-thumb {
    position:absolute;
    z-index: 1;
    width: 100%;
    cursor: pointer;
}

.berti-yt-video {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 875px;
    margin-block-start: 0;
    margin-block-end: 60px !important;
}

.berti-certif-icons {
    margin: 0 auto !important;
}

.berti-certif-hold,
.berti-footer-slider {
    margin-top: 80px;
}

.berti-footer-slider-div {
    margin:0 auto;
    position: relative;
}

footer > div {
    margin: 0 auto;
}

footer .berti-social {
    margin: 80px 0;
    justify-content: center;
}

footer .berti-social > div {
    flex-grow: unset !important;
    flex-basis: unset !important;
}

.pop-in-form {
    position:static;
    top:0px;
    left:50%;
    z-index: 101;
    width:500px;
    transition: top 0.5s ease-in, opacity 0.3s;
}

.pop-in-form > div {
    background-color: #d3d3d3;
    padding:60px;
    padding-bottom: 30px;
    position: absolute;
    left:-50%;
    width: 100%;;
    box-shadow: 0px 0px 5px #00000017; 
}

.cross-close-pop-in {
    font-size:16px;
    text-align: right;
    cursor: pointer;
}

.aanimated > div {
    margin-top: 250px;
    transition: margin-top 0.1s linear;
}

/*Override Plugins*/

.nextend-bar {
    margin-top: 12px !important;
    text-align: left !important;
}

.nextend-bar > div
{
    background: none !important;
    text-align: left !important;
    padding: 0 !important;
}

.nextend-bar span
{
    color: #6e6e6e !important;
    font-size: 14px !important;
    text-align: left !important;
}

.contact-button-mobile .wp-block-button {
    display:none !important;
}

.berti-slider-column {
    position: relative;
}

.berti-slider-zoom {
    position: absolute;
    top: 0;
    z-index: 1;
    right: 1.5rem;
    cursor:pointer;
}

.berti-footer-slider-div .berti-slider-zoom {
    top: 1.5rem;
}

.showroom-icons.is-layout-flow > figure.alignleft {
    margin-inline-end: 0;
}

.margin-bs-4rem {
    margin-block-start: 4rem !important;
}

.n2_clear:has(.fsbs-full) {
    display:none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    align-items: center;
    background-color: #00000085;
    transition: opacity 0.2s ease-in;
}

.n2_clear:has(.fsbs-full).fsbs-open {
    display:flex;
    opacity:1;
}

.n2_clear:has(.fsbs-full) .n2-section-smartslider {
    width:fit-content;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
    article > .wp-block-columns,
    .berti-certif-icons,
    .berti-footer-slider-div,
    footer > div {
        width: 1000px;
    }

    article.showroom-article > .wp-block-columns {
        width: 875px;
    }
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    article > .wp-block-columns,
    .berti-certif-icons,
    .berti-footer-slider-div,
    footer > div {
        width: 85vw;
    }

    article.showroom-article > .wp-block-columns {
        width: 85vw;
    }
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    

    .berti-footer-logo {
        transform: scale(0.7);
    }

    article > .wp-block-columns,
    .berti-certif-icons,
    .berti-footer-slider-div,
    footer > div {
        width: 85vw;
    }

    article.showroom-article > .wp-block-columns {
        width: 85vw;
    }

    
    header {
        padding-top: 25px;
    }

    header img {
        transform: scale(0.7);
    } 


    .berti-header {
        width: 100vw;
    }

    .berti-header > div > div {
        justify-content: center;
    }

    

    .berti-yt-video {
        width: auto;
    }

    .berti-certif-icons > div, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: auto !important;
    }

    .aanimated .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 66% !important;
    }

    h2 {
        font-size: 1.5em;
    }

    .pop-in-form {
        width: 94%;
    }

    .pop-in-form > div {
        box-sizing: border-box;
    }

    .berti-contact-desktop {
        display: none !important;
    }

    .contact-button-mobile .wp-block-button {
        display:inline-block !important;
        margin: 20px auto;
    }
    
    .berti-banner {
        margin-block-start: auto;
    }

    footer * {
        text-align: center !important;
    }

    .berti-flex {
        align-items: center !important;
    }

    .berti-flex.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(.showroom-icons) {
        flex-basis: 66.66% !important;
    }
    
    .berti-flex-showroom > .showroom-icons {
        display: flex;
        justify-content: end;
    }


  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    article > .wp-block-columns,
    .berti-certif-icons,
    .berti-footer-slider-div,
    footer > div {
        width: 70vw;
    }

    article.showroom-article > .wp-block-columns {
        width: 70vw;
    }
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    article > .wp-block-columns,
    .berti-certif-icons,
    .berti-footer-slider-div,
    footer > div {
        width: 80vw;
    }

    article.showroom-article > .wp-block-columns {
        width: 80vw;
    }

    body {
        padding-top: 50px;
    }
    
    * {
        box-sizing: border-box;
    }

    header {
        padding-top: 25px;
    }

    header img {
        transform: scale(0.7);
    } 

    .berti-header {
        width: 100vw;
    }

    .berti-header > div > div {
        justify-content: center;
    }

    .berti-yt-video {
        width: auto;
    }

    .berti-certif-icons > div, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: auto !important;
    }

    h2 {
        font-size: 1.5em;
    }

    .pop-in-form {
        width: 94%;
    }

    .pop-in-form > div {
        box-sizing: border-box;
    }

    .berti-contact-desktop {
        display: none !important;
    }

    .contact-button-mobile .wp-block-button {
        display:inline-block !important;
        margin: 20px auto;
    }
    
    .berti-banner {
        margin-block-start: auto;
    }

    footer * {
        text-align: center !important;
    }

    .berti-flex {
        align-items: center !important;
    }

    .berti-flex.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(.showroom-icons) {
        flex-basis: 79% !important;
    }

    .berti-flex-showroom.is-layout-flex {
        gap: 0 !important;
    }

    .berti-flex-showroom.is-layout-flex p {
        font-size: 0.89rem;
    }

    /* order reverse */
    
    .aanimated:nth-child(odd) > div > .wp-block-column {
        order: 1;
    }

    .aanimated:nth-child(odd) > div > .wp-block-column:first-child {
        order: 2;
    }
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {

    body {
        padding-top: 50px;
    }

    .berti-banner .wp-block-cover__inner-container {
        position: relative;
        top:40px;
    }
    
    * {
        box-sizing: border-box;
    }

    header {
        padding-top: 25px;
    }

    header img {
        transform: scale(0.7);
    }

    article > .wp-block-columns,
    .berti-certif-icons,
    .berti-footer-slider-div,
    footer > div {
        width: 100vw;
    }

    article.showroom-article > .wp-block-columns {
        width: 100vw;
    }

    .berti-header {
        width: 100vw;
    }

    .berti-header > div > div {
        justify-content: center;
    }

    .berti-yt-video {
        width: auto;
    }

    .berti-certif-icons > div, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: auto !important;
    }

    h2 {
        font-size: 1.5em;
    }

    .pop-in-form {
        width: 94%;
    }

    .pop-in-form > div {
        box-sizing: border-box;
    }

    .berti-contact-desktop {
        display: none !important;
    }

    .contact-button-mobile .wp-block-button {
        display:inline-block !important;
        margin: 20px auto;
    }
    
    .berti-banner {
        margin-block-start: auto;
    }

    footer * {
        text-align: center !important;
    }

    .berti-flex {
        align-items: center !important;
    }

    .berti-flex.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(.showroom-icons) {
        flex-basis: 79% !important;
    }

    .berti-flex-showroom.is-layout-flex {
        gap: 0 !important;
    }

    .berti-flex-showroom.is-layout-flex p {
        font-size: 0.89rem;
    }

    /* order reverse */
    
    .aanimated:nth-child(odd) > div > .wp-block-column {
        order: 1;
    }

    .aanimated:nth-child(odd) > div > .wp-block-column:first-child {
        order: 2;
    }

    .berti-footer-logo {
        transform: scale(0.7);
    }

  }