/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://wp-themes.mrnjooh.com/twentytwentyfour-child/
Author: Brice Meye | (+237) 695 19 40 22 | ebess.core@gmail.com | www.mrnjooh.com
Author URI: https://mrnjooh.com
Description: Twenty Twenty-Four Child theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: twentytwentyfour-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* @font-face {
    font-family: "Urbanist";
    src: url(./assets/fonts/Urbanist-Regular.ttf);
} */

html,
body,
h1, h2, h3, h4, h5, h6,
p,
li,
a,
tr,
td, 
input,
textarea,
.wp-element-button {
    /* font-family: "Urbanist", sans-serif; */
}

html,
body {
    max-width: 100% !important;
    overflow-x: hidden;
}

p {
    margin-bottom: 10px;
}

h1 {
    /* font-size: 2.8rem; */
}

h2.wp-block-heading {
    margin-top: 70px;
    /* margin-bottom: 20px; */
}

h3 {
    margin-top: 50px !important;
}

.wp-block-group h2:first-child {
    margin-top: 0px !important;
}

.wp-block-group h3:first-child {
    margin-top: 0px !important;
}

.alert {
	padding: 20px;
	border-radius: 7px;
	background-color: rgb(255,240,240);
	color: rgb(100, 50, 50);
}

.alert-success {
	background-color: rgb(240,255,240);
	color: rgb(50, 100, 50);
}

.wp-block-column > ul {
	/* list-style-type: disc; */
}

.wp-block-column > ul li {
	margin: 7px 0;
}

.wp-block-column > ul li::marker  {
	/* color: orange; */
}

.wp-element-button {
    transition: background-color 500ms;
}

.wp-element-button:hover {
    transition: background-color 500ms;
}

header.wp-block-template-part {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
}

header.wp-block-template-part > .wp-block-group {
    background: linear-gradient(to bottom, black, transparent) !important;
    transition: padding-top 500ms, padding-bottom 500ms;
}

header .custom-logo {
    transition: width 500ms;
}

header > .wp-block-group.swimming {
    background: rgba(0, 0, 0, 0.8) !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    transition: padding-top 500ms, padding-bottom 500ms;
    backdrop-filter: blur(10px);
}

header > .wp-block-group.swimming .wp-block-navigation__responsive-container-open {
    fill: black;
    color: inherit;
}

header > .wp-block-group.swimming .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    fill: black;
    color: inherit;
}

header .current-menu-item > a {
    font-weight: bold;
}

header:not(.has-featured-image) .current-menu-item > a {
    color: var(--wp--preset--color--contrast-2) !important;
}

.wp-block-navigation .wp-block-navigation__submenu-container {
    padding: 10px 10px;
    border-radius: 10px;
    width: 230px !important;
}

#modal-1-content .wp-block-navigation .wp-block-navigation__submenu-container {
    width: 100% !important;
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)) {
    padding: 5px 10px;
    border-radius: 5px;
    transition: background-color 500ms;
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)):hover {
    background-color: rgb(230, 230, 230);
    transition: background-color 500ms;
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item) {
    /* padding: 5px 10px; */
}

header ul ul {
    /* padding: 10px 0px;
    border-radius: 10px;
    overflow: hidden; */
}

.wp-block-site-title a {
	text-decoration: none !important;
}

body {
    
}

ul li a {
	text-decoration: none !important;
}

.has-featured-image .swimmer {
    position: fixed;
    z-index: 1000;
    width: 100%;
    /* top: 30px; */
}

.swimmer.with-adminbar {
    top: 30px !important;
}

.swimming.with-adminbar {
    top: 30px !important;
}

.has-featured-image > .wp-block-group:not(.swimming) .wp-block-navigation__container.wp-block-navigation:not(.is-menu-open.is-menu-open) a.wp-block-navigation-item__content,
.has-featured-image .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    color: white;
}

.has-featured-image > .wp-block-group:not(.swimming) .wp-block-navigation__submenu-container.wp-block-navigation-submenu:not(.is-menu-open.is-menu-open) a.wp-block-navigation-item__content {
    color: initial;
}

.has-featured-image .wp-block-navigation__responsive-container-open {
    fill: white;
    color: white;
}

footer .tiktok-label svg {
    width: 24px !important;
    margin-right: 5px;
}

footer h2.wp-block-heading {
    /* padding-bottom: 5px !important; */
}

footer.wp-block-template-part {
    margin-top: 0 !important;
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.display-none {
	display: none;
}

header .custom-logo {
    transition: width 500ms;
}

header.scrolled {
    background-color: white;
    transition: background-color 500ms;
	top: 0 !important;
}

header.scrolled .custom-logo {
    width: 90px;
    transition: width 500ms;
}

.section {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.with-video-bg {
    position: relative !important;
    overflow: hidden !important;
}

.with-video-bg video {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.bouton-menu-compte {
    background-color: #2fba67 !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 50px;
}


/* #region TEMOIGNAGES */
.liste-temoignages {
    position: relative;
}

.temoignage {
    position: absolute;
    top: 30px;
    opacity: 0;
    transition: top 800ms, opacity 800ms;
}

.temoignage.actif {
    top: 0;
    opacity: 1;
    transition: top 800ms, opacity 800ms;
}

.indicateurs {
    text-align: center;
    padding: 10px 0;
}

.indicateur {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: white;
    border: 2px solid rgb(200, 200, 200);
    display: inline-block;
    margin: 2px 15px;
    cursor: pointer;
    transition: width 500ms;
}

.indicateur.actif {
    background-color: rgb(200, 200, 200);
    border: 2px solid rgb(200, 200, 200);
    width: 30px;
    transition: width 500ms;
}

input[type="text"], select {
    font-family: var(--wp--preset--font-family--body);
}

input[type="text"], select {
    /* font-family: var(--wp--preset--font-family--body); */
    padding: 7px 12px;
    border-radius: 2px;
    border: 1px solid rgb(50, 50, 50);
}

.wp-block-gallery figcaption {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    font-weight: bold;
    text-shadow: none !important;
    border-width: 0 !important;
}

.desktop {
    display: block;
}


/* #endregion TEMOIGNAGES */

@media screen and (max-width: 700px) {
    .desktop {
        display: none;
    }

	h1.wp-block-post-title {
		font-size: 2.5rem;
        margin-top: 100px;
	}
	
	h2.wp-block-heading {
		font-size: 2rem;
		margin-top: 35px;
		margin-bottom: 10px;
	}

    .wp-block-gallery figure.wp-block-image {
        width: 100% !important;
    }
	
    .section {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    #modal-1-content ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation {
        width: 100%;
        display: block;
        text-align: center !important;
    }

    #modal-1-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        text-align: left;
		padding: 0px 0;
        font-size: 1.6rem;
        width: 100% !important;
    }

    #modal-1-content ul.wp-block-navigation__container a.wp-block-navigation-item__content {
        display: block;
        width: 100% !important;
        border-top: 1px solid rgb(220, 220, 220);
        padding-top: 2px;
        padding-bottom: 5px;
        color: initial;
    }

    #modal-1-content ul.wp-block-navigation__container li.wp-block-navigation-item ul li.wp-block-navigation-item {
        font-size: 1.2rem;
    }

    #modal-1-content ul.wp-block-navigation__container li.wp-block-navigation-item ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #modal-1-content ul.wp-block-navigation__container li.wp-block-navigation-item ul li.wp-block-navigation-item {
        padding-left: 30px !important;
    }

    #modal-1-content ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li.wp-block-navigation-item.wp-block-navigation-link:not(.current-menu-item) a.wp-block-navigation-item__content {
        color: black !important;
    }

    #modal-1-content ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation li.wp-block-navigation-item.wp-block-navigation-link a.wp-block-navigation-item__content {
        width: 100% !important;
    }

    .wp-block-navigation__responsive-container-content {
        margin: 0;
        padding: 0;
    }

    .bouton-menu-compte {
        padding: 0 !important;
    }

    .wp-block-social-links {
        display: block;
        width: 100%;
        text-align: left;
    }

    footer > .wp-block-group {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .swimmer.with-adminbar {
        top: 30px !important;
    }
    
    .swimming.with-adminbar {
        top: 0px !important;
    }

    footer .blocs-menus .wp-block-group {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }    
}