/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

.commande a {
    border: 2px solid #e99ac9 !important;
    padding: 15px 20px !important;
    border-radius: 30px !important;
}
.commande a:hover {
    border: 2px solid #e99ac9 !important;
    padding: 15px 20px !important;
    border-radius: 30px !important;
    color: #fff !important;
    background-color: #e99ac9 !important;
    opacity: 1 !important;
}


.partie-titre {
    flex-direction: row-reverse;
}

.et_pb_section.et_pb_section_11.et_section_regular {
    background: none !important;
}

.et_pb_section.et_pb_section_9.et_section_regular {
    background: none !important;
}

.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_mobile_menu li a, .mobile_menu_bar:before, .et_nav_text_color_light #top-menu>li>a, .et_nav_text_color_dark #top-menu>li>a, .et_mobile_menu li a, #et_search_icon:before, #et_top_search .et-search-form input, .et_search_form_container input, #et-top-navigation .et-cart-info {
    color: #FFF !important;
}

.et_mobile_menu {
    border-top: 3px solid #fa801b;
}

#logo {
    max-height: 95%;
}
.dnxte-switch-inner{
	top:-10px !important;
}
h3.dnext-3d-transform-flpb-flip-box-header{
	line-height:1.2em !important;
}


.class-anim {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media only screen and (max-width: 1239px) and (min-width: 981px){
	.partie-titre {
    margin-bottom: 37px !important;
}
	.image {
    transform: translateX(0px) translateY(-70px) !important;
}
.partie-marron {
    height: 560px !important;
    margin-bottom: 0px;
}
.padding-top {
    padding-top: 0px !important;
    margin-top: 0px !important;
}
.classpading {
    margin-top: 0px !important;
}
}


@media only screen and (max-width: 1024px) {
.dnxte_3dcubeslider_child_1 .dnxte-3dcubeslider-multitext, .dnxte_3dcubeslider_child_2 .dnxte-3dcubeslider-multitext {
    left: 0%;
    top: 10% !important;
}
.dnxte_3dcubeslider_child_0 .dnxte-3dcubeslider-multitext {
    left: 0%;
    top: 31% !important;
}
}
@media (max-width: 980px) {
    .class-flex {
        display: flex;
        flex-direction: column-reverse;
    }
	.class-flex .et_pb_column.et_pb_column_empty {
    display: block !important;
}
}

@media only screen and (max-width: 768px) {
.classpading {
    margin-top: 0px !important;
}
}

@media only screen and (max-width: 980px) {
.dnxte_person_0 .dnxte-nextperson-img {
    max-width: 80% !important;
    margin-bottom: 30px !important;
}
	
@media only screen and (max-width: 425px) {
h1 {
    font-size: 30px !important;
}
h2 {
    font-size: 25px !important;
}
h3 {
    font-size: 20px !important;
	line-height: 2em !important;
}
p.dnxt-grdnt-text-animation-2.dnxt-grdnt-text-animation_font {
    font-size: 30px !important;
}
}

	@media only screen and (max-width: 375px) {
.dnxte_content_toggle_0 .dnxte-toggle-head-one label, .dnxte_content_toggle_0 .dnxte-toggle-head-two label {
    font-size: 20px !important;
}
}
.dnxte-nextperson-team-wrap.dnxte-nextperson-left-center {
    display: flex;
    flex-direction: column;
}
}

@media (min-width: 981px) {
    .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a {
        padding-bottom: 34px;
    }
}


/*****************************************/
.class-anim {
  --border-angle: 0deg;
  border-radius: 0px;
  padding : 2%;
  animation: border-angle-rotate 2s infinite linear;
  border: 2px solid transparent;
  }

  .class-anim {
/*     background: linear-gradient(#35bdd3, #35bdd3) padding-box,
      conic-gradient(
          from var(--border-angle),
          oklab(0.74 -0.1 -0.06),
          oklch(0.78 0.11 343.52)
        )
        border-box; */
	      background: #cc84b0;
  } 


@keyframes border-angle-rotate {
  from { --border-angle: 0deg; }
  to { --border-angle: 360deg; }
}


@property --border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
} 

.class-anim2 {
  --border-angle: 0deg;
  border-radius: 0px;
  padding : 0%;
  animation: border-angle-rotate 2s infinite linear;
  border: 2px solid transparent;
  }

  .class-anim2 {
    background: linear-gradient(#e5fcff, #e5fcff) padding-box,
      conic-gradient(
          from var(--border-angle),
          oklab(0.74 -0.1 -0.06),
          oklch(0.78 0.11 343.52)
        )
        border-box;
  } 

/**********************************************************/
details{
  display:inline;
}
details {
  position:relative;
}
details summary {
	color: #000;
    display: block;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 600;
	padding-top: 10px;
}
details summary:focus {
  outline:none;
}
details[open] {
  display:block;
  padding-bottom:25px;
  /*padding-top:10px;*/
  animation: open .2s linear;
}
details[open] summary {
  position:absolute;
  bottom: 0;
  left:0;
}
/*span#close {
    left: 120%;
}*/
details[open] #close {
	position: relative !important;
    top: 10px;
	width:100%;
	
}
details #open{padding-left:5px;text-align:center;}
details #open:after{
		display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 8px;
    font-family: 'ETmodules';
    content: "3";
}
	details #close:after {
    display: inline-block;
    position: relative;
    top: 0px;
    margin-left: 10px;
    font-family: 'ETmodules';
    content: "3";
    transform: rotate(180deg);
}
details[open] #open{display:none;}
details #close{display:none;}
details[open] #close{display:block;}
::-webkit-details-marker {display: none;}
@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*****************************************/
div#wpcf7-f336107-p18-o1 input, div#wpcf7-f336107-p18-o1 textarea {
    width: 100%;
    padding: 14px;
    margin-bottom: 18px;
}

input[type="checkbox"] {
    width: auto !important;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width:  auto !important;
   
    background: #e99ac9;
    padding: 12px 20px !important;
    border: 0 !important;
    color: white !important;
    font-weight: bold;
    font-size: 15px;
}




h1,h2,h3,h4,h5,h6{
  font-family: "Dancing Script", cursive !important;

}