/*---*/
/*-- BANNER --*/
.text-link {
    display: block;
    width: 130px;
    font-family: 'IBMPLEXSANS';
    font-size: 15px;
    background-color: #FE9853;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 2px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
.views-field.views-field-field-link-diretto-al-contenuto {
    padding-top: 15px;
}
.area-slider .slick__slide {
    position: relative;
    height: 700px;
    z-index: 99;
    transition: all 0.2s ease;
}

.area-slider .slick__slide:before {
    content: "";
    background: rgb(9 68 124 / 0.3);
    position: absolute;
    width: 100%;
    height: 700px;
    z-index: 101;
}


.area-slider section#block-views-slider-block header h2 {
    display: none;
}

.area-slider section#block-views-slider-block .views-field.views-field-field-immagine img.img-responsive {
    object-fit: cover;
    height: 700px;
	width:100%;
}

.area-slider section#block-views-slider-block .views-field.views-field-field-immagine {
    z-index: 100;
    position: absolute;
    top: 0px;
    object-fit: cover;
    width: 100%;
}

@media(max-width:576px) {
    .area-slider section#block-views-slider-block .text-container {
        position: absolute;
        z-index: 102;
        font-size: 40px;
        top: 50%;
        /* width: auto; */
        transform: translate(-50%, -50%);
        left: 50%;
        color: white;
        font-weight: bold;
    }
    .area-slider section#block-views-slider-block .views-field.views-field-field-testo-prima-riga {
        font-size: 40px;
    }
}

@media(min-width:577px) {
    .area-slider section#block-views-slider-block .text-container {
        position: absolute;
        z-index: 102;
        font-size: 60px;
        top: 50%;
        /* width: auto; */
        transform: translate(-50%, -50%);
        left: 50%;
        color: white;
        font-weight: bold;
    }

    .area-slider section#block-views-slider-block .views-field.views-field-field-testo-prima-riga {
        font-size: 60px;
    }
}

.area-slider section#block-views-slider-block {
    z-index: 99;
    position: relative;
}

.area-slider section#block-views-slider-block .views-field.views-field-field-testo-prima-riga {
    font-family: 'IBMPlexSans-bold';
    /* text-transform: uppercase; */
    color: #fff;
}

.area-slider section#block-views-slider-block .views-field.views-field-field-testo-seconda-riga {
    font-family: 'IBMPlexSans';
    font-size: 15px;
}

.area-slider .views-field.views-field-field-link-diretto-al-contenuto.azzurro {
    display: inline-block;
    /* background: #199BD8; */
}

.area-slider .views-field.views-field-field-link-diretto-al-contenuto.azzurro .text-link {
    color: white!important;
    background: #199BD7!important;
    color: white!important;
    font-size: 19px;
    font-weight: 600;
    border-radius: 50px;
    box-shadow: 0 3px 5px 0px rgb(0 0 0 / 0.3);
    padding: 7px 15px 7px 15px;
}

.area-slider .views-field.views-field-field-link-diretto-al-contenuto.blu {
    display: inline-block;
    /* background: #199BD8; */
}

.area-slider .views-field.views-field-field-link-diretto-al-contenuto.blu .text-link {
    color: white!important;
    background: #09447C!important;
    color: white!important;
    font-size: 19px;
    font-weight: 600;
    border-radius: 50px;
    box-shadow: 0 3px 5px 0px rgb(0 0 0 / 0.3);
    padding: 7px 15px 7px 15px;
}

.area-slider .slick-prev:before {
    content: url(/sites/all/themes/udcil/img/svg/arrow-left.svg);
}

.area-slider .slick-next:before {
    content: url(/sites/all/themes/udcil/img/svg/arrow-right.svg);
}

.area-slider .views-field.views-field-field-link-diretto-al-contenuto a:hover {
    text-decoration: none;
}

.area-slider .slick-prev {
    left: 10px;
}

.area-slider .slick-next {
    right: 10px;
}

.ocean {
    /* height: 5%; */
    /* width:100%; */
    position:absolute;
    /* bottom:0; */
    /* left:0; */
    /* background: #015871; */
}

.wave {
    background: url(/sites/all/themes/brianzacque/img/svg/wave.svg) repeat-x;
    position: absolute;
    top: -198px;
    width: 8216px;
    height: 345px;
    transform: translate3d(0, 0, 0);
}

/* wave animation */
@media (max-width: 576px) {
    .area-slider .slick__slide {
        position: relative;
        /* height: 400px; */
        z-index: 99;
        transition: all 0.2s ease;
    }
    .area-slider .slick__slide:before {
        /* height: 400px; */
    }    
    .area-slider .slick__slide:before {
        background: rgb(0 0 0 / 0.6);
    }
    
}

@media (min-width: 768px) {
    .area-slider .slide__content .text-container {
        width: 632px;
    }
}

@media (min-width: 992px){
    .area-slider .slide__content .text-container {
        width: 852px;
    }
}

@media (min-width: 1200px) {
    .area-slider .slide__content .text-container {
        width: 1050px;
    }
}

/* @media (max-width: 576px) { ... }

@media (max-width: 768px) { ... }

@media (max-width: 992px) { ... }

@media (max-width: 1200px) { ... } */

/*-- FINE BANNER --*/