/*
	Theme Name: kotiaide-child
	Theme URI: www.kotiaide.fr/
	Description: Ménage et repassage
	Author: Moustache Agence de communication digitale
	Author URI: https://moustachestudio.fr/
 	Template: Divi
	Version: 1.0.0
*/

::-webkit-scrollbar { width: 10px;}
::-webkit-scrollbar-track { background-color:#fff;  }
::-webkit-scrollbar-thumb { background-color: #12B9C2; border-radius:30px;   }
::-webkit-scrollbar-thumb:hover {  background-color: #006FC2;} 

html, body { font-weight:400;}

#et-main-area a {text-decoration: underline !important;}
.inline-block { display:inline-block;}
.flex {display: flex;} 
.flex-col {flex-direction: column;}
.flex-wrap {flex-wrap: wrap;} 
.gap-1 { gap:1rem;}
.gap-2 { gap:2rem;}
.flex-col { flex-direction: column;}
.justify-between { justify-content: space-between;}
.justify-center { justify-content: center;}
.justify-end {justify-content: flex-end;}
.items-center {align-items: center;}
.items-end {align-items: flex-end;}
.h-100 { height:100%;}
.min-h-100 {min-height: 100vh;}
.order-2 { order:2 !important; }
@media (min-width: 980px) { .order-2 { margin-right:0 !important; margin-left: 5.5%; } }

@media screen and (min-width: 980px){ 
	.sticky { position: sticky;  top: 0; }
	.sticky.top-70 {top:70px;}
	.sticky.top-120 {top:170px;}
}

.et_pb_column.mb-3 { margin-bottom:2rem !important;}
@media (min-width: 768px) { .et_pb_column.mb-3 { margin-bottom:3rem !important;} }
.pt-0 { padding-top:0 !important;}
.radius-20 {border-radius:20px;}
.text-white { color:#ffffff !important;}
.index-1 { z-index:1}
.index-9 { z-index:9}

.transform-y {transition: 0.25s linear;}
.transform-y:hover, a.et_pb_button:hover, .wp-block-buttons a:hover, button:hover { transform: translateY(-5px);}

.img-cover { overflow:hidden; width: 100% !important; /*box-shadow: 0px 0px 35px 0px rgb(9 103 175 / 15%); border-radius: 20px;*/}
.img-cover.rounded-y { border-radius:200px 200px 0 0 !important;}
.img-cover.ratio-1 img {aspect-ratio: 50.4/40;}
.img-cover.ratio-2 img {aspect-ratio: 50/55;}
.img-cover.ratio-3 img {aspect-ratio: 50/23;}
.img-cover img { aspect-ratio: 50/50; -o-object-fit: cover; object-fit: cover; height: auto;  transition: 0.25s linear; width: 100% !important;}
.scale:hover img { scale:1.1;}
.img-full .et_pb_image_wrap, .img-full .et_pb_image_wrap img, .img-cover .et_pb_image_wrap   { width:100% !important;}
 

/******menu************/
header#main-header, header#main-header.et-fixed-header { /*position: sticky; z-index: 9999999;*/  box-shadow:none !important; border-radius: 0 0 30px 30px;  }
header .container, #top-header .container { width:95%;  max-width: 2200px;  }
header#main-header a { font-weight:400 !important; }
header#main-header .btn a {border-radius: 20px; background-color: #FDCD81; padding:0.7em 1em!important; transition: all 0.25s ease;  color:#131110 !important;} 
header#main-header .btn a:hover {background-color: #F5AB93;} 
header#main-header #top-menu-nav>ul>li>a:hover { opacity:1 !important;}

/*****title**********/
#et-main-area h1, #et-main-area .h1 {font-size: clamp(55px,10vw,115px) !important; line-height:0.9em !important; font-weight: 650; }
@media (min-width: 980px) { #et-main-area h1, #et-main-area .h1 {font-size: clamp(50px,7.4vw,118px) !important;}}
#et-main-area h1 span, #et-main-area h2 span { color:#19d5df;  /*text-decoration: underline; text-decoration-color: #F1D2DB; text-decoration-skip-ink: none; text-decoration-thickness: 40%;  text-underline-offset: -37%; */ }
#et-main-area h2 { font-size: clamp(33px,3.5vw,47px) !important; line-height:0.99em !important; font-weight: 600;  }
#et-main-area .single-blog h2 { font-size: clamp(33px,4vw,60px) !important;  }
#et-main-area h3 {font-size: clamp(23px,2.3vw,27px) !important; line-height:0.99em !important; font-weight: 500; }

/***menu wordpress**/
header#main-header, #main-header.et-fixed-header { top:10px !important; box-shadow:none!important; background:initial !important; position: fixed; }
@media (min-width: 980px) { header#main-header, #main-header.et-fixed-header {top:25px !important;} }
@media (max-width: 980px) { .et_header_style_left #logo {  max-width: 65%;} }
@media (min-width: 1140px) {#logo {max-width: initial;} }
header .container { width: 95%;max-width: 1600px;border-radius: 40px;background-color: #ffffff; -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border: 1px solid #c6d6e1;padding: 15px 20px;display: flex;align-items: center;justify-content: space-between; box-shadow:0px 0px 35px 0px rgb(9 103 175 / 15%);}
header .container:after, #top-menu-nav #top-menu a:after { content: none !important;}
/*header#main-header .logo_container {position: initial;height: auto;width: auto;}*/
header#main-header #et-top-navigation {padding: 0 !important; margin-left: auto;}
header#main-header #top-menu-nav #top-menu a {border-radius: 20px;padding: 0.7em 0.7em!important; font-weight: 500;width: auto;border-width: 1px 1px 1px 1px;border-color: transparent;border-style: solid;transition: all 0.1s linear; z-index: 99999; text-decoration: none !important;}
header#main-header #top-menu-nav #top-menu a:hover {opacity: 1;}
nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu {float: none;}

header#main-header #top-menu li {padding-right: 0;}
header#main-header #top-menu li.current-menu-ancestor > a, header#main-header #top-menu li.current-menu-item > a, 
#top-menu li.current_page_item > a, #top-menu li.menu-item > a:hover {background: #e2f2f3; cursor:pointer;}

@media (min-width: 980px) { 
	header#main-header #top-menu .menu-item-has-children:hover > a { border-radius: 20px 20px 0 0 !important;background-color: #fff; border-width: 1px 1px 0 1px !important; 
		border-color: #e1e1e1 !important;}
	header#main-header #top-menu .menu-item-has-children:hover > a:hover {background-color: #fff;}
	header#main-header ul.sub-menu { border-radius: 0 20px 20px 20px;box-shadow: 12px 8px 20px 5px rgba(85, 85, 85, 0.05);border-width: 1px 1px 1px 1px !important; 
		border-color: #e1e1e1 !important;border-style: solid !important;padding: 15px;border: 0;background-color: #fff;width: 300px;display: flex;flex-direction: column;top: 36px;}
}
	
header#main-header #top-menu-nav #top-menu ul.sub-menu li a:hover {text-decoration: underline;}
#top-menu li li {padding: 0;}
/*span.logo_helper {display: none;}*/

header#main-header .btn a {border-radius: 20px;color: #ffffff !important; background-color: #12b9c2;padding: 0.7em 1.5em!important;transition: all 0.25s ease;}
header#main-header #top-menu-nav #top-menu .btn a:hover {background-color: #12b9c2;color: #ffffff !important;opacity: 1;transform: translateY(-5px);}


/**menu mobile**/
.et_header_style_left #et-top-navigation .mobile_menu_bar { padding-bottom: 0;}
.mobile_menu_bar:before { color: #12b9c2 !important; }
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before { content: '\4d';  }

ul.et_mobile_menu {border: 0; border-radius:20px; top: 75px; overflow: auto; max-height: 480px; box-shadow: 0px 0px 25px 0px rgb(85 85 85 / 15%); border: 1px solid #c6d6e1; padding:1rem !important}
ul.et_mobile_menu li a { width: 100%; margin: 0 auto; padding: 10px; font-weight: 500 !important; border-radius: 20px; font-size: initial; } 
 
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children { position: relative;}

.et_mobile_menu li li { padding-left: 0;}
.et_mobile_menu .menu-item-has-children>a { background:transparent;}
.et_mobile_menu li a:hover, .nav ul li a:hover { opacity:1;}
 
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu { display: none !important; visibility: hidden !important;}

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {display: block !important; visibility: visible !important; padding-left:20px;} 

/*submenu icon*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {cursor: pointer; opacity: 1;}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {top: 10px;position: absolute;font-family: "ETModules";content: '\33';color: #12b9c2;background: #ededed;border-radius: 50%; padding: 3px 5px; right: 10px; font-size: 25px;  font-weight: 500;;}
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {content: '\32';}


/***first section padding acause nav position fixed*/
#main-content .et_pb_section:first-child{ padding-top:6.5rem !important;} 
@media (min-width: 980px) {  #main-content .et_pb_section:first-child{ padding-top:8.75rem !important;} }


/***************/
.btn-inline .et_pb_button_module_wrapper {     display: inline-block; }
.et_pb_blurb_container h3 { margin-bottom:1rem !important;}
.perspective {transition: all 0.25s ease !important;  }
.perspective:hover {scale:1.05 /*transform: perspective(150px) rotateX(2deg);*/}

@media (max-width: 980px) {
	.et_pb_button_module_wrapper, .et_pb_button_module_wrapper .et_pb_button { width:100%; text-align:center; }
}
	
/****************/
/****bloc-grid product et blog**********/
.bloc-grid > div { display:grid; gap:40px; grid-template-columns: repeat(1, minmax(0, 1fr));  }
@media (min-width: 580px) {  
	.bloc-grid > div  { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
}
@media (min-width: 768px) {  
	.bloc-grid > div  {  grid-template-columns: repeat(3, minmax(0, 1fr));  }  
}

/*.bloc-grid article:first-child {  grid-column: span 2;}*/
.blog article.et_pb_post {  margin-bottom:3rem !important; }
.bloc-grid.blog article.et_pb_post {  margin-bottom:0rem !important; } 
.blog article.et_pb_post .entry-featured-image-url {overflow: hidden;  width: 100%; border-radius:20px; margin-bottom: 0 !important;  position: relative; box-shadow: 0px 0px 35px 0px rgb(9 103 175 / 15%);}
.blog article.et_pb_post .entry-featured-image-url > img {aspect-ratio: 50/28; object-fit: cover; width: 100%; transition: 0.25s linear; }
.blog article.et_pb_post .entry-featured-image-url:hover > img { scale:1.1;}
.blog article .entry-title { padding:1.5rem 0; position:relative; }
.blog article .post-content-inner { padding-bottom: 1.35rem;}
.blog article .more-link  {  display: inline-block; color: #006fc2; text-align:center; border:1px solid #006fc2; border-radius: 20px;padding: 0.7rem 1.5rem!important;}
.blog article .entry-title a  { transition: 0.25s linear;}
.blog article .entry-title a:hover {color: #19d5df;}

#phone-call { border-radius:100%; position:fixed; right:15px; bottom:15px; box-shadow: 0px 0px 35px 0px rgb(9 103 175 / 30%);  transition: 0.25s linear; }
#phone-call:hover {transform: translateY(-5px); }