/*
Theme Name: Lodestone Agency
Description: Theme enfant de GeneratePress. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: Florian | Progressio Web
Author URI: https://progressio-web.fr
Template: generatepress
Version: 1.0
*/

html, body {
    overflow-x: clip;
}

:root {
    --bleu: #277FF2;
    --jaune: #F2B705;
}

.bleu {
    color : var(--bleu);
}

.jaune {
    color : var(--jaune);
}

@media screen and (min-width:1024px) {
    .nodesk {
        display: none!important;
    }
}

@media screen and (max-width:1024px) {
    .nomob {
        display: none!important;
    }
}

#header_master {
    padding-top: 30px;
    padding-bottom: 30px;
    transition: all 0.3s;
    width: 100%!important;
    background: #ffffffd1;
    backdrop-filter: blur(12px);
}

#header_master.scroll {
    padding-top: 0;
    padding-bottom: 0;
    transition: all 0.3s;
}

#nav_desk li.menu-item-67 a {
    background: var(--bleu);
    padding: 16px 35px;
    border-radius: 999px;
    color: white;
}

#nav_desk li.menu-item-67 svg {
    fill: white !important;
    width: 8px;
    margin-left: 10px;
}

#nav_mobile li.menu-item-67 svg {
    display: none!important;
}

.elementor-button svg {
    width: 10px;
    position: relative;
    animation: button_anim 0.8s ease infinite alternate;
}

@keyframes button_anim {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(5px);
    }
 }

 #slider_logo_home .elementor-swiper-button.elementor-swiper-button-prev {
    top: -80px;
    right: 80px;
    left: auto;
}

#slider_logo_home .elementor-swiper-button.elementor-swiper-button-next {
    top: -80px;
}

#article_content p {
    margin-bottom: 20px;
}

#article_content h2 {
    font-size: 26px;
    margin: 30px 0;
}

#article_content h3 {
    font-size: 22px;
    margin: 30px 0;
}

#article_content h4 {
    font-size: 19px;
    margin: 30px 0;
}

#article_content h5 {
    font-size: 17px;
    margin: 30px 0;
}

#article_content h6 {
    font-size: 16px;
    margin: 30px 0;
}

#article_content img {
    margin: 30px 0px;
}

div#boucle_references .reference:nth-child(3) .reference_item, 
div#boucle_references .reference:nth-child(4) .reference_item, 
div#boucle_references .reference:nth-child(7) .reference_item,
div#boucle_references .reference:nth-child(8) .reference_item,
div#boucle_references .reference:nth-child(11) .reference_item,
div#boucle_references .reference:nth-child(12) .reference_item,
div#boucle_references .reference:nth-child(15) .reference_item,
div#boucle_references .reference:nth-child(16) .reference_item,
div#boucle_references .reference:nth-child(19) .reference_item,
div#boucle_references .reference:nth-child(20) .reference_item,
div#boucle_references .reference:nth-child(23) .reference_item,
div#boucle_references .reference:nth-child(24) .reference_item,
div#boucle_references .reference:nth-child(27) .reference_item,
div#boucle_references .reference:nth-child(28) .reference_item,
div#boucle_references .reference:nth-child(31) .reference_item,
div#boucle_references .reference:nth-child(32) .reference_item,
div#boucle_references .reference:nth-child(35) .reference_item,
div#boucle_references .reference:nth-child(36) .reference_item {
    background: #FEF7E3;
}

.bold_bleu b, .bold_bleu strong {
    color: var(--bleu);
}

.content_p ul {
    margin: 20px 0px 20px 0px;
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.avis-clients-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
}

.avis-clients-grid .avis-client {
    background: #f2f7ff;
    padding: 50px;
    border-radius: 20px;
}

.avis-clients-grid .avis-client p.avis-client-nom {
    margin-top: 20px;
    font-weight: bold;
}

div#brevo_form_custom {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

div#brevo_form_custom input.sib-email-area {
    border: solid 1px #277ff2;
    height: 55px;
    border-radius: 999px;
    width: 100%;
}

div#brevo_form_custom input.sib-default-btn {
    background: none;
    color: var(--bleu);
    padding: 0;
    width: max-content;
    text-decoration: underline;
}

@media screen and (max-width:764px){
    .avis-clients-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
}