/* BASES DU THEME */
/*
@font-face {
    font-family: "roboto-regular";
    src: url('/font/roboto-regular.eot');
    src: url('/font/roboto-regular.eot?#iefix') format('embedded-opentype'),
    url('/font/roboto-regular.woff') format('woff'),
    url('/font/roboto-regular.ttf') format('truetype'),
    url('/font/roboto-regular.svg#roboto-condensed') format('svg');
font-weight: normal;
font-style: normal;
}

:root {
    --primary-font:  "roboto-regular";
    --primary-color: #3299B5;  
    --secondary-color: #61415A; 
    --tertiary-color: #716D96;
    --highlight-color: #E2903D; 
}

 h1, h2, h3 { font-family: var(--primary-font); }
*/
.page-id-23 h1 { font-family: var(--wp--preset--font-family--manrope); font-size: 2.3em; }
figcaption.wp-element-caption { 
    background-color: #000;
    color: #fff;
    display: block;
    margin-top: -2em;
    padding: 0.3em 0.8em;
    position: absolute;
}
figcaption.wp-element-caption a { color: #fff; }

/* BLOCS TOUTES PAGES */

/* TOP MENU */
.is-menu-open .wp-block-navigation .wp-block-navigation-item__content { color: #000; }
button .wp-block-navigation__responsive-container-open { color: #fff; }

/* IMAGES */
.wp-block-image img { border-radius:20px; }

/* PAGE D'ACCUEIL */
h1.titre-page { font-size: 3em!important; margin-right:1em; padding-top: 1em; }
h1.titre-page, .tuiles-accueil h3 { font-family: var(--wp--preset--font-family--manrope); font-size: 1.5em; font-weight:600;
    color: #fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); text-align: right; }
h1.titre-page::after, .tuiles-accueil h3::after { width:60%; height: 2px; margin-top:1.1em; display: block;
    background-color: #fff; content:" "; }
.tuiles-accueil h3 { padding-top: 4em; }
.tuiles-accueil h3 a { color: #fff; text-decoration:none; padding-top: 5em; padding-bottom:2em; }
.tuiles-accueil .wp-block-cover { border: 0px solid var(--wp--preset--color--contrast);
    border-radius:20px; padding: 1em 1em; box-shadow: 5px 5px 5px rgb(000, 000, 000, 0.3); transition: box-shadow 2s; }
.tuiles-accueil .wp-block-cover:hover { box-shadow: 5px 5px 5px rgb(000, 000, 000, 0);  }
.tuiles-accueil .wp-block-cover .has-base-background-color { background-color: rgb(000, 000, 000, 0.3)!important; }

/* FOOTER */


/* CONTACT */
input.wpcf7-form-control { line-height: 3em;
  border: 0px;
  border-radius: 5px;
}