/*
Theme Name: Theme by utøpeak
Theme URI: https://www.utopeak.agency
Author: utøpeak.agency
Author URI: https://www.utopeak.agency
Description: Création sur mesure pour <strong>le chef Fréféric Molina</strong> !
Version: 2025
*/

 @import url("https://use.typekit.net/opp6zxg.css");
:root {
    --vert: #224039;
    --jaune: #c3a90f;
    --white: #FFF;
    --beige: #f9f5f1;
    --beige1: #eee9e2;
}

/*---------- GENERAL ----------*/
* {outline: 0;margin: 0;}
body {font-family: sans-serif; font-size: 1.1em;font-weight: 200;margin: 0;text-wrap: balance;color: var(--vert);background: url(img/texture.png) var(--beige) 50% fixed;background-blend-mode: multiply;}
.green {color: var(--white);background: url(img/texture.png) var(--vert);padding: 13em 0; background-blend-mode: multiply;}
.white {background: url(img/texture.png) var(--beige1) 50%;background-blend-mode: multiply;}
a {color:var(--vert);transition: 0.25s ease-out;}
a:hover {color: var(--jaune);}

/*---------- Etoile ----------*/
.etoile:after{
    content: '';
    width: 38px;
	height:18px;
    display: inline-block;
    transform: translate(0, -20px);
    margin-left: 5px;
	background: no-repeat url("https://moulindelere.com/wp-content/uploads/etoiles-michelin-verte-1.png");
	background-size: cover;
}
.txtetoile:after{
    content: '';
    width: 23px;
	height:11px;
    display: inline-block;
    transform: translate(0, -15px);
    margin-left: 5px;
	background: no-repeat url("https://moulindelere.com/wp-content/uploads/etoiles-michelin-verte-1.png");
	background-size: cover;
}

/*---------- TYPOGRAPHIE ----------*/
h1, h2, h3, h4, .focus, .footer strong {font-family: "gyst-variable", sans-serif;font-weight: 100;letter-spacing: .1em;}
h1 {font-size: 3em;}
h2 {font-size: 2em}
h3 {font-size: 1.5em}
h4 {font-size: 1.2em; font-weight: 600;}
p {line-height: 1.4em;}
.focus {border-left: solid 2px var(--jaune);font-weight: 300;}
.focus p {padding-left: 1em;font-size: 1.25em;}

.copyright {font-size: 11px;}
.footer {font-size: 14px;}
.footer strong {font-size: 18px; font-weight: 300; margin-bottom: 10px;display: block;}

blockquote {font-family: "gyst-variable", sans-serif;font-weight: 100;letter-spacing: .1em;font-size: 1.5em;line-height: 1.4em;}
blockquote span {font-size: 0.7em;display: block;text-align: end;}

@media all and (max-width: 768px){
body {font-size: 1em}
h1 {font-size: 2em;}
h2 {font-size: 2em}
h3 {font-size: 1.5em}
h4 {font-size: 1.2em;}
p {line-height: 1.4em;}
.elementor-element {padding: 0 1em;}
}


/*---------- BOUTON ----------*/
.elementor-button {background-color: var(--vert);border-radius: 55px;transition: 0.25s ease-out;}
.elementor-button:hover {background-color: var(--vert);color: var(--jaune);}