/*
Theme Name: Archilab
Template: hello-elementor
Description: Tema child per archilabmilano.com (ricostruzione fedele dell'originale).
Version: 1.3.0
Author: The Produser
Text Domain: archilab
*/
@font-face{font-family:korbinbook;src:url(fonts/korbin-book.woff2) format("woff2"),url(fonts/korbin-book.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}
*,*:before,*:after{box-sizing:border-box}
html{min-height:100%;position:relative;font-size:10px}
body{margin:110px 0 50px;padding:0;font-family:korbinbook,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background:#fff}
a{color:#000;text-decoration:none}
a:focus,a:hover{color:#5e5e5e;text-decoration:none}
p{margin:0 0 10px}
h2,h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
hr{margin:20px 0;border:0;border-top:1px solid #eee}
img{vertical-align:middle;border:0}
.img-responsive{display:block;max-width:100%;height:auto;width:100%}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* griglia (come Bootstrap 3) */
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.container:before,.container:after,.row:before,.row:after{content:" ";display:table}
.container:after,.row:after{clear:both}
.row{margin-right:-15px;margin-left:-15px}
[class*=col-]{position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left;width:100%}
.col-xs-6{width:50%}
@media(min-width:768px){.container{width:750px}.col-sm-3{width:25%}.col-sm-4{width:33.33333333%}.col-sm-6{width:50%}.col-sm-8{width:66.66666667%}}
@media(min-width:992px){.container{width:970px}.col-md-8{width:66.66666667%}}
@media(min-width:1200px){.container{width:1170px}.col-lg-3{width:25%}.col-lg-9{width:75%}}
/* navbar */
.navbar{position:fixed;top:0;right:0;left:0;z-index:1030;min-height:50px;text-align:center;border-bottom:0;background-color:rgba(255,255,255,.8)}
.navbar-brand{float:left;padding:15px 0;color:#000;font-weight:600;font-size:18px;line-height:20px;display:block;text-align:center;width:100%;height:auto}
.navbar-brand:hover{color:#000}
.navbar-brand>img{display:inline-block;vertical-align:top;width:20px;height:43px}
.navbar-brand p{display:inline-block;margin:27px 0 0 5px}
.navbar ul{padding:0;margin:10px auto}
.navbar ul li{list-style-type:none;display:inline-block}
.navbar ul li a{margin:-4px 0 -4px 15px;padding:4px 0;display:inline-block;min-width:24px}
/* carosello home */
.carousel{position:relative}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner>.item{display:none}
.carousel-inner>.item.active{display:block;animation:al-fade .6s}
.carousel .item img{width:100%;height:auto;display:block}
@keyframes al-fade{from{opacity:.4}to{opacity:1}}
/* griglia progetti */
.project a{position:relative;float:left;color:#000;margin-bottom:30px;width:100%}
.project a .caption-over{position:relative;border:1px solid #e7e7e7;width:100%;padding:15px;float:left;display:block}
.project a .caption-over h3,.project a .caption-over .h3{display:block;line-height:1.4em;font-size:16px;margin:0 0 10px;font-weight:500}
/* scheda progetto */
.project-navigation{display:none;padding:10px;float:right}
.project-navigation a,.project-navigation{font-size:15px;color:#767676}
.project-a h1.al-titolo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.project-a p{font-size:18px}
.project-a .bottom{margin-bottom:30px}
.project-a .al-en p{font-style:italic}
.project-a .al-crediti p{font-size:13px;line-height:25.714px}
.project-a .point{width:30px;height:30px;background:#e7e7e7;display:block}
.project-a .carousel{margin-top:50px}
.project-a .carousel-control{position:absolute;top:-38px;font-size:15px;color:#767676;opacity:1;cursor:pointer;background:none;border:0;padding:0;font-family:inherit}
.project-a .carousel-control.left{left:0}.project-a .carousel-control.right{right:0}
.project-a .carousel .item .img-responsive{margin-bottom:30px}
/* scheda: il testo resta fermo mentre le foto scorrono, fino al carosello in fondo */
@media(min-width:768px){
 .project-a .al-scheda{display:flex}
 .project-a .al-scheda:before,.project-a .al-scheda:after{display:none}
 .project-a .al-testo{position:sticky;top:110px}
}
@media(min-width:992px){.project-a .al-testo{top:120px}}
/* studio, contatti */
.studio h2{font-size:20px;font-weight:600}
.studio p,.studio ul li{font-size:18px}
.contact p{font-size:18px;color:#000;margin-bottom:30px}
.contact a{display:block;margin-bottom:30px;font-size:18px}
.map{filter:grayscale(100%)}
.map iframe{width:100%;height:350px;border:0;display:block}
/* footer */
footer.al-footer{padding-top:15px;height:50px;position:absolute;bottom:0;left:0;right:0;width:100%;text-align:center}
footer.al-footer a{color:#767676;font-size:15px}
@media(min-width:500px){
 .navbar{min-height:70px}
 .navbar-brand{text-align:left;width:auto;padding:15px;margin:10px 0 0;float:left}
 .navbar ul{margin:50px 0 0;float:right}
}
@media(min-width:500px) and (max-width:767px){.project .col-xs-12{width:50%}}
@media(min-width:768px){
 .navbar>.container .navbar-brand{margin-left:-15px}
 .project a .caption-over{position:absolute;left:0;top:0;height:100%;background:rgba(255,255,255,.7);padding:20px;z-index:100;opacity:0;transition:all .5s}
 .project a:hover .caption-over,.project a:focus .caption-over{opacity:1}
}
@media(min-width:992px){
 body{margin-top:120px;margin-bottom:110px}
 .navbar{min-height:110px}
 .navbar-brand{margin:10px 0 0;padding:15px}
 .navbar ul li a{font-size:18px;font-weight:600}
 footer.al-footer{text-align:left;padding:40px 0 30px;height:110px}
 footer.al-footer a{font-weight:600;font-size:18px}
 .project a .caption-over h3,.project a .caption-over .h3{font-size:20px}
 .project-navigation{display:table}
}
/* privacy e cookie */
footer.al-footer .al-legali{display:block;margin-top:4px}
footer.al-footer .al-legali a,footer.al-footer .al-preferenze{font-size:12px;font-weight:normal;margin-right:12px;color:#767676}
.al-preferenze{background:none;border:0;padding:0;font-family:inherit;cursor:pointer}
.al-preferenze:hover{color:#5e5e5e}
@media(min-width:992px){footer.al-footer .al-legali{display:inline;margin:0 0 0 30px}}
.al-banner{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:rgba(255,255,255,.97);border-top:1px solid #e7e7e7;box-shadow:0 -4px 16px rgba(0,0,0,.06);padding:18px 0;font-size:14px}
.al-banner .container{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px 30px}
.al-banner .container:before,.al-banner .container:after{display:none}
.al-banner p{margin:0;flex:1 1 420px;color:#333}
.al-legale a{text-decoration:underline}
.al-banner p a{text-decoration:underline}
.al-banner-tasti{display:flex;gap:10px}
.al-banner-tasti button{font-family:inherit;font-size:14px;min-width:110px;padding:9px 18px;border:1px solid #000;background:#fff;color:#000;cursor:pointer}
.al-banner-tasti button[data-al-consenso=si]{background:#000;color:#fff}
.al-banner-tasti button:hover{background:#5e5e5e;border-color:#5e5e5e;color:#fff}
.al-banner .container{padding-right:48px}
.al-banner-chiudi{position:absolute;top:50%;transform:translateY(-50%);right:8px;background:none;border:0;font-size:22px;line-height:1;cursor:pointer;color:#767676;padding:4px 8px}
.al-mappa{height:350px;background:#f3f3f3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:12px}
.al-mappa p{font-size:14px!important;color:#333;margin:0!important;max-width:420px}
.al-mappa button{font-family:inherit;font-size:14px;padding:9px 18px;border:1px solid #000;background:#000;color:#fff;cursor:pointer}
.contact .al-mappa a{display:inline;margin:0;font-size:14px;text-decoration:underline}
.al-da-completare{background:#fff3b0;outline:1px dashed #b38f00;padding:0 3px}
.al-legale h1{font-size:26px;font-weight:600;margin:0 0 20px}
.al-legale h2{font-size:18px;font-weight:600;margin:28px 0 10px}
.al-legale p,.al-legale li{font-size:15px;line-height:1.6}
.al-legale table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}
.al-legale td,.al-legale th{border-bottom:1px solid #e7e7e7;padding:8px;text-align:left;vertical-align:top}