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