/* Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme-child/ Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team Author: Elementor Team Author URI: https://elementor.com/ Template: hello-elementor Version: 2.0.0 Text Domain: hello-elementor-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /* Add your custom styles here */ #laura,.section{transition: all 0.8s} .scroll #laura{width: 40vw !important; transition: all 0.8s} header{position: fixed; width: 100%; z-index: 1000; padding: 1vw} #logo.elementor-sticky--active{margin-left: -15vw !important; width: 13vw !important; padding-top: 12vw; transition: all 0.5s;} .liste-catalogues-pdf-vignettes li a{display:flex; flex-direction:column-reverse; } .liste-catalogues-pdf-vignettes li,.liste-catalogues-pdf-vignettes{list-style: none; padding: 0; margin: 0;} .liste-catalogues-pdf-vignettes li img{width: 100% !important;} .liste-catalogues-pdf-vignettes{display: flex; gap: 1vw; flex-wrap: wrap; } .liste-catalogues-pdf-vignettes li{width: calc(100% - 0.75vw); } .liste-catalogues-pdf-vignettes li a{position: relative;} .titre-catalogue{line-height: 1; text-align: center; font-size: 0.8vw; color: #fff;font-weight: 800;text-transform: uppercase; position: absolute; height: 100%; display: flex;opacity: 0; justify-content: center; align-items: center; width: 100%; padding: 1vw; background-color: rgba(1, 0, 0, 0.8); backdrop-filter: blur(10px);transition: all 0.2s} .liste-catalogues-pdf-vignettes li:hover .titre-catalogue{opacity: 1; transition: all 0.2s} ul.liste-catalogues-pdf-vignettes li{position: relative; box-shadow: 0.3vw 0.3vw 0.3vw rgba(0, 0, 0, 0.3); margin-top: 1vw} ul.liste-catalogues-pdf-vignettes li:nth-child(1){rotate: -2deg;} ul.liste-catalogues-pdf-vignettes li:nth-child(2){rotate: -4deg; margin-top: -12vw; transition: all 0.2s} ul.liste-catalogues-pdf-vignettes li:nth-child(3){rotate: -6deg; margin-top: -12vw; transition: all 0.2s} ul.liste-catalogues-pdf-vignettes li:nth-child(4){rotate: -8deg; margin-top: -12vw; transition: all 0.2s} ul.liste-catalogues-pdf-vignettes li:nth-child(5){rotate: -10deg; margin-top: -12vw; transition: all 0.2s} ul.liste-catalogues-pdf-vignettes:hover{ li:nth-child(2){rotate: -4deg; margin-top: -0vw; transition: all 0.2s} li:nth-child(3){rotate: -6deg; margin-top: -0vw; transition: all 0.2s} li:nth-child(4){rotate: -8deg; margin-top: -0vw; transition: all 0.2s} li:nth-child(5){rotate: -10deg; margin-top: -0vw; transition: all 0.2s} } ul.liste-catalogues-pdf-vignettes:hover li{position: relative;} #cataloguesFournisseurs>div{overflow: visible;} ul.liste-catalogues-pdf-vignettes{align-items: center !important; justify-content: center;} .loop-item > div.e-con-boxed.e-flex{height: 100% !important; background-color: pink; } #cataloguesFournisseurs{overflow-y: scroll; height: 60vh; width: 100%; padding: 0 2vw; margin-left:0vw; margin-top:2vw; padding-left: 0; &::-webkit-scrollbar { width: 0.3vw; background-color: #fff !important; border-radius: 5vw !important} &::-webkit-scrollbar-thumb { background-color: var(--e-global-color-primary); border-radius: 0.3vw;} scrollbar-width: thin;scrollbar-color: var(--e-global-color-primary) #fff; } /* Style des conteneurs des radios */ .form-selector-wrapper { display: flex; justify-content: center; gap: 1vw;margin-bottom: 0vw;} .form-selector-option {display: flex;align-items: center;cursor: pointer;} .form-selector-option input[type="radio"] {position: absolute;opacity: 0;width: 0;height: 0;} .form-selector-option label {display: inline-block;padding:0.5vw 1vw;font-size: 1vw;font-weight: 500;transition: all 0.3s ease; cursor: pointer; border-radius: 0.5vw 0.5vw 0 0} .form-selector-option input[type="radio"]:checked + label {background-color: var(--e-global-color-primary); color: white; border-color: var(--e-global-color-primary); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .form-selector-option label:hover { border-color: var(--e-global-color-primary);color: var(--e-global-color-primary);} .form-content-new, .form-content-registered { padding: 1vw;} #formsLogin .password-wrapper { position: relative; display: flex; align-items: center;} #formsLogin .password-wrapper .um-form-field { flex-grow: 1; padding-right: 1.8vw !important;} #formsLogin .password-toggle-icon{ display: block !important; width: 1.2vw !important; height: 1vw !important;position: absolute;right: 0.2vw; cursor: pointer;color: #999;font-size: 0.8vw;z-index: 5;transition: color 0.2s ease-in-out; margin-top: 0.2vw; color: #000} #formsLogin .password-toggle-icon:hover {color: #2271b1;} #formsLogin input[type="text"],#formsLogin input[type="password"],#formsLogin input[type="tel"],#formsLogin input[type="email"]{border-radius: 5vw !important;-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.2); font-size:1vw !important; height:auto !important; padding:0.5vw 1vw !important;} #formsLogin .um-field-label label{display: none;} #enregistrement{border-radius:0 0 0.5vw 0.5vw !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.2); border: solid 0.05vw var(--e-global-color-primary) ; padding: 2vw 2vw 1vw 2vw} input{text-align: center;} input::placeholder { color: var(--e-global-color-primary) !important; opacity: 1 !important; font-weight:500; text-align:center; } input::-webkit-input-placeholder { color: var(--e-global-color-primary) !important;} input:-moz-placeholder { color: var(--e-global-color-primary) !important; opacity: 1 !important;} input:-ms-input-placeholder { color: var(--e-global-color-primary) !important;} #um_field_23_user_password > div.um-field-label {display: flex; justify-content: right;} #formsLogin .um-icon-help-circled:before{color: #fff} #um_field_23_user_password .um-tip.um-tip-w{} #um_field_23_user_password .um-field-area { width: 100%; .password-wrapper{width: 100%} } .um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus{font-size: 1vw; border-radius: 5vw !important; background-color: #fff !important} #formsLogin .um input[type=submit].um-button{ background-color: var(--e-global-color-primary) !important} #enregistrement .um-col-alt .um-right{display: none;} #enregistrement .um-col-alt{display: flex; justify-content: center;} .um-field-error{font-size: 0.8vw; font-style: italic; height: auto !important; padding: 0.2vw 1vw} .um-postmessage{font-size: 1vw; font-style: italic; text-align: center; font-weight: 600;} .um-postmessage { white-space: pre-line;} div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active){background-color: var(--e-global-color-primary) !important; font-size: 1vw; height: auto !important; padding: 0.5vw 2vw !important; border-radius: 10vw !important} div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active{height: auto !important; padding: 0.5vw 2vw !important; border-radius: 10vw !important} .wpforms-submit-container{display: flex; justify-content: center;} div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){background-color: transparent !important; border: none !important; font-weight: 600; text-align: center; margin-top: 0 !important; padding-top: 0 !important} #formsLogin > .wpforms-error-container > span.wpforms-hidden{display: none;} #formsLogin > .wpforms-error-container > p{font-size: 1vw; line-height: 1; text-align: center; font-weight: 600; border: solid 0.03vw; padding: 1vw; border-radius: 0.5vw;-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.2); border: solid 0.05vw var(--e-global-color-primary);} #photoLaura{max-height: 120vh; width: 135%; max-width: none;margin-left: -12vh} .boxeDeco{border: solid 0.03vw; border-radius: 0.5vw;-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.2); border: solid 0.05vw var(--e-global-color-primary);} .clientsConnect #logo.elementor-sticky--active{margin-top: 0 !important; top: 0; padding-top: 1vw; margin-left: -1vw !important; z-index: 200000; background-color: #fff; padding: 1vw 2vw 1vw 1vw; border-radius: 0 0 2vw; border: solid 0.05vw var(--e-global-color-primary); width: 18vw !important; transition: none;} .clientsConnect #blockLogo{ width: 25%; position: absolute !important; top: 0 !important; left: 0 !important; margin: 0vw !important; padding: 1vw} .clientsConnect .laius h1{font-size: 1.3vw !important} .clientsConnect .section.intro{padding-left: 7vw} .clientsConnect .sectionMarque{padding-left: 7vw; padding-right: 25vw} .clientsConnect .sectionMarque img{filter: invert(30%) sepia(49%) saturate(552%) hue-rotate(348deg) brightness(91%) contrast(87%);} .elementor-popup-modal.dialog-type-lightbox{-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.5) !important; } #formContactSimple{display: flex; justify-content: center;} #formContactSimple label{font-size: 1vw} #formContactSimple li{align-items: center;} #formContactSimple input, #formContactSimple textarea {font-size: 1vw; height: auto; padding: 0.5vw 1vw; border-radius: 5vw; box-shadow: inset 0 0 0.3vw rgba(0, 0, 0, 0.3);} #formContactSimple textarea {border-radius: 0.5vw} #formContactSimple input[type=radio]{padding: inherit;height: calc(var(--wpforms-field-size-checkbox-size) - 2px + calc(var(--wpforms-field-border-size, 1px) * 2));border-radius: 0; box-shadow: none; font-size: inherit;} #formCommande label{text-align: center;} #formCommande div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner{-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.5) !important; border-radius: 0.5vw !important; color: #fff !important} #formCommande *{font-size: 0.9vw} #formCommande input::placeholder { color: #fff !important; opacity: 1 !important; font-weight:500; text-align:center; } #formCommande input::-webkit-input-placeholder { color: #fff !important;} #formCommande input:-moz-placeholder { color: #fff !important; opacity: 1 !important;} #formCommande input:-ms-input-placeholder { #fff !important;} #formCommande textarea{height: 15vh} #formCommande div.wpforms-container-full .wpforms-confirmation-container-full p:last-child,#formCommande div[submit-success]>.wpforms-confirmation-container-full p:last-child {color: #fff; line-height: 1; font-weight: 800; font-size: 1.2vw} .cky-revisit-bottom-left{left: auto !important; right: 10vw} .wpforms-container .wpforms-form *{font-size: 1vw; text-align: center} br.mobile{display: none;} .francoDePort{display:none;} .francoDePort p{font-size: 0.7vw !important; font-family: 'helvetica' !important; font-weight: 400 !important; background-color: transparent; color: #555 !important; padding: 0.2vw 0.5vw; border-radius: 0.3vw; rotate: -3deg; margin-bottom: -0.5vw; transition:all 0.3s} .e-loop-item:hover p{ rotate:0deg; transition:all 0.3s; background-color: var(--e-global-color-secondary); color: #fff !important; } @media (max-width: 767px) { header,header > div{background-color: #3A3A3A !important;} br.mobile {display: initial; /* On restaure son comportement par défaut */} br.descktop{display: none;} .elementor-kit-8{ --e-global-color-text:#fff; --e-global-color-secondary:#fff; --e-global-color-primary:#efcca9; --wpforms-label-sublabel-color:#fff;; } body *{font-size: 4vw;line-height: 4vw} h1{font-size: 5vw !important} .elementor-counter-number,.elementor-counter-number-prefix{font-size: 12vw} #navClient #envoiMessage svg{font-size: 7vw !important} #navClient #call svg{font-size: 5vw !important; height: 7vw} #navClient {gap: 5vw; padding-right: 3vw; flex-direction: row-reverse; justify-content: flex-start;} #formsLogin input[type="text"], #formsLogin input[type="password"], #formsLogin input[type="tel"], #formsLogin input[type="email"]{font-size: 5vw !important; padding: 3vw !important} #selecteurClient{display: none;} div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active){font-size: 5vw; padding: 3vw 10vw !important} .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half, .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths, .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths{width: 100% !important; margin: 0 !important; padding: 0 !important} .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field{padding: 2vw !important} .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:first-child{padding-bottom: 4vw !important} #enregistrement:before{content: "Une première étape sur mobile"; text-align: center !important; display: block; font-size: 5vw; color: var(--e-global-color-primary);font-family: "IvyMode", Sans-serif; padding: 5vw 0} #enregistrement > .elementor-widget-container:before{content: "Bienvenue ! \A Pré-enregistrez votre établissement\A en quelques instants. \A\A Note importante :\A Pour profiter pleinement de votre espace,\A il est préférable de l'utiliser sur ordinateur. \A Pensez-y dès que votre compte sera validé !";white-space: pre-line; text-align: center !important; display: block; color: #fff} .grecaptcha-badge,.cky-revisit-bottom-left{display: none !important;} footer *{font-size: 3.5vw !important} footer > div{position: relative !important; margin-top: -12vw !important} .gradiantMobile:before{background-color: transparent !important; background-image: linear-gradient(180deg, #00000070 67%, #00000070 100%) !important;} #logo.elementor-sticky--active{display: none !important;} #formContactSimple label,#formContactSimple input, #formContactSimple textarea{font-size: 5vw} #formContactSimple input, #formContactSimple textarea{color: #BD9C7B !important; padding: 2vw} #formContactSimple input::placeholder{color: #BD9C7B !important} #formContactSimple button[type=submit]{background-color: #BD9C7B !important} div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{color: #fff !important} .page-id-2817>header{display: none;} #wpforms-2804-field_4 p{font-size: 4vw; line-height: 1.2} .elementor-element-5438f43 p, .elementor-element-5438f43 a{color: #000 !important; font-size: 4vw; display: block; line-height: 1.5} .page-id-2817 h2{font-size: 6vw} .page-id-2817 select{font-size: 5vw !important} div.wpforms-container-full .wpforms-form .wpforms-error-container.wpforms-error-styled-container .wpforms-error{font-size: 5vw !important} .wpforms-container .wpforms-form *{font-size: 4vw} #wpforms-2804 p{color: #000 !important; line-height: 1.3} }