/*
 <link rel="stylesheet" href="/portals/0/Cassonetti/4a/css/raccolta.css">
*/
/* ============================
       DNN-SAFE NAMESPACE
       ============================ */
    .flyer-4circ,
    .flyer-4circ p,
    .flyer-4circ li,
    .flyer-4circ h1,
    .flyer-4circ h2,
    .flyer-4circ h3,
    .flyer-4circ h4,
    .flyer-4circ small{
      color:#1f2a33 !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .flyer-4circ{ padding: 18px 0 30px; }
    .flyer-4circ .section{ margin-bottom: 26px; }

    /* Palette (simile alle grafiche) */
    .flyer-4circ .c-green{ color:#0b7a57 !important; }
    .flyer-4circ .bg-green{ background:#0b7a57; }
    .flyer-4circ .bg-green-dark{ background:#075842; }
    .flyer-4circ .bg-lightgreen{ background:#8dc63f; }
    .flyer-4circ .bg-lightergreen{ background:#a9d86a; }
    .flyer-4circ .bg-yellow{ background:#f2df58; }

    /* Titoli */
    .flyer-4circ .title{
      margin: 0 0 10px;
      text-transform: uppercase;
      font-weight: 900;
      letter-spacing: .4px;
      line-height: 1.05;
      color:#0b7a57 !important;
    }
    .flyer-4circ .title.big{ font-size: 40px; }
    .flyer-4circ .subtitle{
      margin: 0 0 12px;
      font-weight: 800;
      color:#2b3a45 !important;
      font-size: 18px;
    }

    /* Barra evidenziata (verde chiaro) */
    .flyer-4circ .highlight-bar{
      display: inline-block;
      font-size: 18px;
      padding: 14px 18px;
      letter-spacing: .2px;
      background:#8dc63f;
      color:#fff !important;
      font-weight: 900;
      text-align: center;
      line-height: 1.25;
      margin: 6px 0 14px;
      border-radius: 2px;
    }
    .flyer-4circ .highlight-bar strong{ color:#073d2f !important; font-weight: 900; font-size: 19px;}

    /* Testi */
    .flyer-4circ .p{
      margin: 0 0 12px;
      font-size: 14.5px;
      line-height: 1.55;
      color:#4d5b66 !important;
      font-weight: 600;
    }

    /* Dropcap (seconda sezione) */
    .flyer-4circ .dropcap{
      float:left;
      font-size: 44px;
      line-height: 42px;
      padding: 1px 10px 0 0;
      color:#0b7a57 !important;
      font-weight: 900;
    }

    /* Kit cards */
    .flyer-4circ .kit-row{ margin-top: 8px; margin-bottom: 10px; }
    .flyer-4circ .kit-item{
      text-align: center;
      margin-bottom: 14px;
    }
    .flyer-4circ .kit-title{
      margin: 0 0 8px;
      font-weight: 900;
      color:#0b7a57 !important;
      font-size: 14px;
      text-transform: none;
      line-height: 1.25;
    }

    /* “nastro” giallo dietro immagine */
    .flyer-4circ .kit-media{
      /*
      position: relative;
      display: inline-block;
      width: 100%;
      max-width: 240px;
      */
    }
    .flyer-4circ .kit-media:before{
      content:"";
      position:absolute;
      left: 8%;
      right: 8%;
      top: 55%;
      height: 22px;
      background: #f2df58;
      opacity: .75;
      transform: rotate(-12deg);
      z-index: 0;
      border-radius: 2px;
    }
    .flyer-4circ .kit-img{
      position: relative;
      z-index: 1;
      max-width: 100%;
      height: auto;
      border: 0;
    }

    /* Box sanzione (verde chiaro grande) */
    .flyer-4circ .sanction-box{
      margin-top: 16px;
      background:#8dc63f;
      padding: 18px 18px;
      border-radius: 2px;
    }
    .flyer-4circ .sanction-title{
      margin: 0 0 10px;
      font-weight: 900;
      text-transform: uppercase;
      color:#0b7a57 !important;
      letter-spacing: .2px;
      font-size: 15px;
    }
    .flyer-4circ .sanction-text{
      margin: 0;
      color:#ffffff !important;
      font-weight: 600;
      line-height: 1.45;
      font-size: 13.5px;
    }

    /* Sezione 2: tabella calendario */
    .flyer-4circ .table-wrap{
      margin: 14px 0 0;
      border-top: 2px solid #0b7a57;
      border-bottom: 0;
    }
    .flyer-4circ .circ-header{
      text-align: center;
      font-weight: 900;
      color:#0b7a57 !important;
      padding: 10px 8px 6px;
      text-transform: uppercase;
      letter-spacing: .3px;
    }

    .flyer-4circ table.schedule{
      width:100%;
      border-collapse: collapse;
      table-layout: fixed;
      background:#fff;
    }
    .flyer-4circ table.schedule th,
    .flyer-4circ table.schedule td{
      border: 2px solid #0b7a57;
      text-align: center;
      padding: 12px 8px;
      font-weight: 800;
      font-size: 15px;
      color:#0f1f2a !important;
    }
    .flyer-4circ table.schedule th{
      background:#ffffff;
      color:#0b7a57 !important;
      text-transform: uppercase;
      font-weight: 900;
      padding: 10px 8px;
      font-size: 14px;
    }

    /* Righe colorate come immagine */
    .flyer-4circ .row-gialla td{ background:#fff59a; }
    .flyer-4circ .row-rossa td{ background:#ff8f8f; }
    .flyer-4circ .row-azzurra td{ background:#8fb9ff; }

    /* Barra orari (verde scuro) */
    .flyer-4circ .hours-bar{
      background:#0b7a57;
      color:#fff !important;
      text-align: center;
      padding: 12px 12px;
      font-weight: 800;
      line-height: 1.35;
      margin: 0;
    }

    .flyer-4circ .note-strong{
      margin: 14px 0 16px;
      text-align:center;
      font-weight: 900;
      color:#0b7a57 !important;
      line-height: 1.35;
      font-size: 13px;
    }

    .flyer-4circ .bottom-callout{
      background:#a9d86a;
      padding: 16px 16px;
      text-align: center;
      font-weight: 900;
      color:#0b7a57 !important;
      border-radius: 2px;
      text-transform: none;
      line-height: 1.35;
    }

    @media (max-width: 767px){

}

    /* Responsive */
    @media (max-width: 767px){
      .flyer-4circ{ padding: 12px 0 22px; }
      .flyer-4circ .title.big{ font-size: 30px; }
      .flyer-4circ table.schedule th,
      .flyer-4circ table.schedule td{
        font-size: 13px;
        padding: 10px 6px;
      }
      .flyer-4circ .kit-media{ max-width: 220px; }
      .flyer-4circ .highlight-bar{ font-size: 16px; padding: 12px 14px; }
     .flyer-4circ .highlight-bar strong{ font-size: 17px; }      
    }