/*!
Theme Name: Design Scuole Italia
Author: Dipartimento per la trasformazione digitale - Presidenza del Consiglio dei Ministri
Description: Design Scuole Italia è il tema di WordPress per i siti delle Scuole Italiane. Rispetta le linee guida di design dell’Agenzia per l’Italia digitale rilasciare dal Team per la Trasformazione Digitale. Utilizza Bootstrap Italia. Basato sul precedente lavoro di Marco Buttarini.
Version: 2.15.0
License: AGPL 3.0 or later
Text Domain: design_scuole_italia
*/

/** immagini e allineamenti wp **/
/* =WordPress Core
-------------------------------------------------------------- */

@media (min-width: 767.98px) {
.section.bg-gray-light.py-3 {margin-top: -106px; position: relative; background-color: transparent !important;} .section.bg-gray-light.py-3 p.text-center{display: none !important;}}
.section.bg-gray-light.py-3 p.text-center{display: none !important;}
#splide01 figure img {box-shadow: 0 7px 7px 0 #000000;}

li.ammtrasp a {background-image: url(https://www.liceodellearti.tn.it/wp-content/uploads/loghihp/ita.jpg);
background-repeat: no-repeat;background-size: 9%;
background-position: left; padding-left: 24px !important; font-weight: 400;}
.pubbl {margin-right: 16px;}

section.section.bg-redbrown.section-hero-left {background: linear-gradient(90deg, rgba(243,156,18,1) 0%, rgba(228,97,16,1) 100%);}
.decoration-01, .decoration-02 {display: none !important;}

.logo-header svg {width: 128px !important; height: 88px !important;}

.section.bg-white.article-title.article-title-author .title-img {background-position: top;}

.hero-title .text-white.font-weight-normal.h3 {display: none !important;}

ol.breadcrumbs-list {font-size: 14px;}



div.banner {
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizione per l'effetto hover */
}

div.banner img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 6px; /* Arrotonda anche l'immagine */
}

div.banner:hover {
     transform: scale(1.05); /* Ingrandisce l'immagine al passaggio del mouse */
}

@media (min-width: 767.98px) {
.section-hero-left {min-height: 454px !important;}
}


.is-sticky .logo-header .h1, .is-sticky .logo-header h1 {
  font-size: 1.313rem !important;
	margin-left: 25px !important;}
	
	
/* modifica la visuazlizzazione delle card	*/
.card-thumb {
    max-height: 180px;
    overflow: hidden;
    border-top-left-radius: 0.35rem;
    border-top-right-radius: 0.35rem;
}

.card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.card-comments-wrapper {display: none !important;}