/**
 * Theme Name: Thème Mission Informatique par Akaleya
 * Description: Ce thème permet de mettre en entête une grande image, par dessus laquelle on peut ajouter un message et un bouton administrable. Il dispose aussi d'une foire aux questions. Ce thème enfant est personnalisé aux couleurs de Mission Informatique
 * Author:     Akaleya, Web & Print
 * Template:   akaleya-light-theme
 * Version:    1.0.0
 * License:    GNU General Public License v2 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 * Tags:       website, eco-conception, WordPress, FAQ, Admin Header and CTA
 * Text Domain: thème-mission-informatique-par-akaleya
 * Generated by WPMasterToolKit
 * @link https://wordpress.org/plugins/wpmastertoolkit/
 */

/* 
 * Primaire : bleu clair : #007ac3 nav hover, bouton, titre autres?
 * Secondaire : vert : #007b4c : nav, titre services, bouton hover
 * Tertiaire : bleu foncé : #003d62 footer 1
 * Alternative : vert vif : #6fe5b3
 * Muted : bleu marine : #00283f footer 2
 * dégradé menu fixed au scroll, section contact home : linear-gradient(60deg, rgba(0,61,98,0.9) 50%, rgba(0,123,76,0.9) 100%);
 */

/* COLORS */

.gradient-background {
    background: var(--wp--preset--gradient--gradient-background);
}

.text-bleu-clair,
.page-template-page-without-h1 main h2,
.page-template-page-without-h1 main h4 {
    color: var(--wp--preset--color--primary);
}

.text-vert,
main .wp-block-heading a,
.page-template-page-without-h1 main h3,
.page-template-page-without-h1 main h5 {
    color: var(--wp--preset--color--secondary);
}

.text-bleu-fonce {
    color: var(--wp--preset--color--tertiary);
}

.text-blanc,
main .wp-block-columns .has-background .widget-contact a,
#navbar.gradient-background .menu a,
#navbar.gradient-background .arrow-menu-down::after,
#navbar.gradient-background .arrow-menu-up::after,
#navbar.gradient-background #burger,
footer,
footer a,
.nav-footer a,
footer p,
footer li,
footer h1,
footer h2,
footer h3,
.current_page_ancestor a {
    color: var(--wp--preset--color--inverse);
}

.text-vert-vif,
main .wp-block-columns .has-background .widget-contact a:hover,
#navbar.gradient-background .menu a:hover,
#navbar.gradient-background .arrow-menu-down:hover::after,
#navbar.gradient-background .arrow-menu-up:hover::after,
#navbar.gradient-background #burger:hover,
footer a:hover,
.nav-footer a:hover,
.akaleya a,
.copyright a,
#footer-contact i,
#navigation .current-menu-item>a,
.has-background i {
    color: var(--wp--preset--color--alternative);
}

.text-bleu-marine {
    color: var(--wp--preset--color--muted);
}


.bg-bleu-clair {
    background-color: var(--wp--preset--color--primary);
}

.bg-bleu-fonce,
#navigation,
#navbar.gradient-background .sub-menu {
    background: var(--wp--preset--color--tertiary);
}

.bg-blanc,
#navbar.gradient-background .burger span {
    background: var(--wp--preset--color--inverse);
}

#wp-custom-header {
    background-image: linear-gradient(180deg, #007b4c 0%, #003d62 65%);
    background-color: transparent;
    background-image: linear-gradient(180deg, #007b4c 0%, #003d62 65%);
}

.bg-vert,
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
    background-color: var(--wp--preset--color--secondary);
}

#footer-infos {
    background-color: var(--wp--preset--color--tertiary);
}

.bg-bleu-marine,
#footer-copyright {
    background-color: var(--wp--preset--color--muted);
}

.bg-vert-vif {
    background-color: var(--wp--preset--color--alternative);
}

#wp-custom-header img {
    opacity: 0.3;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="phone"]:focus,
textarea:focus,
input[type="text"]:focus-visible,
input[type="email"]:focus-visible,
input[type="phone"]:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--wp--preset--color--alternative);
}

/* SIZING, SPACING */
.page-template-page-without-h1 main h2 {
    font-size: var(--wp--preset--font-size--large) !important;
}

.container-text-header h1 {
    font-size: 1rem;
}

#footer-contact i,
.widget-contact i {
    font-size: 1.5rem;
}

#navbar {
    height: auto;
}

.burger {
    padding-top: 6px;
}

#footer-contact .content-widget {
    width: auto;
}


ul.wp-block-list {
    list-style: none;
}

ul.wp-block-list li::before {
    content: '\2713';
    color: var(--wp--preset--color--alternative);
    font-weight: bold;
    padding-right: 5px;
}

@media (min-width: 576px) {
    .container-text-header h1 {
        font-size: 1.3rem;
    }
}

@media (min-width: 768px) {
    .container-text-header {
        width: 60%;
    }

    .container-text-header h1 {
        font-size: 1.7rem;
    }

    #footer-infos h2 {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    #navbar {
        height: auto;
    }
}

@media (min-width: 1024px) {
    .container-text-header h1 {
        font-size: 2rem;
    }
}

@media (min-width: 1200px) {
    .entry-content>* {
        max-width: var(--wp--style--global--wide-size);
    }

}