@import url("fonts.css");

:root {
    --color-a:#111417;
    --color-b:#7AB6D7;
    --color-c:#000000;
    --color-d:#303230;
    --size:1480;
    --sectionTitleHeight:98px;
    --arrowBlack:url("data:image/svg+xml,%3Csvg version='1.0' viewBox='0 0 35.2 23.8' enable-background='new 0 0 35.2 23.8' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231C1C1B' d='M30.3,13.1c-1.8,0.1-3,0.1-4.3,0.1H0.2v-2.6H26c1.3,0,2.5,0,4.3,0 c-1.1-0.9-2.1-1.9-3.1-2.8l-8.1-7.7H23L35,11.8L23,23.6h-3.9l8.2-7.7C28.1,15,29.2,14.1,30.3,13.1' /%3E%3C/svg%3E%0A") no-repeat center center;
    --arrowWhite:url("data:image/svg+xml,%3Csvg version='1.0' viewBox='0 0 35.2 23.8' enable-background='new 0 0 35.2 23.8' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFFFFF' d='M30.3,13.1c-1.8,0.1-3,0.1-4.3,0.1H0.2v-2.6H26c1.3,0,2.5,0,4.3,0 c-1.1-0.9-2.1-1.9-3.1-2.8l-8.1-7.7H23L35,11.8L23,23.6h-3.9l8.2-7.7C28.1,15,29.2,14.1,30.3,13.1' /%3E%3C/svg%3E%0A") no-repeat center center;
    --arrowBlackDiag:url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.8 27.8' enable-background='new 0 0 27.8 27.8' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='-16' y='-16' width='60' height='60'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' d='M23.9,5.9c-1.2,1.3-2.1,2.2-3,3.1L2.7,27.3l-1.9-1.9L19,7.1c0.9-0.9,1.7-1.7,3.1-3 c-1.4,0.1-2.9,0.1-4.1,0.2L6.9,4.6l2.7-2.7l16.7-0.2l-0.1,16.8l-2.8,2.8L23.7,10C23.7,8.8,23.8,7.4,23.9,5.9'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center;
    --text-generic: normal normal 400 max(18px, min(25px, calc((25 * 100vw) / 1480))) / max(29px, min(36px, calc((36 * 100vw) / 1480))) 'IBM Plex Sans',sans-serif;
    --text-generic-2: normal normal 400 max(16px, min(20px, calc((20 * 100vw) / 1480))) / max(20px, min(24px, calc((24 * 100vw) / 1480))) 'IBM Plex Sans',sans-serif;

}

body{font:var(--text-generic);background: #fff;color:var(--color-a); }

a,a:link,a:visited{color:var(--color-b);text-decoration:none;}
a:hover{color:var(--color-b);text-decoration:underline;}

*:focus{outline: 0 none;}

.ftco-animate {
    opacity: 0;
    visibility: hidden;
}

.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.line-clamp.l4{-webkit-line-clamp:4 !important;}
.line-clamp.l3{-webkit-line-clamp:3 !important;}
.line-clamp.l2{-webkit-line-clamp:2 !important;}
.line-clamp.l1{-webkit-line-clamp:1 !important;}

.image{position:relative}
.image .overlay{width: 100%;height: 100%;top: 0;left: 0;right: 0;position: absolute;}
/* .image.grayscale .overlay{mix-blend-mode: multiply;background: var(--color-b);} */

a.btn-breaker{color:var(--color-c); font-weight: 600!important;}

.dvdebug,
.TDNGR_DEBUG,
.TBL_DEBUG,
[name="ctl01$txtServerTime"],
[name="ctl01$btnSession"],
.debug,
.hide{display:none!important}

h1.page-title,
h1.section-title{padding:10px;color: var(--color-c);
   font:normal normal 500 max(30px, min(40px, calc((40 * 100vw) / var(--size)))) / max(38px, min(48px, calc((48 * 100vw) / var(--size)))) 'IBM Plex Sans',sans-serif;
}

:focus {
    box-shadow: 0 0 0 2px rgba(0,0,0,1)!important;
    border-radius: 2px!important
}


/* 
======
NAVBAR
======
*/
header{padding: 10px 50px;border-bottom:1px solid #000}
header nav ul,header nav ul li{list-style-type:none;margin:0;padding:0;}

header nav{display:grid}
header nav .nav-global-container{display:none!important}

header nav .logo{display:block;width: max(100px, min(200px, calc((200 * 100vw) / var(--size))))}
header nav .logo img{width: 100%;height: 100%;}

header nav .logo {grid-area: logo;}
header nav .cite {grid-area: cite;}
header nav .nav-lng-container {grid-area: lng;}
   
header nav {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    grid-template-areas: 
      "logo cite"
      "logo lng";
}

header .section-header .column-2 .language{display: flex;align-items: center;gap: 20px;justify-content: flex-end;}
header nav .cite{font-size: max(16px, min(50px, calc((50 * 100vw) / var(--size))));font-family: 'IBM Plex Sans', sans-serif;font-weight: 400;text-align:right;}

header nav .nav-lng-container ul{display:flex;justify-content: flex-end;}
header nav .nav-lng-container ul li{margin-left:20px}
header nav .nav-lng-container ul li a{color: var(--color-a);text-decoration: none;font-family: 'IBM Plex Sans';font-weight: 400;text-transform: uppercase;font-size: max(17px, min(20px, calc((20 * 100vw) / var(--size))));}

.ita header nav .nav-lng-container .lng-ita a,
.eng header nav .nav-lng-container .lng-eng a,
.fur header nav .nav-lng-container .lng-fur a
{font-weight: 600;}

@media only screen and (min-width: 0) and (max-width: 999px) {
    header{padding: 10px 25px}
}

/* 
======
FOOTER
======
*/

footer .logo {grid-area: logo;}
footer .logo-friuli {grid-area: fvg;}
footer .logo-uniud {grid-area: uniud;}
footer .powered-by {grid-area: sicap;text-align:right;font-size:12px}

footer{padding:30px 50px;
    border-top:1px solid #000;
    display:grid;
    gap:30px;
    grid-template-columns: 200px auto 300px 250px;
    grid-template-rows: auto auto;
    grid-template-areas: 
      "logo . fvg uniud"
      "sicap sicap sicap sicap";
}

footer img{width: 100%;max-width:100%;}

footer a,footer a:link,footer a:visited,footer a:hover{color:var(--color-a)!important;font-weight:700}

@media only screen and (min-width: 0) and (max-width: 999px){

    footer{
        padding:30px 50px;
        display:grid;
        gap:20px;
        grid-template-columns: 100px auto 140px 140px;
        grid-template-rows: auto auto;
        grid-template-areas: 
          "logo . fvg uniud"
          "sicap sicap sicap sicap";
    }
}

@media only screen and (min-width: 0) and (max-width: 550px){
    footer{display:flex;flex-wrap:wrap;align-items:center; gap: 10px;}
    /* footer .section-footer{padding: 0px 25px;} */

    footer .powered-by{width:100%}
    footer img{width: 100px;}
   
} 

/* 
=====
VIDEO
=====
*/
.section-video .video{width: 100%;height: 1080px;overflow: hidden;}
.section-video .video video{width: 100%;height: 100%;object-fit: cover;object-position:right;transition:all .2s linear}


.section-video .video video.centered{object-position:calc(100% - 30%);}

@media only screen and (min-width: 0) and (max-width: 980px){
    .section-video .video{height: 80vh;}
}
@media only screen and (min-width: 0) and (max-width: 750px){
    .section-video .video{height: 60vh;}
}

/* 
===
LYT
===
*/
.lyt .section-header{width:100%;position:absolute;z-index:999}
.lyt-homepage .section-header{position:static}
.lyt-homepage .section-header-project{border-top:1px solid #000}

.lyt .section-header a{display:flex;font:normal normal 400 max(25px, min(40px, calc((40 * 100vw) / var(--size)))) / max(28px, min(58px, calc((58 * 100vw) / var(--size)))) "IBM Plex Sans",sans-serif;padding:18px 50px;align-items: center;justify-content: space-between;text-decoration:none!important;color:#000;border-bottom: 1px solid #000;}
.lyt .section-header a img{margin-left:auto;width: 40px;transition: all .2s linear;}
.lyt .section-header a span{background:var(--arrowBlack);width: max(20px, min(40px, calc((40 * 100vw) / var(--size))));aspect-ratio:1;display:block}
.lyt .section-header-rebuild a span{background:var(--arrowWhite)}

.lyt .section-header-project{background: #FFF;}
.lyt .section-header-earthquake{background: var(--color-b);}
.lyt .section-header-rebuild{background: var(--color-c);}
.lyt .section-header-rebuild a{color:#FFF;}
.lyt .section-header-rebuild a.active img{transform: rotate(90deg);}
.lyt .section-header.rebuild{position:fixed;bottom:0;width:100%;}

.lyt-inner.project .section-header-project span,
.lyt-inner.earthquake .section-header-earthquake span,
.lyt-inner.rebuild .section-header-rebuild span
{transform: rotate(90deg);}

.lyt .search{}
.lyt .search .rpe{position:relative;flex-grow: 1;}
.lyt .search label,
.lyt .search button[type='reset']
{display:none}
.lyt-inner .row-detail .column-1 .search input {
    width: 100%;
    border: 0;
    padding:0 50px;
    font-size: max(25px, min(35px, calc((35 * 100vw) / var(--size))));
    font-family: 'IBM Plex Sans', sans-serif;
    box-sizing: border-box;
}
.lyt .search button[type='submit']{padding:0;margin:0;border:0 none;height:30px;width:30px;background-size:30px;cursor:pointer;
    background: url("data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M464 428 339.92 303.9a160.48 160.48 0 0 0 30.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0 0 94.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 1 1 110.37-110.37 110.5 110.5 0 0 1-110.37 110.37z'%3E%3C/path%3E%3C/svg%3E");
    position:absolute;right:20px;top:50%;margin-top:-15px;
}
.lyt .search button[type='submit'] span{display:none}

@media only screen and (min-width: 0) and (max-width: 999px){
    .lyt .search button[type='submit']{right:0}
}

/*
=====
PAGER
=====
*/
.lyt-pager{padding:20px 0}
.lyt-pager,.lyt-pager ul,.lyt-pager ul li{margin:0;padding:0;}
ul.lyt-pager,.lyt-pager ul{display:flex!important;text-align:left;margin:20px 0;padding:0;flex-wrap: wrap;width:100%;align-items:flex-start;justify-content:center;}
.lyt-pager li{display:block!important;border-radius:0;margin:0}
.lyt-pager li.first,.lyt-pager li.previous,.lyt-pager li.next,.lyt-pager li.last{}
.lyt-pager li.page a,.lyt-pager li.page span,
.lyt-pager li.first a,.lyt-pager li.first span,
.lyt-pager li.previous a,.lyt-pager li.previous span,
.lyt-pager li.next a,.lyt-pager li.next span,
.lyt-pager li.last a,.lyt-pager li.last span
{background:#FFF;
  font-size:20px;font-weight:400;padding:0 12px!important;display:inline-block;text-align:center;background:#FFF;
  color:#000;transition:all .2s linear;display:inline-block;margin-left:-1px;}

.lyt-pager li.disabled a,.lyt-pager li.disabled span,.lyt-pager li.disabled a:hover,.lyt-pager li.disabled span:hover{opacity:.8;color:var(--color4)}
.lyt-pager li.status span{padding-left:20px}
.lyt-pager li a,.lyt-pager li span{border-radius:0;color:#000;}
.lyt-pager li.status{font-size:18px;padding:6px 12px!important;}
.lyt-pager li.page.active span{color:#010103!important;font-weight:700}
.lyt-pager li.page.active span:after{content:"";width:10px;height:10px;display:block;margin:0 auto}
.lyt-pager li.page a:hover,
.lyt-pager li.first a:hover,
.lyt-pager li.previous a:hover,
.lyt-pager li.next a:hover,
.lyt-pager li.last a:hover
{color:var(--color-b);text-decoration:none;background:transparent!important;}

/* first, prev, next, last */
.lyt-pager li.page{font-weight:400;}
.lyt-pager li.first,
.lyt-pager li.previous,
.lyt-pager li.next,
.lyt-pager li.last{font-weight:400;}
.lyt-pager li.first *,
.lyt-pager li.previous *,
.lyt-pager li.next *,
.lyt-pager li.last *
{font-size:25px!important;line-height:25px!important;font-weight:400!important;}

/* status */
.lyt-pager li.status{order:-1;width:100%;text-align:center;font-weight:400;text-transform:uppercase;font-size:20px}
.lyt-pager li.status span{color:#000!important;}
.lyt-pager li.status strong{font-weight:700;font-size:18px;text-transform:lowercase;}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .lyt-pager .page{display:none!important;}
    .lyt-pager .page.active{display:inline-block!important;}
    .lyt-pager li span,.lyt-pager li a{padding-left:8px;padding-right:8px}
}

@media only screen and (min-width: 0) and (max-width: 575px) {
    .lyt-pager .page{display:none!important;}
    .lyt-pager .page.active{display:inline-block!important;}
}

.swiper-button-next{color:#FFF}
.swiper-button-next:after, .swiper-button-prev:after{color:#FFF}

/* 
========
LYT-LIST
========
*/
.lyt-list .section-header{position:static}
.lyt-list > ul li{padding:18px 50px;border-bottom:1px solid #000}
.lyt-list > ul li a{font-size:28px;
    font:normal normal 400 max(24px, min(28px, calc((28 * 100vw) / var(--size)))) / max(24px, min(28px, calc((28 * 100vw) / var(--size)))) "IBM Plex Sans",sans-serif;
}

.lyt-list .norecs,
.lyt-list .nrec{
    padding:18px 50px;
    font-size:25px;
    line-height:36px;
    font-weight:400;
}

.lyt-list .norecs{padding-bottom:100px}

@media only screen and (min-width: 0) and (max-width: 999px) {
    .lyt-list > ul li{padding:15px 25px;}
}

/* 
=========
LYT-INNER
=========
*/
.lyt-inner {display:flex;flex-direction:column;position:relative;}
.lyt-inner .row-detail{display:flex;flex-wrap:wrap;}

/* row-detail > column-1 */
.lyt-inner .row-detail .column-1{
    width:26%;
    overflow:hidden;
    border-right:1px solid #000;
    box-sizing: border-box;
    position:relative;
}

.lyt-inner .row-detail .column-1 .search{height:100px;display:flex;align-items:flex-end;border-bottom:1px solid #000}

.lyt-inner .row-detail .column-1 .wrapper{background:transparent;z-index:2}

#nav-local ul,#nav-local ul li{list-style-type:none!important;margin:0;padding:0}



#nav-local .menu-handler{display:none;border-bottom:1px solid #000;padding:20px 25px;align-items:center;justify-content:space-between;}
#nav-local .menu-handler > span{font-size: max(25px, min(30px, calc((35 * 100vw) / var(--size))));font-weight: 400;}
#nav-local .navbar-toggler {border:0 none;background:transparent;display:block;
    width: max(20px, min(30px, calc((30 * 100vw) / var(--size))));
    height: max(20px, min(30px, calc((30 * 100vw) / var(--size))));padding:0;margin:0;cursor:pointer}
#nav-local .navbar-toggler .navbar-toggler-icon-bar{display: block;background: var(--color-a);height: 3px;margin-bottom: 4px;width:max(20px, min(30px, calc((30 * 100vw) / var(--size))));transition: all 0.2s linear;}
#nav-local .navbar-toggler .bottom-bar{transform: rotate(-90deg);margin-left: 0px;margin-top: -6px;}

.navbar-open .navbar-toggler .bottom-bar{opacity: 0;}
.navbar-open #nav-local .navbar-toggler .top-bar{transform: rotate(45deg);transform-origin: 10% 10%;}


#nav-local .menu-container{padding:50px 15px 50px 42px;}
#nav-local .submenu .submenu{display:none;padding-left:30px}
#nav-local .submenu a{color: var(--color-c);text-decoration:none;display:inline-flex;flex-wrap:wrap;align-items:flex-start;
    font:normal normal 400 max(18px, min(25px, calc((25 * 100vw) / var(--size)))) / max(15px, min(25px, calc((25 * 100vw) / var(--size)))) "IBM Plex Sans",sans-serif;
}
#nav-local ul li{line-height:calc(25 / 25 * 1em);margin-bottom:8px!important}
#nav-local ul li > ul{margin-top:8px;}
#nav-local .submenu a{position:relative;padding-left:8px;}
#nav-local ul li > ul .submenu a:before{content: "";display:block;margin:0;width: 5px;height:2px;background: var(--color-c);position:absolute;top:calc(14 / 25 * 1em);left:0}
#nav-local .submenu a.active{text-decoration: underline;font-weight: 600;}
#nav-local .submenu a.active:before{content: "";display:block;margin:0;width: 5px;height:5px;border-radius:50%;background: var(--color-c);position:absolute;top:calc(12 / 25 * 1em);left:0}

/* row-detail > column-2 */
.lyt-inner .row-detail .column-2{
    padding:50px 50px 50px 88px;
    width:74%;
    overflow:hidden;
    box-sizing: border-box;
    min-height:400px
}

.lyt-inner .row-detail .column-2:has(.swiper-intro) {
padding:0;
}

.lyt-inner .row-detail .column-2:has(.swiper-intro) .content,
.lyt-inner .row-detail .column-2 .swiper-intro,
.lyt-inner .row-detail .column-2 .swiper-container{height:100%}

.lyt-inner .row-detail .column-2 .swiper-intro .swiper-slide {height:100%;position:relative;}
.lyt-inner .row-detail .column-2 .swiper-intro img{display:block;width:100%;height:100%;object-fit: cover;object-position: center;}



.lyt-inner .row-detail .column-2 img{width:100%;}
.lyt-inner .row-detail .column-2 .section-title {
    padding:0 0 50px 0;
    color: var(--color-c);
    font:normal normal 500 max(25px, min(40px, calc((40 * 100vw) / var(--size)))) / max(32px, min(48px, calc((48 * 100vw) / var(--size)))) "IBM Plex Sans",sans-serif;
    font-weight: 500;
}

.lyt-inner .row-detail .column-2 .image figure>div {position:relative}
.lyt-inner .row-detail .column-2 .image figure img {display: block;}
.lyt-inner .row-detail .column-2 .image figure>div .credits {position:absolute;bottom:0; right:0; color:#FFF; padding: 3px 6px;
  background: rgb(61, 57, 56, .6); font-size: 18px;}
.lyt-inner .row-detail .column-2 .image figure figcaption {font-style: italic; font-size:18px;}


.lyt-inner .row-detail .column-2 .description,
.lyt-inner .row-detail .column-2 .description p{
    font:var(--text-generic); text-align: justify;
}

.lyt-inner .row-detail .column-2 .bibliography{margin:30px 0;font:var(--text-generic-2);}


.lyt-inner .row-detail .column-2 .external-links{margin-top: 30px;}
.lyt-inner .row-detail .column-2 .external-links ul{list-style: none;margin-bottom: 0;padding-bottom: 0;padding-left: 0;}
.lyt-inner .row-detail .column-2 .external-links ul li{border-top: 1px solid;padding: 10px 0;}
.lyt-inner .row-detail .column-2 .external-links ul li a{color: var(--color-c);text-decoration: none;
    font:normal normal 400 max(18px, min(25px, calc((25 * 100vw) / var(--size)))) / max(15px, min(25px, calc((25 * 100vw) / var(--size)))) 'IBM Plex Sans',sans-serif;
    display:inline-flex;align-items:center;}
.lyt-inner .row-detail .column-2 .external-links ul li a span:nth-child(1){flex-shrink:0;background:var(--arrowBlackDiag);width:15px;height:15px;margin:0}
.lyt-inner .row-detail .column-2 .external-links ul li a span:nth-child(2){margin-left:20px}

/* row-gallery > column-1 */
.lyt-inner .row-gallery{display:flex;flex-wrap:wrap;border-top:1px solid #000;border-bottom:1px solid #000;}
.lyt-inner .row-gallery .column-1{
    width:26%;
    overflow:hidden;
    border-right:1px solid #000;
    box-sizing: border-box;
    position:relative;
}
.lyt-inner .row-gallery .column-2{
    padding:38px 50px 50px 88px;
    width:74%;
    overflow:hidden;
    box-sizing: border-box;
}

.lyt-inner .row-gallery .column-1{overflow: hidden;width: 26%;display: flex;flex-direction: column;gap: 0;position: relative;align-self: stretch;}
.lyt-inner .row-gallery .column-1 .arrows{border-top: 1px solid #000;display: flex;align-items: center;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;z-index: 4;height: 110px;}
.lyt-inner .row-gallery .column-1 .arrows .swiper-button-next,
.lyt-inner .row-gallery .column-1 .arrows .swiper-button-prev{position: relative;width: 50%;top: auto;left: auto;right: auto;margin: auto;height: 100%;}
.lyt-inner .row-gallery .column-1 .arrows .swiper-button-next:after{content: url("../images/FRECCE/freccia-nera-basso.png");transform: rotate(-90deg);}
.lyt-inner .row-gallery .column-1 .arrows .swiper-button-prev:after{content: url("../images/FRECCE/freccia-nera-basso.png");transform: rotate(90deg);}
.lyt-inner .row-gallery .column-1 .arrows .swiper-button-prev{border-right: 1px solid #000;}
.lyt-inner .row-gallery .column-1 .text-1{font-size: 20px;padding-left: 50px;padding-top: 30px;font-weight: 600;text-transform: uppercase;}
.lyt-inner .row-gallery .column-1 .text-2{font-size: 20px;color: var(--color-c);padding-left: 50px;font-weight: 400;text-transform: uppercase;}
.lyt-inner .row-gallery .column-1 .text-3{font-size: 18px;color: var(--color-c);padding-left: 50px;font-weight: 400;font-style:italic;}

.lyt-inner .row-gallery .column-2 .swiper-container{width: 100%;height: 100%;}
.lyt-inner .row-gallery .column-2 .swiper-gallery{width: 100%;height: 100%;padding: 0px;}

.lyt-inner .row-gallery .column-2 .swiper-slide{width:auto;background-position: center;background: #FFF;}
.lyt-inner .row-gallery .column-2 .swiper-slide a {position: relative; display: block;}
.lyt-inner .row-gallery .column-2 .real-swiper-active a:before {content:""; position: absolute; height: 100%; width: 100%;top: 0; left:0; pointer-events:none; border: solid 2px #000; box-sizing: border-box; z-index: 10;}
.lyt-inner.earthquake .row-gallery .column-2 .real-swiper-active a:before {content:""; position: absolute; height: 100%; width: 100%;top: 0; left:0; pointer-events:none; border: solid 2px var(--color-b); box-sizing: border-box; z-index: 10;}
.lyt-inner.rebuild .row-gallery .column-2 .real-swiper-active a:before {content:""; position: absolute; height: 100%; width: 100%;top: 0; left:0; pointer-events:none; border: solid 2px var(--color-c); box-sizing: border-box; z-index: 10;}
.lyt-inner .row-gallery .column-2 .swiper-slide .image{object-fit: cover;overflow: hidden;position: relative;}
.lyt-inner .row-gallery .column-2 .swiper-slide .image img{display: block; max-height: 460px}
.lyt-inner .row-gallery .column-2 .swiper-slide span{display:none!important}

/* Container Queries per*/
@container section-swiper (max-width: 600px) {
    .swiper-gallery .swiper-slide .image img{max-height: none;width: 100%;object-fit: cover;height: 350px;}
}
@container section-swiper (min-width: 601px) {
    .swiper-gallery .swiper-slide{width: auto !important;}
}
.section-menu .menu .content-page .seconda-fascia .column-2  {
    container-type: inline-size;
    container-name: section-swiper;
}
@media only screen and (min-width: 1000px) and (max-width:1200px) {
    .lyt-inner .row-gallery .column-1  .arrows{height: 80px;}
}
@media only screen and (min-width: 601px) and (max-width: 999px){
    .lyt-inner .row-gallery .column-2 .swiper-slide .image img{max-height: 400px;}
}
@media only screen and (min-width: 0) and (max-width: 999px){
    .lyt-inner .row-detail .column-1 .wrapper{position:static}
    .lyt-inner .row-detail .column-2 .section-title {padding-bottom: 25px;}
    .lyt-inner .row-detail .column-2:has(.image-full) {
        min-height:0!important;
    }
}
@media only screen and (min-width: 0) and (max-width: 999px) {

    .lyt .section-header a{padding:15px 25px;}

    .lyt-inner .row-detail{display:block}
    .lyt-inner .row-detail .column-1{width:100%;border-right:0 none}
    .lyt-inner .row-detail .column-2{padding:20px 25px;width:100%}

    .lyt-inner .row-detail .column-1 .wrapper{position:static!important;width:auto!important}
    .lyt-inner .row-detail .column-1 .search{height:auto;padding:20px 25px;display:flex;align-items:flex-end;border-bottom:1px solid #000}
    .lyt-inner .row-detail .column-1 .search input {padding-left:0}

    #nav-local .menu-handler{display:flex}
    #nav-local .menu-container{display:none}
    .navbar-open #nav-local .menu-handler{border-bottom:1px solid transparent}
    .navbar-open #nav-local .menu-container{display:block}
    .navbar-open #nav-local .menu-container{border-bottom:1px solid #000}


    #nav-local .menu-container{padding:25px 20px}
    /* #nav-local .submenu a{font-size:25px;} */

    .lyt-inner .row-gallery{display:block}
    .lyt-inner .row-gallery .column-1{display:none!important} 
    .lyt-inner .row-gallery .column-2{width:100%;padding:20px} 

}

/* 
===============
LYT-LIST HEROES
===============
*/
.lyt-list-heros{}
.lyt-list-heroes .content-page{height: auto !important;}
.lyt-list-heroes .content-page .right .content{padding: 0 !important;}
.lyt-list-heroes .right .content .section-title{padding: 47px 50px !important;}
.lyt-list-heroes .list-heroes{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 10px;margin-bottom: 90px;padding:0;}
.lyt-list-heroes .list-heroes .hero {display: flex;}
.lyt-list-heroes .list-heroes .hero a{display: flex;flex-direction: column;gap: 5px;color:var(--color-a);text-decoration:none!important;width: 100%;}
.lyt-list-heroes .list-heroes .hero .image{}
.lyt-list-heroes .list-heroes .hero .image img{height:auto;max-width:100%;display:block;aspect-ratio: 4 / 5;object-fit: cover;flex-grow: 1;}
.lyt-list-heroes .list-heroes .hero .name{display: flex;align-items: baseline;gap: 20px;padding: 10px 0 10px 0;border-top: 1px solid #000;border-bottom: 1px solid #000;line-height: 35px;flex-grow: 1;}
.lyt-list-heroes .list-heroes .hero .name > span{flex-shrink:0;display:block;width:28px;height:20px;background:var(--arrowBlack)}

@media only screen and (min-width: 0) and (max-width: 1200px) {
    .lyt-list-heroes .list-heroes{grid-template-columns: 1fr 1fr;}
}

@media only screen and (min-width: 0) and (max-width: 575px) {
    .lyt-list-heroes .list-heroes .hero .nome img{width: 20px;}
    .lyt-list-heroes .list-heroes .hero .image{width: 200px !important;height: 200px !important;} 
    .lyt-list-heroes .list-heroes .hero{gap: 0;}
    .lyt-list-heroes .list-heroes .hero .image{margin-bottom: 0 !important;}
    .lyt-list-heroes .list-heroes .hero .nome{flex-direction: column;border: 0;gap: 5px;padding: 35px 0 70px 0;}
    .lyt-list-heroes .list-heroes .hero .image{width: 100% !important;height: auto !important; aspect-ratio: 1/1;} 
    .lyt-list-heroes .list-heroes{grid-template-columns: 1fr;}
}

/* 
==============
LYT-DTG HEROES
==============
*/
/* .lyt-dtg-hero .content{display:flex;width:100%;flex-wrap:wrap;}
.lyt-dtg-hero .content > *{width:100%;}

.lyt-dtg-hero .content > .section-title{order:1}
.lyt-dtg-hero .content > .name{order:2;font:normal normal 400 max(25px, min(50px, calc((50 * 100vw) / var(--size)))) / max(33px, min(58px, calc((58 * 100vw) / var(--size)))) 'IBM Plex Sans',sans-serif;margin-bottom: 0;}
.lyt-dtg-hero .content > .years{order:3;margin:5px 0 30px 0}
.lyt-dtg-hero .content > .role{order:4;margin-bottom:30px;}
.lyt-dtg-hero .content > .image{order:6;width:200px;}
.lyt-dtg-hero .content > .info{order:5;width:calc(100% - 220px);padding:0 20px 20px 0}
.lyt-dtg-hero .content > .external-links{order:7} */

.lyt-dtg-hero .content > .name{font:normal normal 400 max(25px, min(50px, calc((50 * 100vw) / var(--size)))) / max(33px, min(58px, calc((58 * 100vw) / var(--size)))) 'IBM Plex Sans',sans-serif;margin-bottom: 0;}
.lyt-dtg-hero .content > .years{margin:5px 0 30px 0}
.lyt-dtg-hero .content > .role{margin-bottom:30px;}


.lyt-dtg-hero .content .image{float:right;width:max(150px, min(250px, calc((250 * 100vw) / var(--size))));margin:0 0 20px 20px}
.lyt-dtg-hero .content .info{width:auto}

.lyt-dtg-hero .content .bibliography{margin:30px 0;font:var(--text-generic-2);}


.lyt-dtg-hero .external-links{margin-top: 30px;}
.lyt-dtg-hero .external-links ul{list-style: none;margin-bottom: 0;padding-bottom: 0;padding-left: 0;}
.lyt-dtg-hero .external-links ul li{border-top: 1px solid;padding: 10px 0;}
.lyt-dtg-hero .external-links ul li a{color: var(--color-c);text-decoration: none;
    font:normal normal 400 max(18px, min(25px, calc((25 * 100vw) / var(--size)))) / max(15px, min(25px, calc((25 * 100vw) / var(--size)))) 'IBM Plex Sans',sans-serif;
    display:inline-flex;align-items:center;}
.lyt-dtg-hero .external-links ul li a span:nth-child(1){flex-shrink:0;background:var(--arrowBlackDiag);width:15px;height:15px;margin:0}
.lyt-dtg-hero .external-links ul li a span:nth-child(2){margin-left:20px}

@media only screen and (min-width: 0px) and (max-width: 991px) {
    .lyt-dtg-hero .content{display:block}
    .lyt-dtg-hero .content .image{float:right;width:150px;margin:0 0 20px 20px}
    .lyt-dtg-hero .content .info{width:auto}

}

@media only screen and (min-width: 0px) and (max-width: 575px) {
    .lyt-dtg-hero .content{display:block}
    .lyt-dtg-hero .content .image{float:none;width:100%;margin:0;}
    .lyt-dtg-hero .content .info{width:auto}
}

/* 
===============
LYT-DTG NUMBERS
===============
*/
.bdy-lyt-gen-157 .lyt-dtg .column-2,
.bdy-lyt-gen-158 .lyt-dtg .column-2,
.bdy-lyt-gen-234 .lyt-dtg .column-2,
.bdy-lyt-gen-235 .lyt-dtg .column-2,
.bdy-lyt-gen-236 .lyt-dtg .column-2,
.bdy-lyt-gen-237 .lyt-dtg .column-2
{padding-left:0;padding-right:0}
.bdy-lyt-gen-157 .lyt-dtg .column-2 h1,
.bdy-lyt-gen-158 .lyt-dtg .column-2 h1,
.bdy-lyt-gen-234 .lyt-dtg .column-2 h1,
.bdy-lyt-gen-235 .lyt-dtg .column-2 h1,
.bdy-lyt-gen-236 .lyt-dtg .column-2 h1,
.bdy-lyt-gen-237 .lyt-dtg .column-2 h1
{padding-left:88px!important}
.bdy-lyt-gen-157 .lyt-dtg .description,
.bdy-lyt-gen-158 .lyt-dtg .description,
.bdy-lyt-gen-234 .lyt-dtg .description,
.bdy-lyt-gen-235 .lyt-dtg .description,
.bdy-lyt-gen-236 .lyt-dtg .description,
.bdy-lyt-gen-237 .lyt-dtg .description
{display: flex;flex-direction: column;gap: 20px;}
.bdy-lyt-gen-157 .lyt-dtg .description .data,
.bdy-lyt-gen-158 .lyt-dtg .description .data,
.bdy-lyt-gen-234 .lyt-dtg .description .data,
.bdy-lyt-gen-235 .lyt-dtg .description .data,
.bdy-lyt-gen-236 .lyt-dtg .description .data,
.bdy-lyt-gen-237 .lyt-dtg .description .data
{border-bottom: 1px solid #000;display: flex;align-items: baseline;justify-content: space-between;padding: 0 50px 0 88px;}
.bdy-lyt-gen-157 .lyt-dtg .description .data:last-child,
.bdy-lyt-gen-158 .lyt-dtg .description .data:last-child,
.bdy-lyt-gen-234 .lyt-dtg .description .data:last-child,
.bdy-lyt-gen-235 .lyt-dtg .description .data:last-child,
.bdy-lyt-gen-236 .lyt-dtg .description .data:last-child,
.bdy-lyt-gen-237 .lyt-dtg .description .data:last-child
{border-bottom: 0}
.bdy-lyt-gen-157 .lyt-dtg .description .data .number,
.bdy-lyt-gen-158 .lyt-dtg .description .data .number,
.bdy-lyt-gen-234 .lyt-dtg .description .data .number,
.bdy-lyt-gen-235 .lyt-dtg .description .data .number,
.bdy-lyt-gen-236 .lyt-dtg .description .data .number,
.bdy-lyt-gen-237 .lyt-dtg .description .data .number
{font:normal normal 300 max(60px, min(120px, calc((120 * 100vw) / var(--size)))) / max(68px, min(128px, calc((128 * 100vw) / var(--size)))) 'IBM Plex Sans',sans-serif;visibility:hidden;}
.bdy-lyt-gen-157 .lyt-dtg .description .data .label,
.bdy-lyt-gen-158 .lyt-dtg .description .data .label,
.bdy-lyt-gen-234 .lyt-dtg .description .data .label,
.bdy-lyt-gen-235 .lyt-dtg .description .data .label,
.bdy-lyt-gen-236 .lyt-dtg .description .data .label,
.bdy-lyt-gen-237 .lyt-dtg .description .data .label
{font:normal normal 300 max(27px, min(40px, calc((40 * 100vw) / var(--size)))) / max(30px, min(44px, calc((44 * 100vw) / var(--size)))) 'IBM Plex Sans',sans-serif;font-weight: 400;}

@media only screen and (min-width: 0) and (max-width: 999px) {
    /* .bdy-lyt-gen-157 .lyt-dtg .right .content .section-title{padding: 20px 25px !important;padding-bottom: 0 !important;margin-bottom: 0 !important;} */
    .bdy-lyt-gen-157 .lyt-dtg .description .data,
    .bdy-lyt-gen-158 .lyt-dtg .description .data,
    .bdy-lyt-gen-234 .lyt-dtg .description .data,
    .bdy-lyt-gen-235 .lyt-dtg .description .data,
    .bdy-lyt-gen-236 .lyt-dtg .description .data,
    .bdy-lyt-gen-237 .lyt-dtg .description .data
    {flex-direction: column;gap: 0;padding: 0 25px 30px 25px;}
}

/* 
===============
LYT-DTG PROJECT
===============
*/
.lyt-dtg.project .section-header-earthquake a {border-top: 1px solid #000}

.lyt-dtg.project .row-detail .column-1 .wrapper{}
.lyt-dtg.project .row-detail .column-1 ul,.lyt-dtg.project .row-detail .column-1 ul li{list-style-type:none;margin:0;padding:0;}
.lyt-dtg.project .row-detail .column-1 .roles{padding:50px 15px 50px 50px}
.lyt-dtg.project .row-detail .column-1 .role{margin:0 0 20px 0}
.lyt-dtg.project .row-detail .column-1 h6{margin:0 0 5px 0;font:normal normal 600 max(20px, min(24px, calc((24 * 100vw) / var(--size)))) / max(20px, min(24px, calc((24 * 100vw) / var(--size)))) "IBM Plex Sans",sans-serif;}
.lyt-dtg.project .row-detail .column-1 ul li{font-size:22px;line-height:24px;}

@media only screen and (min-width: 0) and (max-width: 999px) {
    .lyt-dtg.project  .column-2{min-height:auto!important}
.lyt-dtg.project  .column-2 .content{position:static!important;padding:0!important}
}


/* Loader */
/*
.loading .wave-container{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;z-index: 2;display: flex;align-items: center;justify-content: center;background: #fff;}
.wave-container{display: none;}
.wave-container .wave{width: 60%;margin: auto;overflow: hidden;}

 .wave{width:calc(100% - 420px);height:50px;overflow:hidden;}
.wave{width:calc(100% - 270px);height:50px;overflow:hidden;}
.wave canvas{width:840px;height:50px;} */

/* .loading .section-menu .menu .content-page .seconda-fascia .column-2 .swiper-gallery{display: none;} */
/* 
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .loader-div{position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;background: #fff;display: flex;align-items: center;justify-content: center;z-index: 2;}  
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .loader{display: flex;justify-content: center;align-items: center;--color: hsl(0, 0%, 31%);--animation: 2s ease-in-out infinite;}  
.section-menu .menu .content-page .seconda-fascia .column-2 .loader{display: none;}  
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .loader .circle {display: flex;align-items: center;justify-content: center;position: relative;width: 20px;height: 20px;border: solid 2px var(--color);border-radius: 50%;margin: 0 10px;background-color: transparent;animation: circle-keys var(--animation);}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .loader .circle .dot {position: absolute;transform: translate(-50%, -50%);width: 16px;height: 16px;border-radius: 50%;background-color: var(--color);animation: dot-keys var(--animation);}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .loader .circle .outline {position: absolute;transform: translate(-50%, -50%);width: 20px;height: 20px;border-radius: 50%;animation: outline-keys var(--animation);}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(2) {animation-delay: 0.3s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(3) {animation-delay: 0.6s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(4) {animation-delay: 0.9s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(5) {animation-delay: 1.2s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(2) .dot {animation-delay: 0.3s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(3) .dot {animation-delay: 0.6s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(4) .dot {animation-delay: 0.9s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(5) .dot {animation-delay: 1.2s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(1) .outline {animation-delay: 0.9s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(2) .outline {animation-delay: 1.2s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(3) .outline {animation-delay: 1.5s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(4) .outline {animation-delay: 1.8s;}
.loading .section-menu .menu .content-page .seconda-fascia .column-2 .circle:nth-child(5) .outline {animation-delay: 2.1s;}

@keyframes circle-keys {
    0% {transform: scale(1);opacity: 1;}
    50% {transform: scale(1.5);opacity: 0.5;}
    100% {transform: scale(1);opacity: 1;}
}
  
@keyframes dot-keys {
    0% {transform: scale(1);}
    50% {transform: scale(0);}
    100% {transform: scale(1);}
}
  
@keyframes outline-keys {
    0% {transform: scale(0);outline: solid 20px var(--color);outline-offset: 0;opacity: 1;}
    100% {transform: scale(1);outline: solid 0 transparent;outline-offset: 20px;opacity: 0;}
} */

/* 
=========
GLIGHTBOX
=========
*/
 /* .glightbox-clean .gslide-image img {
    max-height: 450px;
  } */
.glightbox-clean .gslide-description {background-color: transparent !important;}
.glightbox-clean .gslide-title  {font-size: 22px !important; font-family: var(--text-generic) !important; margin-bottom: 0px !important; color: #FFF !important; }
.glightbox-clean .gslide-desc  {font-size: 18px !important; font-family: var(--text-generic-2) !important; color: #FFF !important; }