/*
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>2 Mains de Plus</strong> !
Version: 2025
*/



/*---------- GENERAL ----------*/
* {outline: 0;margin: 0;}
body {font-family: 'Poppins'; font-size: 1rem;color: black;}
a {color: #C18010;transition: 0.25s ease-out;}
a:hover {color:#bccf00;}

#menu .elementor-button {
    background-color: #bccf00;
    border-radius: 50px;
    color: black;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    padding: 12px 24px;
    text-align: center;
    transition: all .3s;
}


/*---------- TYPOGRAPHIE ----------*/
h1, h2, h3 {color: #C18010;}
h1 {font-size: 3em;padding-bottom: 0.5em;line-height: 1.1em;}
h2 {font-size: 1.75em;padding-bottom: 10px;}
h3 {font-size: 1.2em; font-weight: 700;}
.accroche, .accroche h2 {font-size: 3.5rem; font-weight: 300;color:#bccf00;}

footer {font-size: 11px;}

@media all and (max-width: 768px){
body {font-size: 1em}
h1 {font-size: 2.5em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.2em; }
.accroche, .accroche h2 {font-size: 2.5rem;}

}













/* Info bulle utøpeak */
a.utopeak {position: relative;}
a:hover.utopeak {color: #d1c900 !important;}
a.utopeak::before {content: attr(data-title);position: absolute;bottom: 130%;left: 50%;transform: translateX(-50%);color: white;background-color: #2b2b2b;padding: 5px 8px;font-size: 1em;white-space: nowrap;opacity: 0;visibility: hidden;}
a.utopeak:hover::before {opacity: 1;visibility: visible;}