/*
Theme Name: sdc-twentyfive
Theme URI: https://isemidellacomunicazione.it/
Author: Marco Ferrari
Author URI: https://progettoilseme.it
Description: tema creato da Progetto il seme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: isemidellacomunicazione
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*------------------------------------VARIABILI----------------------------------*/

:root {
    --font: 'Urbanist', sans-serif;
    --font-titoli: "MasifaRoundedNarrowBold", var(--font);
    --border-radius: 0px;
    --padding: 50px;
    --padding-page: 2vw;
    --border-radius-external: calc(var(--border-radius) + var(--padding));
    --margin: unset;
    --gap: 20px;
    --gap1: 6px;
    --gap-section: 40px;
    --box-shadow: 0px 0px 38px 0px #00000017;
    --transition: all 1s ease;
    --background-image: url();
    --icon: unset;
    --blur: blur(45px);
    --width-page: 1000px;
    --width-page2: 1300px;
}

@media only screen and (max-width: 600px) {
    :root {
        --padding: 35px;
        
    }
}

/*-------------------------------------COLORS------------------------------------*/

:root {
    --color1: #dc0a16;
    --color1Secondary: #e4b6b6;
    --color1Tertiary: #fae7e7;
    --color1Light: color-mix(in srgb, var(--color1), transparent 87%);
    
    --color2: #ffde5d;
    --color2Secondary: unset;
    --color2Tertiary: unset;
    --color2Light: unset;

    --color3: #ff931e;

    --colorPgs: #5ba855;
    --colorPgsLight: #DBEDDC;
    
    /* --fix-black: #171717; */
    --fix-black: color-mix(in srgb, black, transparent 10%);
    --fix-black: #000000;
    --fix-white: #ffffff;
    
    /* altro */
    --black: var(--fix-black);
    --white: var(--fix-white);
    --gray: #ffffff68;
    --color-alternative: var(--color1);
}

/* icon */
i,span{
    --fa-primary-color: var(--color1);
    --fa-primary-opacity: 1;
    --fa-secondary-color: var(--color1Secondary);
    --fa-secondary-opacity: 1;
    .fa-solid{color: var(--color1);}
}


/* DARK MODE */
@media (prefers-color-scheme: dark) {
    :root {
        --black: var(--fix-white);
        --white: var(--fix-black);
        --title-dark: var(--fix-black);
        --gray: #00000068;
        --color1Tertiary: #390d0d;
        --colorPgsLight: #1c3825;
        --color-alternative: var(--color2);
    }
} 

/*---------------------------------------TAG--------------------------------------*/

:is(p,h1,h2,h3,h4,h5,h6,a,div,span,label){
    font-family: var(--font);
    /*letter-spacing: 0.4px;*/
}

p{
    color: color-mix(in srgb, var(--black), transparent 20%);
}

h1 {
    font-size: 61px;
    font-family: var(--font-titoli);
    text-transform: uppercase;
}

h2 {
    font-size: 40px;
    padding-bottom: 15px;
    font-family: var(--font-titoli);
    text-transform: uppercase;
    opacity: 80%;
}

h3 {
    font-size: 30px;
    padding-bottom: 15px;
    font-family: var(--font-titoli);
    text-transform: uppercase;
    opacity: 80%;
}

h4 {
    font-size: 20px;
    font-family: var(--font-titoli);
    text-transform: uppercase;
    opacity: 80%;
}

a {
    color: var(--black);
    text-decoration: none;
}

a:hover {
    color: color-mix(in srgb, var(--color1) 100%, var(--fix-white) 100%);    ;
    text-decoration: none;
}

i {
    font-size: 22px;
}

ul,
ol {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}


:hover{
    transition: 100ms ease-in;
}