/*
Theme Name: Theme Bien Commun
Theme URI: https://velcome-seo.fr
Author: Velcome SEO
Author URI: https://velcome-seo.fr/
Description: Thème personnalisé pour Bien Commun
Requires at least: 6.0
Tested up to: 6.3
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bien-commun
Tags: 
*/

html {
    scroll-behavior: smooth;
}

header {
    z-index: 9999;
}

header>div,
header>div>div {
    height: 80px;
}

footer a {
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

.height-100 {
    height: 100%
}

@media screen and (max-width: 800px) {

    header>div,
    header>div>div {
        height: 60px;
    }

    img.custom-logo {
        max-height: 40px;
        max-width: 100px !important;
    }

}

@media screen and (max-width: 1070px) {
    .mobile-justify-center {
        justify-content: center !important;
        column-gap: 30px;
    }
}

/* SHADOWS */
.has-natural-shadow {
    box-shadow: var(--wp--preset--shadow--natural);
}

.has-custom-shadow {
    box-shadow: 0px 3px 6px #00000029;
}

/* BUTTONS */
.wp-block-button.is-style-outline>a:hover {
    background: var(--wp--preset--color--custom-mandarin) !important;
    color: white !important;
    border-radius: 20px !important;
}

.wp-block-button > a:hover > img {
    -webkit-filter: invert(100%) !important;
    filter: invert(100%) !important;
}

/* STICKY POSITION */
.is-sticky {
    position: sticky;
    top: 32px;
    z-index: 9999;
}

.has-overflow-hidden {
    overflow: hidden;
}

.contact-link {
    border-bottom: 3px solid white;
}

.contact-link:hover {
    border-bottom: 3px solid var(--wp--preset--color--custom-mandarin);
}

.contact-link a {
    text-decoration: none;
}

.contact-link a:hover {
    text-decoration: none;
}

/* BALUCHON STYLES */
.has-animation-transform-top:hover {
    transform: translateY(var(--animation-length));
    transition: transform 0.3s ease-in-out;
}

.has-animation-transform-top {
    transition: transform 0.3s ease-in-out;
}

/* CHAT BUBBLE */
.bottom.speech::after {
    border-top-color: inherit;
    border-bottom: 0;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
}

.bottom.speech.axolotl::after {
    border-top-color: var(--wp--preset--color--custom-axolotl);
}

.bottom.speech.mandarin::after {
    border-top-color: var(--wp--preset--color--custom-mandarin);
}

.speech::after {
    content: "";
    border: 20px solid transparent;
    position: absolute;
}

.speech {
    font-size: 1.1em;
    color: #fff;
    /* background: #a53d38; */
    position: relative;
    padding: 15px;
    border-radius: 10px;
    margin: 30px auto;
    max-width: 95px;
}