/*
 Theme Name:   Expolab2025 Child
 Theme URI:    https://advisionplus.com
 Description:  Expolab2025 Child Theme
 Author:       Marco Pappalardo
 Author URI:   https://marcopappalardo.it
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  expolab2025
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/
:root {
    --colore-bianco: #fff;
    --colore-azzurro: #448ECC;
    --colore-blu: #286389;

    --nav-font-family: "Poppins";
    --nav-font-size: 20px;
    --nav-font-size-mobile: 18px;
    --nav-font-weight: 300;
    --nav-font-color: #286389;
    --nav-font-color-absolute: #fff;

    --body-font-family: "Poppins";
    --body-font-size: 18px;
    --body-font-size-mobile: 16px;
    --body-font-weight: 300;
    --body-font-color: #286389;
    --body-line-heigt: 1.35;
    
    --title-font-family: "Poppins";
    --title-font-size: 40px;
    --title-font-size-mobile: 30px;
    --title-font-weight: 800;
    --title-font-color: #448ECC;

    --subtitle-font-family: "Poppins";
    --subtitle-font-size: 26px;
    --subtitle-font-size-mobile: 20px;
    --subtitle-font-weight: 800;
    --subtitle-font-color: #286389;
}
body .site {
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight);
    color: var(--body-font-color);
    line-height: var(--body-line-heigt);
}
body h1, body h2, body h3 {
    font-family: var(--title-font-family);
    font-weight: var(--title-font-weight);
    color: var(--title-font-color);
}
body h1.sottotitolo, body h2.sottotitolo, body h3.sottotitolo, body h4, body h5, body h6 {
    font-family: var(--subtitle-font-family);
    font-weight: var(--subtitle-font-weight);
    color: var(--subtitle-font-color);
}
.header-absolute {
    position: absolute;
    width: 100%;
    z-index: 2;
    padding-top: 15px;
}
a.wp-block-button__link.wp-element-button {
    background-color: var(--colore-blu);
    border-radius: 0px;
    padding: 7px 27px;
    color: var(--colore-bianco);
    transition: 0.3s;
}
body .site div.pulsante-bordi-bianchi a {
    background-color: #ffffff00;
    border-radius: 0px;
    padding: 7px 27px;
    color: var(--colore-bianco);
    transition: 0.3s;
    border: 2px solid #fff;
}
body .site div.pulsante-bordi-bianchi a:hover {
    background-color: var(--colore-bianco);
    color: var(--colore-blu);   
}
a.wp-block-button__link.wp-element-button:hover {
    background-color: var(--colore-azzurro);
    color: var(--colore-bianco);   
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: var(--colore-blu);
    border-radius: 0px;
    padding: 7px 27px;
    color: var(--colore-bianco);
    transition: 0.3s;
    max-width: max-content;
    border: none;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: var(--colore-azzurro);
    color: var(--colore-bianco);   
}
div#page-wrapper {
    padding: 0px;
}
.header-absolute #main-menu li a {
    color: var(--nav-font-color-absolute);
    font-family: var(--nav-font-family);
    font-weight: var(--nav-font-weight);
    border-bottom: 2px solid #ffffff00;
    transition: 0.3s;
}
.header-absolute #main-menu li a:hover,.header-absolute #main-menu li.active a {
    border-bottom: 2px solid #ffffff;
}
.header-absolute #main-menu li:not(:last-child) {
    margin-right: 20px;
}
div#primary {
    padding: 0px;
}
.evento-postcard-titolo h3 {
    font-size: 30px;
    color: #fff;
}
.post-card-evento-row {
    padding: 80px 0px 60px;
}
.evento-postcard-foto-coordinatore {
    max-width: 150px;
    margin: auto;
    border-radius: 150px;
    overflow: hidden;
    border: 8px solid;
}
.evento-postcard-dati {
    text-align: center;
    color: #fff;
    font-weight: 500;
}
.evento-postcard-nome-coordinatore {
    margin-top: 10px;
}
.evento-postcard-titolo {
    margin-bottom: 30px;
}
.evento-postcard-logo {
    margin-bottom: 10px;
}
.evento-expolab-postcard {
    background-position: center;
    background-size: cover;
}
.evento-postcard-logo-data {
    text-align: center;
}
p.titoli-contatti-home {
    font-weight: 700;
    border-bottom: 1px solid #286389;
    padding-bottom: 10px;
}
span.privacy-accettazione {
    font-size: 12px;
}
div#wrapper-footer {
    background-color: #286389;
}
.col-12.logo-footer {
    text-align: center;
}
header#wrapper-navbar button.navbar-toggler {
    background-color: #fff;
}
.single-evento div#single-wrapper {
    padding: 0px;
}
.single-evento .post-card-evento-row {
    padding: 160px 0px 60px;
}
.evento-postcard-luogo {
    color: var(--colore-bianco);
}
.evento-postcard-luogo img {
    margin-right: 8px;
}
.evento-expolab-organizzazione {
    text-align: center;
    margin: 60px 0px 50px;
}
.contatti-expolab-evento {
    text-align: center;
}
.contatti-expolab-evento {
    text-align: center;
    color: #fff;
    padding-top: 20px;
}
.container.evento-expolab-coordinatori {
    text-align: center;
    margin: 60px 0px 40px;
}
.nome-relatore-single-evento h3 {
    font-size: 20px;
    color: var(--colore-blu);
}
.single-evento-relatore-col img {
    border: 8px solid;
    border-radius: 600px;
    width: 200px;
    margin-bottom: 20px;
}
.single-evento-relatore-col {
    margin-bottom: 20px;
}
.single-evento-relatore-col .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.info-single-evento-expolab {
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 60px 0px 60px;
    color: #fff;
}
.info-single-evento-expolab h2 {
    color: #fff;
    margin-bottom: 30px;
}
.titolo-blocco-sessioni h3 {
    text-align: center;
    color: #fff;
}
.session-event {
    text-align: center;
    border-radius: 50px;
    padding: 8px 25px;
    margin-bottom: 20px;
    color: #ffffff;
}
.session-event a {
    color: #fff;
    text-decoration: none;
}
.sessioni-single-event-row {
    padding-bottom: 40px;
}
.sessioni-single-evento {
    background-size: cover;
    background-position: center;
}
.sfondo-azzurro-expolab {
    background-image: url(https://www.expolab2025.com/wp-content/uploads/2024/02/Sfondo-azzurro-expolab.jpg);
    background-size: cover;
    background-position: center;
}
.single-layout div#single-wrapper {
    padding: 0px;
}
.single-layout .evento-expolab-postcard {
    padding-top: 100px;
}


@media screen and (min-width: 992px){
    body .site {
        font-size: var(--body-font-size);
    }
    body h1, body h2, body h3 {
        font-size: var(--title-font-size);
    }
    body h1.sottotitolo, body h2.sottotitolo, body h3.sottotitolo, body h4, body h5, body h6 {
        font-size: var(--subtitle-font-size);
    }
    .header-absolute #main-menu li a {
        font-size: var(--nav-font-size);
    }

}

@media screen and (max-width: 991px){
    .evento-postcard-logo, .evento-postcard-titolo {
        text-align: center;
    }
    .evento-postcard-pulsante {
        text-align: center;
    }
    header#wrapper-navbar img.logo-header {
        max-width: 60%;
    }
    body .site {
        font-size: var(--body-font-size-mobile);
    }
    body .site h1, body #wrapper h2, body .site h3 {
        font-size: var(--title-font-size-mobile);
        line-height: 1.35;
    }
    body .site h1.sottotitolo, body .site h2.sottotitolo, body .site h3.sottotitolo, body .evento-postcard-titolo h3, body h4, body h5, body h6 {
        font-size: var(--subtitle-font-size-mobile);
        line-height: 1.35;
    }
    .header-absolute #main-menu li a {
        font-size: var(--nav-font-size-mobile);
    }
    body .navbar-toggler-icon {
        width: 0.6em;
        height: 1em;
    }
    .evento-postcard-logo-data img {
        max-width: 150px;
    }
    .evento-expolab-postcard .pulsante-bordi-bianchi {
        text-align: center;
    }
}

@media screen and (min-width: 767px){
    .descrizione-relatore-single-evento {
        text-align: left;
    }
    .nome-relatore-single-evento h3 {
        text-align: left;
    }
    .header-absolute ul.dropdown-menu {
        background-color: #286389;
    }
    .header-absolute ul.dropdown-menu li {
        margin-right: 0px !important;
    }
    .header-absolute ul.dropdown-menu li a {
        border-bottom: none !important;
    }
    ul.dropdown-menu.show {
        border: none;
    }
}
@media screen and (max-width: 767px){
    div#navbarNavDropdown ul#main-menu {
        background-color: #fff;
        margin-top: 5px;
    }
    div#navbarNavDropdown ul#main-menu li a {
        color: var(--body-font-color);
        transition: 0.3s;
        padding: 7px 0px 7px 10px;
        font-size: 16px;
    }
    button.navbar-toggler {
        border-radius: 0px;
        border: none;
    }
}