/*
Theme Name: Socialeyes
Author: Rougevert
Tags: blog, custom-menu
Version: 1.0.0
Requires at least: 5.0.0
Tested up to: 5.8.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: socialeyes
*/

/* GENERAL */
body {margin: 0;}

html {
	overflow-x: hidden !important;
	-webkit-overflow-x: hidden !important;
}

.light_text {
        font-weight: 400 !important;
}

/* FORMULAIRE */
span.gfield_required.gfield_required_asterisk {display: inline-block !important;}

input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus {
	outline: none;
}

[id^='gform_submit_button_'] {
	padding: 0.5rem 1rem;
	border: none !important;
	color: black !important;
	background-color: var(--e-global-color-primary) !important;
        border-radius: 0 !important;
        text-transform: uppercase !important;
        box-shadow: none;
}

[id^='gform_submit_button_']:hover {
	background-color: transparent;
	color: currentcolor;
}

[id^="gform_"] .gform_body input:not([type="checkbox"]):not([type="submit"]),
[id^="gform_"] .gform_body textarea {
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: solid 2px var(--e-global-color-primary);
        box-shadow: none;
        cursor: text;
}

[id^="gform_"] .gform_body label:not(.gfield_consent_label) {
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Helvetica', sans-serif;
        font-size: 20px;
}

[id^="gform_"] .gform_body input[type="checkbox"]::before {
        content: "";
        height: 25px;
        width: 25px;
        background-image: url('/wp-content/uploads/2023/12/oeil_socialeyes.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transform: scale(0.5);
        opacity: 0;
        transition: all .5s;
}

[id^="gform_"] .gform_body input[type="checkbox"] {
        background-color: var(--e-global-color-primary) !important;
        border: none !important;
}

[id^="gform_"] .gform_body input[type="checkbox"]:checked::before {
        transform: scale(1);
        opacity: 1;
}

[id^="gform_"] .gform_body input[type="checkbox"]:focus,
[id^="gform_"] .gform_body input[type="checkbox"]:active  {
        outline: none;
        border: none;
        box-shadow: none;
}

[id^="gform_"] .gform_body label>.gfield_required {
        display: none !important;
}

div[id^='gform_confirmation_message_']{text-align: center;}

#gform_3 .gform_body input:not([type="checkbox"]):not([type="submit"])::placeholder,
#gform_3 .gform_body textarea::placeholder,
#gform_3 .gform_body label {
        color: white;
}

.pum-content.popmake-content #gform_3 .gform_body input:not([type="checkbox"]):not([type="submit"])::placeholder, .pum-content.popmake-content #gform_3 .gform_body textarea::placeholder, .pum-content.popmake-content #gform_3 .gform_body label {
    color: black !important;
}

#gform_3 .gform_body label>a {
        color: var(--e-global-color-primary);
}

/* POPUP DEVENEZ OPTICIEN */

#popmake-1427 {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
}

#popmake-1427>.pum-content.popmake-content {
        max-width: 1140px;
        width: 100%;
}


/* HEADER */

header.scroll100 #logo_site img {
        height: 75px;
}

header.scroll100 #colonne_logo {
        margin-bottom: 0 !important;
}

#header_container {
        width: 100%;
        transition: all .5s;
}

#logo_site img {
        object-position: top left;
        transition: all .5s;
}

ul.elementskit-dropdown.elementskit-submenu-panel>li>a {
        font-family: Helvetica;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        min-height: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: transparent !important;
        font-size: 16px;
}

ul.elementskit-dropdown.elementskit-submenu-panel>li:hover>a {
        color: var(--e-global-color-primary) !important;
}

ul.elementskit-dropdown.elementskit-submenu-panel {
        width: 500px;
        max-width: none;
        left: 50% !important;
        transform: translateX(-50%) !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
}

ul.elementskit-dropdown.elementskit-submenu-panel>li {
        width: 45%;
        flex: 1;
}

#menu_gauche_header_ekit li.les_boutiques_menu.nav-item.elementskit-dropdown-has>a>i {
        display: none !important;
}

body:not(.home) #menu_header_droit ul>li.devenez_opticien>a {
	transition: all .5s;
}

#menu_gauche_header_ekit nav,
#menu_gauche_header_ekit {
        height: 100%;
}

#menu_gauche_header_ekit ul>li.home>a>img,
#menu_header_droit ul>li.home>a>img {
        height: 100px !important;
}

#menu_gauche_header_ekit ul>li>a::after,
#menu_header_droit ul>li>a::after {
        background-color: black !important;
}

#menu_gauche_header_ekit ul>li.devenez_opticien>a>img,
#menu_header_droit ul>li.devenez_opticien>a>img {
        height: 30px !important;
        padding-right: 10px;
        filter: invert(1);
}

#menu_gauche_header_ekit ul>li::after,
#menu_header_droit ul>li::after {
        border-left: solid 1px black;
        border-top: solid 1px black;
        border-right: solid 1px black;
        border-bottom: solid 1px black;
        width: 7px;
        height: 7px;
        border-radius: 50px;
}

#menu_gauche_header_ekit ul>li.confiance::after,
#menu_header_droit ul>li.contact::after {
        display: none;
}

#menu_gauche_header_ekit .menu_light,
#menu_header_droit .menu_light {
        font-weight: 500 !important;
}

#menu_gauche_header_ekit #menu-menu-general ul>li>a,
#menu_header_droit #menu-1-808fa02 ul>li>a {
        transition: all .5s !important;
        position: relative;
}

#menu_gauche_header_ekit #menu-menu-general>li:not(.devenez_opticien)>a:hover,
#menu_header_droit #menu-1-808fa02>li:not(.devenez_opticien)>a:hover {
        transform: scale(0.95);
}

#menu_gauche_header_ekit #menu-menu-general>li:first-child {
        list-style-type: none !important;
}

#menu_gauche_header_ekit #menu-menu-general>li:not(.devenez_opticien)>a {
        padding-inline-start: 0;
        padding-inline-end: 24px;
}

#menu_gauche_header_ekit #menu-menu-general>li>a:hover::after {
        margin-top: -5px;
}

#menu_gauche_header_ekit li.collections.nav-item.elementskit-dropdown-has>a {
        cursor: pointer;
}

#menu_gauche_header_ekit li.collections.nav-item.elementskit-dropdown-has>a>i {
        display: none;
}

#menu_gauche_header_ekit .elementskit-megamenu-panel nav>ul>li>a>span.menu-image-hover-wrapper {
        padding: 0 !important;
        position: relative;
}

#menu_gauche_header_ekit .elementskit-megamenu-panel nav>ul>li>a>span.menu-image-hover-wrapper>img {
        height: 80px !important;
        width: 70px !important;
        object-fit: contain;
        object-position: center;
}

#menu_gauche_header_ekit .elementskit-megamenu-panel nav>ul>li>a>span.menu-image-hover-wrapper>img.menu-image.menu-image-title-above {
        opacity: 1 !important;
}

#menu_gauche_header_ekit .elementskit-megamenu-panel nav>ul>li>a:hover>span.menu-image-hover-wrapper>img.menu-image.menu-image-title-above {
        opacity: 0 !important;
}

#menu_gauche_header_ekit .elementskit-megamenu-panel nav>ul>li>a>span.menu-image-hover-wrapper>img.hovered-image.menu-image-title-above {
        opacity: 0 !important;
        transition: all .5s;
        position: absolute;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin-left: 0 !important;
}

#menu_gauche_header_ekit .elementskit-megamenu-panel nav>ul>li:hover>a>span.menu-image-hover-wrapper>img.hovered-image.menu-image-title-above {
        opacity: 1 !important;
}

#menu_gauche_header_ekit .elementskit-megamenu-panel nav>ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
}

#menu_gauche_header_ekit .elementskit-megamenu-panel nav>ul>li {
        width: calc(100% / 7);
}

#menu_gauche_header_ekit .elementskit-megamenu-panel {
        top: 95px !important;
        background-color: white;
}

#menu_responsive_megamenu .elementskit-megamenu-panel {
        background-color: white !important;
}

#menu_gauche_header_ekit #menu-menu-general>li:not(.collections) {
        z-index: 1;
}

#menu_gauche_header_ekit #menu-menu-general>li.devenez_opticien {
        list-style-type: none !important;
}

#menu_gauche_header_ekit #menu-menu-general>li.collections>a.ekit-menu-nav-link {
        z-index: 1;
}

#menu_gauche_header_ekit #menu-menu-general>li>.elementskit-megamenu-panel {
        z-index: -1;
}

#megamenu_ekit_produits .light_text {
        font-weight: 400 !important;
}

#menu_header_droit ul>li.devenez_opticien,
#menu_gauche_header_ekit ul>li.devenez_opticien {
        margin-right: -2em;
}

#menu_header_droit ul::after,
#menu_gauche_header_ekit ul::after {
        display: none !important;
}

#menu_header_droit ul>li.devenez_opticien>a, 
#menu_gauche_header_ekit ul>li.devenez_opticien>a {
        background-color: black;
        color: white;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
}
 
#menu_gauche_header_ekit ul>li.devenez_opticien {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
}

#bouton_devenir a {
        width: 100%;
}

#bouton_devenir .elementor-button-text {
        text-align: left;
}

#bouton_devenir svg {
        width: 40px;
}

#bouton_devenir .elementor-widget-container {
        transition: all .5s;
}

#bouton_devenir:hover .elementor-widget-container {
        margin-left: 0;
}

#titre_marques_menu a {
        text-decoration: none !important;;
        font-weight: 700 !important;
}

#titre_marques_menu:hover span::before {
        margin-left: -10px;
}

#titre_marques_menu:hover span::after {
        margin-right: -10px;
}

#titre_marques_menu span::before {
        content: "";
        position: absolute;
        left: -8px;
        top: 50%;
        transform: translateY(-50%);
        height: 130%;
        width: 7px;
        background-image: url("/wp-content/uploads/2023/12/crochet_gauche_mini.png");
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
        transition: all .5s;
}

#titre_marques_menu span::after {
        content: "";
        position: absolute;
        right: -8px;
        top: 50%;
        transform: translateY(-50%);
        height: 130%;
        width: 7px;
        background-image: url("/wp-content/uploads/2023/12/crochet_droit_mini.png");
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        transition: all .5s;
}

/* FOOTER */

.liens_footer a {
        text-decoration: none !important;
}

/* HOME */

#section_home_100 {
        height: 100vh;
}

#flouter_arriere_plan {
	backdrop-filter: blur(2px);
}

.titre_crochet h1::before,
.titre_crochet h2::before,
.titre_crochet span::before {
        content: "";
        background-image: url('/wp-content/uploads/2023/12/crochet_gauche.png');
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
        height: 120%;
        width: 50px;
        position: absolute;
        left: -50px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 100;
}

.titre_crochet h1::after,
.titre_crochet h2::after,
.titre_crochet span::after {
        content: "";
        background-image: url('/wp-content/uploads/2023/12/crochet_droit.png');
        background-size: contain;
        background-position: left center;
        background-repeat: no-repeat;
        height: 120%;
        width: 50px;
        position: absolute;
        right: -50px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 100;
}

#feed_insta_home .sbi-header.sbi-header-type-text {
        font-family: "Helvetica", sans-serif;
        font-weight: bold;
        font-size: 50px !important; 
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
} 

#feed_insta_home .sbi-header.sbi-header-type-text::after {
        content: '';
        background-image: url('/wp-content/uploads/2023/12/insta_image.svg');
        height: 50px;
        width: 50px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        margin-left: 2rem;
} 

/* PAGES INTERIEURES */

.texte_sans_margin p {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
}

.fil_ariane #breadcrumbs>span {
        display: flex;
        flex-wrap: wrap;
}

.fil_ariane #breadcrumbs>span>span:not(.breadcrumbs_last) {
        margin-right: 5px;
        margin-left: 5px;
}

.fil_ariane #breadcrumbs>span a {
        text-decoration: none;
        font-weight: bold;
}

.fil_ariane #breadcrumbs span.breadcrumb_last {
        width: 100%;
        font-size: 65px;
        display: none !important;
}

#image_carree img {
        aspect-ratio: 1;
        height: 100%;
        object-fit: cover;
}

.object_left img {
        object-position: left;
}

#carousel_image img {
        height: 350px;
        width: 100%;
        object-fit: cover;
}

#carousel_image .elementor-image-carousel.swiper-wrapper .swiper-slide {
        padding-left: 5px;
        padding-right: 5px;
}

#plan_site_pointer_events a {
        pointer-events: none;
}

#liste_icon a {
	text-decoration: none !important;
	transition: all .5s;
}

#liste_icon a:hover {
	letter-spacing: 1px;
	font-weight: 700;
}

.bouton_decouverte a {
	transition: all .5s;
}

.bouton_decouverte a:hover {
	letter-spacing: 1px;
}

.bouton_decouverte a .bouton_dynamique {
	position: relative;
	transition: all .5s;
}

.bouton_decouverte a:hover .bouton_dynamique {
	margin-left: 1rem;
}

.list_style .elementor-widget-container>ul>li::marker {
        color: var(--e-global-color-primary);
        font-size: 20px;
}

.list_style .elementor-widget-container>ul>li>ul>li::marker {
        color: var(--e-global-color-primary);
        font-size: 20px;
}


/* MARQUES */

.container_image .image_fond_marques {
        opacity: 0;
        transition: all .5s;
}

.container_image:hover .image_fond_marques {
        opacity: 1;
}

.container_image:hover .image_logo_marques {
        opacity: 0;
}

.container_image .image_fond_marques img[src="https://rvcom211-socialeyes.pf5005.wpserveur.net/wp-content/uploads/2023/12/logo_2.png"] {
        object-position: center !important;
        object-fit: contain !important;
}

.container_image::before,
.container_image::after {
        content: '' !important;
        position: absolute !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        height: 100% !important;
        width: 50px !important;
        transition: all .25s !important;
        z-index: 5;
}

.container_image::before {
        background-image: url('/wp-content/uploads/2023/12/crochet_gauche.png');
        background-position: right;
        left: 0 !important;
}

.container_image::after {
        background-image: url('/wp-content/uploads/2023/12/crochet_droit.png');
        background-position: left;
        right: 0 !important;
}


.container_image:hover::before {
        background-position: left;
        left: -10px !important;
}

.container_image:hover::after {
        background-position: right;
        right: -10px !important;
}

.contenu_publication {
        transition: all .5s;
        overflow: hidden;
}

/* TEST FILTRES */
.titre_publication {
        display: none !important;
}

ul#a-z li[data-letter="#"] {
        cursor: pointer;
        background-color: transparent;
        color: var(--e-global-color-primary);
        display: block;
        transition: all .5s;
        text-transform: initial;
}

ul#a-z li[data-letter="#"].choisi {
        opacity: 1;
}

ul#a-z li[data-letter="#"]:hover {
        color: black;
}

ul#a-z li.active {
        color: var(--e-global-color-primary);
        cursor: pointer;
        display: block;
        transition: all .5s;
}

ul#a-z>li.active.choisi {
        text-decoration: underline;
        color: #000000;
        opacity: 1;
}

ul#a-z li.active:hover {
        color: black;
}

#a-z {
        justify-content: center;
        width: fit-content;
        margin-bottom: 25px;
        display: flex;
        flex-direction: row;
        list-style-type: none;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0 !important;
}

ul#a-z li {
        flex-grow: 1;
        padding: 5px;
        text-align: center;
        color: #00000030;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 25px;
        display: none;
}

/* PAGE 404 */

body.error404 header #header_container {
        background-color: white;
}

body.error404 #logo_site img {
        height: 90px;
}

body.error404 #colonne_logo  {
        margin-bottom: 0 !important;
}

/* MEDIA QUERIES */
@media screen and (min-width: 1025px) {
        #colonne_gauche_header .ekit-wid-con.ekit_menu_responsive_tablet,
        #colonne_gauche_header #ekit-megamenu-menu-general {
                height: 100%;
        }
}

@media screen and (max-width: 768px) {
        #menu_mentions nav>ul {
                flex-direction: column;
                align-items: center;
                margin-left: auto;
                margin-right: auto;
        }

        #menu_mentions nav>ul>li::after {
                display: none;
        }

        #menu_mentions nav>ul>li>a {
                margin: 0;
                padding: 0;
        }

        #colonne_logo {
                margin-bottom: -60px;
                justify-content: flex-start;
        }

        .fil_ariane #breadcrumbs span.breadcrumb_last {
                font-size: 45px !important;
                line-height: 45px;
        }

        #map_socialeyes {
                height: 250px !important;
        }
        
        #carousel_image img {
        	height: 220px !important;
        }

        #titre_principal_home {
                position: relative !important;
        }
}

@media screen and (max-width: 1024px) {
        #feed_insta_home .sbi-header.sbi-header-type-text {
                font-size: 40px !important; 
        }

        #menu_header_droit .elementor-menu-toggle>.elementor-menu-toggle__icon--open,
        #menu_header_droit .elementor-menu-toggle>.elementor-menu-toggle__icon--close {
                height: 35px;
        }

        #menu_header_droit nav>ul {
                padding-top: 50px;
        }

        #menu_header_droit nav>ul>li.devenez_opticien>a,
        #menu_gauche_header_ekit nav>ul>li.devenez_opticien>a {
                background-color: white !important;
        }

        #menu_header_droit nav>ul>li.devenez_opticien>a>span.menu-image-title-before.menu-image-title,
        #menu_gauche_header_ekit nav>ul>li.devenez_opticien>a>span.menu-image-title-before.menu-image-title {
                text-align: center;
        }

        #menu_responsive_megamenu .devenez_opticien img {
                height: 30px;
        }

        #menu_responsive_megamenu .elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements {
                left: auto !important;
                right: -100vw;
                -webkit-transition: right .6s cubic-bezier(.6,.1,.68,.53);
                transition: right .6s cubic-bezier(.6,.1,.68,.53);
        }

        #menu_responsive_megamenu .elementskit-menu-offcanvas-elements.active {
                left: auto !important;
                right: 0;
        }

        #menu_responsive_megamenu ul>li>a>.menu-image-hover-wrapper>img {
                display: block;
                opacity: 1;
                transition: all .5s;
        }

        #menu_responsive_megamenu ul>li:hover>a>.menu-image-hover-wrapper>img.hovered-image {
                opacity: 1;
        }

        #menu_responsive_megamenu ul>li:hover>a>.menu-image-hover-wrapper>img {
                opacity: 0;
        }

        #menu_responsive_megamenu ul>li>a>.menu-image-hover-wrapper>img.hovered-image {
                opacity: 0;
                margin: 0 !important;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
        }

        #menu_responsive_megamenu ul>li>a>.menu-image-hover-wrapper {
                position: relative;
                padding: 0;
        }

        #menu_responsive_megamenu ul .elementskit-megamenu-panel ul {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
        }

        #menu_responsive_megamenu ul>li .elementskit-megamenu-panel ul>li {
                width: 100%;
        }
        
        #menu_responsive_megamenu ul>li .elementskit-megamenu-panel ul>li>a>span.menu-image-hover-wrapper {
                display: none;
        }
        
        #menu_responsive_megamenu ul>li .elementskit-megamenu-panel ul>li>a {
                padding-top: 5px;
                padding-bottom: 5px;
        }
        
        #menu_responsive_megamenu .elementskit-megamenu-panel {
        	padding-top: 5px;
        	padding-bottom: 5px;
        }

        #menu_responsive_megamenu .elementskit-nav-logo > img {
                object-fit: contain;
                object-position: left top;
                filter: invert(1);
                max-width: none !important;
                max-height: none !important;
                width: 150px;
        }

        #menu_responsive_megamenu ul#menu-menu-general-1>li>a {
                justify-content: center;
        }

        #menu_responsive_megamenu ul#menu-menu-general-1>li>a>i {
                margin-left: 10px;
        }

        #menu_responsive_megamenu ul#menu-menu-general-1>li.devenez_opticien>a {
                justify-content: space-between;
                background-color: var(--e-global-color-primary);
                color: black;
        }

        #menu_responsive_megamenu .icone_menu_fermer {
                background-color: var(--e-global-color-primary);
                height: 50px;
                width: 50px;
                max-width: none;
                padding: 12px;
        }

        #menu_responsive_megamenu .elementskit-menu-close.elementskit-menu-toggler {
                padding-left: 0 !important;
                padding-right: 0 !important;
                padding-bottom: 0 !important;
                padding-top: 10px !important;
                margin: 0 !important;
                width: fit-content;
        }

        #menu_responsive_megamenu .elementskit-menu-hamburger.elementskit-menu-toggler svg {
                height: 50px;
                width: 40px;
                padding: 5px;
                margin-bottom: -10px
        }

        #menu_responsive_megamenu .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
                color: white;
                fill: white;
        }
        
        header.scroll100 #logo_site img {
        	height: 60px !important;
        }
        
        #colonne_logo {
        	margin-bottom: 0 !important;
        }

        #menu_responsive_megamenu button.elementskit-menu-hamburger.elementskit-menu-toggler {
                width: 60px;
                padding-bottom: 5px;
        }

        #menu_responsive_megamenu button.elementskit-menu-hamburger.elementskit-menu-toggler::after {
                content: 'Menu';
                font-size: 14px;
                font-family: 'Helvetica', sans-serif;
                text-align: center;
                font-weight: 600;
                text-transform: uppercase;
        }

        ul.elementskit-dropdown.elementskit-submenu-panel {
                width: 100%;
                height: fit-content !important;
                min-height: 0 !important;
                display: flex;
                flex-direction: column;
        }

        ul.elementskit-dropdown.elementskit-submenu-panel>li {
                width: 100%;
        }

        ul.elementskit-dropdown.elementskit-submenu-panel>li>a {
                min-height: fit-content !important;
                width: 100%;
                display: block !important;
                padding-top: 5px !important;
                padding-bottom: 5px !important;
        }

        .menu_light {
                font-weight: 400 !important;
        }

        ul.elementskit-dropdown.elementskit-submenu-panel {
                padding-top: 5px !important;
                padding-bottom: 5px !important;
        }
}

@media screen and (max-width: 540px) {
        #feed_insta_home .sbi-header.sbi-header-type-text {
                font-size: 35px !important; 
        }

        #feed_insta_home .sbi-header.sbi-header-type-text::after {
                margin-left: 1rem !important;
        }
}

@media screen and (min-width: 1201px) {
        #section_full_page {
                max-width: none;
                margin-left: -10em;
        }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
        #section_full_page {
                max-width: none;
                margin-left: -8em;
        }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
        #section_full_page {
                max-width: none;
                margin-left: -6em;
        }

        #map_socialeyes {
                height: 450px !important;
        }

        #titre_principal_home {
                left: auto !important;
                right: 3em !important;
                top: auto !important;
                bottom: 0em !important;
        }
}

@media screen and (max-width: 768px) {
        #section_full_page {
                max-width: none;
                margin-left: -2em;
        }

        #popmake-1427 {
                align-items: flex-start !important;
                overflow-y: scroll !important;
        }
}

                /* MEDIA QUERIES POUR LE HEADER */
                @media screen and (min-width: 1025px) and (max-width: 1805px) {
                        #menu_gauche_header_ekit ul>li>a,
                        #menu_header_droit ul>li>a {
                                padding-left: 10px;
                                padding-right: 10px;
                        }
                }

                @media screen and (min-width: 1025px) and (max-width: 1685px) {
                        #menu_gauche_header_ekit ul>li>a,
                        #menu_header_droit ul>li>a {
                                font-size: 16px;
                                line-height: 16px;
                        }

                        #menu_gauche_header_ekit #menu-menu-general>li>a {
                                font-size: 16px;
                                line-height: 16px;
                        }
                }

                @media screen and (min-width: 1025px) and (max-width: 1575px) {
                        #menu_gauche_header_ekit ul>li>a,
                        #menu_header_droit ul>li>a {
                                margin-inline-end: 0;
                                margin-inline-start: 0;
                        }
                }

                @media screen and (min-width: 1025px) and (max-width: 1445px) {
                        #menu_gauche_header_ekit ul>li>a,
                        #menu_header_droit ul>li>a {
                                font-size: 14px;
                                line-height: 14px;
                        }

                        #menu_gauche_header_ekit #menu-menu-general>li>a {
                                font-size: 14px;
                                line-height: 14px;
                        }
                }

                @media screen and (min-width: 1025px) and (max-width: 1326px) {
                        #colonne_logo {
                                --width: 115px;
                        }
                }

                @media screen and (min-width: 1025px) and (max-width: 1230px) {
                        #colonne_gauche_header {
                                padding-inline-end: 1em;
                        }

                        #colonne_droite_header {
                                padding-inline-start: 1em;
                        }
                }

                @media screen and (min-width: 1025px) and (max-width: 1195px) {
                        #colonne_gauche_header {
                                padding-inline-end: 0;
                        }

                        #colonne_droite_header {
                                padding-inline-start: 0;
                        }
                }

                @media screen and (min-width: 1025px) and (max-width: 1155px) {
                        #menu_gauche_header_ekit ul>li>a,
                        #menu_header_droit ul>li>a {
                                font-size: 13px;
                                line-height: 13px;
                        }

                        #menu_gauche_header_ekit #menu-menu-general>li>a {
                                font-size: 13px;
                                line-height: 13px;
                        }
                }

                @media screen and (min-width: 1025px) and (max-width: 1105px) {
                        #menu_header_droit ul>li.devenez_opticien>a>img,
                        #menu_gauche_header_ekit ul>li.devenez_opticien>a>img {
                                height: 20px !important;
                        }
                }

                @media screen and (min-width: 1025px) and (max-width: 1090px) {
                        #header_container {
                                padding-inline-start: 0;
                                padding-inline-end: 0;
                        }

                        #menu_header_droit ul>li.devenez_opticien,
                        #menu_gauche_header_ekit ul>li.devenez_opticien {
                                margin-right: 0;
                        }
                }

                @media screen and (min-width: 1025px) and (max-width: 1055px) {
                        #menu_header_droit ul>li::after {
                                display: none;
                        }

                        #menu_gauche_header_ekit #menu-menu-general {
                                padding-inline-end: 0;
                                list-style-type: none !important;
                        }
                }
                
                @media screen and (min-width: 1035px) and (max-width: 1040px) {
                	#menu_gauche_header_ekit #menu-menu-general>li>a {
                		padding-inline-end: 15px !important;
                	}
                } 

                @media screen and (min-width: 1025px) and (max-width: 1036px) {
                        #menu_gauche_header_ekit ul>li>a,
                        #menu_header_droit ul>li>a {
                                padding-left: 5px;
                                padding-right: 5px;
                        }
                }



                @media screen and (max-width: 1140px) {
                        ul#a-z {
                                flex-wrap: wrap;
                        }

                        ul#a-z li {
                                font-size: 20px !important;
                                flex-grow: 0 !important;
                        }

                        ul#a-z>li[data-letter="#"] {
                                width: 100%;
                        }
                }

                @media screen and (min-width: 1025px) and (max-width: 1050px) {
                        #menu_gauche_header_ekit #menu-menu-general>li:not(.devenez_opticien)>a {
                                padding-inline-end: 12px;
                        }
                }

                @media screen and (min-width: 1500px) and (max-width: 1606px) {
                        #menu_gauche_header_ekit #menu-menu-general>li:not(.devenez_opticien)>a {
                                padding-inline-start: 10px;
                                padding-inline-end: 25px;
                        }
                }

                @media screen and (min-width: 1607px) {
                        #menu_gauche_header_ekit #menu-menu-general>li:not(.devenez_opticien)>a {
                                padding-inline-start: 25px;
                                padding-inline-end: 25px;
                        }
                }


@media screen and (min-width: 1025px) and (max-width: 1135px) {
        #menu_gauche_header_ekit .elementskit-megamenu-panel nav>ul>li {
                width: calc(100% / 4);
        }

        #menu_gauche_header_ekit .elementskit-megamenu-panel nav>ul {
                justify-content: center;
        }
}

@media screen and (max-height: 795px) {
        #section_home_100 {
                height: 150vh !important;
                --justify-content: flex-start;
        }

        #flouter_arriere_plan {
                margin-top: 12rem;
        }
}

@media screen and (max-height: 795px) and (min-width: 1024px) {
        #section_home_100>#titre_principal_home {
                top: 50%;
                transform: translateY(-100%);
        }
}

@media screen and (max-height: 795px) and (min-width: 769px) and (max-width: 1024px) {
        #section_home_100>#titre_principal_home {
                bottom: 12em !important;
        }
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
        .grille_boucle_marques>.elementor-widget-container>.elementor-loop-container.elementor-grid {
                grid-template-columns: repeat(2, 1fr);
        }
}