/*
Theme Name: Uace
Metaslider Plugin + [ul_slides]
Author: Nisar Abed (Staff. Virtualgeo)
*/

/* -----------------------------------------------------------------------------
Metaslider */

/* ----------------------------------------
Main Slider */

#main-slider {
    line-height: 0;
    /* Dimensione in Loading */
    min-height: 200px;
    /* Sfondo Slider | Loading */
    background: #eeeeee;
    background-color: #eeeeee;
    background-image: url(../../images/loading.gif);
    background-size:50px 50px; /* 100% auto */
    background-position: center;
    background-repeat: no-repeat;}

#main-slider .flexslider {margin-bottom: 0;}

#main-slider ul,
#main-slider ul.slides {margin: 0px 0px 0px 0px;}

#main-slider ul li {background-size: cover;}

#main-slider h1 {
    font-weight: 100;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);}

#main-slider .text-em-wrapper {
    padding: 10px 50px;
    background: rgba(0, 0, 0, 0.25);
    border: 3px solid white;
    font-weight: bold;}

#main-slider .metaslider {margin: 0px auto 0px auto;}

#main-slider .metaslider .flex-control-nav {bottom:15px;}

#main-slider .metaslider .nivo-controlNav {
    position: absolute;
    width: 100%;
    height: auto;
    bottom:0px;
    top:auto;
    left:0px;
    right:0px;
    z-index: 10;}

/* ----------------------------------------
Generale */

body.responsive.layout-full #page-wrapper #main-slider .full-container {
    max-width: 100%;}

/* ----------------------------------------
Demo Slider */

.demo_slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color:#333;
    mix-blend-mode:difference;
    font-family: "OpenSans-Bold", sans-serif, Arial;
    font-size:100px;
    z-index: 2;}

.demo_slide.black {color:#fff;}

.demo_slide_img {
    z-index: 1;
    position: relative;}

/* Shortcode Slider [ul_slides] > MetaSlider */
.ul_slides,
.ul_slides.ml-slider {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    transition: 0.2s ease all;
    overflow: hidden;}

.ul_slides,
.ul_slides .slider-wrapper ul,
.ul_slides .slider-wrapper ul li {
    width: 100%;
    height: auto;
    min-height: 100px;
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #fff;}

.ul_slides .slider-wrapper ul li {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 15px 15px 15px 15px;}

/* Frecce */
.ul_slides ul.flex-direction-nav,
.ul_slides ul.flex-direction-nav li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    line-height: normal;
    max-width: none;
    max-height: none;}

.ul_slides .flex-direction-nav li a {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    border: 0px solid transparent;
    margin: -20px 0px 0px 0px;
    box-shadow: none !important;
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../../icons/slider/flexslider/bg_direction_nav.png');
    position: absolute;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    z-index: 10;
    transition: 0.2s ease all;}

.ul_slides .flex-direction-nav .flex-prev {
    background-position: left 0px;
    left: -50px;
    outline: none;
    transition: 0.2s ease all;}

.ul_slides .flex-direction-nav .flex-next {
    background-position: right 0px;
    right: -50px;
    outline: none;
    transition: 0.2s ease all;}

.ul_slides:hover .flex-direction-nav li a {
    opacity: 0.4;
    transition: 0.2s ease all;}

.ul_slides .flex-direction-nav li a:hover {
    opacity: 0.95;
    transition: 0.2s ease all;}

.ul_slides:hover .flex-direction-nav .flex-prev {
    background-position: left 0px;
    left: 15px;
    transition: 0.2s ease all;}

.ul_slides:hover .flex-direction-nav .flex-next {
    background-position: right 0px;
    right: 15px;
    transition: 0.2s ease all;}

/* Selettore Punti */
.ul_slides .flex-control-nav.flex-control-paging {
    position: absolute;
    width: 100%;
    height: 0px;
    top:auto;
    left:0px;
    right:0px;
    bottom:50px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    z-index: 10;}

.ul_slides .flexslider .flex-control-paging li,
.ul_slides .flexslider .flex-control-paging li a,
.ul_slides .flexslider .flex-control-paging li a:hover,
.ul_slides .flexslider .flex-control-paging li a:focus,
.ul_slides .flexslider .flex-control-paging li a.flex-active {
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: inline-block;
    border:0px solid transparent;
    text-align: center;
    line-height: 50px;
    color:transparent;
    font-size: 0px;
    border-radius: 0px;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

.ul_slides .flexslider .flex-control-paging li {padding: 0px 5px 0px 5px;}

.ul_slides .flexslider .flex-control-nav li a::after {
    position: absolute;
    top:14px;
    left:0px;
    right:0px;
    bottom:auto;
    height: 5px;
    width: 50px;
    border-radius:2px;
    box-sizing: border-box;
    border:1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.6);
    content:"";}

.ul_slides .flexslider .flex-control-nav li a.flex-active::after {
    background-color: rgba(0, 0, 0, 0.9);}

/* Hub Colori Invertiti > .hub_invert */
.ul_slides.hub_invert .flex-direction-nav li a,
.ul_slides.hub_invert .flexslider .flex-control-nav li a {filter: invert(100%);}

/*------------------------------------------
Layout Tiles > 
Slider in Tiles - [ul_slider] 
*/

body.tiles_pb.fullscreen_pb .tile_pb .ul_slides,
body.tiles_pb.fullscreen_pb .tile_pb .ul_slides.ml-slider,
body.tiles_pb.fullscreen_pb .tile_pb .ul_slides .flexslider,
body.tiles_pb.fullscreen_pb .tile_pb .ul_slides .flexslider .slider-wrapper,
body.tiles_pb.fullscreen_pb .tile_pb .ul_slides ul.slides,
body.tiles_pb.fullscreen_pb .tile_pb .ul_slides ul.slides li,
body.tiles_pb.fullscreen_pb .tile_pb .ul_slides.ml-slider ul.slides li {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;}

body.tiles_pb.fullscreen_pb .tile_pb.tile_img .ul_slides,
body.tiles_pb.fullscreen_pb .tile_pb.tile_img .ul_slides.ml-slider,
body.tiles_pb.fullscreen_pb .tile_pb.tile_img .ul_slides ul.slides li,
body.tiles_pb.fullscreen_pb .tile_pb.tile_img .ul_slides.ml-slider ul.slides li {
    background-color: #333333;}

/*------------------------------------------------------------------------
Responsive Media Query */

@media (max-width: 810px) {
    /* Dimensione in Loading */
    #main-slider {min-height: 100px;}
}
@media (max-width: 480px) {
    /* Dimensione in Loading */
    #main-slider {
        min-height: 70px;
        background-size:40px 40px;}
}