/*
Theme Name: Graphene Child
Theme URI: #
Description: Tema child di Graphene
Version: 1.0
Author: -
Author URI: #
Template: graphene
*/

/* general */
.immagine-evidenza img {
	object-fit: cover;
	width: 100%;
    height: 350px;
}
.post, .singular .post, .singular .posts-list .post, .homepage_pane, .comment-respond, .entry-author {
    border: none;
}
.map-container {
    position: relative;
    width: 100%;
    padding-top: calc(min(56.25%, 400px)) /* Aspect ratio 16:9 (altezza/larghezza), max 300px */
}
.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
    color: inherit !important;
}

/* header */
.navbar-header {
    position: relative;
    background-color: #ffffff;
}
.navbar-header .navbar-toggle {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    margin: 0;
}
.header-logo-container {
	padding: 20px 0;
}

/* footer */
#developer {
	display: none;
}

/* marchi */
.mentions-bar {
    border-top-color: #666;
    background-color: #383838;
}

/* breadcrumbs */
body.home .breadcrumbs {
    display: none;
}
.breadcrumbs {
/*    margin-bottom: 0;*/
    padding-left: 15px;
    padding-right: 15px;
}
.breadcrumbs .separator {
    margin: 0 10px;
}

/* paginazione */
.pagination {
    text-align: center;
    margin: 20px 0;
    width: 100%;
}
.pagination a, .pagination span {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px;
    text-decoration: none;
    color: #007ED8; /* Colore blu simile a quello di WordPress */
    background: #ffffff;
    border-radius: 5px;
    transition: background 0.3s, color 0.3s;
}
.pagination a:hover {
    background: #007ED8;
    color: #ffffff;
}
.pagination .current {
    background: #007ED8;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;
}

/* front page */
body.home .actions {
    margin-top: 20px;
    text-align: right;
}

/* taxonomy docente */
.tax-docente .title-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
}
.tax-docente .title-content figure {
    margin-right: 20px;
}
.tax-docente .title-content figure img {
    border-radius: 50%;
}
.tax-docente .title-content h1 {}
.tax-docente .title-content .ruolo {
    color: #ccc;
    font-style: italic;
}

/* horizontal cards */
.horizontal-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}
.horizontal-cards .horizontal-card {
    /*
    formula per calcolare correttamente il basis basandomi sul gap
    100% -> width totale
    g -> numero di gap (3 elementi = 2 gap)
    20px -> px di un gap
    n -> numero di elementi da mostrare
    flex-basis: calc((100% - (g * 20px)) / n);
    */
    flex-basis: calc((100% - (2* 20px)) / 3);
}
.card-item {
    height: 100%;
    border-radius: 15px 15px 4px 4px;
    background-color: #555;
    overflow: hidden;
    border-bottom: 4px solid #007ED8;
    padding: 30px 15px;
}
.card-item .actions {
    margin-top: 30px;
    text-align: right;
}

/* card docente */
.card-docente {}
.card-docente figure {
    margin-bottom: 20px;
}
.card-docente figure img {
    border-radius: 50%;
}
.card-docente .nome {
    margin: 0;
}
.card-docente .nome a {
    color: inherit;
}
.card-docente .ruolo {
    color: #ccc;
    font-style: italic;
}
.card-docente .description {
    margin-top: 20px;
}
.card-docente .social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 25px;
}
.card-docente .social-links > a {
    color: #ffffff;
    background: #007ED8;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    text-align: center;
    align-content: center;
    font-size: 20px;
}
.card-docente .social-links > a.sito_web {  }
.card-docente .social-links > a.facebook { background-color: #29388e; }
.card-docente .social-links > a.x { background-color: #000000; }
.card-docente .social-links > a.linkedin { background-color: #1b74bb; }
.card-docente .social-links > a.youtube { background-color: #C2191E; }
.card-docente .social-links > a.instagram { background: radial-gradient(circle at top right, #f953c6, #b91d73, #e1306c, #fd1d1d, #fcb045); }
.card-docente .social-links > a.tiktok { background-color: #000000; }
.card-docente .social-links > a.pinterest { background-color: #CB2027; }
.card-docente .social-links > a.reddit { background-color: #FF4500; }

/* card categoria corso */
.card-categoria_corso {
    border-radius: 4px;
    position: relative;
}
.card-categoria_corso .card-content {
    z-index: 1;
    position: relative;
    color: #ffffff;
}
.card-categoria_corso .card-content h3 {
    margin-top: 0;
    margin-bottom: 0;
}
.card-categoria_corso .card-content h3 a {
    color: inherit;
}
.card-categoria_corso .card-content .description {
    margin-top: 15px;
}
.card-categoria_corso .card-content .description figure {
    margin-bottom: 15px;
}
.card-categoria_corso .card-content .description figure img {
    height: 250px;
    object-fit: cover;
    width: 100%;
}


/* card corso */
.card-corso {
    padding: 0;
}
.card-corso figure {
    background-color: #ffffff;
}
.card-corso figure.image img {
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.card-corso figure.imageDefault img {
    height: 200px;
    object-fit: contain;
    width: 100%;
}
.card-corso .card-content {
    padding: 15px;
}
.card-corso .categorie {
	padding: 10px 0;
}
.card-corso .categorie .categoria {
	padding: 2px 8px;
    color: #ffffff;
    background-color: #007ED8;
    border-radius: 7px;
    display: inline-block;
    margin: 0px 4px 4px 0px;
    white-space: nowrap;
}
.card-corso .nome-corso {
	margin: 4px 0;
}
.card-corso .nome-corso a {
    color: inherit;
}
.card-corso .docenti-prezzo {
    margin: 10px 0;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.card-corso .docenti-prezzo .docenti {}
.card-corso .docenti-prezzo .docenti .docente {}
.card-corso .docenti-prezzo .prezzo {}
.card-corso .data-durata {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.card-corso .data-durata .data {}
.card-corso .data-durata .durata {}

/* corso */
.box-categorie {
    padding: 10px 0;
}
.box-categorie .categoria {
    padding: 2px 8px;
    color: #ffffff;
    background-color: #007ED8;
    border-radius: 7px;
    display: inline-block;
    margin: 0px 4px 4px 0px;
    white-space: nowrap;
}
.box-dati-essenziali {
	border-style: solid;
    border-color: #dbdbdb;
    border-width: 3px 0px 1px;
    margin: 20px 0;
    padding: 20px;
    background-color: #555555;
}
.box-form-contatti {
    margin-top: 80px;
}
.box-form-contatti h2 {
    margin-bottom: 0;
}
.box-corsi-correlati {
    margin-top: 80px;
}

/* media query */
@media (max-width: 991px) {
    .horizontal-cards .horizontal-card {
        flex-basis: 100%;
    }
}
@media (max-width: 767px) {
    .navbar-header .navbar-toggle {
        background-color: #000000 !important;
    }
    .navbar-header .header-logo-container img {
        width: 220px;
    }
}