/*
Theme Name: La déterminée
Description: Un template WordPress pour les entrepreneures déterminées.
Author: Charlene DL - It's Arty studio
Template: Divi
Version: 2.0
Text Domain: divi-child

Domain Path: /languages/divi-child
Tags: divi, child theme, feminin, layout, sheboss, ladypreneur, ladyboss, french
*/

/*
CSS custom 
*/


/* basic color & fonts (variables principales thème) */
 :root {
     --dark: #1B1C1E;
     --lighter-grey: #A7512A;
     --accent-hover: #1B1C1E;
     --accent: #1B1C1E;
     --dark-accent: #1B1C1E;
     --light: #ffffff;
	 --secondary-font: 'Italiana',Georgia,"Times New Roman",serif;
	 --light-background: #F6F1F0;
	 --mobile-menu-font: #1B1C1E;
	 --mobile-menu-background: #F6F1F0;

	 
	 
}



/* custom login & cart icon menu  */

.custom_carticon { background-image: url('https://unboutondanslecoin.com/wp-content/uploads/2020/11/shopping-bag1.svg');
background-repeat: no-repeat;
background-position: top;
padding-left: 5px;
width: 17px;
height: 17px;
}

.custom_login { background-image: url('https://unboutondanslecoin.com/wp-content/uploads/2020/11/user.svg');
background-repeat: no-repeat;
background-position: top;
padding-left: 10px;
width: 17px;
height: 17px;
padding-right: 20px !important;
	
}

/* shop mobile menu */

@media only screen and ( max-width: 980px ) {
	
	.custom_login { background-image: url('');}
	
		.custom_login a::after { content:'Mon compte'; font-size:18px; color: var(--mobile-menu-font); display: inline-block; width: 270px;}
	.custom_login a::before { content: ''; height: 20px; }
	
	.custom_carticon { background-image: url('');}
	
	.custom_carticon a::after { content:'Mon panier'; font-size:18px; color: var(--mobile-menu-font); display: inline-block; width: 270px; margin-top:20px;}
	
	.cta_menu { margin-top: 15px; }

	.cta_menu a { border: 1px solid var(--acent) !important;}
	
	
}
 
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    .custom_login a::after { content:'Mon compte'; font-size:18px; color: var(--mobile-menu-font); display: inline-block; width: 670px;}
	.custom_carticon a::after { content:'Mon panier'; font-size:18px; color: var(--mobile-menu-font); display: inline-block; width: 670px; margin-top:20px;}
}

.mobile_nav.closed #mobile_menu, 
.mobile_nav.opened #mobile_menu {
    
    background: var(--light);   
	
}


/* Color button CALL TO ACTION menu */

.cta_menu a { background: var(--light); border: 1px solid var(--accent);  padding: 10px 15px 10px 15px; padding-bottom: 10px !important; color: #000000 !important; }

.cta_menu a:hover { background: var(--light) !important; padding: 10px 15px 10px 15px; padding-bottom: 10px !important; color: #1B1C1E !important; }

.et-fixed-header #top-menu .cta_menu a {
    color: #1B1C1E !important;
}
.et-fixed-header #top-menu .cta_menu a:active {
    color: #1B1C1E !important;
}

/* menu */
 @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;
		
 
    border: 15px solid #fff !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;
    }
	 
	 .cta_menu a { padding-top: 10px !important; }
	 
	 	 #et_top_search {
    margin: 0 15px 0 0 !important;
        margin-left: 0px;
    float: left;
}
	 
	 .et-search-form input {
    width: 60%;
    
}
}




/* texte sélectionné */
 ::-moz-selection {
    /* Code for Firefox */
     color: #A7512A;
     background: #E1CBC5;
}
 ::selection {
     color: #A7512A;
     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;
}
 #main-header nav li a:hover::before {
     width: 100%;
}
 .nav li ul {
     border-color: transparent;
	 border-top: 1px #fff !important;
	 width: 270px;
}
 .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
     top: calc(100% + 25px);
}

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




ul#top-menu li.menu-item:not(.custom_carticon, .custom_login) { 
    padding-right: 30px !important; 
}


#et_top_search { 
    margin-left: 10px !important; 
}
    .et_header_style_split #top-menu-nav {
        margin-left:55px;
    }



/* mobile menu */
 .mobile_nav .mobile_menu_bar::before {
     color: var(--dark);
     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: 110vh;
    top: -30px;
    border-top: none;
    padding-top: 0;
    overflow-y: auto;
    z-index: 9998;
    transition: all .8s ease-in-out !important;
    position: absolute;
    width: 100% !important;
	padding: 0 25px;
	right: -30px !important;
	left: initial;
	padding-top: 80px;
}

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


.et_mobile_menu li a {
    font-size: 16px !important;
	font-weight: 200;
    text-transform: uppercase;
   
}

.et_mobile_menu li li {
    padding-left: 0px;
}

.fa, .far, .fas {
    font-size: 16px;
    margin-right: 8px;
}





@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;
}

.et_mobile_menu li a {
    border-bottom: 0px;
    color: #666;
    padding: 15px 0%;
    display: block;
    text-align: center !important;
	font-family: var(--secondary-font);
	font-size: 20px;
	font-weight: 700;
	line-height: 10px !important;
}

.et_mobile_menu .menu-item-has-children > a { background-color : transparent; border-bottom: 1px solid var(--mobile-menu-font); margin-bottom: 20px; padding-bottom: 20px; font-family: var(--secondary-font) !important; 
 }

#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul {
 
    padding-left: 0px !important;
}

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;
  }
}



.et_pb_toggle_open .et_pb_toggle_title:before {
display: block !important;
content: "\4b";
font-family: ETmodules !important;
color: var(--acent) !important;
}

.et_pb_toggle_title::before {
    content: "\4c"; 
	font-family: ETmodules !important;
 
}


.et_pb_accordion_item .et_pb_toggle_title::before {
    color: var(--accent) !important;
}




.et-cart-info { display:none !important; }


#et-top-navigation {  font-weight: 400; }




/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
    .et_bloom_locked_container.et_bloom_optin_4 { 
  width: 100% !important; }
}

/*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: var(--acent) !important;
    color: white! important;
    border: 2px solid var(--acent) !important;
}
 
.et_password_protected_form .et_submit_button:hover {
    background: var(--acent) !important;
    color: white! important;
    border: 2px solid var(--acent) !important;
}
 
@media (max-width: 479px) {
.et_password_protected_form {
    padding: 40px;
}
}

#page-container { overflow-x: hidden;}










@media only screen and ( min-width: 980px ) {
 #et_search_icon::before {
    content: "\55";
    font-size: 15px;
    left: 0;
    position: absolute;
    top: -1px;
}
	
	#et_top_search {

    width: 100px;
}
}



.et_post_meta_wrapper { display: none;}

.et_pb_fullwidth_post_slider .et_pb_button_wrapper { background: #fff !important; padding-bottom: 25px; }

@media only screen and ( max-width: 980px ) {
   .woocommerce ul.products li.product .button {
    margin-top: 1em;
    font-size: 13px !important;
    width: 100% !important;
	   text-align: center !important;
}
	
	
	}


   .woocommerce ul.products li.product .button {
    
    max-width: 100% !important;
	   text-align: center !important;
	  
	   
}
	

/*custom loop woocommerce button*/


.itsarty-woo-button { color: var(--accent) !important; border-top: none !important; border-left: none !important; border-right: none !important; margin-left: auto !important;
margin-right: auto !important;
display: block !important;}

.added_to_cart.wc-forward {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}


.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none !important;
}