fix stili home page
This commit is contained in:
		| @ -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; | ||||
| } | ||||
|  | ||||
| @ -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 { | ||||
|  | ||||
		Reference in New Issue
	
	Block a user