/*
Theme Name: imigorgonzola
Description: imigorgonzola
Theme URI: https://andreamantegazza.it
Author: AM Dev
Version: 1.0
*/

/* 
-------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --size-body: 1vw;
    --line-body: 1.3em; 
    
    
    --size-small: 0.80vw;
    --line-small: 1.4em; 
    
    
    
    --size-medium-title: 2.5vw;
    --line-medium-title: 1em;
    
    --size-big-title: 4vw;
    --line-big-title: 1em;
    
    --size-huge-title: 10vw;
    --line-huge-title: 1em;
    
    
    --color-light-grey: #F1F1F1;
    --color-pink: #f400a0;
    --color-green: #1F9C30;
    --color-yellow: #FCC800;
    --color-blue: #004D9C;
    --color-orange: #F28E00;
}

html{
    overflow-y: auto;
}
body {
    font-size: var(--size-body);
    line-height: var(--line-body);
    font-family: "Poppins", sans-serif;
}

/* We like off-black for text. */
body, select, input, textarea {color: #000;}

a {color: #000; text-decoration: none;}
a:hover {color: #000;}

::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

strong {
    font-weight: 600;
}

.page-template-default .entry h2 {
    border-bottom: 1px solid;
    margin-bottom: 1em;
}


/* C O D E
-------------------------------------------------------------------------------*/

#header {
    display: flex;
    flex-direction: row;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000;
    background-color: #fff;
}
#header img.main-logo {
    height: 3vw;
    display: block;
}

#nav ul {
    display: flex;
    flex-direction: row;
}
#nav ul li {
    padding-left: 1em;
    font-weight: 600;
}
#nav ul li ul {
    display: none;
}


.entry {
    padding-top: calc(3vw + 40px);
    padding-right: 20px;
    padding-left: 20px;
    min-height: 85vh;
}
.home.page-template-default .entry {
    padding-right: 0;
    padding-left: 0;
}

.menu-mobile {
    display: none;
}


/* HOME
--------------------------------------------------------------------------*/
.home .intro-slider .single-slide {
    height: 35vw;
    background-position: center;
    background-size: cover;
}

.home .claim {
    padding: 4vw;
    text-align: center;
}
.home .claim h3 {
    font-size: var(--size-medium-title);
    line-height: 1.2em;
    font-weight: 600;
}
.home .claim h4 {
    font-weight: 400;
}


/**/

.home .ordini {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
    padding: 0 15vw;
}

.home .ordini .single-ordine {
    border-radius: 1vw;
    overflow: hidden;
}
.home .ordini .single-ordine .logo img {
    display: block;
    height: 12vw;
}

.home .orientamento {
    height: 35vw;
    background-position: center;
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
}
.home .orientamento .text {
    color: #fff;
    font-size: 14vw;
    line-height: 0.4em;
    font-weight: 500;
}

/**/
.home .abbigliamento {
        background-position: center;
        background-size: cover;
}

.home .abbigliamento .filter {
    height: 35vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 2vw;
}
.home .abbigliamento .filter .text {
    color: #fff;
    font-size: var(--size-big-title);
    line-height: var(--line-big-title);
    font-weight: 600;
}
.home .abbigliamento .filter .text2 {
    color: #fff;
}



.location-slider img {
    height: 32vw;
}


/**/
.section-news .news-section-title {
    text-align: center;
    padding: 4vw;
}
.section-news .news-section-title h3 {
    font-size: var(--size-medium-title);
    line-height: 1.2em;
    font-weight: 600;
}

.section-news .news-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 1em;
}

.section-news .news-content .single-news {
    width: calc(16.66% - 2em);
    margin: 0 1em;
    margin-bottom: 3em;
}
.section-news .news-content .single-news .thumbnail-wrapper {
    height: 14vw;
    background-position: center;
    background-size: cover;
    margin-bottom: 0.5em;
}
.section-news .news-content .single-news .title {
    font-weight: 600;
}
.section-news .news-content .single-news .date {
    margin-top: 0.5em;
    display: none;
}




.page-template-default .entry p {
    margin-bottom: 1em;
}

.page-template-default .entry ul {
    list-style: disc;
    margin-left: 1em;
}


/* PAGINE ORDINI
--------------------------------------------------------------------------*/
.page-template-page-primavera .entry,
.page-template-page-infanzia .entry,
.page-template-page-primaria .entry,
.page-template-page-media .entry,
.page-template-page-liceo .entry {
    padding-left: 0;
    padding-right: 0;
}

.page-template-page-primavera .intro-image,
.page-template-page-infanzia .intro-image,
.page-template-page-primaria .intro-image,
.page-template-page-media .intro-image,
.page-template-page-liceo .intro-image {
    background-position: center;
    background-size: cover;
}

.page-template-page-primavera .intro-image .filter,
.page-template-page-infanzia .intro-image .filter,
.page-template-page-primaria .intro-image .filter,
.page-template-page-media .intro-image .filter,
.page-template-page-liceo .intro-image .filter {
    height: 28vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
        background-color: #00000042;
}
.page-template-page-primavera .intro-image .filter h2,
.page-template-page-infanzia .intro-image .filter h2,
.page-template-page-primaria .intro-image .filter h2,
.page-template-page-media .intro-image .filter h2,
.page-template-page-liceo .intro-image .filter h2 {
    color: #fff;
    font-size: var(--size-huge-title);
    line-height: var(--line-huge-title);
    font-weight: 500;
}


.page-template-page-primavera .section-row.project .single-project,
.page-template-page-infanzia .section-row.project .single-project,
.page-template-page-primaria .section-row.project .single-project,
.page-template-page-media .section-row.project .single-project,
.page-template-page-liceo .section-row.project .single-project {
    border-bottom: 1px solid #000;
    padding: 0.5em 0;
    width: 100%;
}
.page-template-page-media .section-row.project,
.page-template-page-liceo .section-row.project {
    background-color: var(--color-light-grey);
}
.page-template-page-primavera .section-row.project .single-project .project-title,
.page-template-page-infanzia .section-row.project .single-project .project-title,
.page-template-page-primaria .section-row.project .single-project .project-title,
.page-template-page-media .section-row.project .single-project .project-title,
.page-template-page-liceo .section-row.project .single-project .project-title {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.page-template-page-primavera .section-row.project .single-project .project-title .toggle,
.page-template-page-infanzia .section-row.project .single-project .project-title .toggle,
.page-template-page-primaria .section-row.project .single-project .project-title .toggle,
.page-template-page-media .section-row.project .single-project .project-title .toggle,
.page-template-page-liceo .section-row.project .single-project .project-title .toggle {
    padding-left: 1em;
}
.page-template-page-primavera .section-row.project .single-project .project-content,
.page-template-page-infanzia .section-row.project .single-project .project-content,
.page-template-page-primaria .section-row.project .single-project .project-content,
.page-template-page-media .section-row.project .single-project .project-content,
.page-template-page-liceo .section-row.project .single-project .project-content {
    display: none;
    padding-top: 1em;
}




.page-template-page-primaria .section-row:nth-of-type(odd) {
    background-color: var(--color-light-grey);
}
.page-template-page-primaria .section-row:nth-of-type(even) {
    background-color: initial;
}



/* SECTION ROW
--------------------------------------------------------------------------*/

.section-row {
    display: flex;
    flex-direction: row;
    padding: 4vw 4vw;
}
.section-row.separator-bottom {
    border-bottom: 1px solid #fff;
}

.section-row .section-title {
    width: 40%;
    font-size: var(--size-big-title);
    line-height: var(--line-big-title);
    font-weight: 600;
}
.section-row.info p {
    margin-bottom: 1em;
}

.section-row .section-content {
    width: 60%;
}
.section-row .section-full {
    width: 100%;
    text-align: center;
    padding: 0 20vw;
}

.section-row .section-content .single-doc a {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1em;
}
.section-row .section-content .single-doc a img {
    height: 2.5em;
    margin-right: 1em;s
}



/**/
.section-row.news .section-content {
    display: flex;
    flex-wrap: wrap;
}
.section-row.news .section-content .single-news {
    width: 33.33%;
    padding-right: 20px;
    margin-bottom: 3em;
}
.section-row.news .section-content .single-news .news-title .title {
    font-weight: 600;
}
.section-row.news .section-content .single-news .news-title .date {
    margin-top: 0.3em;
}


/**/
.section-row.documenti {
    background-color: var(--color-light-grey);
}

/**/
.section-row.libri .section-content .single-row {
    display: flex;
    flex-direction: row;
        padding-bottom: 3em;
}
.section-row.libri .section-content .single-row:last-of-type {
        padding-bottom: 0;
}

.section-row.libri .section-content .single-row .col-1 {
    flex: 1;
}
.section-row.libri .section-content .single-row .col-2 {
    flex: 1;
}
.section-row.libri .section-content .single-row .subtitle {
    font-weight: 600;
    margin-bottom: 0.5em;
}

/**/
.section-row.gallery .section-content {
    
}
.section-row.gallery .section-content ul.slick-dots {
    display: flex !important;
    justify-content: center;
    padding-top: 10px;
}
.section-row.gallery .section-content ul.slick-dots li {
    background-color: #ccc;
    height: 10px;
    width: 10px;
    border-radius: 10vw;
    opacity: 0.4;
    margin: 0 5px;
    cursor: pointer;
}
.section-row.gallery .section-content ul.slick-dots li.slick-active {
    opacity: 1;
}
.section-row.gallery .section-content ul.slick-dots li button {
    display: none;
}

.section-row.gallery .section-content .single-image {
    width: 50%;
    height: 16vw;
    background-position: center;
    background-size: cover;
    margin-left: 10px;
}


/**/
.section-row.contatti {
    background-color: var(--color-light-grey);
}



/**/
.page-template-page-primavera .section-row .section-title {
    color: var(--color-pink);
}
.page-template-page-infanzia .section-row .section-title {
    color: var(--color-green);
}
.page-template-page-primaria .section-row .section-title {
    color: var(--color-yellow);
}
.page-template-page-media .section-row .section-title {
    color: var(--color-blue);
}
.page-template-page-liceo .section-row .section-title {
    color: var(--color-orange);
}
    



/* NEWS 
--------------------------------------------------------------------------*/
.single .entry {
    padding-left: 4vw;
    padding-right: 4vw;
}
.single .entry article {
    display: flex;
    flex-direction: row;
}
.single .entry article .title {
    width: 40%;
}
.single .entry article .title * {
    font-size: var(--size-big-title);
    line-height: var(--line-big-title);
    font-weight: 600;
}
.single .entry article .content {
    width: 60%;
}


/* 
--------------------------------------------------------------------------*/
.page-template-default .entry,
.page-template-page-contatti .entry {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 80vh;
}




/* 
--------------------------------------------------------------------------*/

#footer {
    
    display: flex;
    flex-direction: row;
    background-color: var(--color-light-grey);
    padding: 20px 1em;
}
#footer .column {
    font-size: var(--size-small);
    line-height: var(--line-small);
    font-weight: 500;
    flex: 1;
    padding: 0 1em;
}

#footer .column img.logo-footer {
    width: 45%;
    display: inline-block;
}




#cookieChoiceInfo {
    font-size: var(--size-small) !important;
    backdrop-filter: blur(10px) !important;
    background-color: #ffffffa8 !important;
    padding: 0.5em !important;
}
#cookieChoiceInfo a {
    border: 1px solid;
    border-radius: 1em;
    padding: 0 1em;
}




@media screen and (max-width: 960px) {
    
    :root {
        --size-body: 3.5vw;
        --line-body: 1.3em; 


        --size-small: 3vw;
        --line-small: 1.4em; 



        --size-medium-title: 5vw;
        --line-medium-title: 1em;

        --size-big-title: 10vw;
        --line-big-title: 1em;

        --size-huge-title: 12vw;
        --line-huge-title: 1em;



    }

    
    #header {
        padding: 10px;
    }
    #header img.main-logo {
        height: 10vw;
    }
    
    #nav {
        display: none;
    }
    #nav {
        position: fixed;
        top: calc(10vw + 20px);
        left: 0;
        width: 80%;
        height: 100dvh;
        padding-top: 10px;
        background-color: #fff;
    }
    #nav ul {
        display: flex;
        flex-direction: column;
    }
    #nav ul li {
        padding: 0.6em 20px;
    }

    
    .menu-mobile {
        display: block;
        height: 6vw;
    }

    
    .entry {
        padding-top: calc(10vw + 20px);
    }
    .home .intro-slider .single-slide {
        height: 45vw;
    }
    
    
    .home .claim {
        padding: 10vw 20px;
    }
    
    
    
    .home .ordini {
        padding: 0 20px;
    }
    .home .ordini .single-ordine .logo img {
        height: 16vw;
    }

    
    .section-news .news-section-title {
        padding: 10vw 20px;
    }

    .section-news .news-content .single-news {
            width: calc(33.33% - 20px);
        margin: 0 10px;
        margin-bottom: 3em;
    }
    .section-news .news-content {
        padding: 0 10px;
    }
    .section-news .news-content .single-news .thumbnail-wrapper {
        height: 22vw;
    }


    
    
    /**/
    .section-row {
        flex-direction: column;
        padding: 10vw 20px;
    }
    
    .section-row .section-title {
        width: 100%;
                margin-bottom: 0.4em;
    }
    .section-row .section-content {
        width: 100%;
    }
    
    
    .home .orientamento {
        height: 55vw;
    }
    .home .abbigliamento .filter {
        height: 55vw;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 20px;
    }
    
    
    
    
    
    /*
    --------------------------------------------------------------------------*/
    .page-template-page-primavera .intro-image .filter, 
    .page-template-page-infanzia .intro-image .filter, 
    .page-template-page-primaria .intro-image .filter, 
    .page-template-page-media .intro-image .filter, 
    .page-template-page-liceo .intro-image .filter {
        height: 45vw;
    }

    
    
    
    

    /* NEWS 
    --------------------------------------------------------------------------*/
    .single .entry {
        padding-left: 10px;
        padding-right: 10px;
    }
    .single .entry article {
        display: flex;
        flex-direction: column;
    }
    .single .entry article .title {
        width: 100%;
        margin-bottom: 1em;
    }
    .single .entry article .title * {
        
    }
    .single .entry article .content {
        width: 100%;
    }

    
/*
    --------------------------------------------------------------------------*/

    #footer {
        padding: 20px 10px;
        flex-wrap: wrap;
    }

    #footer .column {
        padding: 0 10px;
        margin-bottom: 2em;
    }
    #footer .column:nth-of-type(1) {
        width: 100%;
        order: 1;
    }
    #footer .column:nth-of-type(2) {
        order: 2;
    }
    #footer .column:nth-of-type(3) {
        order: 3;
    }
    #footer .column:nth-of-type(4) {
        order: 4;
    }
    #footer .column:nth-of-type(5) {
        order: 5;
    }

    
    
    
    
    
}