Slider home page fix menu mobile
This commit is contained in:
@ -1418,9 +1418,12 @@ a.cardblu:hover{
|
||||
background: #0a66cc;
|
||||
}
|
||||
|
||||
|
||||
/* SLIDER FULL HOME PAGE*/
|
||||
|
||||
.image-container{
|
||||
background-size: cover;
|
||||
height: 30em;
|
||||
height: 40em;
|
||||
position: relative;
|
||||
background-position:center center ;
|
||||
}
|
||||
@ -1433,11 +1436,18 @@ a.cardblu:hover{
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.wrap-slide.larghezza50{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
top:0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.caption-slide{
|
||||
color: white;
|
||||
background: rgba(0,102,204,0.6);
|
||||
background: rgb(0 0 0 / 60%);
|
||||
padding: 30px;
|
||||
max-width: 30%;
|
||||
max-width: 40%;
|
||||
}
|
||||
|
||||
.caption-slide a{
|
||||
@ -1445,10 +1455,27 @@ a.cardblu:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.caption-slide a.btn.btn-slide{
|
||||
background: #fff;
|
||||
color: #000;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.title-slider{
|
||||
font-size: 1.4rem;
|
||||
font-weight: bold;
|
||||
font-size: 2.5rem;
|
||||
line-height: 2.8rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.title-slider::before{
|
||||
background-color: #C3334B;
|
||||
height: 100%;
|
||||
width: 5px;
|
||||
left: -1rem;
|
||||
position: absolute;
|
||||
top: -1rem;
|
||||
}
|
||||
|
||||
.text-slider{
|
||||
@ -1456,6 +1483,63 @@ a.cardblu:hover{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.img-caption{
|
||||
width: 100px;
|
||||
height: auto;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.swiper-content.larghezza50{
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.swiper-content.larghezza50 .caption-slide{
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.swiper-content.larghezza100 .wrap-slide{
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.swiper-content.larghezza100 .wrap-slide .caption-slide{
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.swiper-content.larghezza100{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.swiper-content.larghezza100::after{
|
||||
position: absolute;
|
||||
background-color: #000000c2;
|
||||
content: '';
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.sliderfull .swiper-pagination{
|
||||
position: relative;
|
||||
margin-top: 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-pagination-bullet-active{
|
||||
background-color: #838383;
|
||||
}
|
||||
|
||||
@media(max-width:991px){
|
||||
#slideheader .owl-dots {
|
||||
bottom: 40px;
|
||||
@ -1858,4 +1942,19 @@ text-decoration: none;
|
||||
|
||||
.featured a.leggimore svg{
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#jem .jem-sort-small a, ul.eventlist li a, ul.eventlist li
|
||||
{-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;}
|
||||
|
||||
#jem .jem-sort-small {background-color: #ededed;}
|
||||
|
||||
#jem .jem-sort-small a:hover, ul.eventlist li a:hover {text-decoration: none}
|
||||
.jem-list-row .fa {color:#C3334B}
|
||||
.jem-event-info-small .fa {color:#6f6f6f}
|
||||
.jem-event-title h4 {font-size: 1.1rem;}
|
||||
.jem-event-date {color:#7a7a7a}
|
||||
Reference in New Issue
Block a user