/*
Theme Name: Quicosenza.it
Theme URI: https://quicosenza.it/
Description: Custom news theme for Quicosenza.it
Author: Princewill Fullmidia
Author URI: https://fullmidia.it
Template: zox-news
Version: 1.1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: quicosenza
*/


/* REMOVE NUMBERING IN EVIDENZA SECTION */
.mvp-feat1-pop-text {
padding: 15px 0 0 0% !important;
width: 100% !important;
}

.mvp-feat1-pop-text::before {
display: none !important;
}

/* Hide sky news on mobile */

@media (max-width: 768px) {
	#mvp-post-bot-ad {
		display: none;
	}
}
/* Add whatsapp on desktop */
ul.mvp-post-soc-list li.mvp-post-soc-wtsp {
background: #29a71a;
}


/* Hide by default on desktop */
.mobile-sticky-title {
    display: none;
}

/* Mobile only */
@media (max-width: 768px) {
    .mobile-sticky-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #00377e;
        color: #fff;
        padding: 8px 12px 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        z-index: 9999;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
        height: auto;
        min-height: 60px;
        text-align: center;
    }

    body {
        padding-top: 70px; /* prevent content from hiding under sticky bar */
    }

    .mobile-sticky-logo {
        display: block;
        width: 150px; /* smaller logo */
        margin: 0 auto 5px;
    }

    .mobile-sticky-logo img {
        width: 100%;
        height: auto;
        display: block;
    }

    .mobile-sticky-title h4 {
        margin: 0;
        font-family: 'Barlow', sans-serif;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
}
 
.mvp-widget-feat1-top-img .mvp-reg-img {
width: 100% !important;
}

.mvp-blog-story-img .mvp-reg-img {
width: 380px !important;
}
/* ELLIPSIS */
.mvp-related-img .mvp-reg-img {
	height: 133.40625px !important;
}

.mvp-related-text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;    
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.mvp-widget-feat1-bot-text h2 {
    display: -webkit-box;
    -webkit-line-clamp: 4;    
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
/* Hide by default */ 
.mvp-author-info-date .mvp-post-date:first-of-type,
#prince_homepage_widget-2,
#prince_homepage_widget-4,
#quicosenza_custom_home_feat2-3,
#block-40,
#block-12 {
    display: none !important;
}

/* Show only on mobile (below 600px) */
@media (max-width: 600px) {
    #prince_homepage_widget-2,
	#prince_homepage_widget-4 {
        display: block !important;
    }

    #quicosenza_custom_home_feat2-3,
	#block-40,
    #block-12 {
        display: none !important;
    }
}

/* Show only on desktop (above 600px) */
@media (min-width: 601px) {
    #prince_homepage_widget-2,
	#prince_homepage_widget-4 {
        display: none !important;
    }

    #quicosenza_custom_home_feat2-3,
	#block-40,
    #block-12 {
        display: block !important;
    }
}

span.mvp-post-excerpt {
    font-style: italic !important;          
    color: #666666 !important;            
    font-weight: 300 !important;          
}
.mvp-nav-soc-wrap a {
    position: relative !important;   
    z-index: 1000px !important;  
}
.mvp-nav-top-left {
	width: 300px !important; 
}

span.mvp-nav-soc-but {
    font-size: 16px;
    padding-top: 12px;
    width: 35px;
    height: 25px;
}
/* CSS for Radio icon */
.mvp-nav-custom-img {
    width: auto;
    height: 30px;
	padding: 10px 0 0 65px;
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.3s ease;
}

.mvp-fixed-shadow .mvp-nav-custom-img {
     
	padding: 0px 0 0 65px;
	
}

.mvp-nav-custom-img:hover {
    opacity: 0.7;
}

/* Make background of image container transparent */
.mvp-feat1-list-img {
    background: transparent !important;
}

/*.mvp-feat1-feat-text h2.mvp-stand-title {
        font-size: 1.9rem !important;
    } */
.mvp-widget-feat2-right-text h2 {
font-size: 1.15rem;
}
.custom-contact-box {
  padding: 30px 20px;
  background-color: #f8f8f8;
  border-radius: 8px;
}
 
.mvp-cd-subtitle {
    color: #ea7f00;
    font-weight: bold;
    margin-left: 5px; 
    font-family: 'Barlow', sans-serif; 
    display: inline-block;
    float: left;
    font-size: 0.7rem;
    line-height: 1; 
	text-transform: uppercase;
}

.mvp-cd-subtitle::before {
    content: "/ ";
    margin-right: 4px;
    color: #ccc;
}

.mvp-cd-subtitle1 {
    color: #ccc;
    font-weight: bold;
    margin-left: 5px; 
    font-family: 'Barlow', sans-serif; 
    display: inline-block;
    float: left;
    font-size: 0.7rem;
    line-height: 1; 
	text-transform: uppercase;
}

.mvp-cd-subtitle1::before {
    content: "/ ";
    margin-right: 4px;
    color: #ccc;
}

 .prima {
    display: none;
}
/** Custom category styling for sidebar widget**/  
.custom-category-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.custom-category-list li {
    margin-bottom: 6px;
}

.custom-category-list li a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    padding: 4px 8px; 
    border-radius: 4px;
    color: #333;
}

.custom-category-list li a:hover {
    background-color: #f7f7f7;
}

.custom-category-list .count {
    color: #888;
    font-weight: bold;
}	


#mvp-nav-top-wrap span.mvp-nav-search-but {
color: white !important;
}
.mvp-nav-top-left .mvp-fly-but-wrap span {
background: white !important;
}

/* Desktop-only styles (min-width: 768px) */
@media (min-width: 768px) {
    /* Category featured sidebar left adjust height */
    .archive .mvp-widget-feat2-right-cont {
        height: 300px !important;
        overflow: hidden;
    }

    /* In evidenza articolo adjust height */
    ul.mvp-post-more-list li {
        height: 310px !important;
        overflow: hidden;
    }

    /* POTRESTI PIACERE adjust height */
    ul.mvp-related-posts-list li {
        height: 260px !important;
        overflow: hidden;
    }
}
/** wide banner visibility in category **/ 
/* MAIN CONTAINER */
.adrotate-injected {
    width: 100%;
    max-width: 100%;
    margin: 20px auto;
    position: relative;
    z-index: 100;
    background: transparent;
    clear: both;
}

/* AD LABEL CONTAINER - Perfect centering */
.ad-label-container {
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
}

/* ADVERTISEMENT LABEL - Centered text */
.mvp-ad-label {
    display: inline-block;
    font-size: 10px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 2px 8px; 
    border-radius: 3px;
    position: relative; /* needed for ::before positioning */
	-webkit-text-size-adjust: 100% !important;
}

/* AD CONTENT WRAPPER */
.adrotate-content-outer {
    width: 100%;
    text-align: center; /* Ensures everything inside centers */
}

/* ADROTATE GROUP - Center alignment */
.adrotate-content-outer .adrotate-group {
    display: inline-block !important;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

/* IMAGE ADS - Perfect centering */
.adrotate-image {
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
}

/* SQUARE BANNERS - Specific centering */
.adrotate-content-outer .adrotate-image[width="300"] {
    display: inline-block !important;
    margin: 0 auto !important;
}

/* WIDE BANNERS - Full width */
.adrotate-content-outer .adrotate-image[width="728"],
.adrotate-content-outer .adrotate-image[width="970"] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Back to top on mobile */
@media screen and (max-width: 500px) {
     /*body .mvp-fly-top {
        display: block !important;
    } */
	.mvp-widget-dark-feat-text {
		padding: 30px 4.54545454% 15px !important; /* 15 / 330 */
		width: 91% !important; /* 300 / 330 */
		}
		
	.mvp-widget-dark-feat-text h2 {
		font-size: 1.2rem !important;
		margin-right: 0 !important;
		width: 100% !important;
		}
	
	.mvp-widget-feat1-top-text {
		padding: 30px 4.5454545454% 15px !important; /* 15 / 330 */
		width: 91% !important; /* 300 / 330 */
		}
		
	.mvp-widget-feat1-top-text h2 {
		font-size: 1.2rem !important;
		margin-right: 0 !important;
		width: 100% !important;
		}
	.mvp-feat1-feat-text h2.mvp-stand-title {
        font-size: 1.4rem !important;
    }
	
}
.mvp-fly-top {
	top: 85% !important;
}
/*Disable floating in Sky Video */
 /* =========================================
   Custom CSS for MVP Featured Layout Widget
   ========================================= */

/* Default for all screen sizes (e.g., desktop first approach) */
#mvp-feat1-wrap {
    margin-bottom: 0 !important; /* Remove or set default margin-bottom */
}

/* For larger desktops (optional, adjust breakpoint if needed) */
@media screen and (min-width: 1200px) {
    #mvp-feat1-wrap {
        margin-bottom: 20px; /* Example: Add 20px margin on very large screens */
    }
}

/* For standard desktops and laptops (adjust breakpoint if needed) */
@media screen and (min-width: 960px) and (max-width: 1199px) {
    #mvp-feat1-wrap {
        margin-bottom: 15px; /* Example: Add 15px margin on medium screens */
    }
}

/* For tablets (portrait and landscape) and smaller laptops (adjust breakpoint if needed) */
@media screen and (min-width: 768px) and (max-width: 959px) {
    #mvp-feat1-wrap {
        margin-bottom: 10px; /* Example: Add 10px margin on tablet screens */
    }
}

/* For mobile devices (adjust breakpoint if needed) */
@media screen and (max-width: 767px) {
    #mvp-feat1-wrap {
        margin-bottom: 5px; /* Example: Add 5px margin on mobile screens */
    }
}

/* If the space is specifically under the widget container itself,
   you might need to target the widget wrapper div as well: */
.widget.widget_mvp_featured_layout_widget #mvp-feat1-wrap {
    /* Apply similar margin adjustments here if the outer widget wrapper also has space */
    /* For instance, if the theme's .widget class adds bottom margin */
    margin-bottom: 0 !important;
}

/* Example: If a specific element *within* the widget is causing it, e.g., the last element */
#mvp-feat1-wrap .mvp-feat1-right-out {
    margin-bottom: 0 !important; /* Targeting a child element if it has a bottom margin */
	
	

}


/*================================================*/
/* TWEAKING ORIGINAL STYLE.CSS */

.mvp-feat1-feat-wrap .mvp-feat1-feat-text,
.mvp-feat1-feat-wrap .mvp-feat1-sub-text,
.mvp-feat3-main-text,
.mvp-feat3-sub-text,
.mvp-feat2-top-text-wrap,
.mvp-feat5-text {
	background-image: -moz-linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.95) 100%) !important;
	background-image: -ms-linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.95) 100%) !important;
	background-image: -o-linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.95) 100%) !important;
	background-image: -webkit-linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.95) 100%) !important;
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), to(rgba(255,255,255,0.95))) !important;
	background-image: linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.95) 100%) !important;
	position: absolute;
	left: 0;
	bottom: 0;
}

.mvp-feat1-feat-wrap .mvp-feat1-feat-text {
	padding: 100px 3.846153846% 20px; /* 20 / 520 */
	width: 92.4%; /* 480 / 520 */
}

.mvp-feat1-feat-wrap .mvp-feat1-sub-text {
	padding: 50px 3.846153846% 20px; /* 20 / 520 */
	width: 92.4%; /* 480 / 520 */
}

.mvp-feat1-feat-wrap .mvp-feat1-feat-text h2 {
	color: #000 !important;
	float: left;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: .95;
	margin-right: 20%;
	width: 80%;
}

.mvp-feat1-feat-text h2.mvp-stand-title {
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1.1;
	margin-right: 0;
	text-transform: none;
	width: 100%;
}

.mvp-feat1-feat-wrap .mvp-feat1-feat-text p {
	color: #000 !important;
	float: left;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4;
	margin-top: 8px;
	width: 100%;
}

.mvp-widget-feat1-top-text h2 {
 
width: 100% !important;
}

.mvp-widget-feat2-left-cont .mvp-feat1-feat-img,
#mvp_featured_layout_widget-2 .mvp-feat1-feat-wrap .mvp-feat1-feat-img {
	background: transparent !important;
	line-height: 0;
	overflow: hidden;
	width: 100%;
	height: 360px;
	border-radius: 12px !important;
	position: relative !important;
}

 .mvp-feat1-feat-text {
padding: 20px 20px 5px 20px !important;
text-align: left !important;
background: transparent !important;
position: static !important; 
}
	
	.mvp-feat1-feat-text h2.mvp-stand-title {
color: #000 !important;
text-align: left !important;
float: none !important;
width: 100% !important;
margin: 10px 0 0 0 !important;
font-size: 32px;
font-weight: 700;
letter-spacing: -.01em;
word-spacing: .01em;
line-height: 1.2;
}
	
	.mvp-feat1-feat-text p {
color: #000 !important;
text-align: left !important;
float: none !important;
width: 100% !important;
margin: 10px 0 0 0 !important;
}


.mvp-feat1-feat-wrap .mvp-feat1-feat-img img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: auto !important;
	min-width: auto !important;
	margin: 0 !important;
}

.mvp-feat1-feat-wrap:hover .mvp-feat1-feat-img img,
.mvp-widget-feat2-left-cont:hover .mvp-feat1-feat-img img {
	opacity: 1 !important;
}


.mvp-subtitle-overlay {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.mvp-subtitle-overlay span {
    background: var(--subtitle-color); !important;
    color: #fff !important;
    padding: 5px 16px !important;
    border-radius: 15px !important;
    font-size: 14px !important;
	font-family: Barlow, sans-serif !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    text-align: center !important;
	text-transform: uppercase !important;
	width: 200px !important;      /* fixed width */
    box-sizing: border-box !important; /* makes sure padding fits inside width */
}
 
/* Content below image - left aligned */
.mvp-feat1-content-below {
    padding: 20px 20px 5px 20px !important;
    text-align: left !important;
    background: transparent !important;
    position: static !important;
}

.mvp-feat1-content-below .mvp-cat-date-wrap {
    margin-bottom: 10px !important; 
    text-align: left !important;
}

.mvp-feat1-content-below .mvp-cd-cat {
    display: inline-block !important;
    float: none !important;
    color: #000 !important;
    position: relative !important; 
	padding: 15px 0 4px 0 !important;
}

.mvp-feat1-content-below .mvp-cd-cat::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: calc(100% + 20px) !important;
    height: 2px !important;
    background: #ea7f00 !important;
	
}

.mvp-feat1-content-below h2 {
    color: #000 !important;
    text-align: left !important;
    float: none !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;  
	font-size: 21px;
	font-weight: 700;
	letter-spacing: -.01em;
	word-spacing: .01em;
	line-height: 1.2;
	 
}

.excerpt,
.mvp-feat1-content-below p {
    color: #000 !important;
    text-align: left !important;
    float: none !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
}


 


/* Sub Image Container */
.mvp-feat1-sub-img {
    background: transparent !important;
    line-height: 0;
    overflow: hidden;
    width: 100%;
    height: 250px; /* Smaller than main feat */
    border-radius: 12px !important;
    position: relative !important;
}

@media screen and (max-width: 435px) {
.mvp-feat1-sub-img {
    background: transparent !important;
    line-height: 0;
    overflow: hidden;
    width: 100%;
    height: 360px; 
    border-radius: 12px !important;
    position: relative !important;
}
	
	.mvp-feat1-sub-img {
max-height: 360px !important;
min-height: 0;
}
}

.mvp-feat1-sub-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    min-width: auto !important;
    margin: 0 !important;
}

.mvp-feat1-sub-cont:hover .mvp-feat1-sub-img img {
    opacity: 1 !important;
}

/* Subtitle overlay for sub container */
.mvp-subtitle-overlay-sub {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.mvp-subtitle-overlay-sub span {
    background: var(--subtitle-color); !important;
    color: #fff !important;
    padding: 5px 16px !important;
    border-radius: 15px !important;
    font-size: 14px !important;
	font-family: Barlow, sans-serif !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    text-align: center !important;
	text-transform: uppercase !important;
	width: 200px !important;      /* fixed width */
    box-sizing: border-box !important; /* makes sure padding fits inside width */
}

/* Content below sub image */
.mvp-feat1-sub-content-below {
    padding: 20px 20px 5px 20px !important;
    text-align: left !important;
    background: transparent !important;
    position: static !important;
}

.mvp-feat1-sub-content-below .mvp-cat-date-wrap {
    margin-bottom: 10px !important; 
    text-align: left !important;
}

.mvp-feat1-sub-content-below .mvp-cd-cat {
    display: inline-block !important;
    float: none !important;
    color: #000 !important;
    position: relative !important; 
	padding: 15px 0 4px 0 !important;
}

.mvp-feat1-sub-content-below .mvp-cd-cat::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: calc(100% + 15px) !important;
    height: 2px !important;
    background: #ea7f00 !important;
}

.mvp-feat1-sub-content-below h2 {
    color: #000 !important;
    text-align: left !important;
    float: none !important;
    width: 100% !important;
    margin: 10px 0 10px 0 !important; 
	font-size: 21px;
	font-weight: 700;
	letter-spacing: -.01em;
	word-spacing: .01em;
	line-height: 1.2;
}
 
/*
.mvps-divider {
    display: block;
    width: 90%; 
    margin: 0 auto 25px auto; /* top 0, right auto, bottom 20px, left auto */
    border-bottom: 1px solid #ccc; 
    opacity: 0.5; 
} */


/* Popular widget - Subtitle overlay on image (top left) */
.mvp-feat1-pop-img {
    position: relative !important;
}

.mvp-feat1-pop-img .mvp-subtitle-overlay-pop {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}

.mvp-feat1-pop-img .mvp-subtitle-overlay-pop span {
    background: var(--subtitle-color); !important;
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    text-align: center !important;
    text-transform: uppercase !important;
}


 @media screen and (max-width: 599px) {
	.mvp-feat1-pop-cont { 
    height: 210px !important;   
}
	
  .mvp-feat1-pop-text h2 {
    display: -webkit-box;
    -webkit-line-clamp: 4;    
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
	 /*Small Logo*/
	  
	 
	 .mvp-nav-top-mid {
vertical-align: center; 
}
	 
	 .mvp-nav-top-mid img {
padding: 3px 0; 
}
	 
	 .mvp-nav-top-right {
    width: 100px !important;
    margin: 0 -2.1666666666%;
    
    display: flex !important;       /* Align children in a row */
    align-items: center;            /* Vertically center them */
    justify-content: space-between; /* Push icon left, search right */
}

.mvp-nav-custom-img {
    width: 79px;
    height: 21px;
    padding: 0 !important;
    display: inline-block !important;  /* Make it respect flex row */
}

span.mvp-nav-search-but {
    cursor: pointer;
    font-size: 15px;
    line-height: 1;
    padding: 0 !important;         /* Remove vertical padding if needed */
    display: inline-block !important;
}
 
.mvp-feat1-list-img img {
	width: 388px !important; 
}

.mvp-feat1-list-img {
	width: 388px !important; 
}
}

@media screen and (min-width: 599px) {
.mvp-feat1-list-img img {
	width: 200px !important; 
}

.excerpt {
	display: none !important;
	}
	
.mvp-feat1-list-img {
	width: 200px !important; 
}
	
	.mvp-feat1-list-in .mvp-feat1-list-text h2 {
		font-size: 14px;
	}
	
	
}


@media screen and (max-width: 365px) {
	.mvp-feat1-list-in .mvp-feat1-list-text h2 {
    font-size: 14px;   
}
}

/* List widget - Subtitle overlay on image (top left) */
.mvp-feat1-list-img {
    position: relative !important;
}

.mvp-widget-feat2-right-img .mvp-subtitle-overlay-list,
.mvp-feat1-feat-img .mvp-subtitle-overlay-list-large,
.mvp-feat1-feat-img .mvp-subtitle-overlay-list,
.mvp-feat1-list-img .mvp-subtitle-overlay-list {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
}

.mvp-widget-feat2-right-img .mvp-subtitle-overlay-list span,
.mvp-feat1-feat-img .mvp-subtitle-overlay-list span,
.mvp-feat1-list-img .mvp-subtitle-overlay-list span {
    background: var(--subtitle-color); !important;
    color: #fff !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    display: inline-block !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

 
 
.mvp-feat1-feat-img .mvp-subtitle-overlay-list-large span {
    background: var(--subtitle-color); !important;
    color: #fff !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    display: inline-block !important;
    text-align: center !important;
	text-transform: uppercase !important;
}


@media screen and (min-width: 650px) {
.mvp-news-ticker-wrap {
display: none !important;
}
	
	.mvp-widget-home:first-child {
margin-top: 15px !important;
}
}


.mvp-nav-menu ul li a { 
font-size: 15px !important; 
	font-weight: bold !important;
}

/**** REMOVE DISPLAY OF SUBTITLES IN SMALLER CARDS *******/
.mvp-feat1-list-text .mvp-cd-subtitle,
.mvp-widget-feat1-top-text .mvp-cd-subtitle1,
.mvp-widget-feat1-bot-text .mvp-cd-subtitle1,
.mvp-widget-feat2-right-img .mvp-subtitle-overlay-list,
.mvp-widget-feat2-right-img .mvp-subtitle-overlay-list span,
.mvp-feat1-feat-img .mvp-subtitle-overlay-list-large,
.mvp-feat1-feat-img .mvp-subtitle-overlay-list-large span,
.mvp-feat1-pop-img .mvp-subtitle-overlay-pop,
.mvp-feat1-pop-img .mvp-subtitle-overlay-pop span,
.mvp-feat1-list-img .mvp-subtitle-overlay-list,
.mvp-feat1-list-img .mvp-subtitle-overlay-list span {
    display: none !important;
    visibility: hidden !important;
}

/* Instagram-style Carousel for Mobile */

@media screen and (max-width: 599px) {
	.mvp-feat1-mid-wrap {
margin: 65px 0 0 0 !important;
width: 100%;
}
	
    /* Container setup */
    .mvp-feat1-pop-wrap {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
         
         margin-left: -2.1666666666% !important;
    margin-right: -4.1666666666% !important;
		width: calc(100% + 8.3333333332%) !important;
        gap: 12px !important;
        flex-wrap: nowrap !important;
    }
    /* Hide scrollbar */
    .mvp-feat1-pop-wrap::-webkit-scrollbar {
        display: none !important;
    }
	 
    /* Individual card styling */
    .mvp-feat1-pop-cont {
        flex: 0 0 calc(100vw - 140px) !important;
        scroll-snap-align: start !important;
		scroll-snap-stop: always;
        min-width: calc(100vw - 140px) !important;
        max-width: calc(100vw - 140px) !important;
        width: calc(100vw - 140px) !important;
        height: 465px !important;
        display: flex !important;
        flex-direction: column !important;
        background: #fff !important;
        border-radius: 12px !important;
        overflow: hidden !important;
		border: 1px solid #e0ddde;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; 
		margin: 0 0 20px 0% !important;
    }
    /* Image container */
    .mvp-feat1-pop-img {
        width: 100% !important;
        height: 300px !important;
        max-height: 300px !important;
        flex-shrink: 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .mvp-feat1-pop-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
    }
    /* Text content */
    .mvp-feat1-pop-text {
        padding: 12px 0px 16px 0px !important;
        width: 100% !important;
        height: 140px !important;
        flex-shrink: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
		max-width: 100% !important;
    }
    /* Category and date wrapper */
   .mvp-feat1-pop-text .mvp-cat-date-wrap {
        margin-bottom: 6px !important;
        display: flex !important;
        padding: 0px 30px 0px 25px !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        align-items: center !important;
        flex-shrink: 0 !important;
        min-height: 10px !important;
    }
    /* Title */
    .mvp-feat1-pop-text h2 {
        font-size: 17px !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        font-weight: 600 !important;
       padding: 5px 20px 10px 20px !important;
        color: #262626 !important; 
        flex: 1 !important;
		box-sizing: border-box; /* padding included in width calculation */
    width: 100%; /* take full card width */
    word-wrap: break-word; /* allow text breaks */
    }
	
	/* Dot indicator container */
.mvp-slider-dots {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 0 20px 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Individual dots */
.mvp-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background-color: #d0d0d0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Active dot */
.mvp-dot.active {
    background-color: #ea7f00 !important;
    width: 24px !important;
    border-radius: 4px !important;
}
	 
    /* Category tag */
    .mvp-cd-cat {
        font-size: 12px !important;
    }
    /* Subtitle */
    .mvp-cd-subtitle {
        font-size: 12px !important;
    }
    /* Video/Gallery icon overlay */
    .mvp-vid-box-wrap {
        position: absolute !important;
    }
    /* Subtitle overlay on image */
    .mvp-subtitle-overlay-pop {
        position: absolute !important;
        z-index: 2 !important;
    }
	
	.mvp-subtitle-overlay-sub span {
    	padding: 2px 16px !important;
   	}
	.mvp-subtitle-overlay span {
    	padding: 2px 16px !important;
    }
	
	/* BORDER IN FEAT TOP IMAGES */
	.mvp-feat1-feat-wrap {
		border: 1px solid #e0ddde !important;
		border-radius: 12px !important; 
		padding-bottom: 25px;
	}
	.mvp-feat1-feat-wrap .mvp-feat1-feat-img {
    	border-top-left-radius: 12px !important;
    	border-top-right-radius: 12px !important;
    	border-bottom-left-radius: 0 !important;
    	border-bottom-right-radius: 0 !important;
		height: 250px;
	}
	
	.mvp-feat1-sub-cont {
		border: 1px solid #e0ddde !important;
		border-radius: 12px !important; 
		padding-bottom: 25px;
		margin-top: 40px !important;
		
	}
		
	.mvp-feat1-sub-img {
		border-top-left-radius: 12px !important;
    	border-top-right-radius: 12px !important;
    	border-bottom-left-radius: 0 !important;
    	border-bottom-right-radius: 0 !important;
		height: 250px;
	}
	
	/* BORDER IN FEAT TOP CATEGORY FIRST CHILD IMAGES */
	
	.mvp-widget-feat1-cont .mvp-widget-feat1-top-story {
		border: 1px solid #e0ddde !important;
		border-radius: 12px !important;  
		padding-bottom: 25px;
	}
	
	.mvp-widget-feat1-cont .mvp-widget-feat1-top-img {
    	border-top-left-radius: 12px !important;
    	border-top-right-radius: 12px !important;
    	border-bottom-left-radius: 0 !important;
    	border-bottom-right-radius: 0 !important;
		height: 230px;
	}
	
	#quicosenza_custom_mvp_home_feat1_widget-2 .mvp-widget-feat1-cont .mvp-widget-feat1-top-img {
		height: 196px !important;
	}
	
	.mvp-widget-feat1-cont .mvp-widget-feat1-top-text {
padding: 20px 20px 5px 20px !important;
text-align: left !important;
background: transparent !important;
position: static !important; 
}
	.mvp-widget-feat1-top-text h2 {
color: #000 !important;
text-align: left !important;
float: none !important;
width: 100% !important;
margin: 10px 0 0 0 !important;
font-size: 1.6em !important;
font-weight: 700;
letter-spacing: -.01em;
word-spacing: .01em;
line-height: 1.2;
}
	
	.mvp-widget-feat1-cont p {
color: #000 !important;
text-align: left !important;
float: none !important;
width: 100% !important;
margin: 10px 0 0 0 !important;
}
	
	
	
	
	.mvp-widget-feat2-left {
		border: 1px solid #e0ddde !important;
		border-radius: 12px !important; 
		padding-bottom: 25px;
	}
	
	
	.mvp-widget-feat2-left .mvp-feat1-feat-img {
    	border-top-left-radius: 12px !important;
    	border-top-right-radius: 12px !important;
    	border-bottom-left-radius: 0 !important;
    	border-bottom-right-radius: 0 !important;
		height: 250px;
	}
	
	.mvp-widget-feat2-left-cont {
		 
		padding-bottom: 10px; 
	}
	
	.mvp-feat1-feat-text {
padding: 20px 20px 5px 20px !important;
text-align: left !important;
background: transparent !important;
position: static !important; 
}
	
	.mvp-feat1-feat-text h2.mvp-stand-title {
color: #000 !important;
text-align: left !important;
float: none !important;
width: 100% !important;
margin: 10px 0 0 0 !important;
font-size: 21px;
font-weight: 700;
letter-spacing: -.01em;
word-spacing: .01em;
line-height: 1.2;
}
	
	.mvp-feat1-feat-text p {
color: #000 !important;
text-align: left !important;
float: none !important;
width: 100% !important;
margin: 10px 0 0 0 !important;
}
	 
	
	/* STYLING THE 3 NEWS TAB ELEMENTS */
	.mvp-feat1-list-cont {
	border-top: 1px solid #ddd;
	}
	
	.wp-block-column.custom-widget-style.is-layout-flow.wp-block-column-is-layout-flow,
	#quicosenza_custom_mvp_home_feat1_widget-2,
	#block-12 {
	border-top: 1px solid #ddd;
	}
	
	.wp-block-column.custom-widget-style.is-layout-flow.wp-block-column-is-layout-flow,
	#quicosenza_custom_mvp_home_feat1_widget-2,
	#block-12 {
	padding-top: 20px !important;
	}
	
	
	.mvp-feat1-list-img img,
	.mvp-feat1-list-text {
		margin-top: 20px !important;
	}
	
	.mvp-feat1-list-text h2 {
		font-size: 1.1rem;
	}
	.mvp-feat1-list a:first-child .mvp-feat1-list-cont {
		border-top: 0px  #ddd;
	}
	
	.mvp-feat1-list a:first-child .mvp-feat1-list-cont .mvp-feat1-list-out {
		flex-direction: column;
	}
	
	.mvp-feat1-list a:first-child .mvp-feat1-list-cont .mvp-feat1-list-in .mvp-feat1-list-text {
		margin: 30px;
width: calc(100% - 60px);
	}
	.mvp-feat1-list a:first-child .mvp-feat1-list-cont .mvp-feat1-list-in .mvp-feat1-list-text h2 {
		font-size: 1.4rem;
	}
	
	.mvp-feat1-list a:first-child .mvp-feat1-list-cont .mvp-feat1-list-out .mvp-feat1-list-img {
		margin-top: 10px !important;
		width: 100% !important;
		#border: 1px solid #e0ddde;
		#border-radius: 24px !important; 
#box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
	}
		
	.mvp-feat1-list a:first-child .mvp-feat1-list-cont .mvp-feat1-list-out .mvp-feat1-list-img img {
		width: 100% !important;
		 margin-top: 0px !important;
	}
	
	
	.mvp-feat1-list a:nth-child(6n+0) .mvp-feat1-list-cont .mvp-feat1-list-out {
		flex-direction: column;
	}
	
	.mvp-feat1-list a:nth-child(6n+0) .mvp-feat1-list-cont .mvp-feat1-list-out .mvp-feat1-list-img,
	.mvp-feat1-list a:nth-child(6n+0) .mvp-feat1-list-cont .mvp-feat1-list-out .mvp-feat1-list-img img {
		width: 100% !important;
	}
	
	.mvp-feat1-list a:nth-child(6n+0) .mvp-feat1-list-cont .mvp-feat1-list-in .mvp-feat1-list-text {
		margin: 30px;
width: calc(100% - 60px);
	}
	.mvp-feat1-list a:nth-child(6n+0) .mvp-feat1-list-cont .mvp-feat1-list-in .mvp-feat1-list-text h2 {
		font-size: 1.4rem;
	}
		

	/* Remove the ::before pseudo-element */
	#mvp-feat1-wrap > div > div.mvp-feat1-right-in > div > div.mvp-feat1-mid-wrap.left.relative > h3.mvp-feat1-pop-head::before,
	.mvp-main-blog-wrap .mvp-widget-home-title::before,
	#quicosenza_custom_mvp_home_feat1_widget-2 .mvp-widget-home-title::before,
	.mvp-widget-dark-wrap .mvp-widget-home-title::before,
	#block-12 .mvp-widget-home-title::before,
	#quicosenza_custom_home_feat2-3 .mvp-widget-home-title::before,
	#quicosenza_custom_home_feat2-2 .mvp-widget-home-title::before {
    content: none !important;
}
	
	
	#mvp-feat1-wrap > div > div.mvp-feat1-right-in > div > div.mvp-feat1-mid-wrap.left.relative > h3.mvp-feat1-pop-head > span.mvp-feat1-pop-head,
	.mvp-main-blog-wrap .mvp-widget-home-title span,
	#quicosenza_custom_mvp_home_feat1_widget-2 .mvp-widget-home-title span,
	#block-12 .mvp-widget-home-title span,
	#quicosenza_custom_home_feat2-3 .mvp-widget-home-title span,
	#quicosenza_custom_home_feat2-2 .mvp-widget-home-title span {
    transform: none !important; /* removes skew */
		text-transform: none !important;
		color: #000;
		background-color: transparent !important;
		font-size: 27px;
		padding: 1px 1px;
border-bottom: 4px solid #ea7f00;
#padding-bottom: 3px;
#margin-bottom: 5px;
		
}
	.mvp-widget-dark-wrap .mvp-widget-home-title span {
    transform: none !important; /* removes skew */
		text-transform: none !important;
		color: #fff;
		background-color: transparent !important;
		font-size: 27px;
		padding: 1px 1px;
border-bottom: 4px solid #ea7f00;
padding-bottom: 3px;
padding-top: 5px;
		
}
	
	
/*	
#mvp-feat1-wrap > div > div.mvp-feat1-right-in > div > div.mvp-feat1-mid-wrap.left.relative > h3.mvp-feat1-pop-head::before {
    content: none !important;
}

/* Style only this specific span */
	 
	ul.mvp-feat1-list-buts li.active span.mvp-feat1-list-but {
    background-color: #002e6b !important; 
    border-radius: 12px; 
}
	
	.mvp-feat1-list-but {
    transform: none !important; /* removes skew */
}
	
	/*
#mvp-feat1-wrap > div > div.mvp-feat1-right-in > div > div.mvp-feat1-mid-wrap.left.relative > h3.mvp-feat1-pop-head > span.mvp-feat1-pop-head {
    background-color: #002e6b !important;
    transform: none !important;  
	border-radius: 12px !important; 
	padding: 5px 16px !important;
	width: 150px !important;
}
	*/
	.mvp-feat1-pop-text:before {
		color: #002e6b !important;
	}
	.mvp-feat1-pop-text .mvp-cat-date-wrap {
    margin-bottom: 1px !important; 
    text-align: left !important;
}
	.mvp-widget-feat1-bot-text .mvp-cd-cat,
	.mvp-widget-feat1-top-text .mvp-cd-cat,
	.mvp-widget-feat2-right-text .mvp-cd-cat,
	.mvp-feat1-feat-text .mvp-cd-cat,
	.mvp-feat1-list-text .mvp-cd-cat {
    display: inline-block !important; 
    color: #000 !important;
    position: relative !important; 
	padding: 1px 0 4px 0 !important;
}
	
	#cerco_eventi_widget-2 .mvp-widget-feat1-bot-text .mvp-cd-cat {
    display: inline-block !important; 
    color: #fff !important;
    position: relative !important; 
	padding: 1px 0 4px 0 !important;
}
	
	#cerco_eventi_widget-2 .mvp-widget-feat1-bot-text .mvp-cd-date,
	.mvp-feat1-feat-text .mvp-cd-date,
	.mvp-feat1-list-text .mvp-cd-date {
     
	padding: 1px 0 4px 15px !important;
} 
	.mvp-widget-feat1-bot-text .mvp-cd-date,
	.mvp-widget-feat1-top-text .mvp-cd-date {
	display: none !important;
	}
	
	/*span.mvp-cd-date:before {
content: " " !important;
margin-right: 5px;
}
*/
	.mvp-widget-feat1-bot-text .mvp-cd-cat::after,
	.mvp-widget-feat1-top-text .mvp-cd-cat::after,
	.mvp-widget-feat2-right-text .mvp-cd-cat::after,
	.mvp-feat1-feat-text .mvp-cd-cat::after,
	.mvp-feat1-list-text .mvp-cd-cat::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;  
    height: 2px !important;
	width: calc(100% + 15px) !important;
    background: #ea7f00 !important;
}
	
	#cerco_eventi_widget-2  .mvp-widget-feat1-bot-text .mvp-cd-cat::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;  
    height: 2px !important;
	width: 100% !important;
    background: #ea7f00 !important;
}

	
.mvp-feat1-pop-text .mvp-cd-cat {
    display: inline-block !important;
    float: none !important;
    color: #000 !important;
    position: relative !important; 
	padding: 1px 0 4px 0 !important;
}

.mvp-feat1-pop-text .mvp-cd-cat::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: calc(100% + 15px) !important;
    height: 2px !important;
    background: #ea7f00 !important;
}
    
	
	.prima {
    display: table;                     /* Shrinks width to fit content */
    margin: 0 auto;                     /* Centers the table horizontally */
    font-size: 24px;                     /* Adjust font size */
    border-bottom: 4px solid #ea7f00;     /* Orange underline */
    padding-bottom: 3px;                 /* Space between text and underline */
		margin-bottom: 5px;
}
	
	.mvp-nav-small .mvp-nav-top-mid img {
height: 80% !important;
}
}

@media screen and (max-width: 385px) {
	/* Individual card styling */
    .mvp-feat1-pop-cont {
        flex: 0 0 calc(100vw - 100px) !important;
        scroll-snap-align: start !important;
		scroll-snap-stop: always;
        min-width: calc(100vw - 100px) !important;
        max-width: calc(100vw - 100px) !important;
        width: calc(100vw - 100px) !important;
        height: 450px !important;
        display: flex !important;
        flex-direction: column !important;
        background: #fff !important;
        border-radius: 12px !important;
        overflow: hidden !important;
		border: 1px solid #e0ddde;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; 
		margin: 0 0 20px 0% !important;
    }
	
	.mvp-feat1-pop-img {
        width: 100% !important;
        height: 250px !important;
        max-height: 250px !important;
        flex-shrink: 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }
	.mvp-nav-top-mid img {
		height: 70% !important;
		}
	
	 .mvp-nav-top-right {
    width: 92px !important;
    margin: 0 -3.1666666666%;
    
    display: flex !important;       /* Align children in a row */
    align-items: center;            /* Vertically center them */
    justify-content: space-between; /* Push icon left, search right */
}
	
	.mvp-nav-custom-img {
    width: 75px;
    height: auto;
    padding: 0 !important;
    display: inline-block !important;  /* Make it respect flex row */
}

span.mvp-nav-search-but {
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 0 !important;         /* Remove vertical padding if needed */
    display: inline-block !important;
}
	
}

/* Mobile Video Slider Styles - Below 650px */
@media screen and (max-width: 650px) {
    /* Create horizontal scroll container */
    .mvp-widget-dark-main {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        gap: 15px !important;
        padding: 0 15px !important;
    }
    
    .mvp-widget-dark-main::-webkit-scrollbar {
        display: none !important;
    }
    
    /* Make left/right containers behave as inline */
    .mvp-widget-dark-left,
    .mvp-widget-dark-right {
        display: contents !important;
        float: none !important;
        width: auto !important;
    }
    
    /* CRITICAL: Override desktop positioning for ALL posts */
    .mvp-widget-dark-feat,
    .mvp-widget-dark-sub {
        position: relative !important;
        float: none !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
    }
    
    .mvp-widget-dark-feat-img,
    .mvp-widget-dark-sub-img {
        position: relative !important;
        float: none !important;
        left: auto !important;
        right: auto !important;
    }
    
    .mvp-widget-dark-feat-text,
    .mvp-widget-dark-sub-text {
        position: relative !important;
        float: none !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        top: auto !important;
        transform: none !important;
    }
    
    /* All slides LARGER - Instagram portrait style (9:16 ratio) */
    .mvp-widget-dark-feat,
    .mvp-widget-dark-sub {
        flex: 0 0 300px !important;
        scroll-snap-align: center !important;
        scroll-snap-stop: always !important;
        min-width: 300px !important;
        max-width: 300px !important;
        width: 300px !important;
        display: flex !important;
        flex-direction: column !important;
        background: #1a1a1a !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        margin: 0 !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        height: auto !important;
    }
	.mvp-widget-dark-sub.mvp-active-video-border,
.mvp-widget-dark-feat.mvp-active-video-border {
    border: 3px solid #333 !important;
}
    
    /* LARGER Instagram portrait ratio - all videos same height (9:16) */
    .mvp-widget-dark-feat-img,
    .mvp-widget-dark-sub-img {
        width: 300px !important;
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
        position: relative !important;
        overflow: hidden !important;
        background: #000 !important;
        flex-shrink: 0 !important;
    }
    
    /* Force all images to cover portrait frame */
    .mvp-widget-dark-feat-img img,
    .mvp-widget-dark-sub-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
    }
    
    /* Hide desktop-specific image classes on mobile */
    .mvp-widget-dark-feat-img .mvp-reg-img,
    .mvp-widget-dark-sub-img .mvp-reg-img {
        display: none !important;
    }
    
    .mvp-widget-dark-feat-img .mvp-mob-img,
    .mvp-widget-dark-sub-img .mvp-mob-img {
        display: block !important;
    }
    
    /* CRITICAL: Reset sub-post wrapper to column layout */
    .mvp-widget-dark-sub-out {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        float: none !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        margin-left: 0px !important;
    }
    
    .mvp-widget-dark-sub-in {
        width: 100% !important;
        position: relative !important;
        float: none !important;
        left: auto !important;
        right: auto !important;
        margin-left: 0px !important;
    }
    
    /* Text below - same styling for all */
    .mvp-widget-dark-feat-text,
    .mvp-widget-dark-sub-text {
        padding: 14px 16px 16px 16px !important;
        width: 100% !important;
        max-width: 100% !important;
        background: #1a1a1a !important;
        min-height: 150px !important;
        display: flex !important;
        flex-direction: column !important;
        position: static !important;
        box-sizing: border-box !important;
    }
    
    /* Uniform title styling */
    .mvp-widget-dark-feat-text h2,
    .mvp-widget-dark-sub-text h2 {
        font-size: 15px !important;
        line-height: 1.4 !important;
        color: #fff !important;
        margin: 6px 0 0 0 !important;
        font-weight: 600 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    
    /* Uniform category/date styling */
    .mvp-widget-dark-feat .mvp-cat-date-wrap,
    .mvp-widget-dark-sub .mvp-cat-date-wrap {
        margin-bottom: 5px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        align-items: center !important;
        width: 100% !important;
    }
    
    .mvp-widget-dark-feat .mvp-cd-cat,
    .mvp-widget-dark-sub .mvp-cd-cat {
        font-size: 10px !important;
        padding: 3px 7px !important;
    }
    
    .mvp-widget-dark-feat .mvp-cd-date,
    .mvp-widget-dark-sub .mvp-cd-date {
        font-size: 11px !important;
    }
    
    .mvp-widget-dark-feat .mvp-cd-subtitle1,
    .mvp-widget-dark-sub .mvp-cd-subtitle {
        font-size: 10px !important;
    }
    
    /* Video controls */
    .video-controls-mobile {
        position: absolute !important;
        bottom: 10px !important;
        right: 10px !important;
        z-index: 10 !important;
        background: rgba(0, 0, 0, 0.75) !important;
        border-radius: 50% !important;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: background 0.3s ease !important;
    }
    
    .video-controls-mobile:active {
        background: rgba(234, 127, 0, 0.9) !important;
    }
    
    .video-controls-mobile i {
        color: #fff !important;
        font-size: 16px !important;
    }
    
    /* Play icon positioning for portrait */
    .mvp-vid-box-wrap {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

/* Dots styling */
.mvp-video-slider-dots {
    display: none !important;
}

@media screen and (max-width: 650px) {
    .mvp-video-slider-dots {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 16px 0 10px 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    
    .mvp-video-dot {
        width: 7px !important;
        height: 7px !important;
        border-radius: 50% !important;
        background-color: #555 !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }
    
    .mvp-video-dot.active {
        background-color: #ea7f00 !important;
        width: 20px !important;
        border-radius: 4px !important;
    }
}

.widget_cerco_eventi_widget {
            background-color: #330066;
            color: #fff;
        }

        .widget_cerco_eventi_widget .mvp-widget-home-title {
            color: #fff !important;
        }

        #cerco-eventi-title-section .mvp-widget-home-title .mvp-widget-home-title {
            background-color: #330066;
            padding: 15px 5px;
            border-radius: 4px;
            display: inline-block;
        }

        /* In Evidenza specific styles */
        #in-evidenza-post {
            display: block;
            margin-bottom: 25px;
            max-width: 100%;
            color: #fff;
        }

        #in-evidenza-post .mvp-widget-feat1-bot-img {
            position: relative;
            width: 100%;
            height: 240px;
            overflow: hidden;
            border-radius: 4px;
        }

        #in-evidenza-post .mvp-widget-feat1-bot-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        #in-evidenza-post .mvp-widget-feat1-bot-text {
            padding-top: 10px;
            color: #fff;
        }

        #in-evidenza-post .mvp-cat-date-wrap {
            margin-bottom: 5px;
            font-size: 12px;
            color: #ccc !important;
        }

        /* In Arrivo specific styles */
        #in-arrivo-post {
            display: block;
            margin-bottom: 25px;
            max-width: 100%;
            color: #fff;
        }

        #in-arrivo-post .mvp-widget-feat1-bot-img {
            position: relative;
            width: 98%;
            height: 240px;
            overflow: hidden;
            border-radius: 4px;
        }

        #in-arrivo-post .mvp-widget-feat1-bot-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        #in-arrivo-post .mvp-widget-feat1-bot-text {
            padding-top: 10px;
            color: #fff;
        }

        #in-arrivo-post .mvp-cat-date-wrap {
            margin-bottom: 5px;
            font-size: 12px;
            color: #ccc !important;
        }

        #in-arrivo-post .mvp-event-location {
            font-size: 12px;
            color: #ccc !important;
            margin-top: 8px;
            font-style: italic;
            line-height: 1.4;
        }

        #in-evidenza-post h2 {
            font-size: 16px;
            line-height: 1.4;
            margin: 0;
            font-weight: bold;
            color: #fff !important;
        }

        #in-arrivo-post h2 {
            font-size: 16px;
            line-height: 1.4;
            margin: 0;
            font-weight: bold;
            color: #fff !important;
        }

        .cerco-eventi-link {
            color: #fff !important;
        }

        .mvp-cd-date {
            color: #ccc !important;
        }

        .carousel-container {
            overflow: hidden;
            width: 100%;
        }

        .carousel-slides {
            display: block;
            width: 100%;
        }

        .carousel-slide {
            display: none;
            width: 100%;
        }

        .carousel-arrow {
            background-color: #e04e39;
            color: white;
            border: none;
            padding: 10px 16px;
            font-size: 20px;
            cursor: pointer;
            margin: 10px;
            border-radius: 50%;
        }

        .carousel-nav {
            text-align: right;
            margin-top: 10px;
        }
        
        /* Dots styling */
        .eventi-slider-dots {
            display: none !important;
        }
        
        @media screen and (max-width: 650px) {
            /* Hide desktop navigation on mobile */
            .carousel-nav {
                display: none !important;
            }
			
			#in-evidenza-post.mvp-widget-feat1-bot-story {
                overflow: visible !important;
                height: 350px !important;
				margin-bottom: 40px !important;
            }
			
			#in-arrivo-post.mvp-widget-feat1-bot-story {
			width: 100% !important;	
			}
            
            /* Transform carousel into horizontal slider */
            .carousel-slides {
                display: flex !important;
                flex-direction: row !important;
                overflow-x: auto !important;
                scroll-snap-type: x mandatory !important;
                scroll-behavior: smooth !important;
                -webkit-overflow-scrolling: touch !important;
                scrollbar-width: none !important;
                gap: 15px !important;
                padding: 0 15px !important;
            }
            
            .carousel-slides::-webkit-scrollbar {
                display: none !important;
            }
            
            /* Show all slides as inline items */
            .carousel-slide {
                display: contents !important;
            }
            
            /* Individual event cards */
            .eventi-slide-item {
                flex: 0 0 280px !important;
                scroll-snap-align: center !important;
                scroll-snap-stop: always !important;
                min-width: 280px !important;
                max-width: 280px !important;
                width: 280px !important;
            }
            
            #in-arrivo-post {
                display: flex !important;
                flex-direction: column !important;
                background: #1a1a1a !important;
                border-radius: 8px !important;
                overflow: hidden !important;
                margin: 0 !important;
                height: auto !important;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
            }
            
            #in-arrivo-post .mvp-widget-feat1-bot-img {
                width: 280px !important;
                height: 200px !important;
                flex-shrink: 0 !important;
                border-radius: 0 !important;
                border: none !important;
                overflow: hidden !important;
            }
            
            #in-arrivo-post .mvp-widget-feat1-bot-img img {
                width: 100% !important;
                height: 100% !important;
                object-fit: cover !important;
            }
            
            #in-arrivo-post .mvp-widget-feat1-bot-text {
                padding: 12px 14px 14px 14px !important;
                background: #1a1a1a !important;
                width: 90% !important;
            }
			
			#in-arrivo-post .mvp-widget-feat1-bot-text .mvp-cd-date {
			display: block !important;	
			}
            
            #in-arrivo-post h2 {
                font-size: 14px !important;
                line-height: 1.35 !important;
                margin: 6px 0 !important;
                display: -webkit-box !important;
                -webkit-line-clamp: 2 !important;
                -webkit-box-orient: vertical !important;
                overflow: hidden !important;
            }
            
            #in-arrivo-post .mvp-event-location {
                font-size: 11px !important;
                margin-top: 4px !important;
            }
            
            /* Show dots on mobile */
            .eventi-slider-dots {
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                gap: 8px !important;
                padding: 25px 0 10px 0 !important;
                margin: 0 0 15px 0 !important;
                width: 100% !important;
            }
            
            .eventi-dot {
                width: 7px !important;
                height: 7px !important;
                border-radius: 50% !important;
                background-color: #666 !important;
                cursor: pointer !important;
                transition: all 0.3s ease !important;
            }
            
            .eventi-dot.active {
                background-color: #e04e39 !important;
                width: 20px !important;
                border-radius: 4px !important;
            }
        }
        
        @media screen and (min-width: 501px) and (max-width: 767px) {
            #in-evidenza-post.mvp-widget-feat1-bot-story {
                overflow: visible !important;
                height: 350px !important;
            }
            
            #in-arrivo-post.mvp-widget-feat1-bot-story {
                overflow: visible !important;
                height: 360px !important;
            }

            #in-evidenza-post .mvp-widget-feat1-bot-img,
            #in-arrivo-post .mvp-widget-feat1-bot-img {
                width: 180px;
                height: 180px;
                flex-shrink: 0;
                border-radius: 4px;
                overflow: hidden; 
                display: flex;
                align-items: center;
                justify-content: center;
            }

            #in-evidenza-post .mvp-widget-feat1-bot-img img,
            #in-arrivo-post .mvp-widget-feat1-bot-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            #in-evidenza-post .mvp-widget-feat1-bot-text,
            #in-arrivo-post .mvp-widget-feat1-bot-text {
                padding-top: 15px;
                padding-bottom: 15px;
                padding-left: 8px;
                flex: 1;
            }

            #in-evidenza-post .mvp-cat-date-wrap,
            #in-arrivo-post .mvp-cat-date-wrap {
                font-size: 11px;
                margin-bottom: 4px;
            }
        }
        
        @media screen and (max-width: 399px) {
            .eventi-slide-item {
                flex: 0 0 260px !important;
                min-width: 260px !important;
                max-width: 260px !important;
                width: 260px !important;
            }
            
            #in-arrivo-post .mvp-widget-feat1-bot-img {
                width: 260px !important;
                height: 180px !important;
            }
        }

/* 1. Base Preloader Styles */
.cerco-preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent; 
    z-index: 10; 
    transition: opacity 0.3s ease-out;
}

.cerco-preloader::after {
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 4px solid #fff; 
    border-color: #e04e39 transparent #e04e39 transparent;
    animation: cerco-spin 1.2s linear infinite;
}

@keyframes cerco-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 2. Style the Feature Post Wrapper and Content */
.cerco-posts-wrapper {
    /* Set a predictable height for the preloader to occupy */
    min-height: 300px; 
    position: relative;
}

#cerco-eventi-posts {
    /* Start hidden to avoid flicker */
    opacity: 0;
    transition: opacity 0.5s;
    /* Position Absolute to prevent layout issues if content loads before preloader hides */
    position: absolute; 
    top: 0; 
    left: 0;
    width: 100%;
}

/* 3. Style the Events Carousel Wrapper */
.cerco-events-wrapper {
    min-height: 350px; /* Set height for event carousel loading space */
    position: relative;
}

#carouselSlides {
    opacity: 0;
    transition: opacity 0.5s;
    position: absolute; 
    top: 0; 
    left: 0;
    width: 100%;
}

/* 4. Visibility Control (The logic applied by JavaScript) */

/* Show preloader by default, hide content by default */
#preloader-posts, #preloader-events {
    display: flex;
    position: absolute; /* Ensures it floats over the empty space */
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
}

/* When the preloader hides, the content appears */
#preloader-posts.hidden {
    display: none !important;
}

#preloader-events.hidden {
    display: none !important;
}

/* New class to make content visible after loading */
.content-loaded {
    opacity: 1 !important;
    position: static !important; /* Allow the content to take its natural space */
}