/*
Theme Name: Divi Child 02
Template: Divi
Author: Neli DJAWLA
Author URI: https://succesbiz.com
Description: Thème enfant de Divi
Version: 1.0.0.1689256322
Updated: 2023-07-13 14:52:02

*/

.et_pb_title_meta_container a[rel="category tag"] {
    font-size: .8em;
    background-color: #008585;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    color: #008585;
    -moz-transition: .3s ease all !important;
    -webkit-transition: .3s ease all !important;
    -o-transition: .3s ease all !important;
    transition: .3s ease all !important;
    padding: .5em;
}
.et_pb_title_meta_container a[rel="category tag"]:hover {
    background-color: #00d263;
    color: #fff;
    -moz-transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}
p.et_pb_blog_grid .category-beaute.et_pb_post .post-meta, .et_pb_blog_grid .category-beaute.et_pb_post .post-meta a[rel="tag"] {
    background-color: #c7522a;
    color: #0a0a0a;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    padding: 2px 20px;
}
.et_mobile_menu {
    background-color: #fff !important;
    top: 0 !important;
    border-top: 3px solid #283fc0 !important;
    padding: 20% 0;
}
.et_mobile_menu li a {
    font-size: .8em;
    text-align: center;
    border: 0;
    letter-spacing: 1px;
    padding: 15px 0;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
    color: #283fc0;
}
.mobile_nav ul#mobile_menu li ul li a {
    font-size: .8em !important;
    padding-top: 0.2em;
    color: #363636 !important;
    margin: auto;
}
.et_mobile_menu li a:hover {
    color: #999;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.mobile_menu_bar:before {
    padding-right: 25px;
    color: #363636 !important;
}
.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
    z-index: 99999;
}

/* Afficher dynamiquement le titre du site à droite du logo
   — À placer tout en bas de style.css */
#main-header .logo_container{
  display:flex;           /* met logo + titre côte à côte */
  align-items:center;
}
#main-header .logo_container img{
	margin-right:10px;
	max-width: 60px;
}
#main-header .logo_container:after{
  content:"Secrets de \A Grand-mère";
	white-space:pre-wrap;     /* indispensable pour que \A soit respecté */
  font-weight:700;
  font-size:20px;
  color:#000;          
}
/* #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}*/
/*#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
    content: '5';
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
    position: relative;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
    width: 36px;
    background-color: rgba(0,0,0,0.03);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    top: 6px;
    text-align: center;
    z-index: 1;
    position: absolute;
    height: 36px;
    line-height: 36px;
    right: 10px;
    cursor: pointer;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
    background-color: rgba(0,0,0,0.1);
}
#main-header #mobile_menu .et_mobile_menu .sub-menu-toggle::before {
    font-size: 24px;
    content: '\33';
    line-height: 36px;
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    speak: none;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
    content: '\32';
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
    display: none !important;
    padding-left: 0;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
    display: block !important;
    background-color: rgba(0,0,0,0.03);
}
#main-header #mobile_menu.et_mobile_menu li li {
    padding-left: 0;
}
#main-header #mobile_menu.et_mobile_menu li a, #main-header #mobile_menu.et_mobile_menu li li a, #main-header #mobile_menu.et_mobile_menu li li li a {
    padding-left: 20px;
    padding-right: 20px;
}
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle + a {
    padding-right: 20px;
}
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    font-weight: inherit;
}
#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
    font-weight: bolder;
}*/
a.et_pb_button .et_pb_button_0 {
    font-size: 16px;
    background-color: transparent;
    color: #17c3b2;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: center;
    border: 2px solid #17c3b2;
    z-index: 1;
    position: relative;
    font-family: inherit;
    text-transform: uppercase;
    overflow: hidden;
    padding: 0.8em 1.8em;
}
a .et_pb_button .et_pb_button_0:hover {
    color: #fff;
}
a.et_pb_button .et_pb_button_0::before {
    display: block;
    width: 0;
    background-color: #17c3b2 !important;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    top: 50%;
    content: '';
    z-index: -1;
    position: absolute;
    height: 300%;
    left: 50%;
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
a.et_pb_button .et_pb_button_0:hover::before {
    width: 105%;
}
a .et_pb_button.et_pb_button_0:active {
    background-image: linear-gradient(50deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
}
.et_pb_post_content_0_tb_body.et_pb_post_content a {
    position: relative;
    text-decoration: none;
}
.et_pb_post_content_0_tb_body.et_pb_post_content a:hover:before {
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    transform-origin: left;
}
.et_pb_post_content_0_tb_body.et_pb_post_content a:before {
    width: 100%;
    background-color: #da0000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    content: '';
    position: absolute;
    height: 3px;
    left: 0;
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: right;
    bottom: 0;
}
et-top-navigation a {
    padding-bottom: 25px !important;
    position: relative;
}
#et-top-navigation a:before {
    width: 100%;
    background-color: #da0000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    content: '';
    position: absolute;
    height: 3px;
    left: 0;
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: right;
    bottom: 20%;
}
#et-top-navigation a:hover:before {
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    transform-origin: left;
}
.category_custom {
    margin: auto;
}
.category_custom a {
    font-size: 16px;
    background-color: white;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: .5px solid #09091a;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    -moz-box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
    -webkit-box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
    -o-box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
    box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
    padding: 3px 20px;
}
.category_custom a:hover {
    background-color: #da0000;
    color: #fff !important;
    border: 0;
    letter-spacing: 3px;
    -moz-box-shadow: rgb(93 24 220) 0 7px 29px 0;
    -webkit-box-shadow: rgb(93 24 220) 0 7px 29px 0;
    -o-box-shadow: rgb(93 24 220) 0 7px 29px 0;
    box-shadow: rgb(93 24 220) 0 7px 29px 0;
}
.category_custom a:active {
    background-color: hsl(261deg 80% 48%);
    color: hsl(0, 0%, 100%);
    -moz-transition: 100ms;
    -webkit-transition: 100ms;
    -o-transition: 100ms;
    transition: 100ms;
    letter-spacing: 2.2px;
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -moz-box-shadow: rgb(93 24 220) 0 0 0 0;
    -webkit-box-shadow: rgb(93 24 220) 0 0 0 0;
    -o-box-shadow: rgb(93 24 220) 0 0 0 0;
    box-shadow: rgb(93 24 220) 0 0 0 0;
}
.dn-blog-sidebar-list .wp-block-latest-posts__list li {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.dn-blog-sidebar-list .wp-block-latest-posts__featured-image {
    display: block;
    width: 100px;
    padding-top: 10px;
    float: left;
}
.dn-blog-sidebar-list .wp-block-latest-posts__post-title, .dn-blog-sidebar-list .wp-block-latest-posts__post-date {
    width: calc(100% - 100px);
    padding-left: 10px;
    color: #09091a;
    float: right;
}
.dn-blog-sidebar-list .wp-block-latest-posts__featured-image img {
    width: 100%;
    top: 0;
    position: relative;
    height: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: cover;
}
.liste-categories {
    list-style: none;
    padding: 0;
}
.liste-categories li {
    display: inline-block;
    margin-right: 10px;
}
.liste-categories li a {
    color: #000;
    text-decoration: none;
}
.liste-categories li.active a {
    color: #f00;
    font-weight: bold;
}
.pa-blog-sidebar-list .entry-featured-image-url {
    display: block;
    width: 100px;
    padding-top: 100px;
    margin-bottom: 0 !important;
    float: left;
}
.pa-blog-sidebar-list .entry-title, .pa-blog-sidebar-list .post-meta {
    width: calc(100% - 100px);
    padding-left: 20px;
    float: left;
}
.pa-blog-sidebar-list .entry-featured-image-url img {
    width: 100%;
    top: 0;
    position: absolute;
    height: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: cover;
}
.pa-blog-sidebar-list .et_pb_post:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd !important;
}
@media screen and (max-width: 1250px) {
.dn-blog-sidebar-list li {
    display: inline;
    font-size: 2px;
}
.container {
    width: 100% !important;
}
.et_header_style_left .logo_container {
    padding-left: 25px;
}
.et_header_style_centered #main-header .mobile_nav {
    background-color: transparent;
}
.mobile_nav.closed .select_page {
    display: none;
}
.et-fixed-header#main-header {
    background-color: transparent !important;
}
}