/* new slideshow */

#flexslider-2 {
    background-color: #000000 !important;
    color: #ffffff;
}

#flexslider-2 .slides {
    padding-bottom: 40px;
}

#flexslider-2 a {
    color: #ffffff;
}

#flexslider-2 a:hover {
    text-decoration: none;
}

#flexslider-2 p {
    margin-bottom: 0;
}

#block-views-new-slideshow-hp-block .flexslider {
    margin: 0;
    background: #fff;
    border: 0 solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.views-field-field-sottotitolo-slideshow-new {
    font-size: 1.1rem;
}

.views-field-field-sottotitolo-slideshow-new h2 {
    font-size: 1.38rem;
    font-weight: bold;
    padding: 0.5em 0 0 0;
    line-height: 1.2;
    margin-bottom: 0;
    background-color: transparent;
}

.views-field-field-sottotitolo-slideshow-new {
    padding-left: 10px;
}

#flexslider-2 .flex-control-nav {
    left: 35px;
    width: calc(100% - 35px);
}

#flexslider-2 .flex-control-nav li {
    margin-right: 10px;
}

.flex-pauseplay a {
    height: 2.125rem;
    left: 15px;
}

.flex-pauseplay a {
    width: 1.25rem;
}

#block-views-new-slideshow-hp-block .flexslider .flex-direction-nav a,
#block-views-new-slideshow-hp-block .flexslider .flex-direction-nav a {
    display: block;
}

#block-views-new-slideshow-hp-block .flex-direction-nav a {
    width: 2.5rem;
    height: 2.8rem;
    margin: -20px 0 0;
    position: absolute;
    /*top: 20%;
    top: 13vw;*/
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.5);
}

#block-views-new-slideshow-hp-block .flex-direction-nav a:before {
    padding-left: 9px;
    padding-right: 10px;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flex-direction-nav .flex-next {
    right: 0;
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-family: 'Zilla Slab', serif;
    font-size: 3rem;
    line-height: 0.8;
    display: inline-block;
    content: '\f001';
    content: "<";
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
}

.flex-direction-nav a.flex-next:before {
    content: ">";
}

.flexslider:hover .flex-direction-nav .flex-prev {
    left: 0 !important;
}

.flexslider:hover .flex-direction-nav .flex-next {
    right: 0 !important;
}


/* da spostare nel dinamic.css vale solo per economia ricordarsi di cambiare colore */

@media screen and (min-width: 720px) {
    #flexslider-2 {
        max-height: 240px;
    }
    .views-field-field-sottotitolo-slideshow-new {
        position: absolute;
        padding-bottom: 45px;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        width: calc(100% - 10px);
        line-height: 1.1;
    }
    .views-field-field-sottotitolo-slideshow-new h2 {
        line-height: 1.1;
        padding: 0.3em 0 0 0;
    }
    #block-views-new-slideshow-hp-block .flex-direction-nav a {
        position: absolute;
        top: 60px;
    }
    #flexslider-2 .flex-control-nav {
        position: absolute;
        bottom: 0;
        z-index: 99;
        padding-top: 10px;
        left: 0px;
        width: calc(100% - 40px);
        padding-left: 40px;
        background-color: transparent;
        /*  right: 0; */
    }
    .flex-pauseplay {
        width: 50px;
        height: 35px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 99;
    }
}

@media screen and (max-width: 720px) {
    .views-field-field-sottotitolo-slideshow-new h2 {
        font-size: 1.07rem;
    }
    .views-field-field-sottotitolo-slideshow-new p {
        font-size: .9rem !important;
    }
    #block-views-new-slideshow-hp-block .flex-direction-nav a {
        bottom: 0;
    }
}

@media screen and (min-width: 980px) {
    #flexslider-2 {
        max-height: 320px;
    }
    #block-views-new-slideshow-hp-block .flex-direction-nav a {
        top: 135px;
    }
    .views-field-field-sottotitolo-slideshow-new h2 {
        line-height: 1.3;
        padding: 0.5em 0 0 0;
    }
    .views-field-field-sottotitolo-slideshow-new {
        line-height: 1.5;
    }
    #block-views-new-slideshow-hp-block .flex-direction-nav a {
        top: 20%;
    }
}

@media screen and (min-width: 1220px) {
    #flexslider-2 {
        max-height: 400px;
    }
    #block-views-new-slideshow-hp-block .flex-direction-nav a {
        top: 173px;
    }
}


/* regole per posizione frecce su slideshow */

@media screen and (min-width: 319px) {
    .flex-direction-nav a {
        top: 80px;
    }
}

@media screen and (min-width: 360px) {
    .flex-direction-nav a {
        top: 95px;
    }
}

@media screen and (min-width: 375px) {
    .flex-direction-nav a {
        top: 100px;
    }
}

@media screen and (min-width: 390px) {
    .flex-direction-nav a {
        top: 105px;
    }
}

@media screen and (min-width: 412px) {
    .flex-direction-nav a {
        top: 112px;
    }
}