fix stili home page

This commit is contained in:
2025-01-06 00:44:44 +01:00
parent 9145bcec43
commit 831a742105
12 changed files with 848 additions and 105 deletions

View File

@ -1463,6 +1463,10 @@ a.cardblu:hover{
/* SLIDER FULL HOME PAGE*/
.sliderfull .swiper-pagination{
bottom: 0;
}
.image-container{
background-size: cover;
height: 40em;
@ -1567,24 +1571,59 @@ a.cardblu:hover{
left: 0;
}
.sliderfull .swiper-pagination{
position: relative;
margin-top: 15px;
}
.sliderfull .swiper-pagination{
position: relative;
margin-top: 20px;
}
.sliderfull .swiper-pagination .swiper-pagination-bullet{
height: 15px;
width: 15px;
}
.sliderfull .swiper-pagination .swiper-pagination-bullet{
height: 15px;
width: 15px;
}
.sliderfull .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.sliderfull .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
}
.sliderfull .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.sliderfull .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
}
.sliderfull .swiper-pagination-bullet-active{
background-color: #838383;
}
.featured .swiper-controls, .carosello .swiper-controls, .carosello-container .swiper-controls {
position: absolute !important;
height: 50px;
width: 100%;
top: 0;
}
.featured .swiper-button-next {
width: unset !important;
}
.featured .swiper-button-next::after {
content: '' !important;
background: url(../images/right.svg) no-repeat;
display: block;
width: 44px;
height: 24px;
transform: scale(2);
}
.featured .swiper-button-prev{
right: 70px !important;
left: unset !important;
}
.featured .swiper-button-prev::after {
content: '' !important;
background: url(../images/right.svg) no-repeat;
display: block;
width: 44px;
height: 24px;
transform: rotate(180deg) scale(2);
}
.sliderfull .swiper-pagination-bullet-active{
background-color: #838383;
}
@media(max-width:1199px){
.caption-slide {
@ -2002,33 +2041,37 @@ text-decoration: none;
font-size: .9rem;
height: 280px;
}
.titolo-featured {
display: flex;
align-items: center;
color: #000;
font-family: "Titillium Web";
font-size: 3rem;
.titolo-featured, .titolo-linea {
display: block;
font-size: 2.5rem;
font-style: normal;
font-weight: 600;
line-height: normal;
position: relative;
}
.titolo-featured::before {
.titolo-featured::before, .titolo-linea::before {
content: "";
display: block;
width:30%;
height:4px;
background-color:#CC334B;
margin-right: 30px;
flex-shrink: 0; /* Impedisce alla linea di ridimensionarsi */
width: 30%;
height: 4px;
margin-top: 4px;
background-color: #CC334B;
margin-right: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 0;
}
@media (max-width: 768px) {
.titolo-featured {
.titolo-featured, .titolo-linea {
font-size: 1rem; /* Dimensione più piccola su dispositivi stretti */
}
.titolo-featured::before {
.titolo-featured::before, .titolo-linea::before {
width: 30px; /* Accorcia la linea su dispositivi stretti */
}
}
@ -2098,6 +2141,7 @@ text-decoration: none;
line-height: 0.95;
}
.cardcontatore__top,
.cardcontatore__bottom,
.cardcontatore__back::before,
@ -2231,18 +2275,30 @@ text-decoration: none;
}
}
.contatore .sottotitolo{
.contatore .sottotitolo{
font-size: 1.2rem;
font-weight: 500;
}
}
.container-jit.bg-grigio{
@media(max-width:991px){
.wrap-contatore{
margin: 0 auto;
text-align: center;
background: #f1f1f1;
padding: 0 .5rem;
}
.cardcontatore {
font-size: 2.5rem;
}
}
.bg-grigio{
background: #F5F5F5;
padding-top: 2rem;
padding-bottom: 2rem;
}
.container-jit.bg-rosso{
.bg-rosso{
background: #CC334B;
color: #fff;
}

View File

@ -17,7 +17,7 @@ h1, .h2, .h3, .h4, h1, h2, h3, h4{
font-weight: 600;
}
h1 a, h2 a, h3 a, h4 a{
h1 a, h2 a, h3 a, h4 a, .rosso{
color:#CC334B;
}
@ -25,7 +25,7 @@ main{
background: url(../images/bg-bande-rosse.svg) no-repeat top center;
}
@media (min-width: 576px){
html, body {
font-size: 1rem;
@ -33,23 +33,23 @@ main{
}
h1, .h1 {
font-size: 2rem;
font-size: 2.5rem;
letter-spacing: -1.2px;
line-height: 1.25;
}
h2, .h2{
font-size: 1.5rem;
font-size: 2rem;
}
h3, .h3{
font-size: 1.35rem;
font-size: 1.5rem;
line-height: 1.35;
font-weight: 600;
}
h4, .h4{
font-size: 1.2rem;
font-size: 1.35rem;
line-height: 1.3;
font-weight: 600;
}
@ -65,7 +65,18 @@ main{
line-height: 1.05;
font-weight: 600;
}
}
.bg-white{
background-color: #fff;
}
@media(max-width:576px){
h2, .h2{
font-size: 1.6rem;
line-height: 1.6rem;
}
}
a{
text-decoration: none;
@ -142,6 +153,11 @@ a:hover{
}
@media(min-width:992px){
.it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav, .it-header-center-wrapper .it-header-center-content-wrapper{
padding-left: 0;
padding-right: 0;
}
.it-header-navbar-wrapper {
background:#fff!important;
border-top: 1px solid #e7eaed;
@ -1523,6 +1539,12 @@ a.view-all{
margin-right: auto;
margin-left: auto;
}
@media (max-width:991px) {
.container-jit{
--bs-gutter-x: 15px;
}
}
@supports (display: grid) {
.blog-items {