{\rtf1\ansi\ansicpg1252\cocoartf2708
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\froman\fcharset0 Times-Roman;}
{\colortbl;\red255\green255\blue255;\red110\green117\blue134;}
{\*\expandedcolortbl;;\cssrgb\c50588\c53333\c59608;}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\deftab720
\pard\pardeftab720\partightenfactor0

\f0\fs24 \cf2 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec2 /* ============================================\
   DJ-IMAGE SLIDER - CUSTOM STYLES\
   Per Template Ja Stark - Joomla 5\
   ============================================ */\
\
/* Contenitore Principale DJ-ImageSlider */\
.dj-imageslider,\
.dj-image-slider,\
.slider-container \{\
  display: block !important;\
  width: 100% !important;\
  max-width: 100% !important;\
  height: auto !important;\
  margin: 0 !important;\
  padding: 0 !important;\
  overflow: visible !important;\
  visibility: visible !important;\
  opacity: 1 !important;\
  background-color: transparent !important;\
\}\
\
/* Wrapper dello Slider */\
.dj-imageslider-wrapper,\
.dj-slider-wrapper \{\
  display: block !important;\
  width: 100% !important;\
  height: auto !important;\
  overflow: hidden !important;\
  position: relative !important;\
\}\
\
/* Immagini dentro lo Slider */\
.dj-imageslider img,\
.dj-slider-image,\
.slider-image img \{\
  display: block !important;\
  width: 100% !important;\
  height: auto !important;\
  max-width: 100% !important;\
  border: none !important;\
  margin: 0 !important;\
  padding: 0 !important;\
\}\
\
/* Slide Singola */\
.dj-imageslider-item,\
.dj-slider-item,\
.slide-item \{\
  display: block !important;\
  width: 100% !important;\
  height: auto !important;\
  overflow: hidden !important;\
\}\
\
/* Descrizione Slide */\
.dj-imageslider-description,\
.dj-slider-description,\
.slide-description \{\
  display: block !important;\
  width: 100% !important;\
  padding: 10px !important;\
  background-color: rgba(0, 0, 0, 0.7) !important;\
  color: #fff !important;\
  font-size: 14px !important;\
  text-align: center !important;\
\}\
\
/* Titolo Slide */\
.dj-imageslider-title,\
.dj-slider-title,\
.slide-title \{\
  display: block !important;\
  width: 100% !important;\
  padding: 15px !important;\
  background-color: rgba(0, 0, 0, 0.5) !important;\
  color: #ffffff !important;\
  font-size: 18px !important;\
  font-weight: bold !important;\
  text-align: center !important;\
\}\
\
/* Controlli (Pallini, Frecce, Pulsanti) */\
.dj-imageslider-controls,\
.dj-slider-controls,\
.slider-controls \{\
  display: block !important;\
  width: 100% !important;\
  text-align: center !important;\
  padding: 10px 0 !important;\
  background-color: transparent !important;\
\}\
\
/* Pallini di Navigazione (Bullets) */\
.dj-imageslider-bullets,\
.dj-slider-bullets,\
.slider-bullets \{\
  display: inline-block !important;\
  text-align: center !important;\
  margin: 10px auto !important;\
\}\
\
.dj-imageslider-bullets a,\
.dj-imageslider-bullets span,\
.dj-slider-bullets a,\
.dj-slider-bullets span,\
.slider-bullets a,\
.slider-bullets span \{\
  display: inline-block !important;\
  width: 12px !important;\
  height: 12px !important;\
  margin: 0 5px !important;\
  border-radius: 50% !important;\
  background-color: #ccc !important;\
  cursor: pointer !important;\
  transition: background-color 0.3s ease !important;\
\}\
\
.dj-imageslider-bullets a.active,\
.dj-imageslider-bullets span.active,\
.dj-slider-bullets a.active,\
.dj-slider-bullets span.active,\
.slider-bullets a.active,\
.slider-bullets span.active \{\
  background-color: #333 !important;\
\}\
\
/* Frecce di Navigazione (Arrows) */\
.dj-imageslider-arrow,\
.dj-slider-arrow,\
.slider-arrow,\
.dj-imageslider-prev,\
.dj-imageslider-next \{\
  display: inline-block !important;\
  padding: 10px 15px !important;\
  margin: 0 5px !important;\
  background-color: rgba(0, 0, 0, 0.5) !important;\
  color: #fff !important;\
  border: none !important;\
  border-radius: 3px !important;\
  cursor: pointer !important;\
  font-size: 16px !important;\
  transition: background-color 0.3s ease !important;\
\}\
\
.dj-imageslider-arrow:hover,\
.dj-slider-arrow:hover,\
.slider-arrow:hover,\
.dj-imageslider-prev:hover,\
.dj-imageslider-next:hover \{\
  background-color: rgba(0, 0, 0, 0.8) !important;\
\}\
\
/* Play/Pause Button */\
.dj-imageslider-play,\
.dj-imageslider-pause,\
.dj-slider-play,\
.dj-slider-pause \{\
  display: inline-block !important;\
  padding: 10px 15px !important;\
  margin: 0 5px !important;\
  background-color: rgba(0, 0, 0, 0.5) !important;\
  color: #fff !important;\
  border: none !important;\
  border-radius: 3px !important;\
  cursor: pointer !important;\
  font-size: 14px !important;\
\}\
\
/* ============================================\
   RESPONSIVE - MOBILE\
   ============================================ */\
\
@media (max-width: 768px) \{\
  /* Slider pi\'f9 piccolo su mobile */\
  .dj-imageslider,\
  .dj-image-slider,\
  .slider-container \{\
    width: 100% !important;\
    max-width: 100% !important;\
  \}\
\
  /* Titolo pi\'f9 piccolo su mobile */\
  .dj-imageslider-title,\
  .dj-slider-title,\
  .slide-title \{\
    font-size: 14px !important;\
    padding: 10px !important;\
  \}\
\
  /* Descrizione pi\'f9 piccola su mobile */\
  .dj-imageslider-description,\
  .dj-slider-description,\
  .slide-description \{\
    font-size: 12px !important;\
    padding: 8px !important;\
  \}\
\
  /* Frecce e bottoni pi\'f9 piccoli su mobile */\
  .dj-imageslider-arrow,\
  .dj-slider-arrow,\
  .slider-arrow \{\
    padding: 8px 12px !important;\
    font-size: 14px !important;\
  \}\
\}\
\
/* ============================================\
   POSIZIONI SPECIFICHE DEL TEMPLATE JA STARK\
   ============================================ */\
\
/* Slider in Posizione TOP */\
.position-top .dj-imageslider,\
.top .dj-imageslider \{\
  width: 100% !important;\
  max-width: 1200px !important;\
  margin: 0 auto !important;\
\}\
\
/* Slider in Posizione FEATURED */\
.position-featured .dj-imageslider,\
.featured .dj-imageslider \{\
  width: 100% !important;\
  max-width: 1200px !important;\
  margin: 0 auto !important;\
\}\
\
/* Slider in Posizione COMPONENT */\
.position-component .dj-imageslider,\
.component .dj-imageslider \{\
  width: 100% !important;\
  max-width: 100% !important;\
\}\
\
/* Slider in Posizione SIDEBAR */\
.position-sidebar-r .dj-imageslider,\
.sidebar-r .dj-imageslider,\
.position-sidebar-l .dj-imageslider,\
.sidebar-l .dj-imageslider \{\
  width: 100% !important;\
  max-width: 100% !important;\
\}\
\
/* Slider in Posizione FOOTER */\
.position-footer .dj-imageslider,\
.footer .dj-imageslider \{\
  width: 100% !important;\
  max-width: 1200px !important;\
  margin: 0 auto !important;\
\}\
\
/* Slider in Posizione BOTTOM */\
.position-bottom .dj-imageslider,\
.bottom .dj-imageslider \{\
  width: 100% !important;\
  max-width: 1200px !important;\
  margin: 0 auto !important;\
\}\
\
/* ============================================\
   FIX PER VISIBILIT\'c0\
   ============================================ */\
\
/* Nasconde elementi che potrebbero coprire lo slider */\
.dj-imageslider \{\
  z-index: 10 !important;\
  position: relative !important;\
\}\
\
/* Assicura che nessun overflow nasconda il contenuto */\
.dj-imageslider-wrapper,\
.dj-slider-wrapper \{\
  clear: both !important;\
\}\
\
/* Rimuove bordi/padding indesiderati */\
.moduletable .dj-imageslider,\
.moduletable-top .dj-imageslider,\
.moduletable-featured .dj-imageslider \{\
  margin: 0 !important;\
  padding: 0 !important;\
  border: none !important;\
\}\
\
/* ============================================\
   STYLING AGGIUNTIVO PER ESTETICA\
   ============================================ */\
\
/* Bordo arrotondato (opzionale) */\
.dj-imageslider \{\
  border-radius: 5px !important;\
  overflow: hidden !important;\
\}\
\
/* Ombra (opzionale) */\
.dj-imageslider-wrapper \{\
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\
\}\
\
/* Transizione fluida */\
.dj-imageslider-item,\
.dj-slider-item,\
.slide-item \{\
  transition: opacity 0.5s ease-in-out !important;\
\}\
\
/* Fine Custom CSS */}