/*
Theme Name: Estheticienne Performante - Custom
Description: Creation sur-mesure
Author: Charlene DL - www.itsarty.studio
Template: Divi
Version: 1.1
Text Domain: divi-child

Domain Path: /languages/divi-child

*/

/*
CSS custom 
*/

 @media (max-width: 980px) {
	 
	 .et_fixed_nav #main-header, .et_fixed_nav #top-header, .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header {
    position: fixed !important;
}

     .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
         z-index: 9999;
    }
     #main-header .container.clearfix.et_menu_container {
         width: 100%;
    }
     .logo_container {
         padding-left: 30px;
    }
     #et-top-navigation {
         padding-right: 30px;
    }
}


/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 

.et_pb_menu_0_tb_header.et_pb_menu ul li a {
  
  font-size: 13px !important; }
	

body #page-container .et_pb_section .et_pb_button_0_tb_header {
 
  font-size: 12px !important; }
	
.tagcontent p {

  font-size: 14px !important;}
	
.abouthome {

  padding-top: 26% !important;
  padding-bottom: 26% !important; }
	
.et_pb_number_counter_1.et_pb_number_counter .percent p, .et_pb_number_counter_3.et_pb_number_counter .percent p, .et_pb_number_counter_2.et_pb_number_counter .percent p, .et_pb_number_counter_0.et_pb_number_counter .percent p {
  
  font-size: 40px !important; }
	
	#blogcategory .et_pb_module_header a { font-size: 17px !important; }
	
	


}

/* basic color */
 :root {
     --dark: #2c2e3e;
     --lighter-grey: #F2EDEB;
     --accent-hover: #893E30;
     --accent: #893E30;
     --dark-accent: #893E30;
     --light: #fff;
	 --hl-color: #DA2972;
     --hl-text-color: #ffffff;
}
/* texte sélectionné */
 ::-moz-selection {
    /* Code for Firefox */
     color: #893E30;
     background: #E1CBC5;
}
 ::selection {
     color: #893E30;
     background: #E1CBC5;
}
/* scrollbars */
 * {
     scrollbar-color: var(--accent) var(--lighter-grey) ;
     scrollbar-width: thin;
}
 ::-webkit-scrollbar {
     height: 8px;
     width: 8px;
     background:var(--dark);
}
 ::-webkit-scrollbar-thumb {
     background: var(--accent);
     -webkit-border-radius: 1ex;
     -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
 ::-webkit-scrollbar-corner {
     background: var(--dark);
}
/* Box sizing  */
 *, *::before, *::after {
     box-sizing: border-box;
}
/* Remove default padding */
 ul[class], ol[class] {
     padding: 0;
}
/* Set core body defaults */
 body {
     min-height: 100vh;
     scroll-behavior: smooth;
     text-rendering: optimizeSpeed;
     line-height: 1.5;
}
/* Remove list styles on ul, ol elements with a class attribute */
 ul[class], ol[class] {
     list-style: none;
}
/* A elements that don't have a class get default styles */
 a:not([class]) {
     text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
 img {
     max-width: 100%;
     display: block;
}
/* Natural flow and rhythm in articles by default */
 article > * + * {
     margin-top: 1em;
}
/* Inherit fonts for inputs and buttons */
 input, button, textarea, select {
     font: inherit;
}
/* Remove all animations and transitions for people that prefer not to see them */
 @media (prefers-reduced-motion: reduce) {
     * {
         animation-duration: 0.01ms !important;
         animation-iteration-count: 1 !important;
         transition-duration: 0.01ms !important;
         scroll-behavior: auto !important;
    }
}


/* custom menu hover effects */
 #main-header {
     top: 0;
     width: 100%;
     z-index: 99 !important;
     transition: all .3s ease;
	 -webkit-box-shadow: none;
}

#main-header.et-fixed-header {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


 #main-header .et_pb_row_1_tb_header {
     transition: all.3s ease;
}

 .et-menu li {
     display: block;
}
 #main-header li li a {
     width: auto;
     word-break: keep-all;
     display: block;
}
 #main-header nav ul li a:hover {
     background: none !important;
}
 #main-header nav li a:hover::before {
     width: 100%;
}
 .nav li ul {
     border-color: transparent;
	 border-top: 1px solid #893E30 !important;
}
 .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
     top: calc(100% + 25px);
}

.centered-inline-logo-wrap { 
    margin-left: 70px !important; 
    margin-right: 70px !important; 
}

ul#top-menu li.menu-item:not(:last-child) { 
    padding-right: 50px !important; 
}
#et_top_search { 
    margin-left: 50px !important; 
}
    .et_header_style_split #top-menu-nav {
        margin-left: 60px;
    }



/* mobile menu */
 .mobile_nav .mobile_menu_bar::before {
     color: #2c2e3e;
     transition: all .3s ease;
}
 .mobile_nav.opened .mobile_menu_bar::before {
     
     content: "\4d" !important;
}
 .et_mobile_menu .first-level > a {
     background-color: transparent;
     position: relative;
}
 .et_mobile_menu .first-level > a:after {
     font-family: 'ETmodules';
     content: '3';
     font-weight: normal;
     position: absolute;
     font-size: 16px;
     top: 13px;
     right: 10px;
}


#mobile_menu {
    display: block !important;
    height: calc(100vh - 80px);
    top: 80px;
    border-top: none;
    padding-top: 0;
    overflow-y: auto;
    z-index: 9998;
    transition: all .8s ease-in-out !important;
    position: absolute;
    width: 300px;
	padding: 0 25px;
	right: 0;
	left: initial;
}

 .mobile_nav.closed #mobile_menu {
     transform: translateX(350px);
}
 .mobile_nav.opened #mobile_menu {
          transform: translateX(0px);
}

@media only screen and (max-width: 980px) {
	.et_header_style_split #main-header { visibility:hidden; }	
}


.et_mobile_menu {
  
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}


div:not(.et_pb_team_member_description) > div > p a:hover, .et_pb_blurb a:not([href*="category"]):hover, .fts-twitter-div .fts-right a:not(.fts-twitter-full-name):not(.fts-twitter-at-name):not([href*="status"]):not([href*="hash"]) a:hover, .et_pb_widget li a:hover, .dsm-menu-container li a:hover {
    background-position: 0 1em;
}

@media only screen and (max-width : 980px) {
  .reverse-columns-order {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}







/*Password protected style*/

.et_password_protected_form {
    min-height: initial;
    padding: 100px;
    max-width: 700px;
    margin: auto;
}
 
.et_password_protected_form .et_submit_button {
    background: #2c2e3e;
    color: white! important;
    border: 2px solid #2c2e3e;
}
 
.et_password_protected_form .et_submit_button:hover {
    background: #2c2e3e;
    color: white! important;
    border: 2px solid #2c2e3e;
}
 
@media (max-width: 479px) { 
.et_password_protected_form {
    padding: 40px;
}
}

/*Highlight text effect*/



#wrapper .line {
  position: relative;
  font-weight: bold;
  cursor: pointer;
  color: #DA2972;
  z-index: 100;
  padding: 0 3px 4px 3px;
  border-bottom: 2px solid var(--hl-color);
  transition: color 0.3s ease-in-out;
  margin-right: 4px;
}
#wrapper .line::after {
  content: "";
  width: 100%;
  height: 0px;
  background: var(--hl-color);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: height 0.3s ease-in-out;
}
#wrapper .line:hover {
  color: var(--hl-text-color);
}
#wrapper .line:hover::after {
  height: 100%;
}

.pink {  color: #DA2972 !important; }