/*!
Theme Name: 1870 Avocats
Template: Divi
Description: Un theme créé par Bleuebuzz
Version: 1.0
Author: Bleuebuzz
Author URI: https://www.bleuebuzz.fr
*/

/* ALL
========================================== */
body{overflow-x:hidden;}
div#main-content {overflow:hidden;}
a {transition: all .5s ease;}
a:hover {text-decoration: underline;}
div.et_pb_section.et_pb_section_0>.et_pb_background_mask {background-image:url(/wp-content/themes/1870/assets/masque-hero.svg)!important;mix-blend-mode: soft-light;}

/*footer */
ul#menu-footer{padding:20px 0 0 0;list-style-type: none;display:flex;padding:0;}
ul#menu-footer li {line-height: normal;margin-right: 20px;}
ul#menu-footer li a {line-height: normal;}
.footer-signature {line-height: normal!important;}

@media (max-width: 820px) {
    ul#menu-footer{flex-direction: column;}
    ul#menu-footer li {margin-bottom: 20px;}
}

/* HEADER
========================================== */
.logo {max-width : 200px; margin-left: 3%;transition: all .3s;}
.home .et_pb_section_0_tb_header .logo{display:none;}
.home .et_pb_section_0_tb_header.et_pb_sticky--top .logo{display:block; animation: animLogo .3s;}
@keyframes animLogo{
    from{
        opacity:0;
    }
    to{        
        opacity:1;
    }
}

@media (max-width: 820px) {
    .logo {max-width : 170px;transition: all .3s;}
    img.logo-hero {max-width: 120px;transition: all .3s;}
    .et_pb_section.et_pb_section_0_tb_header.et_pb_sticky--top .et_pb_row_0_tb_header {background-color: rgba(234, 230, 220, 0.3);backdrop-filter: blur(5px);}
}

@media (max-width: 480px) {
    .logo {max-width : 110px;margin-top: 15px;transition: all .3s;}
    img.logo-hero {max-width: 70vw;}
}

.et_pb_section.et_pb_section_0_tb_header.et_pb_sticky--top .logo {max-width: 80px;margin-left: 3%;margin-top: 25px;transition: all .3s;}
.et_pb_section.et_pb_section_0_tb_header .logo a path.logo-header {fill: #fff;transition:all .3s;}
.et_pb_section.et_pb_section_0_tb_header.et_pb_sticky--top .logo a path.logo-header {fill: #131F40;transition:all .3s;}

/*  BURGER
========================================== */
.et_pb_section.et_pb_section_0_tb_header .burger {width: 55px; height: 85px; position: fixed; top: 20px; right: 40px; border-radius: 4px; z-index: 10; border:1px solid #fff; border-radius:30px; }
.burger span {margin-top: 9px; margin-bottom: 9px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -1.5px;}
.et_pb_section.et_pb_section_0_tb_header .burger span, .et_pb_section.et_pb_section_0_tb_header .burger span::before, .et_pb_section.et_pb_section_0_tb_header .burger span::after {display: block; width: 30px; height: 3px; background-color: #fff; outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; transition-property: background-color, transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.burger span::before, .burger span::after {position: absolute; content: "";}
.burger span::before {top: -9px;}
.burger span::after {top: 9px;}
.et_pb_section.et_pb_section_0_tb_header .burger.clicked span {background-color: transparent; }
.burger.clicked span::before { -webkit-transform: translateY(9px) rotate(45deg); -moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }
.burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg); -moz-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }
.et_pb_section.et_pb_section_0_tb_header .burger.clicked { border:1px solid #EAE6DC; }
.et_pb_section.et_pb_section_0_tb_header .burger.clicked span:before, .et_pb_section.et_pb_section_0_tb_header .burger.clicked span:after{ background-color: #EAE6DC; }
.burger:hover { cursor: pointer; }

@media screen and (max-device-width: 820px) {
    .et_pb_row_0_tb_header {height: 105px!important;}
    .et_pb_section.et_pb_section_0_tb_header .burger {width: 40px;height:65px;}
    .et_pb_section.et_pb_section_0_tb_header .burger span {left: 63%;}
    .et_pb_section.et_pb_section_0_tb_header .burger span, .et_pb_section.et_pb_section_0_tb_header .burger span::before, .et_pb_section.et_pb_section_0_tb_header .burger span::after {width: 20px; }
}

/* tpl contact */
#contact.et_pb_section.et_pb_section_0_tb_header .logo a path.logo-header {fill: #131F40;}
#contact.et_pb_section.et_pb_section_0_tb_header .burger {border:1px solid #131F40; }
#contact.et_pb_section.et_pb_section_0_tb_header .burger span, #contact.et_pb_section.et_pb_section_0_tb_header .burger span::before, #contact.et_pb_section.et_pb_section_0_tb_header .burger span::after {background-color: #131F40;}
#contact.et_pb_section.et_pb_section_0_tb_header .burger.clicked { border:1px solid #EAE6DC; }
#contact.et_pb_section.et_pb_section_0_tb_header .burger.clicked span:before, #contact.et_pb_section.et_pb_section_0_tb_header .burger.clicked span:after{ background-color: #EAE6DC; }

/*  STICKY
========================================== */
.et_pb_section.et_pb_section_0_tb_header.et_pb_sticky--top .burger {border:1px solid #131F40;}
.et_pb_section.et_pb_section_0_tb_header.et_pb_sticky--top .burger span, .et_pb_section.et_pb_section_0_tb_header.et_pb_sticky--top .burger span::before, .et_pb_section.et_pb_section_0_tb_header.et_pb_sticky--top .burger span::after {background-color: #131F40;}
@media screen and (max-device-width: 820px) {
    .et_pb_section.et_pb_section_0_tb_header.et_pb_sticky--top .burger.clicked { border:1px solid #EAE6DC; }
    .et_pb_section.et_pb_section_0_tb_header.et_pb_sticky--top .burger.clicked span:before, .et_pb_section.et_pb_section_0_tb_header.et_pb_sticky--top .burger.clicked span:after{ background-color: #EAE6DC; }
}

/*  .menu-header-container
========================================== */
.menu-header-container { background-color: #131F40; position: fixed; z-index: 9; top: 0; right: 0; height: 100vh; max-width: 40vw; width: 100%; display:flex; align-items: flex-start ; padding: 100px 40px 60px 40px; overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.menu-header-container.show {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.menu-header-container.show ul.main li { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; max-width: 50%; }
.menu-header-container.show ul.main li:hover:before {content:url(/wp-content/themes/vinival/assets/img/croix-menu.svg); position:absolute; left:-30px;top: 10px;}
.menu-header-container.show ul.main li:nth-child(1) { transition-delay: 0.15s; }
.menu-header-container.show ul.main li:nth-child(2) { transition-delay: 0.3s; }
.menu-header-container.show ul.main li:nth-child(3) { transition-delay: 0.45s; }
.menu-header-container.show ul.main li:nth-child(4) { transition-delay: 0.6s; }
.menu-header-container.show ul.main li:nth-child(5) { transition-delay: 0.75s; }
.menu-header-container.show ul.main li:nth-child(6) { transition-delay: 0.9s; }
.menu-header-container.show ul.main li:nth-child(7) { transition-delay: 1.05s; }
.menu-header-container.show ul.main li:nth-child(8) { transition-delay: 1.2s; }
.menu-header-container.show ul.main li:nth-child(9) { transition-delay: 1.35s;}
.menu-header-container ul.main {list-style-type: none; }
.menu-header-container ul.main li {margin-bottom: 20px; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.menu-header-container ul.main li:last-of-type { margin-bottom: 0px; }
.menu-header-container ul.main li a { color: #EAE6DC; font-family: 'DMSans Light', Helvetica, Arial, Lucida, sans-serif;line-height: normal;text-decoration: none; font-size: 2.5rem; display: block; font-weight: 400; padding: 10px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.menu-header-container ul.main li a span { color: #EAE6DC; }
.menu-header-container ul.main li a:hover {color: #EAE6DC;}
@media screen and (max-device-width: 820px) {
    .menu-header-container { max-width: 80vw;padding: 70px 30px 40px 30px;}
    .menu-header-container.show ul.main li {max-width: 100%;}
}

@media screen and (max-device-width: 480px) {
    
    .menu-header-container { max-width: 95vw;padding: 70px 30px 40px 30px;}
    .menu-header-container ul.main li a { font-size: 1.5rem; line-height: 1em; }
}

/*  .menu-header-container > sub-menu
========================================== */
.menu-header-container.show ul.main li ul.sub-menu {list-style-type: none;}
.menu-header-container.show ul.main li ul.sub-menu li {margin-bottom:0;max-width: 100%!important;}
.menu-header-container.show ul.main li ul.sub-menu li a {font-family: 'DMSans Light', Helvetica, Arial, Lucida, sans-serif;font-size: 18px;font-weight: 300; text-transform: none; ;padding:8px 0;transition: all 0.5s ease;}
.menu-header-container.show ul.main li ul.sub-menu li a:hover {text-decoration: underline;}

@media screen and (max-device-width: 480px) {
    .menu-header-container.show ul.main li ul.sub-menu {padding-top: 0;}
    .menu-header-container.show ul.main li ul.sub-menu li {margin-bottom:10px;}
    .menu-header-container.show ul.main li ul.sub-menu li a {padding:10px 0;}
}
/*  OVERLAY
========================================== */
.overlay { background-color: #EAE3D2; position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100vh; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; }
.overlay.show { opacity: 0.8; visibility: visible; }

/*  ADDRESS CONTACT MENU
========================================== */
.menu-contact {position: absolute; bottom: 10%;left: 60px;display: flex;flex-direction: row;align-items: flex-end;}
.menu-address {color: #EAE6DC;margin-left: 20px;line-height: normal; font-size: 18px;}
@media screen and (max-device-width: 480px) {
    .menu-contact {bottom: 15%;left: 45px;}
    .menu-address {font-size: 14px;}
}

/* Slider STUFF 
========================================== */
.stuff-col2 {display: flex;flex-direction: column;justify-content: flex-end;}
.swiper-container.stuff {overflow:hidden;background-color: #DC9775;}
.swiper-container.stuff .et_pb_section.swiper-wrapper.riadstuff .swiper-slide {margin:0;background-color: #DC9775!important;}
.swiper-container.stuff .swiper-nav {position: relative;}
.stuff .swiper-pagination-bullets.swiper-pagination-horizontal {position: absolute; bottom: auto; top: 5vh;left: calc(50vw + 3vw);right: auto; z-index: 20;display: flex;flex-direction: column;}
.stuff .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0 15px;width: fit-content;height:auto;background: rgba(0,0,0,0);position: relative;display: inline-block;background: rgba(166, 12, 23, 0);transition: all .3s ;border-bottom:solid 2px rgba(166, 12, 23, 0);border-radius: 0;}
.stuff .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover {opacity:1;}
.stuff .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(0, 0, 0, 0);transition: all .3s;border-bottom:solid 2px rgba(166, 12, 23, 1);}
.swiper-container.stuff .swiper-btn {position: relative;top:40vh}
.swiper-container.stuff .swiper-btn .swiper-button-prev {width:110px;height:85px;left: 3vw;right:auto;}
.swiper-container.stuff .swiper-btn .swiper-button-prev:after {content: url(/wp-content/themes/1870/assets/left-arrow.svg);}
.swiper-container.stuff .swiper-btn .swiper-button-next {width:110px;height:85px;left: auto;right:3vw;}
.swiper-container.stuff .swiper-btn .swiper-button-next:after {content: url(/wp-content/themes/1870/assets/right-arrow.svg);}

@media (max-width: 820px) {
  .stuff .swiper-pagination-bullets.swiper-pagination-horizontal {top: 5vh;left: 5vw;right: auto;}
  .swiper-pagination-bullets.swiper-pagination-horizontal {top: 5vh;left: 5vw;right: auto;}
  .custom-pagination .swiper-pagination-bullet {width:50px;height: 50px;}
  .swiper-container.stuff .swiper-btn {top:36vh}
  .swiper-container.stuff .swiper-btn .swiper-button-prev {width:40px;height:36px;left: auto;right: 12vw;}
  .swiper-container.stuff .swiper-btn .swiper-button-prev:after {content: url(/wp-content/themes/1870/assets/left-arrow-small.svg);}
  .swiper-container.stuff .swiper-btn .swiper-button-next {width:40px;height:36px;left: auto;right:3vw;}
  .swiper-container.stuff .swiper-btn .swiper-button-next:after {content: url(/wp-content/themes/1870/assets/right-arrow-small.svg);}
}

@media (max-width: 460px) {
  .swiper-container.stuff .swiper-btn .swiper-button-prev {left: auto;right: 20vw;}
  .swiper-container.stuff .swiper-btn .swiper-button-next {left: auto;right:5vw;}
}

/* MARQUEE
========================================== */
.marquee__part {flex-shrink: 0;padding: 0 1vw;font-smooth: always;display: flex;}
.marquee-img {max-width:50px;max-height:140px;position:relative;top:3vh;margin:0 2vw;}
/*.marquee__part img {margin:0 2vw;}*/
.marquee {color: #131F40; font-size: 7vw;line-height: 20vh;padding: 0; position: relative; overflow: hidden;font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif;font-weight: 900;}
.marquee__inner, .marquee__inner2 {-webkit-font-smoothing: antialiased; width: fit-content; display: flex; flex: auto; flex-direction: row;}
@media screen and (max-width:820px){
  .marquee-img {max-width:50px;max-height:120px;position:relative;top:60px;}
}
@media screen and (max-width:640px){
  .marquee-img {max-width:50px;max-height:80px;position:relative;top:45px;}
}


/* scroll locomotive-cabinet
========================================== */

.img-link{font-weight: 400;font-size:50px;transition:all .3s;cursor:pointer;line-height: normal;padding-bottom: 10px;}
.img-link.active{font-weight: 700;font-size:70px;transition:all .3s;line-height: normal;}
.img-link:not(.active):hover{font-weight: 500;font-size:70px;transition:all .3s;line-height: normal;}
.img-select[data-img="0"]{background-image: url(/wp-content/uploads/2025/06/portrait-virginie-bourland-sauvat.jpg);transition: background-image .3s;animation: bkd-img-anim1 0.6s;}
.img-select[data-img="1"]{background-image: url(/wp-content/uploads/2025/06/portrait-maxime-de-margerie.jpg);transition: background-image .3s;animation: bkd-img-anim2 0.6s;}
.img-select[data-img="2"]{background-image: url(/wp-content/uploads/2025/06/portrait-amicie-de-foresta.jpg);transition: background-image .3s;animation: bkd-img-anim3 0.6s;}


@keyframes bkd-img-anim{
    0% {background-size: 120%;}
    100% {background-size: 100%;}
}

@keyframes bkd-img-anim1{
    0% {background-size: 120%;}
    100% {background-size: 100%;}
}

@keyframes bkd-img-anim2{
    0% {background-size: 120%;}
    100% {background-size: 100%;}
}

@keyframes bkd-img-anim3{
    0% {background-size: 120%;}
    100% {background-size: 100%;}
}

.img-section{flex-shrink: 0;}

@media screen and (min-width:981px){
    .swiper-cabinet{width:40%;float:left;}
    .et_pb_gutters1.et_pb_row .et_pb_column_2_5.swiper-wrapper.cabinet{width:80%;display:block;margin: 0 auto !important;float:none;transform:none!important;}
    .et_pb_gutters1.et_pb_row .et_pb_column_2_5.swiper-wrapper.cabinet .swiper-slide{max-width: 100%; float: none;}
}

@media screen and (max-width:980px){    
    .img-select[data-img="0"]{animation: none;}
    .img-select[data-img="1"]{animation: none;}
    .img-select[data-img="2"]{animation: none;}
    .img-select{float:none;}
    .swiper-cabinet{position:relative;}
    .swiper-cabinet .swiper-slide{padding:0 10%;}
    .swiper-cabinet .swiper-pagination{bottom: auto;top: 20px;left: auto;width: 60px;right: 10vw;}
    .swiper-cabinet .swiper-pagination .swiper-pagination-bullet{height:12px;width:12px;border: solid 1px #131F40;background:#131F40;transition: all .3s;opacity:1;}
    .swiper-cabinet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;transition: all .3s;}
    .swiper-cabinet .swiper-btn {position: absolute;top: 15px;left: 10vw;width: 110px;height: 50px;}
    .swiper-cabinet .swiper-btn .swiper-button-prev {width:40px;height:36px;left: 0;right: auto;}
    .swiper-cabinet .swiper-btn .swiper-button-prev:after {content: url(/wp-content/themes/1870/assets/left-arrow-small.svg);}
    .swiper-cabinet .swiper-btn .swiper-button-next {width:40px;height:36px;left: auto;right:0;}
    .swiper-cabinet .swiper-btn .swiper-button-next:after {content: url(/wp-content/themes/1870/assets/right-arrow-small.svg);}
}


/* FORM
========================================== */
form span input[type=text],
form span input[type=tel],
form span input[type=email],
form span select{border-radius:30px;width:100% !important;box-sizing: border-box;height:50px;line-height:50px;padding: 10px 10px 10px 20px !important; border:none!important;background:rgb(255,255,255,1)!important;border:1px solid #EAE6DC!important;font-size: 15px;color:#002934!important;font-weight: 300;margin: 10px 0;}
form span textarea{border-radius:30px;width:100% !important;box-sizing: border-box;height:150px;line-height:20px;padding: 10px 10px 10px 20px !important; border:none!important;background:rgb(255,255,255,1)!important;font-size: 15px;border:1px solid #EAE6DC!important;color:#002934!important;font-weight: 300;margin: 10px 0;}
form span input[type=text]::placeholder,
form span input[type=tel]::placeholder,
form span input[type=password]::placeholder,
form span input[type=email]::placeholder,
form span textarea::placeholder
form span select {color:#002934!important;font-size: 16px;}
form .rowcheckbox {width:100%;font-size: 12px;margin-bottom: 15px;box-sizing: border-box; line-height: 20px; text-align: left;padding-left: 15px;}
form .rowcheckbox .wpcf7-list-item {margin-left:15px;}
form .rowcheckbox .checkbox-contact-choice {width:100%;font-size: 16px;margin-bottom: 15px;box-sizing: border-box;text-align: left; color: #A60C17;}
form span .label, form div .label{color:#002934;}
form .row-submit {display:flex;justify-content:flex-start ;position:relative;padding-top: 20px;}
form .row-submit .wpcf7-spinner {position:absolute;top: 8px; left: calc(50% + 90px);}
form .row-submit .btn-submit-form{border:1px solid #002934!important;font-size: 18px;text-transform: uppercase; background-color: #002934;padding: 12px 20px;color: #EAE6DC!important;border-radius: 50px;cursor: pointer;transition: all .4s ease;}
form .row-submit .btn-submit-form:hover{border:1px solid #002934!important; background-color:#EAE6DC;color: #002934!important;}
form .wpcf7-validation-errors{color:#F7F3ED;background: #A60C17;padding:10px 20px;border:none;}
form span.wpcf7-not-valid-tip{font-size: 14px!important;}
form .acceptance{font-size: 10px; line-height: normal;display: inline-block;line-height: 15px;}
form .acceptance label > span,
form .acceptance label > input{vertical-align: top;}
form .acceptance label > span{max-width:600px;position:relative;top:2px;line-height: 20px;}

.form50 p {display:flex;justify-content: space-between;}
.form50 p .wpcf7-form-control-wrap {width: 48%;}
@media screen and (max-width:480px){
		.form50 p {display:block;}
		.form50 p .wpcf7-form-control-wrap {width: 100%;}
}