/* 
    COLORI:
    primary(bluetto): #1aa3e4
    secondary(verdino): #a3d75f
*/

/* Custom.css */
/* @font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Montserrat-Regular.woff2") format("woff2"),
         url("../fonts/Montserrat-Regular.woff") format("woff");
} */
/* cyrillic-ext */
/* @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  } */
  /* cyrillic */
  /* @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  } */
  /* vietnamese */
  /* @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  } */
  /* latin-ext */
  /* @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  } */
  /* latin */
  /* @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  } */


body{
    color: #a3d75f;
}

.pc_ads{
    display:block;
}

.mobile_ads{
    display:none;
}

#banner-right{
    text-align:right;
}

.logo img{
    height: inherit;
}

@media (max-width: 576px) {
    .contact-camp{
        gap:0px!important;
        flex-direction: column;
    }
    .contact-name, .contact-email, .contact-subject{
        max-width:100%;
    }
    
    .banner-mobile{
        width:90%;
    }

    .banner-mobile2{
        left:20px !important;
        right:20px !important;
    }

    .m-0-mobile{
        margin:0px!important;
    }

    
    .mb-mobile{
        margin-bottom:20px!important;
    }

    .mb-mobile-2{
        margin-bottom:35px!important;
    }

    .content-box{
        padding: 30px;
    }
    

    .btn-mt-mobile{
        margin-top:20px;
    }

        
    /* .logo__img{
        margin-top: 5px !important;
    } */

    /* .mobile-none{
        display: none;
    } */
}

@media (max-width: 767px) {
        
    .newsticker{
        padding-right:20px;
    }
    .newsticker-buttons {
        display: none;
    }
    .footer__copyright{
        padding-bottom: 10px !important;
    }

    .pc_ads{
        display:none !important;
    }

    .mobile_ads{
        display:block;
    }

}

@media (max-width: 991px) {

    .scrolling .logo__img{
        margin:0 auto;
    }
    .nav .owl-carousel .owl-item {
        min-height:85px;
    }
    .scrolling .owl-carousel .owl-item {
        min-height:48px;
    }
    .logo{
        line-height: 1;
        height: 100%;
        width: 100%;
    }

    .scrolling .logo{
        line-height: 48px;
    }

    .ml-0-mobile{
        margin-left:0;
    }

    .featured-posts-grid__item--sm {
        height: auto;
    }

}
@media (min-width: 993px) {
    .sidenav{
        display:none;
    }
    .nav-icon-toggle__box{
        display:none;
    }
}

.contact-camp{
    display:flex;
    justify-content:space-between;
    gap:10px;
}

.post-list-small__img-holder {
    border-radius:5px;
}

.footer__widgets {
    padding-bottom: 30px!important;
}

.footer__copyright {
    padding:30px 0px;
    border-top:1px solid #a3d75f;
}

.footer h4{
    color: #a3d75f !important;
}

.footer--dark .newsletter__icon{
    color:#a3d75f;
}

.copyright{
    font-size:13px!important;
}

.footer__copyright p{
    font-size:13px!important;
}

.radius{
    border-radius: 5px;
}

.footer .social{
    margin:0px;
}

abbr[title] {
    text-decoration: none;
}

.pull-right{
    float: right;
}

.pull-left{
    float:left;
}

.entry__meta-category--second{
    background: #a3d75f;
}

.title-wrap--line {
    border-top: 3px solid #a3d75f;
}

.trending-now__label {
    background-color: #a3d75f;
} 

.entry__article li{
    color:#54555e;
}

/*
h3.section-title{
    color:#1aa3e4;
}

h4.widget-title{
    color:#a3d75f;
}
*/

/* .nav{
    min-height: 85px;
} */

.nav--sticky{
    height: auto;
}

.nav__menu > li > a {
    line-height:85px;
}
/* 
.nav--sticky.sticky{
    height: 85px;
} */

.nav--sticky.sticky.scrolling {
    height: 48px;
}




.nav--sticky.offset{
    transition: none;
}

.nav--sticky.offset.scrolling{
    transition: all .3s ease-in-out;
}

.scrolling img{
    height:40px;
    width:auto!important;
}


.entry__meta-category--align-in-corner-right{
    position: absolute;
    bottom:16px;
    right: 16px;
}

.entry__meta-category--align-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
}

.entry__meta-category--yellow{
  background-color: #feb41c;
}


.entry__meta-category--azure{
    background-color: #00ada7;
}


.entry__meta-category--brown{
    background-color: #a13d63;
}


.entry__meta-category--light-green{
    background-color: #96ca2d;
}

.father-ellipsis{
    display: flex;
  flex-direction: column;
  max-width: 100%;
}

.son-ellipsis{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.father-ellipsis h1{
    font-size:26px;
}

.active.pagination__page{
    background-color: #2d95e3;
  color: #fff;
  border-color: rgba(0,0,0,0);
}

.m-page{
    margin:0px 3px;
}


.tab-post__tabs .tabs__item{
  margin-right: 2px;
  margin-left:2px;
  margin-bottom:4px;
  padding: 0px 8px;
  background: #fff;
  border-radius: 5px;
}

/* PROVA TAB */
/* .tabs__item--active .tab-{color:#19c22a !important;} */



.tabs__item{
    font-size:12px;
    font-family:'Montserrat', sans-serif;
}
.tab-post__tabs .tabs__item a{
    color:#171821;
}

.newsticker__item-url{
    font-size:13px;
    font-weight: bold;
    font-family:'Montserrat', sans-serif;
    color: #171821;
}

.contact-name, .contact-surname, .contact-email, .contact-recipient{
    max-width:none;
    flex: 1 1 50%;
}
.contact-subject{
    max-width:none;
    flex: 1 1 100%;
}

#contact-form select{
    appearance: button;
}

.meteo-bg{
    background:#1aa3e4;
    border-radius: 5px;
    color:#fff;
}


.meteo-bg-gif{
    background:#fff;
    /* border-top:3px solid #a3d75f; */
    /* border-radius: 5px; */
    color:#1aa3e4;
    /* box-shadow: 0 2px 20px 5px rgba(0,0,0,.1); */
}


.day_number{
    font-size:54px;
    /* font-weight: bold; */
    line-height:.85em;
}
.degree{
    font-size:20px;
    font-weight: bold;
    vertical-align: top;
}

.text-info-meteo{
    display:inline-block;
    margin-top:15px;
}

.text-info-meteo p{
    font-size:14px;
    line-height:18px;
    margin:0;
}

.meteo-home-gif{
    background:#fff;
    height:36px;
    width:100%;
    border-radius:5px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
}


.meteo-left-gif{
    position: absolute;
    top:8px;
    left:10px;
    font-size:14px;
    color:#171821;
    font-weight: bold;
    font-family:'Montserrat', sans-serif;
}

.meteo-right-gif{
    position: absolute;
    right:50px;
    top:5px;
    font-size:18px;
    /* font-weight: bold; */
    color:#1aa3e4;
    font-family:'Montserrat', sans-serif;
}

.meteo-left{
    position: absolute;
    top:5px;
    left:10px;
    font-size:large;
    color:#fff;
    font-weight: bold;
}

.meteo-right{
    position: absolute;
    top:0px;
    right:40px;
    font-size:x-large;
    font-weight: bold;
    color:#fff;
}

.meteo-home{
    background:#1aa3e4;
    height:36px;
    width:100%;
    border-radius:5px;
}
.meteo-bg-home{
    background:transparent;
    height:36px;
    width:100%;
    border-radius:5px;
}


.popup-contact{
    visibility:visible!important;
    /* opacity:1 !important; */
    animation-delay: .5s;
    animation-duration: .7s;
    transition: opacity .5s fade-in .3s;
    animation-fill-mode: both;
    animation-name: fadeInDown;

}


.popup-overlay{
    opacity:1 !important;
    visibility:visible !important;
    /* animation-delay: 1s; */
    /* animation-duration: 1s;
    transition: opacity .5s ease .3s;
    animation-fill-mode: both;
    animation-name: ghiri; */

}

.banner-middle{
    position:fixed;
    z-index:333;
    opacity: 0;
    visibility:hidden;
    top:50%;
    left:50%;
}

@keyframes fadeInDown{
    0%{
        transform: translate(-50%, -100%);
    }
    100%{        
       transform: translate(-50%, -50%);
       opacity:1;
    }
}


.popup-cookie{
    visibility:visible!important;
    opacity:1 !important;
    animation-duration: .5s;
    transition: opacity .5s fade-in .3s;
    animation-fill-mode: both;
    animation-name: fadeInUp;

}

.banner-bottom{
    position:fixed;
    z-index:333;
    opacity: 0;
    visibility:hidden;
    bottom:20px;
    left:15%;
    right:15%;
}

@keyframes fadeInUp{
    0%{
        transform: translate3d(0,100%,0);
    }
    100%{
        transform: translate3d(0,0,0);
    }
}

.newsticker__item{
  overflow: hidden;
  text-overflow: ellipsis;
}

.footer__widgets{
    padding-top:60px;
}

#back-to-top{
    background-color: #1aa3e499;
}
#back-to-top.show{
    bottom:45px;
}

.cookie-text{
    font-size: clamp(10px, 2vw, 15px);
}

.cookie-btn{
    font-size: clamp(10px, 2vw, 15px)!important;
    height: clamp(35px, 8vw, 46px)!important;
}


/* CUSTOM VIDEO_JS */
.video-js .vjs-big-play-button {
    left:50% !important;
    top:50% !important;
    transform: translate(-50%, -50%);
    border:0px !important;
    background-color: #a3d75faa !important;
    box-shadow: 0 0 30px #333 !important;
}

/* .video-js .vjs-big-play-button:before {
    color:#333;
} */

.video-js .vjs-big-play-button:hover {
    background-color: #a3d75f !important;
}

/* .video-js .vjs-big-play-button:hover:before {
    color:#333;
} */



/* CUSTOM PLYR */
.plyr {
    --shadow-color: 197deg 32% 65%;
    border-radius: 5px;
    box-shadow: 0 0.5px 0.6px hsl(var(--shadow-color)/.36),0 1.7px 1.9px -0.8px hsl(var(--shadow-color)/.36),0 4.3px 4.8px -1.7px hsl(var(--shadow-color)/.36),-0.1px 10.6px 11.9px -2.5px hsl(var(--shadow-color)/.36);
    /* margin: 16px auto; */
}

.entry__meta #meta_like{
    color:#f06548;
}

.entry__meta #meta_like:hover{
    color:#8d2a16;
}


.entry__meta #meta_comments{
    color:#a3d75f;
}

.entry__meta #meta_comments:hover{
    color:#557728;
}

.entry__meta #meta_views{
    color:#1aa3e4;
}

.entry__meta #meta_views:hover{
    color:#065f88;
}


.invalid-feedback{

    color:#cc563d;
    margin-bottom:15px;

}

#form-comments .invalid-feedback, #contact-form .invalid-feedback{
    margin-top:-15px;
}

.ads_marker{
    position: absolute;
    padding: 0px 2px;
    margin: 0px;
    z-index:2;
    font-size: 6px;
    letter-spacing: .4px;
    border: 1px solid #fcc309;
    border-bottom-right-radius:5px;
    border-top-left-radius:3px;
    background: #fcc309;
    color:#000000;
    text-transform: uppercase;
    right:0;
    bottom:0;
}

.ads_marker_link{
    position: absolute;
    padding: 4px 12px;
    color: #fff;
    background-color:#fcc309;
    margin: 0px;
    z-index:2;
    font-size: 15px;
    letter-spacing: .4px;
    border-radius:10px;
    box-shadow: 0 2px 20px 5px rgba(0,0,0,.1);
    text-transform: uppercase;
    right:10px;
    top:10px;
}

.ads_marker_link:hover{
    color:#1aa3e4;
}

.ads_logo{
    position: absolute;
    right:0;
    padding: 5px 10px;
    z-index: 999;
    margin: 10px;
    opacity:.7;
    height:50px;
}

.single-post__entry-title{
    font-size: 30px;
}

#banner-top, #banner-right, #banner-bottom, #ads{
    position:relative !important;
}

.logo__img{
    width:80% !important;
    display: block;
    margin:0 auto;
}

#ads_marker .logo__img{
    width:100% !important;
}

.social-whatsapp{
    background-color: #25d366;
}

.single-post__entry-title{
    font-size:25px;
}

.sidenav__menu .active a{
    color:#1aa3e4;
}

.nav__menu .active a{
    color:#1aa3e4;
}

.nav__menu .active ul li a{
    color:#54555e;
}

.active .nav__dropdown-menu > li > a:hover {
    color:#1aa3e4;
}

/* 
.entry__body p{
    text-align: justify;
} */

.entry__article .cookies{
    font-size: 16px;
  color: #54555e;
  font-weight: normal;
  line-height: 26px;
  margin: 0 0 10px;
}

.cookies .switchery{
    display:block;
    margin:0 auto!important;
}

.plyr__video-wrapper {
    background: #fff !important;
}

#ads_div .plyr--full-ui input[type="range"]{
    color: #fcc309 !important;
}

#ads_div .plyr__control--overlaid {
    background-color: #fcc309 !important;
}

#ads_div .plyr__control:hover{
    background-color: #fcc309 !important;
}

.plyr__progress input{
    cursor: pointer;
}

#ads_div .plyr__progress input{
    cursor:not-allowed;
}

.plyr__poster{
    background-size: cover!important;
}

.programs .plyr{
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

.card{
    transition-duration: .5s;
    transition-property: box-shadow;
}

.card:hover{
    box-shadow: 0 2px 20px 5px rgba(0,0,0,.1);
}

.thumb-container img {
    object-fit:cover;
}

.entry__title {
    text-transform: uppercase;
}

.single-post__entry-title{
    text-transform: uppercase;
}

/* .sticky-col aside:last-of-type{
    margin-bottom:0;
}

.sidebar--right{
    margin-bottom:30px;
} */


.modal-footer .btn{
    height: 46px;
    font-size: 14px;
    padding: 0 16px;

}

.modal-body .list-group-item{
    border:none !important;
    color: #54555e;
}

/* .modal-body ul li{
    list-style-type: disc !important;
} */

.ri-close-circle-line::before{
    content: '●';
    font-style: normal;
    margin-right: 10px;
}

.text-primary{
    color: #1aa3e4;
}


#clappr {
    width: 100%;
    height: 100%;
    position: relative;
    aspect-ratio: 16/9;  /* mantiene proporzioni video */
    margin-bottom: 25px;
}

#clappr > div {
    --shadow-color: 197deg 32% 65%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    box-shadow: 0 0.5px 0.6px hsl(var(--shadow-color)/.36),0 1.7px 1.9px -0.8px hsl(var(--shadow-color)/.36),0 4.3px 4.8px -1.7px hsl(var(--shadow-color)/.36),-0.1px 10.6px 11.9px -2.5px hsl(var(--shadow-color)/.36);
}

.live-views {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

#views_live_streaming.updating {
    animation: pulse 0.6s ease;
}

.live-dot {
    position: relative;
    width: 8px;
    height: 8px;
    margin-left: 4px;
}

.live-dot::before,
.live-dot::after {
    content: '';
    position: absolute;
    border-radius: 50%;
}

.live-dot::before {
    width: 100%;
    height: 100%;
    background: red;
}

.live-dot::after {
    width: 100%;
    height: 100%;
    background: red;
    opacity: 0.4;
    animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.eye-icon {
    transition: transform 0.3s ease;
}

.eye-icon.blink {
    animation: blink 0.6s ease;
}


@keyframes pulse {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.5);}
    100% { opacity: 1; transform: scale(1); }
}

@keyframes ping {
    75%, 100% {
        transform: scale(3);
        opacity: 0;
    }
}

@keyframes blink {
    0% { transform: scaleY(1); }
    50% { transform: scaleY(0.1); }
    100% { transform: scaleY(1); }
}