/* CSS Document */

@media screen and (max-width: 1600px) {
    #superfish-main > li > a {
        padding: 10px;
        font-size: 15px;
    }

    #superfish-main > li > a.menuparent {
        padding-right: 30px;
    }

    ul.sf-menu .sf-sub-indicator {
        right: 10px;
    }

    #block-godot-fils-theme-logoheader {
        position: absolute;
        left: 25px;
        top: 30px;
        max-width: 211px;
    }
}

@media screen and (min-width: 1280px) {

    /*Header*/
    /*    header.sticky-desktop {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            transform: translateY(-100px);
        }
    
        header.sticky-desktop.open {
            transition: all 400ms ease-in-out;
            transform: translateY(0);
        }
    
        body.padding-topped {
            padding-top: 75px !important;
        }*/
}

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

    .accueil-mise-en-avant {
        padding: 100px 30px 150px;
        height: 700px;
    }

    #superfish-main {
        display: none;
    }

    .not-frontpage main {
        padding-top: 68px;
    }

    header .region-header {
        flex-direction: row;
        height: 68px;
        padding: 10px 25px;
        justify-content: flex-end;
        align-items: center;
        gap: 20px;
    }

    .navigation-secondaire {
        padding-top: 0;
    }

    #block-godot-fils-theme-logoheader {
        position: absolute;
        left: 25px;
        top: 16px;
        max-width: 170px;
    }

    #superfish-main-accordion {
        top: 0 !important;
        width: 100% !important;
        max-width: 600px !important;
        background: var(--Dark-blue-gradient, linear-gradient(149deg, #12161F 0%, #2D384E 100%)) !important;
    }

    #superfish-main-accordion > li {
        padding: 0 25px;
    }

    #superfish-main-accordion > li > a {
        display: inline-flex;
        padding: 10px 25px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: var(--Base-White, var(--Colors-White, #FFF));
        font-family: var(--Text-Title-font, Outfit);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        text-decoration: none;
    }

    #superfish-main-accordion .sf-sub-indicator {
        right: 5px;
        width: 10px;
    }

    #superfish-main-accordion > li ul {
        padding: 0 15px 15px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    #superfish-main-accordion > li ul li {
        padding: 0 15px;
    }

    #superfish-main-accordion > li ul li a {
        color: #E0CD8D;
        font-size: 18px;
        text-decoration: none;
        padding: 5px 10px;
        font-family: var(--Text-Title-font, Outfit);
    }
}

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

    /*Footer*/
    footer .footer-contenu {
        padding: 40px 0;
        flex-direction: column;
        align-items: center;
    }

    footer .footer-contenu .menus-achats {
        max-width: 422px;
    }

    footer .footer-contenu .menu-autres-pages {
        max-width: 422px;
    }

    footer .footer-contenu .menus-achats .liens {
        gap: 10px 20px;
        flex-wrap: wrap;
    }

    footer .footer-contenu .menus-achats a.titre {
        margin-bottom: 5px;
        display: inline-block;
    }

    footer .gl-copy {
        padding: 15px 0;
        font-size: 14px;
    }

    /*Liste produits*/
    .liste-produits {
        gap: 12px;
    }

    .liste-produits .cartouche-produit {
        /*height: 375px;*/
        width: calc(33.3333333% - 8px);
    }

    /*Accueil*/
    .accueil-presentation {
        padding: 50px 0;
    }

    .accueil-presentation .flex {
        gap: 40px;
        flex-direction: column;
    }

    .accueil-presentation .flex .content {
        padding-right: 30px;
    }
}

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

}

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

    .accueil-reassurance {
        padding: 40px 0;
    }

    .accueil-reassurance .list-items {
        gap: 16px;
        flex-wrap: wrap;
    }

    .accueil-reassurance .list-items .item-reassurance {
        display: flex;
        width: calc(50% - 8px);
        gap: 10px;
        padding: 0 10px;
        max-width: none;
    }

}

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

    /*Fiche produit*/
    .page-produit .entete-produit .container-flex {
        padding: 30px 0;
        gap: 30px;
        flex-direction: column-reverse;
    }

    .page-produit .entete-produit .container-flex .block-content h1 {
        font-size: 32px;
    }

    .page-produit .entete-produit .container-flex .block-content .intro-produit {
        margin-top: 15px;
        font-size: 14px;
        line-height: 22px;
    }

    .page-produit .entete-produit .container-flex .block-images {
        gap: 10px;
        flex-direction: column;
    }

    .page-produit .entete-produit .container-flex .block-images .secondaires {
        max-width: none;
        gap: 10px;
        flex-direction: row;
    }

    .page-produit .entete-produit .container-flex .block-images .secondaires a {
        width: 100%;
        height: auto;
        aspect-ratio: auto;
    }

    .cours-des-metaux {
        padding: 30px 0;
    }

    .godot-recherche-produits-form {
        padding: 10px 0;
        gap: 0;
        flex-direction: column;
    }

    .godot-recherche-produits-form .form-item {
        margin-bottom: 0;
    }

    .godot-recherche-produits-form .form-actions {
        max-width: none;
    }

    .region-page-title {
        padding: 35px 0;
    }

    .block-page-title-block h1 {
        font-size: 32px;
    }

    .paragraphes .para-item.full-width.pos-photo-4 .container-para {
        padding-left: 30px;
    }

    .paragraphes .para-item.full-width.pos-photo-3 .container-para {
        padding-right: 30px;
    }

    .paragraphes p, .paragraphes li {
        font-size: 14px;
        line-height: 24px;
    }

    .paragraphes .para-item {
        margin: 0 auto 30px;
    }

    .paragraphes .para-item.full-width {
        padding: 30px 0;
    }

    .paragraphes h2 {
        font-size: 20px;
    }

    .paragraphes h3 {
        font-size: 18px;
    }

    .liste-produits  {
        gap: 16px;
    }

    .liste-produits .cartouche-produit {
        width: calc(50% - 8px);
        height: auto;
    }

    .liste-produits .cartouche-produit .image {
        height: auto;
    }

    /*Home*/
    .accueil-mise-en-avant {
        padding: 120px 30px 275px;
        height: auto;
    }

    .accueil-mise-en-avant .content h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .accueil-mise-en-avant .logo {
        max-width: 300px;
    }

    .accueil-mise-en-avant .content {
        gap: 25px;
    }

    .accueil-mise-en-avant .content .btns {
        flex-direction: column;
    }

    .accueil-mise-en-avant .cours-metaux .liste-metaux .line {
        display: none;
    }

    .accueil-mise-en-avant .cours-metaux .liste-metaux {
        flex-wrap: wrap;
        gap: 10px;
    }

    .accueil-mise-en-avant .cours-metaux {
        padding: 20px 0;
    }

    .accueil-mise-en-avant .cours-metaux .liste-metaux .block {
        width: calc(50% - 5px);
        padding: 0 10px;
    }

    .accueil-mise-en-avant .cours-metaux .liste-metaux .block .titre {
        font-size: 20px;
    }

    .accueil-categories {
        padding: 50px 0;
    }

    .accueil-categories .ligne-categories {
        gap: 20px;
        flex-wrap: wrap;
    }

    .accueil-categories .ligne-categories .categorie {
        height: 250px;
        width: 100% !important;
    }

    .accueil-categories .ligne-categories .categorie .content {
        padding: 15px 20px 20px;
        left: 10px !important;
        bottom: 10px;
        top: auto !important;
        right: 10px !important;
        width: auto !important;
        transform: none !important;
    }

    .accueil-categories .ligne-categories .categorie .content h3 {
        font-size: 24px;
    }

    /*Header*/
    header .navigation-secondaire a.hidden-mobile {
        display: none;
    }

    /*Paragraphes*/
    .para-item-paragraphe .container-para {
        flex-direction: column-reverse;
    }

    .para-item-paragraphe .para-desc,
    .para-item-paragraphe .para-photos {
        width: 100% !important;
        margin-right: 0;
    }

    .para-item-paragraphe .para-photos,
    .para-item-paragraphe .para-desc {
        width: 100% !important;
    }

}

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

    .page-contact .block-carte {
        flex-direction: column;
    }

    .page-contact .intro-contact-form {
        font-size: 13px;
        line-height: 22px;
        margin: 5px 0 15px;
    }

    .page-contact .block-carte #blockMap {
        height: 300px;
    }

    .page-contact #formulaire {
        padding-top: 70px;
        font-size: 28px;
    }

    .webform-submission-form .form-type-textfield, .webform-submission-form .form-type-email, .webform-submission-form .form-type-tel, .webform-submission-form .form-type-select {
        width: 100%;
    }

    .block-contacts-carte {
        padding: 20px;
        max-width: none;
    }

    .accueil-partenaires {
        padding: 50px 0;
    }

    .accueil-partenaires .views-row {
        width: calc(50% - 15px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .accueil-presentation .flex .content .pre-titre {
        font-size: 28px;
    }

    .accueil-presentation .flex .content h2 {
        font-size: 24px;
        margin: 0px 0 20px;
    }

    .accueil-presentation .flex .visuel  {
        height: auto;
    }

    .accueil-presentation .flex .visuel img {
        height: auto;
    }

    html body p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .galerie-paragraphe .grid__item {
        margin-bottom: 10px;
    }

    .galerie-paragraphe .grid__item,
    .galerie-paragraphe .grid__col-sizer {
        width: calc(50% - 5px);
    }

    .galerie-paragraphe .grid__gutter-sizer {
        width: 10px;
    }
}

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

    .liste-produits .cartouche-produit {
        width: 100%;
    }

    .liste-produits .cartouche-produit .image img {
        max-width: 150px;
    }

    .liste-produits .cartouche-produit .contenu {
        gap: 8px;
        padding: 10px;
    }

    .liste-produits .cartouche-produit .contenu .titres h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .accueil-reassurance .list-items .item-reassurance {
        display: flex;
        width: 100%;
        gap: 5px;
        padding: 0;
    }

    header .navigation-secondaire a span {
        display: none;
    }

    /*Paragraphes*/
    .pos-photo-1 .para-photos,
    .pos-photo-2 .para-photos {
        flex-direction: column;
    }

    .pos-photo-1 .para-photos .para-photo,
    .pos-photo-2 .para-photos .para-photo {
        margin: 5px 0;
        display: flex;
    }

    .pos-photo-1 .para-photo-img,
    .pos-photo-2 .para-photo-img {
        width: 100%;
    }

    .pos-photo-1 .para-photos .para-photo a,
    .pos-photo-1 .para-photos .para-photo img,
    .pos-photo-2 .para-photos .para-photo a,
    .pos-photo-2 .para-photos .para-photo img {
        display: inline-block;
        width: auto;
        height: auto;
    }

}