/*!
Theme Name: Design Scuole Italia - ISIS Ponti 2023
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.3.0
License: AGPL 3.0 or later
Text Domain: design_scuole_italia
*/

/** immagini e allineamenti wp **/
/* =WordPress Core
-------------------------------------------------------------- */
li.breadcrumb-item a,#menu-top-1 a{color:#17324D !important}
.menu-user-blue .user-details{background-color:#51758D !important}
.user-details .user-details-content p{color:#fff !important;}
.btn.btn-action{background-color:#fff !important;color:#51758D !important}
.menu-user-blue .menu-user-list ul li.active a{background-color:#e6e6e6 !important}
.menu-user-bottom a{background-color:#fff !important}
#pre-header{background-color:#17324D !important}
.header-utils button span,#pre-header a{color:#fff !important}
.header-social-wrapper svg,.header-search svg,.logo-header svg,#pre-header .header-utils .icon-wrapper img, #pre-header .header-utils .icon-wrapper svg{fill:#17324D !important}
.header-social,.header-social a,.header-search a,.header-search button,.h1 a,button,p,div,.h1, .h2, .h3, .h4, h1, h2, h3, .card-avatar-content a,h4,h3 a{color:#17324D !important}
#sub-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) a, .sticky-main-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) a{color:#17324D !important}
#access-modal.modal .modal-dialog .modal-content .modal-body:before{background-color:#17324D !important}
.hero-title h1,.hero-title h2,.hero-title h3,.hero-title h4{color:#fff !important}
.footer-text p,.section.bg-bluelectric div,.section.bg-bluelectric p,.section.bg-bluelectric a,.section.bg-bluelectric h1,.section.bg-bluelectric h2,.section.bg-bluelectric h3,.section.bg-bluelectric h4{color:#fff !important}
#footer-wrapper{background-color:#17324D !important}
#footer-wrapper a,#footer-wrapper h1,#footer-wrapper h2,#footer-wrapper h3,#footer-wrapper h4{color:#fff !important}
.big-quote h2,.big-quote .h2{font-size: 3rem !important;color:#fff !important;padding:120px 0}
.title-section h3,.title-section p,.big-quote h3{color:#fff !important}
.big-quote:before.big-quote:after{width:90px !important;height:90px !important;}
.big-data-rounded-content small,.big-data-rounded-content p,.section.bg-blue-dark p,.section.bg-blue-dark h3{color:#fff !important}
.redbrown .splide__arrow,.redbrown .year-carousel .splide__slide .dot-text{color:#d1344c !important}
.bg-white h1,.section.bg-gray-light .title-section h3,.section.bg-gray-light .title-section p{color:#17324D !important}
.bg-purplelight .section.bg-white .hero-title h1, .bg-purplelight .section.bg-gray-light h3, .bg-purplelight .section.bg-gray-light p{color:#fff !important}
.header-utils button span, #pre-header a,.btn-secondary{background-color:#17324D !important}
.footer-link,.presentation-card-link article .card-body .date span,.section.bg-purplelight h1,.home-message.red .msg,.header-utils p,.home-message.purple div p{color:#fff !important}
.home-message.blue .home-message-content p{color:#fff !important}
.title-section p{font-size:1.25rem !important}
.accordion-large-title{padding-bottom:16px !important;padding-top:16px !important}
.accordion-large-title h3{font-size:1.75rem !important}
.accordion-large-title:before{top:24px !important}
.lgx-carousel-section .lgx-carousel .lgx-item{padding:0 !important}
.owl-carousel .owl-item img{height:480px;width:auto}
.section-hero-left .hero-img{width:60% !important}
.card-icon-content.new-servizi-item strong{font-size:24px !important;font-weight:normal}



.box-percorsi{padding:20px 60px !important;font-size:20px;line-height:32px;font-weight:400}
.box-percorsi span{font-weight:400}
.box-percorsi strong{font-size:24px;font-weight:bold;line-height:28px}
.box-percorsi.red strong,.box-percorsi.red span{color:#D01023}
.box-percorsi.cyan strong,.box-percorsi.cyan span{color:#1A9FE0}
.box-percorsi.green strong,.box-percorsi.green span{color:#55AC3A}
.box-percorsi.blue strong,.box-percorsi.blue span{color:#12006F}
.box-percorsi.orange strong,.box-percorsi.orange span{color:#FFA500} 
.box-percorsi div {text-align:center;margin-bottom:10px}
.box-percorsi img{width:64px;height:64px}
.box-percorsi a{text-decoration:none !important}

.box2-percorsi{padding:20px 60px !important;font-size:20px;line-height:32px;font-weight:400;border-radius: 20px}
.box2-percorsi span{font-weight:400}
.box2-percorsi strong{font-size:24px;font-weight:bold;line-height:28px}
.box2-percorsi.red strong,.box-percorsi.red span{color:#D01023}
.box2-percorsi.cyan strong,.box-percorsi.cyan span{color:#1A9FE0}
.box2-percorsi.green strong,.box-percorsi.green span{color:#55AC3A}
.box2-percorsi.blue strong,.box-percorsi.blue span{color:#12006F}
.box2-percorsi.orange strong,.box-percorsi.orange span{color:#FFA500} 
.box2-percorsi div {text-align:center;margin-bottom:10px}
.box2-percorsi img{width:64px;height:64px}
.box2-percorsi a{text-decoration:none !important}

.box3-percorsi{padding:20px 60px !important;font-size:20px;line-height:32px;font-weight:400;border-radius: 20px}
.box3-percorsi span{font-weight:400}
.box3-percorsi strong{font-size:24px;font-weight:bold;line-height:28px}
.box3-percorsi.red strong,.box-percorsi.red span{color:#D01023}
.box3-percorsi.cyan strong,.box-percorsi.cyan span{color:#1A9FE0}
.box3-percorsi.green strong,.box-percorsi.green span{color:#55AC3A}
.box3-percorsi.blue strong,.box-percorsi.blue span{color:#12006F}
.box3-percorsi.orange strong,.box-percorsi.orange span{color:#FFA500} 
.box3-percorsi div {text-align:center;margin-bottom:10px}
.box3-percorsi img{width:300px;height:150px}
.box3-percorsi a{text-decoration:none !important}




.box-future-lab-home .subtitle{font-size:30px;color:#fff !important}
.box-future-lab-home .title{font-size:50px;color:#fff !important}
.box-future-lab-home button{cursor: pointer;font-size:20px;color:#000 !important;background-color:#fff;padding:14px 32px;border:0;border-radius:10px}
.box-future-lab-home .box-button{margin: 0;position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);right:10%}

.box-orientamento-home .subtitle{font-size:30px;color:#fff !important;text-shadow: #0a00cb 1px 0 1px}
.box-orientamento-home .title{font-size:50px;color:#fff !important;text-shadow: #0a00cb 1px 0 1px}
.box-orientamento-home button{cursor: pointer;font-size:20px;color:#000 !important;background-color:#fff;padding:14px 32px;border:0;border-radius:10px}
.box-orientamento-home .box-button{margin: 0;position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);right:10%}

p.excerpt-card{font-weight:200 !important}
.footer-logos{text-align:center;padding:40px 0}
.footer-logos img{width:60%;height:auto}
.card.card-bg.bg-blue-light{background-color:#fefefe !important}
.bg-bluelectricdark{background-color:#fefefe !important}
.bg-bluelectricdark .splide__arrow svg, .section-bluedark .splide__arrow svg{fill:#1307ff !important}
@media screen and (max-width: 768px) {
	.box-percorsi{padding:20px !important}
	.box-future-lab-home{text-align:center !important}
	.box-future-lab-home .box-button{position:relative;text-align:center;margin-top:20px;right:0}
	
	.box-orientamento-home{text-align:center !important}
	.box-orientamento-home .box-button{position:relative;text-align:center;margin-top:20px;right:0}
	
	
	.box-percorsi{text-align:center !important}
	.footer-logos img{width:90%;height:auto}
}
@media screen and (max-width: 997px) {
	.footer-logos img{width:90%;height:auto}
}

.rwd-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.banner-erasmus {
    display: block;
    width: 100%;
    max-width: 900px;
    height: auto;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .banner-erasmus {
        width: 85% !important;
        max-width: 85% !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }
}