.hero{
height: 460px;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
position: relative;
}
.hero .overlay{
position: absolute;
z-index: 0;
background-color: rgba(0,0,0,.3);
width: 100%;
height: 100%;
display: block;
}
.hero .container{
position: absolute;
z-index: 2;
bottom: 3rem;
}
.hero h1{
font-size: 4.2rem;
color: #fff;
font-weight: 600;
line-height: 1.2;
}
.hero h1 small{
display: block;
font-size: 2rem;
color: #fff;
font-weight: 400;
line-height: 1.2;
}
.hashtag .big-title{
font-size: 30px !important;
}
.txt-istituzionale li{
font-size: 20px;
margin-bottom: .5rem;
}
.txt-istituzionale ul{
margin-left: 3rem;
}
.page-template-approfondimento .txt-istituzionale h2:before, .page-template-aree .txt-istituzionale h2:before, .page-template-approfondimento .txt-istituzionale h2:after, .page-template-aree .txt-istituzionale h2:after{
display: none;
}
.img-people{
aspect-ratio: 1 / 1;
width: 540px;
height: 540px;
object-fit: cover;
object-position: top center;
}
.alternate:nth-child(odd) .col-lg-6:nth-child(1) {
order: 2;
}
.alternate:nth-child(odd) .col-lg-6:nth-child(2) {
order: 1;
} .swiper-wrapper{
padding-bottom: 20px;
}
.swiper-scrollbar-drag{
background: #e7007f;
}
.progetti{
margin-right: -80px;
}
.square{
text-align: left;
width: 500px;
height: 500px;
aspect-ratio: 1 / 1;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1rem;
font-size: 3.35rem;
text-transform: uppercase;
font-weight: 900;
line-height: 1.1;
color: #fff;
&.ispirazione{
background-color: #005e94;
span{
background-color: #e7007f;
}
}
&.racconto{
background-color: #1a8ca8;
span{
background-color: #e7007f;
}
}
&.allenamento{
background-color: #f38f00;
span{
background-color: #e7007f;
}
}
&.home{
background-color: #e7007f;
span{
background-color: #fff !important;
color: #e7007f !important;
}
.cliente{
display: none;
}
}
span{
padding-left: .3rem;
padding-right: .3rem;
}
.cliente{
font-size: .7rem;
font-weight: 600;
}
}
@media (max-width: 414px){
.hero h1{
font-size: 2.2rem;
small{
font-size: 1.3rem;
}
}
.hashtag .big-title{
font-size: 20px !important;
}
.square{
text-align: left;
width: 260px;
height: 260px;
font-size: 1.45rem;
margin-left: auto;
margin-right: auto;
.cliente{
font-size: .5rem;
}
}
.txt-istituzionale li{
font-size: 15px;
}
}