/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    https://quintusmarketing.ca/
 Description:  A child theme of Twenty Twenty-One WordPress theme.
 Author:       QUiNTUS
 Author URI:   https://quintusmarketing.ca
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 Text Domain:  twentytwentyonechild
*/

@import url("../twentytwentyone/style.css");

:root {
    --entry-content--font-family: 'Poppins', sans-serif;
    --global--font-primary: 'Fredoka One', cursive;
    --global--font-secondary: 'Poppins', sans-serif;
    
    --branding--logo--max-width: 400px;
    /* ??? à changer */
    --branding--logo--max-height: 300px;
    
    --heading--font-size-h1: 60px;
    --heading--font-size-h2: 2.5rem;
    --global--line-height-body: 1.2;

    --wp--style--color--link: #f9b00d;
    --global--color-background: #fff;
    --global--color-green: #85bc2d;
    --footer--color-link: #fff;
    --footer--color-link-hover: #0e5443; 
    
    --separator--height: 2px;
    --separator--border-color: #85bc2d;

    --button--border-radius: 19px;
    --button--font-family: 'Poppins', sans-serif;
    --form--border-width: 1px;
    --form--border-color: #d3d5dc;
}

@media screen and (max-width: 481px) {
    :root {
        --heading--font-size-h1: 35px;
        --heading--font-size-h2: 25px;
        --heading--font-size-h3: 23px;
    }
    
    .cache-mobile {
        display: none !important;
    }
}

@media screen and (min-width: 482px) {
    .cache-desktop {
        display: none !important;
    }
}

h1, h2, h3, .has-background h2 {
    color: #4cb691;
}

h3, h5 {
    font-family: var(--entry-content--font-family);
}

h5 {
    display: inline;
    font-size: var(--wp--preset--font-size--large);
    font-family: var(--entry-content--font-family);
    font-weight: 200;
}

.entry-content > h2 {
    margin-top: 80px;
}

.vert {
    color: #44ad4e;
}

.orange {
    color: #f9b00d;
}

.has-dark-blue-color {
    color: var(--wp--preset--color--dark-blue);
} 

/* En-tête / Header */
#masthead {
    width: 100%;
    max-width: 100%;
    padding: 0 80px;
}

.entry-header {
    display: none;
}

@media screen and (min-width: 601px) {
    #masthead {
        padding: 0 80px;
    }
}

@media screen and (max-width: 600px) {
    header .custom-logo {
        max-width: 200px !important;
        max-height: fit-content !important;
    }
    
    .site-logo {
        left: 40px;
    }
    
    body:not(.home) #main {
        padding-top: 120px;
    }
    
     body.home #main {
         padding-top: 80px;
     }
}

.site-main > article > .entry-content {
    margin-top: 0;
}

/* Pied de page / Footer */
.widget-area {
    width: 100%;
    max-width: 100%;
    background-color: var(--wp--preset--color--green);
    text-transform: uppercase;
    color: #fff;
    margin-top: 0;
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg:hover {
	fill: var(--wp--preset--color--contrast);
}

#politique {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0 !important;
}

@media screen and (max-width: 781px) {
	#politique p {
		text-align: center !important;
	}
}

/* Logo du footer */
#block-5 img {
    padding: 0 20px;
    max-width: 95vw;
}

.widget-area h4 {
    font-family: var(--entry-content--font-family);
    font-weight: 600;
    font-size: var(--global--font-size-base);
    margin-bottom: 10px !important;
}

.widget a:link {
    text-decoration: none;
    font-weight: 600;
}

.widget-area ul {
    font-family: var(--entry-content--font-family);
}

.widget-area .wp-block-social-links {
    margin-top: 0;
}

.widget-area li.menu-item {
    text-align: center;
}

/* Liens */
.primary-navigation a:hover, .primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover, .primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
	text-decoration: none;
	color: var(--wp--preset--color--orange) !important;
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: unset;
    text-decoration: none;
    outline: none;
    color: var(--wp--preset--color--contrast);
}

/* Structure */
.banniere h1 {
    padding-top: 35px;
    text-transform: uppercase;
}

.wp-block-columns.has-background {
    padding-bottom: 80px;
    padding-top: 80px;
}

.entry-content > .alignfull.has-background {
    margin-bottom: 80px;
}

.entry-content > .alignfull.has-background {
    margin-top: 80px;
}

.wp-block-cover.alignfull {
    margin-bottom: 80px;
}

.wp-block-image.alignfull.size-large {
    margin-top: 80px;
    margin-bottom: 80px;
}

@media screen and (min-width: 482px) {
    .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
        width: 300px;
    }
}

.wp-block-cover { background-color: transparent !important; }

/* Logo */
.site-header > .site-logo {
    border: none;
}

/* Menu */
.primary-navigation {
    margin-left: auto !important;
    margin-right: 0;
}

#primary-menu-list li a {
    font-weight: 600;
    color: var(--wp--preset--color--green);
    text-transform: uppercase;
}


/* Formulaires */
.ci-c-form .ci-c-submit-button {
    font-weight: 600;
    font-family: var(--global--font-primary);
}

.wpcf7-form p {
    margin-top: 15px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, .site textarea:focus {
    outline: 1px dotted #555;
    outline-offset: unset;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.wpcf7-form-control-wrap input {
    width: 100%;
}

/* Boutons */
.site .button:hover, .site .button:active, button:hover, button:active, input[type="submit"]:hover, input[type="submit"]:active, input[type="reset"]:hover, input[type="reset"]:active, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:active, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
    border: none;
    color: var(--wp--preset--color--white) !important;
    background-color: var(--wp--preset--color--orange) !important;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}

.site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type="submit"]:not(:hover):not(:active):not(.has-background), input[type="reset"]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background), .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
    border: none;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
    background-color: var(--wp--preset--color--dark-blue);
}

.site .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus {
    outline-offset: 0px;
    outline: unset;
}

/* A PROPOS */
.coquillage {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

@media screen and (min-width: 992px) {
    .coquillage img {
        max-height: 400px;
        object-fit: cover;
    }
}

.has-light-green-background-color {
    background-color: var(--wp--preset--color--light-green);
}

/* ACCUEIL */
.sans-marge, body.home #main {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

/* POLITIQUE DE CONFIDENTIALITE */
@media screen and (max-width: 400px) {
    h1#politique-de-confidentialite {
        font-size: 28px;
    }
}