/* Magister suite: stili propri, caricati dopo i CSS del tema. */

/* ---------------------------------------------------------------- CSS personalizzato del tema
   (ex "the7-custom-inline-css", caricato dal WordPress dopo tutti gli altri fogli) */
/*Phone number color in contacts on mobile devices*/
.dt-phone *,
.dt-phone:hover *{
color: inherit;
}
img.wpml-ls-flag {
    border: 1px solid #fff;
}

.popup-message-style #page .wpcf7-mail-sent-ok, .popup-message-style #page .wpcf7-response-output.run-animation, .popup-message-style #page .wpcf7-validation-errors {
    z-index: 99999;
}

.bg_01, .bg_header_01{
    background: #000060;
    color:#fff!important;
}
.bg_01 h1, .bg_header_01 h1{
    color:#fff!important;
}
.dt-btn {
    background: #fff;
    border: 2px solid #fff;
}


/* --- cyrenaeus --- */
.cyrenaeus, .bg_cyrenaeus{
    background: #5cc94c!important;
    color:#fff!important;
}
.cyrenaeus:hover{
    background: #72e266!important;
    color:#fff!important;
}
.page-id-3088 .img-icon{
    background: #5cc94c;
    border-radius: 50px!important;
    padding: 10px;
    -moz-border-radius: 50px!important;
}
.page-id-3088 .bg_01{
    background: #5cc94c;
    color:#fff!important;
}

/* --- matthaeus --- */
.matthaeus, .bg_matthaeus{
    background: #2d29ce!important;
    color:#fff!important;
}
.matthaeus:hover{
    background: #395fd8!important;
    color:#fff!important;
}
.page-id-3110 .img-icon{
    background: #2d29ce;
    border-radius: 50px!important;
    padding: 10px;
    -moz-border-radius: 50px!important;
}
.page-id-3110 .bg_01{
    background: #2d29ce;
    color:#fff!important;
}

/* --- publius --- */
.publius, 
.ego, 
.bg_publius, 
.bg_ego{
    background: #d6303c!important;
    color:#fff!important;
}
.publius:hover, 
.ego:hover{
    background: #E44A48!important;
    color:#fff!important;
}
.page-id-3112 .img-icon, 
.page-id-5779 .img-icon{
    background: #d6303c;
    border-radius: 50px!important;
    padding: 10px;
    -moz-border-radius: 50px!important;
}
.page-id-3112 .bg_01,
.page-id-5779 .bg_01{
    background: #d6303c;
    color:#fff!important;
}

/* --- saulo --- */
.saulo, .bg_saulo{
    background: #b420bc!important;
    color:#fff!important;
}
.saulo:hover{
    background: #d638d6!important;
    color:#fff!important;
}
.page-id-3097 .img-icon{
    background: #b420bc;
    border-radius: 50px!important;
    padding: 10px;
    -moz-border-radius: 50px!important;
}
.page-id-3097 .bg_01{
    background: #b420bc;
    color:#fff!important;
}

/* --- laurentius --- */
.laurentius, .bg_laurentius{
    background: #ef9948!important;
    color:#fff!important;
}
.laurentius:hover{
    background: #ef7725!important;
    color:#fff!important;
}

.page-id-5112 .img-icon{
    background: #ef9948;
    border-radius: 50px!important;
    padding: 10px;
    -moz-border-radius: 50px!important;
}
.page-id-5112 .bg_01{
    background: #ef9948;
    color:#fff!important;
}


/* --- martinus --- */
.martinus, 
.donum,
.bg_martinus,
.bg_donum{
    background: #45e5ca!important;
    color:#fff!important;
}
.martinus:hover,
.donum:hover{
    background: #19C9B8!important;
    color:#fff!important;
}
.page-id-5176 .img-icon,
.page-id-5825 .img-icon{
    background: #45e5ca;
    border-radius: 50px!important;
    padding: 10px;
    -moz-border-radius: 50px!important;
}
.page-id-5176 .bg_01,
.page-id-5825 .bg_01{
    background: #45e5ca;
    color:#fff!important;
}

/* --- donum --- */
.donum, .bg_donum{
    background: #45e5ca!important;
    color:#fff!important;
}
.donum:hover{
    background: #19C9B8!important;
    color:#fff!important;
}
.page-id-5176 .img-icon{
    background: #45e5ca;
    border-radius: 50px!important;
    padding: 10px;
    -moz-border-radius: 50px!important;
}
.page-id-5176 .bg_01{
    background: #45e5ca;
    color:#fff!important;
}



.bg_header_01 .img-icon{
    background:unset!important;
    border-radius: unset!important;
    padding: unset!important;
    -moz-border-radius: unset!important;
}

.tecnologie img{
    background: #fff;
    padding: 3px 6px;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}
/*
.dt-btn.cyrenaeus {
    background: #fff!important;
    color: #5CC84C!important;
}

a#default-btn-e7fa5f6aec95f7deec0fe4250336ee15 {
    border: 1px solid #fff;
}
*/

.page-title {
    margin-bottom: 50px;
}

.post-thumbnail{
   display:none;
}

/* ---------------------------------------------------------------- Componenti propri */

/* Ancore: scorrimento morbido e spazio per l'header fisso (sostituiscono gli script del tema). */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#main [id]{scroll-margin-top:70px}

/* Menu mobile: sottomenu aperti con il pulsante "+" (il tema usava slideDown di jQuery). */
.dt-mobile-header .mobile-main-nav li.open-sub>.sub-nav{display:block}
.dt-mobile-header .next-level-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Menu principale: sottomenu all'hover e da tastiera (prima li apriva lo script del tema). */
.masthead .main-nav>li.has-children:hover>.sub-nav,
.masthead .main-nav>li.has-children:focus-within>.sub-nav,
.masthead .main-nav>li.dt-hovered>.sub-nav{visibility:visible;opacity:1}

/* Modulo contatti */
.mt-form-result{clear:both;padding:16px;margin:0 0 20px;border:2px solid #000061;border-radius:4px;color:#000061;background:#fff;font-size:16px;line-height:1.6}
.mt-form-result a{margin-left:4px;text-decoration:underline}
.wpcf7-form.submitting .wpcf7-submit{opacity:.6;cursor:progress}
.mt-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

/* Pannello cookie: titolo con il font del pannello, non quello dei titoli del tema. */
.mt-cookie-panel h2{font:700 21px/1.25 Arial,sans-serif!important;letter-spacing:0;text-transform:none;margin:0;color:#202020}

/* ---------------------------------------------------------------- Hero della home
   Rifà in CSS lo Slider Revolution 7 originale: griglia 1400×700 scalata sulla larghezza
   (mai ingrandita oltre 1400 px) e, sotto i 480 px, griglia 700×850. Le misure sono quelle dei
   livelli dello slider; i tempi di comparsa pure (sfondo 0,6 s, testi 0,3 s con ritardo). */
#main-slideshow{container-type:inline-size}
.ms-hero{--s:min(1px,calc(100cqw / 1400));position:relative;height:calc(700 * var(--s));overflow:hidden;background:#000061;font-family:Overpass,Helvetica,Arial,Verdana,sans-serif}
.ms-hero-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;animation:ms-fade .6s ease-in-out both}
.ms-hero-overlay{position:absolute;inset:0;background:rgba(0,0,97,.6);animation:ms-fade .3s ease-in-out both}
.ms-hero-stage{position:absolute;top:0;left:50%;width:calc(1400 * var(--s));height:100%;transform:translateX(-50%)}
.ms-hero .ms-l{position:absolute;margin:0;padding:0;box-sizing:border-box;color:#fff;font-family:Overpass,Helvetica,Arial,Verdana,sans-serif;letter-spacing:normal;white-space:nowrap;text-align:left;animation:ms-fade .3s ease-in-out both}
.ms-hero img.ms-l{max-width:none;object-fit:cover}
.ms-hero .ms-kicker{left:calc(80 * var(--s));top:calc(155 * var(--s));font-size:calc(25 * var(--s));line-height:calc(40 * var(--s));font-weight:600;animation-delay:.6s}
.ms-hero .ms-logo{left:calc(80 * var(--s));top:calc(188 * var(--s));width:calc(388 * var(--s));height:calc(100 * var(--s))}
.ms-hero .ms-title{left:calc(80 * var(--s));top:calc(297 * var(--s));font-size:calc(34 * var(--s));line-height:calc(34 * var(--s));font-weight:600;text-transform:lowercase;animation-delay:2.5s}
.ms-hero-en .ms-title{white-space:normal;width:calc(760 * var(--s))}
.ms-hero .ms-btn{top:calc(420 * var(--s));left:calc(80 * var(--s));padding:calc(7 * var(--s)) calc(20 * var(--s)) 0;border:calc(2 * var(--s)) solid #fff;font-size:calc(40 * var(--s));line-height:calc(49 * var(--s));font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;background:#000061;color:#fff}
.ms-hero .ms-news{top:calc(508 * var(--s));background:#fff;color:#000061}
.ms-hero .ms-btn:focus-visible{outline:calc(3 * var(--s)) solid #fff;outline-offset:calc(4 * var(--s))}
.ms-hero .ms-powered,.ms-hero .ms-partner{top:calc(601 * var(--s));width:calc(150 * var(--s));font-size:calc(10 * var(--s));line-height:calc(20 * var(--s));font-weight:600;animation-name:ms-pop;animation-delay:.6s}
.ms-hero .ms-powered{left:calc(1020 * var(--s));text-align:right}
.ms-hero .ms-partner{left:calc(1190 * var(--s))}
.ms-hero .ms-mt,.ms-hero .ms-cnec{top:calc(621 * var(--s));width:calc(150 * var(--s));height:calc(59 * var(--s))}
.ms-hero .ms-mt{left:calc(1020 * var(--s))}
.ms-hero .ms-cnec{left:calc(1190 * var(--s))}
@media (max-width:479px){
 .ms-hero{--s:calc(100cqw / 700);height:calc(850 * var(--s))}
 .ms-hero-stage{width:calc(700 * var(--s))}
 .ms-hero .ms-kicker,.ms-hero .ms-logo,.ms-hero .ms-title,.ms-hero .ms-btn{left:50%;translate:-50% 0;text-align:center}
 .ms-hero .ms-kicker{top:calc(174 * var(--s));font-size:calc(40.25 * var(--s));line-height:calc(89.25 * var(--s))}
 .ms-hero .ms-logo{top:calc(271 * var(--s));width:calc(334 * var(--s));height:calc(80 * var(--s))}
 .ms-hero .ms-title,.ms-hero-en .ms-title{top:calc(367 * var(--s));width:calc(600 * var(--s));white-space:normal;font-size:calc(29.75 * var(--s));line-height:calc(40.25 * var(--s))}
 .ms-hero .ms-btn{top:calc(508.5 * var(--s));padding:calc(3.5 * var(--s)) calc(10.5 * var(--s)) 0;border-width:calc(1.75 * var(--s));font-size:calc(40.25 * var(--s));line-height:calc(50.75 * var(--s))}
 .ms-hero .ms-news{top:calc(612.5 * var(--s));font-size:calc(29.75 * var(--s));line-height:calc(40.25 * var(--s))}
 .ms-hero .ms-powered,.ms-hero .ms-partner{width:calc(120.75 * var(--s));font-size:calc(10.5 * var(--s))}
 .ms-hero .ms-powered{left:calc(105 * var(--s));top:calc(761 * var(--s));line-height:calc(15.75 * var(--s))}
 .ms-hero .ms-partner{left:calc(474.25 * var(--s));top:calc(758.25 * var(--s));line-height:calc(18.75 * var(--s))}
 .ms-hero .ms-mt,.ms-hero .ms-cnec{top:calc(772.5 * var(--s));width:calc(120.75 * var(--s));height:calc(46.9 * var(--s))}
 .ms-hero .ms-mt{left:calc(105 * var(--s))}
 .ms-hero .ms-cnec{left:calc(474.25 * var(--s));top:calc(780.5 * var(--s))}
}
@keyframes ms-fade{from{opacity:0}}
@keyframes ms-pop{from{opacity:0;transform:scale(.9)}}
@media (prefers-reduced-motion:reduce){.ms-hero *{animation:none!important}}