/*************** Breadcrumbs Style ***************/
.breadcrumb__wrapper {
    width: 100%;
    max-width: 1440px;
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    list-style: none;
    border-radius: 0;
    background-color: transparent;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    margin-top: 1.5em;
    margin-bottom: .5em;
}
.breadcrumb a {
    color: #005596;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/";
}

/*************** Calendar Event Specific Breadcrumbs Style ***************/
.breadcrumb__wrapper {
    max-width: 1156px;
    padding: 0 .5em;
}
@media (min-width: 1200px) {
    .breadcrumb__wrapper {
        padding: 0 7em;
    }
    .breadcrumb {
        padding: .75rem 0;
    }
}
    




/*************** Single Banner Style ***************/
#mainBanner.full-width-default, #mainBanner.half-width-carousel, #mainBanner.half-width-default, #mainBanner.hero, #mainBanner.hero-small {
    width: 100%;
    max-width: unset !important;
    position: relative;
}
#mainBanner.full-width-default .default-img-bg {
    background: url(https://www.broward.edu/_global/images/components/redesign/rectangle-1082.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
}
#mainBanner.full-width-default .default-overlay-bg, #mainBanner.half-width-default .default-overlay-bg, #mainBanner.hero-small .default-overlay-bg {
    background: linear-gradient(180deg, #005596 0, #003478 52.08%, #442a7b 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
}
#mainBanner.full-width-default .c-block--hero {
    flex-direction: column;
    min-height: 280px;
    align-items: center;
    justify-content: center;
    display: flex;
    max-width: 1440px;
    margin: auto;
    position: relative;
}
#mainBanner.full-width-default .c-block--hero h1 {
    font-family: Aleo !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 40px !important;
    line-height: 120% !important;
    color: #fff !important;
}
#mainBanner.full-width-default .c-block--hero p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}


@media (min-width: 1200px) {
    #mainBanner.full-width-default .c-block--hero {
        height: 280px;
    }
}








/*************** Calendar Style ***************/
    section.calendar-home {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
  
    .calendar-container .search-filters .search-label {
      font-weight: 600;   
      text-align: center;
    }
    .calendar-container .search-filters .search-controls {
      display: flex;
      gap: 1em;
      flex-wrap: wrap;
      justify-content: center;
    }
    .calendar-container .search-filters .search-input {
      padding: .25em .5em;
      border-radius: 4px;
      margin: 0;
      border: 1px solid #a5a5a5;
    }
    .calendar-container .search-filters .search-controls .events-cta {
      width: 100%;
      max-width: calc(50% - .5em);
    }
    @media (min-width: 768px) {
      .calendar-container .search-filters {
        padding: 2em .5em 3em;
      }
      .calendar-container .search-filters .search-label {
        text-align: left;
      }
      .calendar-container .search-filters .search-controls {
        flex-wrap: nowrap;
      }
      .calendar-container .search-filters .searchInnerContainer {
        margin-right: 2em;
      }
      .calendar-container .search-filters .search-input {
        height: 100%;
      }
      .calendar-container .search-filters .search-controls .events-cta {
        width: auto;
      }
      .calendar-container .search-filters #calendar-filters-btn {
          text-wrap: nowrap;
      }
    }
          
  
  
  
  
  
  
  
  


  .download-calendar .feeds a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .25em;
  }
  
  .calendar-container .download-calendar .feeds a span {
    font-size: 14px;
    color: #2a2623;
    font-weight: 600;
  }
    
  .calendar-container .download-calendar .section-title {
    margin: 0;    
  }
  
  .calendar-container .download-calendar .section-title .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    z-index: 1;
  }
  
  .calendar-container .download-calendar .section-title:after {
      content: none !important;
  }

    .calendar-container .search-filters .download-calendar {
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: .5em;
    }
    .calendar-container .search-filters .download-calendar .feeds {
        display: flex;
        gap: 1em;
        justify-content: center;
    }
    
    
    
    .calendar-container .search-filters {
        width: 100%;
        padding: 2em .5em 2em;
        display: flex;
        flex-direction: column;
        gap: 1.5em;
      }
    
    .calendar-container .featured-all {
        width: 100%;
        overflow: hidden;
        padding-bottom: 2em;
      }
      
      .featured-all .tab-header {
        width: 50%;
      }
    
      .tab-header {
        border-bottom: 2px solid #c9c9c9;
      }
      .tab-header.active {
        border-bottom: 9px solid #005596;
      }
    
      .tab-header h2 {
        font-weight: 500 !important;
        text-align: center;
        font-size: 14px !important;
        margin-bottom: .5em;
      }
      .tab-header.active h2 {
        font-weight: 700 !important;
      }
      
      .featured-all .tab-btn {
        background: none;
        border: none;
        cursor: pointer;
        width: 100%;
      }
        
    
    
    
    
    @media (min-width: 768px) {
      .calendar-container .download-calendar .feeds a span {
        font-size: 16px;
      }
      .calendar-container .download-calendar .section-title .title {
        font-size: 17px;
      }
      .calendar-container .search-filters .download-calendar {
        text-align: right;
      }
      .calendar-container .search-filters .download-calendar .feeds {
        justify-content: end;
      }
      .featured-header h2,
      .all-header h2 {
        font-size: 28px !important;
      }
      .calendar-container .featured-all {
        padding-bottom: 4em;
      }
    }
  
  
  
  
  
  
  
  
    .event.loading {
        opacity: .25;
    }
    .event.loading .loading-inner {
        background: #f4f4f473;
        border-radius: 8px;
        overflow: hidden;
        height: 100%;
    }
    .event.loading .event-image {
        background: #e2e2e2;
    }
    .event.loading .event-details .gray-title {
        height: 16px;
        width: 100%;
        background: #e2e2e2;
        margin: 0 .25rem .25rem;
    }
    .event.loading .event-details .details {
        width: -webkit-fill-available;
        margin-bottom: .5em;
        row-gap: .5em;
    }
    .event.loading .details .gray-detail {
        height: 12px;
        background: #e2e2e2;
        width: 100%;
    }
    .event.loading .details .gray-detail.last {
        width: 50%;
    }
    
    @keyframes fadeLoop {
      0% {
        opacity: .25; /* Start completely transparent */
      }
      50% {
        opacity: 1; /* Fully opaque in the middle of the cycle */
      }
      100% {
        opacity: .25; /* Back to completely transparent at the end */
      }
    }
    .event.loading:nth-child(1) {
      animation-delay: 0s;
    }
    .event.loading:nth-child(2) {
      animation-delay: 0.25s;
    }
    .event.loading:nth-child(3) {
      animation-delay: 0.5s;
    }
    .event.loading {
      animation-name: fadeLoop; /* The name of your keyframes */
      animation-duration: 2s; /* The total duration of one cycle */
      animation-iteration-count: infinite; /* Loop indefinitely */
      animation-timing-function: ease-in-out; /* Smooth acceleration and deceleration */
    }
      
      
  
  
  
  
  
  
  


  .events-list {
    row-gap: 4em;
    margin-left: -.75em;
    margin-right: -.75em;
  }

  .event {
    padding-right: .75em;
    padding-left: .75em;
  }

  .event a {
    text-decoration: none;
    display: block;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
    color: inherit;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    background: #fff;
  }

  .event-image {
    background-size: cover;
    background-position: center;
    aspect-ratio: 4 / 3;
  }

  .event-details {
    padding: .75em 1em 1.5em;
  }
  
  .calendar-container .event-details .featured-details {
    display: flex;
    align-items: center;
    gap: .3em;
    margin-bottom: .5em;
  }
  
  .calendar-container .event-details .featured-details h6 {
    margin:0;
    font-size: 9px !important;
    margin-top: 2px;
  }

  .event-details h3.title {
    font-size: 16.44px !important;
    margin: 0 .25rem .25rem;
  }

  .event-details hr {
    margin: 1em -6px 1em;
    height: 1px;
  }

  .details {
    display: flex;
    flex-direction: column;
    gap: .5em;
    margin: 0 .25rem;
    font-weight: 600;
    width: -webkit-fill-available;
  }

  .details .date, .details .recurrence, .details .time, .details .location {
    display: flex;
    align-items: start;
    gap: .5em;
    font-size: 12.34px;
  }
  
  .details .date i, .details .recurrence i, .details .time i, .details .location i {
    font-weight: bold;
  }

  .date-img {
    background: linear-gradient(180deg,#005596 0,#003478 36.72%,#442a7b 81.51%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10%;
  }

  .date-img .date-img-bg {
    background: #fff;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    text-align: center;
    font-size: 38px;
    font-family: 'Open Sans';
    font-style: normal;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
    min-height: 124px;
    max-height: 200px;
  }

  .month {
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    background: linear-gradient(#005596 0, #003478 36.72%, #442a7b 81.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .day {
    font-family: 'Aleo';
    font-size: 64px;
    font-weight: 500;
    line-height: 100%;
    background: linear-gradient(#005596 0, #003478 36.72%, #442a7b 81.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .load-more {
    padding: 3em 0 4em;
    display: flex;
    justify-content: center;
    gap: 1em;
  }
  
  @media (min-width: 768px) {
    .load-more {
        padding: 6em 0 7em;
      }
  }
  
  .event-details i.featured-event {
        background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='24' viewBox='0 0 18 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.38036 7.18216L5.38632 7.17687L5.39211 7.17139C5.54361 7.02786 5.70685 6.88042 5.8771 6.72665C6.49675 6.16696 7.20932 5.52335 7.78759 4.67903C8.42137 3.75367 8.90089 2.58948 9.04116 0.992005C9.42113 1.3123 9.90055 1.75698 10.3749 2.30607C11.4167 3.51209 12.3844 5.16276 12.3135 7.07176C12.2627 8.18606 12.1191 8.93266 11.7798 9.673C11.4345 10.4268 10.873 11.2046 9.92538 12.3607L9.90962 12.3777C9.89167 12.3974 9.86694 12.4251 9.83699 12.4601C9.77722 12.53 9.69596 12.6297 9.60608 12.7535C9.42851 12.998 9.2067 13.3509 9.05588 13.7633C8.90532 14.1749 8.81416 14.6778 8.94296 15.1995C9.07483 15.7337 9.42139 16.2231 10.0274 16.6222C10.5724 16.982 11.2912 16.9682 11.9641 16.7624C12.6534 16.5517 13.3846 16.1164 14.0452 15.491C15.1481 14.4469 16.0822 12.847 16.3111 10.7778C16.3303 10.8079 16.3497 10.8387 16.3691 10.8704C16.8198 11.6046 17.3297 12.805 17.4952 14.6267C17.4951 14.7743 17.4935 14.8932 17.4739 15.03L17.4688 15.0656V15.1016C17.4688 15.9406 17.3456 16.7556 17.1235 17.5219C16.3613 20.0016 14.4997 21.994 12.0972 22.9388C12.0763 22.9445 12.0589 22.9505 12.0455 22.9555C12.0346 22.9596 12.0247 22.9636 12.0164 22.9673L12.0038 22.9714C11.5599 23.1194 11.148 23.2409 10.6948 23.3385C10.6873 23.3382 10.6796 23.338 10.6718 23.338H10.6301L10.589 23.3449C10.514 23.3573 10.432 23.37 10.3463 23.3832L10.3447 23.3834C10.2608 23.3963 10.1732 23.4098 10.0917 23.4234L9.93192 23.4499L9.91947 23.4624C9.71657 23.4809 9.51202 23.495 9.31077 23.495H9.23226H9.07526H8.97065C7.29475 23.495 5.94917 23.0032 4.92538 22.345L4.91171 22.3362L4.89751 22.3283C4.01249 21.8367 3.22448 21.1722 2.584 20.3838L2.58281 20.3824C2.46927 20.2437 2.38143 20.1307 2.32256 20.0532C2.29314 20.0145 2.27099 19.9847 2.25651 19.9651L2.24062 19.9433L2.2371 19.9384L2.2366 19.9377L2.23655 19.9377L2.23653 19.9376L2.23648 19.9376L2.23647 19.9376L2.23643 19.9375L2.23402 19.9342C1.25007 18.5814 0.681711 16.9057 0.681711 15.0752C0.681711 12.5074 1.84203 10.1873 3.66798 8.6575L3.68503 8.64322L3.70075 8.62749L3.70327 8.62498C3.72871 8.60493 3.75454 8.58342 3.77376 8.56741L3.77777 8.56407C3.82498 8.52476 3.88707 8.47231 3.9587 8.41138C4.10225 8.28928 4.28806 8.12978 4.47815 7.9659C4.85714 7.63919 5.25923 7.28987 5.38036 7.18216Z' fill='url(%23paint0_linear_3102_5810)' stroke='%23D64000' stroke-width='1.00991'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3102_5810' x1='5.67676' y1='23.5' x2='16.6768' y2='4.5' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.0668345' stop-color='%23E54500'/%3e%3cstop offset='0.556852' stop-color='%23FFF502'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        height:24px;
        width:18px;
        background-repeat:no-repeat;
        display: block;
        scale: 80%;
    }
    .cavier-Alarm:before {
        content: "\e992"
    }
    .cavier-Building:before{
        content:"\ea73"
    }
    .cavier-Share---3:before{
        content:"\ea1b"
    }
    .cavier-Link1:before{
        content:"\eafd"
    }
    .cavier-Mail:before{
        content:"\eaa7"
    }
    .cavier-Restore:before {
        content: "\e9bf";
    }
    .cavier-TV:before{
        content:"\ea3d"
    }
    .cavier-User:before{
        content:"\eab7"
    }
    .cavier-World:before{
        content:"\ea7e"
    }
    .container.calendar-container {
        padding:0 1.5em;
    }
    
    .details .recurrence .icon-container {
	    height: 13px;
        width: 12.34px;
        display: flex;
        align-items: center;
        justify-content: end;
    }
    .details .recurrence .recurring-icon, .events-block .event-details .date i.recurring-icon {
	    display: block;
        background-repeat: no-repeat;
        background-position: center;
        scale: 1.175;
        height: 12.34px;
        width: 12.34px;
        margin-right: -1px;
    }
        
    
    
    
    
    
    
    
    
    
    #calendar-filters-dynamic-modal {
        min-width: 300px;
        position: absolute;
        background: #fff;
        top: calc(100% + .5em);
        border-radius: 8px;
        box-shadow: 7px 2px 20px 2px rgb(0 0 0 / 40%);
        padding: 0 0 1.5em;
        padding: 0;
        z-index: 9;
        text-align: left;
        right: .5em;
        width: calc(100vw - 3em);
    }
    #mobile-calendar-filters-dynamic-modal .modal-content {
        padding: 24px;
        color: #2a2623;
    }
    #calendar-filters-dynamic-modal .close-container, #mobile-calendar-filters-dynamic-modal .close-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .5em .5em 0;
    }
    #calendar-filters-dynamic-modal .close-container .main-label, #mobile-calendar-filters-dynamic-modal .close-container .main-label {
        margin: 0;
        padding: 0 1em 0 .5em;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 130%;
    }
    #calendar-filters-dynamic-modal .close-container .close, #mobile-calendar-filters-dynamic-modal .close-container .close {
        display: flex;
    }
    #calendar-filters-dynamic-modal .close-container .close i, #mobile-calendar-filters-dynamic-modal .close-container .close i {
        padding: .5em;
        font-size: 24px;
    }
    #calendar-filters-dynamic-modal .filters-container, #mobile-calendar-filters-dynamic-modal .filters-container {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: calc(100vh - 120px - 2.5em);
        display: flex;
        flex-direction: column;
    }
    #calendar-filters-dynamic-modal .active-filters-container, #mobile-calendar-filters-dynamic-modal .active-filters-container {
        padding: 0.5em 1em 0;
        margin-bottom: 1em;
        display: flex;
        gap: 1em;
        line-height: 100%;
        flex-wrap: wrap;
    }
    #calendar-filters-dynamic-modal .active-filters-container .active-filter, #mobile-calendar-filters-dynamic-modal .active-filters-container .active-filter {
        background: #e2e2e2;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5em 0.75em;
        border-radius: 4px;
        font-size: 10px;
        width: calc(50% - 8px);
    }
    #calendar-filters-dynamic-modal .active-filters-container .active-filter i, #mobile-calendar-filters-dynamic-modal .active-filters-container .active-filter i {
        font-size: 14px;
        padding: 0.5em;
    }
    #calendar-filters-dynamic-modal .filters-container .filter-group, #mobile-calendar-filters-dynamic-modal .filters-container .filter-group {
        padding: .5em 1em 0;
        margin-bottom: 1em;
    }
    #calendar-filters-dynamic-modal .filters-container .filter-group.filter-btns, #mobile-calendar-filters-dynamic-modal .filters-container .filter-group.filter-btns {
        margin-bottom: 1.5em;
    }
    #calendar-filters-dynamic-modal .filters-container .filter-label, #mobile-calendar-filters-dynamic-modal .filters-container .filter-label {
        width: 100%;
        margin-bottom: .25em;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        text-transform: none;
        font-size: 16px;
        line-height: 150%;
        padding: 0;
    }
    #calendar-filters-dynamic-modal .filters-container .filter-input-group, #mobile-calendar-filters-dynamic-modal .filters-container .filter-input-group {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        max-width: fit-content;
        flex-direction: column;
        margin: 0;
        gap: .5em;
        max-width: 100%;
    }
    #calendar-filters-dynamic-modal .filters-container .filter-input-group.date-range, #mobile-calendar-filters-dynamic-modal .filters-container .filter-input-group.date-range {
        flex-direction: row;
    }
    #calendar-filters-dynamic-modal .filters-container .filter-input-group input, #mobile-calendar-filters-dynamic-modal .filters-container .filter-input-group input {
        padding: 0.25em 0.5em; 
        border-radius: 4px;
        font-size: 12px;
        border: 1px solid #a5a5a5;
    }
    #calendar-filters-dynamic-modal .filters-container .filter-input-group input.multi, #mobile-calendar-filters-dynamic-modal .filters-container .filter-input-group input.multi {
        width: 100%;
    }
    #calendar-filters-dynamic-modal .filters-container .filter-group.filter-btns .filter-input-group, #mobile-calendar-filters-dynamic-modal .filters-container .filter-group.filter-btns .filter-input-group {
        flex-direction: row;
        margin: 0;
        margin-top: .5em;
        gap: 1em;
        max-width: 100%;
        justify-content: space-between;
    }
    #calendar-filters-dynamic-modal .filters-container .filter-group.filter-btns .filter-input-group button, #mobile-calendar-filters-dynamic-modal .filters-container .filter-group.filter-btns .filter-input-group button {
        font-size: 16px;
        white-space: nowrap;
    }
    #calendar-filters-dynamic-modal .filter-group.filter-btns, #mobile-calendar-filters-dynamic-modal .filter-group.filter-btns {
          padding: .5em 1em 0;
          margin-bottom: 1.5em;
    }
    #calendar-filters-dynamic-modal .filter-group.filter-btns .filter-input-group, #mobile-calendar-filters-dynamic-modal .filter-group.filter-btns .filter-input-group {
          width: 100%;
          display: flex; 
          align-items: center; 
          flex-direction: row;
          margin: 0;
          margin-top: .5em;
          gap: 1em;
          max-width: 100%;
          justify-content: space-between;
    }
    #calendar-filters-dynamic-modal .filter-group.filter-btns .filter-input-group button, #mobile-calendar-filters-dynamic-modal .filter-group.filter-btns .filter-input-group button {
          width: 100%;
          font-size: 16px;
          white-space: nowrap;
    }
    #calendar-filters-dynamic-modal .filters-container .filter-input-group .date-range-to, #mobile-calendar-filters-dynamic-modal .filters-container .filter-input-group .date-range-to {
        font-weight: 700;
    } 
    
    #calendar-filters-dynamic-modal .options, #mobile-calendar-filters-dynamic-modal .options {
        padding: 0.25em 0.5em;
        border-radius: 4px;
        border: 1px solid #a5a5a5;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .75em;
        font-size: 12px;
    }
    #calendar-filters-dynamic-modal .options.tag-options, #mobile-calendar-filters-dynamic-modal .options.tag-options {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 50%));
        gap: unset;
    }
    #calendar-filters-dynamic-modal .options.tag-options .option-group, #mobile-calendar-filters-dynamic-modal .options.tag-options .option-group {
        margin-bottom: .75em;
    }
    #calendar-filters-dynamic-modal .tag-options .option-group input, #mobile-calendar-filters-dynamic-modal .tag-options .option-group input {
        margin-top: 0.3em;
    }
    #calendar-filters-dynamic-modal .options .option-group label, #mobile-calendar-filters-dynamic-modal .options .option-group label {
        display: flex;
        justify-content: start;
        gap: .5em;
        align-items: center;
        font-weight: 600;
        padding: 0;
    }
    #calendar-filters-dynamic-modal .tag-options .option-group label, #mobile-calendar-filters-dynamic-modal .tag-options .option-group label {
        align-items: start;
    }
    #calendar-filters-dynamic-modal .options .option-group input, #mobile-calendar-filters-dynamic-modal .options .option-group input {
        width: 16px;
    }
    
    #calendar-filters-dynamic-modal .audience-filter .audience-deco, #mobile-calendar-filters-dynamic-modal .audience-filter .audience-deco {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        margin-left: auto;
        margin-right: .5em;
    }
    #calendar-filters-dynamic-modal .audience-deco.alumni, #mobile-calendar-filters-dynamic-modal .audience-deco.alumni {
        background: #005596;
    }
    #calendar-filters-dynamic-modal .audience-deco.community, #mobile-calendar-filters-dynamic-modal .audience-deco.community {
        background: #00c07f;
    }
    #calendar-filters-dynamic-modal .audience-deco.faculty, #mobile-calendar-filters-dynamic-modal .audience-deco.faculty {
        background: #f78d33;
    }
    #calendar-filters-dynamic-modal .audience-deco.international, #mobile-calendar-filters-dynamic-modal .audience-deco.international {
        background: #f6cb2f;
    }
    #calendar-filters-dynamic-modal .audience-deco.staff, #mobile-calendar-filters-dynamic-modal .audience-deco.staff {
        background: #45b3e0;
    }
    #calendar-filters-dynamic-modal .audience-deco.student, #mobile-calendar-filters-dynamic-modal .audience-deco.student {
        background: #e0474c;
    }
    
    
    #calendar-filters-dynamic-modal .selectInnerContainer, #mobile-calendar-filters-dynamic-modal .selectInnerContainer, .add-to-calendar-group .selectInnerContainer {
        width: 100%;
        position: relative;
    }
    #calendar-filters-dynamic-modal .selectIndicatorGroup, #mobile-calendar-filters-dynamic-modal .selectIndicatorGroup, .add-to-calendar-group .selectIndicatorGroup {
         position: absolute;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         z-index: 1;
         background: #fff;
         border-radius: 4px;
         right: 2px;
         top: 4px;
         height: calc(100% - 8px);
         width: 26px;
         padding-right: 6px;
         padding-left: 6px;
         pointer-events: none;
    }
     #calendar-filters-dynamic-modal .selectIndicatorGroup .selectUp, #mobile-calendar-filters-dynamic-modal .selectIndicatorGroup .selectUp, .add-to-calendar-group .selectIndicatorGroup .selectUp {
         background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.87885 0.569614C4.07826 0.29044 4.49317 0.29044 4.69258 0.569614L8.0067 5.20938C8.24308 5.54031 8.00652 6 7.59983 6L0.971593 6C0.564907 6 0.328345 5.54031 0.564727 5.20938L3.87885 0.569614Z' fill='%232A2623'/%3e%3c/svg%3e ");
         width: 8px;
         height: 6px;
         display: block;
         background-repeat: no-repeat;
         margin-bottom:2px;
    }
     #calendar-filters-dynamic-modal .selectIndicatorGroup .selectDown, #mobile-calendar-filters-dynamic-modal .selectIndicatorGroup .selectDown, .add-to-calendar-group .selectIndicatorGroup .selectDown {
         background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.69342 5.43039C4.49401 5.70956 4.0791 5.70956 3.87969 5.43039L0.565568 0.79062C0.329187 0.459686 0.565748 2.54789e-07 0.972434 2.90288e-07L7.60067 8.68864e-07C8.00736 9.04364e-07 8.24392 0.459686 8.00754 0.79062L4.69342 5.43039Z' fill='%232A2623'/%3e%3c/svg%3e ");
         width: 8px;
         height: 6px;
         display: block;
         background-repeat: no-repeat;
    }
    
    .calendar-container  .searchInnerContainer {
         position: relative;
         width: 100%;
    }
     .calendar-container  .searchInnerContainer .searchLoupeIcon {
         position: absolute;
         top: 0;
         right: .5rem;
         width: 20px;
         height: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
         color: #2A2623;
         background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.61752 10.0317C7.73148 10.6424 6.6575 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.6575 10.6424 7.73148 10.0317 8.61752L13.7071 12.2929L12.2929 13.7071L8.61752 10.0317ZM5.5 9C7.433 9 9 7.433 9 5.5C9 3.567 7.433 2 5.5 2C3.567 2 2 3.567 2 5.5C2 7.433 3.567 9 5.5 9Z' fill='%232A2623'/%3e%3c/svg%3e ");
         background-repeat: no-repeat;
         background-position: center;
         cursor: pointer;
    }
     .calendar-container  .searchInnerContainer .cavier-Cross {
         right: calc(0.5rem + 23px);
         position: absolute;
         top: 0;
         width: 20px;
         height: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
         color: #2A2623;
    }
     .calendar-container  .searchInnerContainer .cavier-Cross.hide {
         display:none;
    }
     .calendar-container  .searchInnerContainer .cavier-Cross:before {
         z-index: 1;
    }
     .calendar-container  .searchInnerContainer .cavier-Cross:hover .cross-bg, .calendar-container  .searchInnerContainer .cavier-Cross:focus .cross-bg {
         background: #f4f4f4;
         height: 20px;
         width: 20px;
         position: absolute;
         border-radius: 20px;
         z-index: 0;
    }
    #mobile-calendar-filters-dynamic-modal .filters-container .filter-input-group.date-range, #mobile-calendar-filters-dynamic-modal .filter-group.filter-btns .filter-input-group {
    	flex-wrap: wrap
    }
    @media (min-width: 476px) {
    	#mobile-calendar-filters-dynamic-modal .filters-container .filter-input-group.date-range, #mobile-calendar-filters-dynamic-modal .filter-group.filter-btns .filter-input-group {
    		flex-wrap: nowrap
    	}
    }

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    #calendar-resources-btn {
        max-width: 44px;
        padding: .5em 1.25em !important;
    }
    .menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        max-height: 22px;
        pointer-events: none;
    }
    .menu-toggle .toggle-i {
        height: 6px;
        width: 6px;
        display: block;
        background: #005596;
        border-radius: 50%;
    }
    #calendar-resources-dynamic-modal {
        position: absolute;
        background: #fff;
        top: calc(100% + .5em);
        border-radius: 8px;
        box-shadow: 7px 2px 20px 2px rgb(0 0 0 / 40%);
        padding: 0 0 1.5em;
        z-index: 9;
        text-align: left;
        right: .5em;
        width: calc(100vw - 3em);
    }
    #mobile-calendar-resources-dynamic-modal .modal-content {
        padding: 24px 24px 36px;
        color: #2a2623;
    }
    #calendar-resources-dynamic-modal .close-container, #mobile-calendar-resources-dynamic-modal .close-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .5em .5em 0;
    }
    #calendar-resources-dynamic-modal .close-container .main-label, #mobile-calendar-resources-dynamic-modal .close-container .main-label {
        margin: 0;
        padding: 0 1em 0 .5em;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 130%;
    }
    #calendar-resources-dynamic-modal .close-container .close, #mobile-calendar-resources-dynamic-modal .close-container .close {
        display: flex;
    }
    #calendar-resources-dynamic-modal .close-container .close i, #mobile-calendar-resources-dynamic-modal .close-container .close i {
        padding: .5em;
        font-size: 24px;
    }
    #calendar-resources-dynamic-modal .resource-container, #mobile-calendar-resources-dynamic-modal .resource-container {
        overflow-y: auto;
        max-height: calc(100vh - 120px - 2.5em);
        display: flex;
        flex-direction: column;
    }
    #calendar-resources-dynamic-modal .resource-container .resource-group, #mobile-calendar-resources-dynamic-modal .resource-container .resource-group {
        padding: 2px 1em 0;
    }
    #calendar-resources-dynamic-modal .resource-container .resource-sub-label, #mobile-calendar-resources-dynamic-modal .resource-container .resource-sub-label {
        width: 100%;
        margin-bottom: .75em;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 130%;
    }
    #calendar-resources-dynamic-modal .resource-container .resource-options, #mobile-calendar-resources-dynamic-modal .resource-container .resource-options {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        align-items: center;
        margin: 0 0 .75em;
        gap: 1em;
    }
    #calendar-resources-dynamic-modal  .resource-container .resource-options a, #mobile-calendar-resources-dynamic-modal  .resource-container .resource-options a {
        width: 100%;
        gap: .5em;
    }
    #calendar-resources-dynamic-modal .resource-container .resource-options:not(:last-child), #mobile-calendar-resources-dynamic-modal .resource-container .resource-options:not(:last-child) {
        margin-bottom: 1em;
    }
    
    
    
    #calendar-filters-dynamic-modal {
        visibility: hidden;
        opacity: 0;
        transition: all .25s ease-out;
        transform: translate(0px, -10px);
    }
    #calendar-resources-dynamic-modal {
        visibility: hidden;
        opacity: 0;
        transition: all .25s ease-out;
        transform: translate(0px, -10px);
    }
    #calendar-filters-dynamic-modal.active, #calendar-resources-dynamic-modal.active {
        visibility: visible;
        opacity: 1;
        transform: translate(0px, 0px);
    }

@media (min-width: 576px) {
    #calendar-filters-dynamic-modal {
        right: 183px;
        max-width: 400px;
    } 
    #calendar-filters-dynamic-modal .filters-container {
        max-height: 676px;
    }
    #calendar-resources-dynamic-modal {
        width: auto;
    }
}
@media (min-width: 1200px) {
    .container.calendar-container {
        padding:0 .5em;
        padding:0 7rem;
    }
}






/*************** Calendar Search Results Style ***************/
    
    
    .search-results-row .search-results-title {
        text-align: center;
        font-size: 32px !important;
    }
    .search-results-row .back-to-all {
        text-align: center;
        order: 2;
    }
    .search-results-row .search-results-desc {
        text-align: center;
    }
    .search-results-row .search-results-desc span {
        font-size: 13px;
    }
        
    
    
    .calendar-container .featured-all .search-results-row {
        align-items: start;
    }
    .calendar-container .search-results-row .back-to-all a {
        margin-top: 1em;
    }
    
    .calendar-container .search-results-row #active-filters-outer-container.hide {
        display: none;
    }
    .calendar-container .search-results-row .active-filters-container {
        padding: .5em 0 0;
        margin: 0 auto 1em;
        gap: 1em;
        line-height: 84%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(125px, max-content));
        justify-content: center;
        transition: all .25s ease-out;
        max-height: calc(.5em + 1em + 37px * 2);
        overflow: hidden;
    }
    .calendar-container .search-results-row .active-filters-container .active-filter {
        background: #e2e2e2;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5em 1em;
        border-radius: 4px;
        font-size: 10px;
        line-height: 10px;
        max-width: 128px;
        list-style-type: none;
        width: 100%;
        height: 37px;
    }
    .calendar-container .search-results-row .active-filters-container .active-filter .remove {
        font-size: 14px; 
        padding: 0.25em; 
        padding: 0;
        cursor: pointer;
    }
    .calendar-container .search-results-row .show-selected-filters-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: .5em;
    }
    .calendar-container .search-results-row .show-selected-filters-container .show-selected-filters {
        display: flex; 
        flex-direction: column; 
        align-items: center;
    }
    .calendar-container .search-results-row .show-selected-filters-container .show-selected-filters button {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: none;
        border: none;
        font-size: 8.24px; 
        font-weight: bold; 
        text-transform: uppercase;
        padding: 0;
        color: #2a2623;
        cursor: pointer;
    }
    .calendar-container .search-results-row .show-selected-filters-container .show-selected-filters i {
        font-size: 28px; 
        margin-top: -8px
    }
    
    
    @media (min-width: 768px) {
        .calendar-container .search-results-row .search-results-title {
            text-align: left;
            font-size: 40px !important;
        }
        .calendar-container .search-results-row .back-to-all {
            text-align: right;
            order: unset;
        }
        .calendar-container .search-results-row .show-selected-filters-container {
            align-items: end;
        }
        .calendar-container .search-results-row .search-results-desc {
            text-align: left;
        }
        .calendar-container .search-results-row .search-results-desc span {
            font-size: 16px;
        }
        
        .calendar-container .search-results-row .active-filters-container {
            padding: 2.5em 50px 0;
            max-height: calc(2.5em + 1em + 37px * 2);
            max-width: 932px;
        }
        .calendar-container .search-results-row .show-selected-filters-container {
            margin-bottom: 2.5em;
        }
    }
        
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
/*************** Calendar Event Details Style ***************/
  .event-hero-container {
      position: relative;
      max-width: 1156px;
      margin: auto;
      padding: 2em 1.5em;
  }
  .event-hero {
    display: flex;
    background: #fff;
    border-radius: 12px;
    flex-direction: column-reverse;
    gap: 1em;
    padding: 1em;
  }
  .event-hero .hero-details {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0 1em;
  }
  .event-hero .hero-details h1 {
    font-size: 22px !important;
    margin-bottom: 1.5rem;
    line-height: 150% !important;
  }
  .event-hero .hero-details span {
    font-size: 16px;
    font-weight: 600;
  }
  .event-hero .event-info .recurring-dates {
      font-size: 16px;
      color: #005596;
      white-space: nowrap;
      position: relative;
  }
  .event-hero .event-info .recurring-dates .recurring-dates-tooltip {
      font-family: 'Open Sans';
      background: #f4f4f4;
      display: block;
      opacity: 0;
      padding: 10px 20px;
      pointer-events: none;
      position: absolute;
      font-size: 12px;
      line-height: 200%;
      border-radius: 8px;
      z-index: 2;
      -webkit-transform: translate(0%, 00%);
      -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
      -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
      -o-transition: all .25s ease-out;
      transition: all .25s ease-out;
      right: -24px;
      width: fit-content;
      white-space: normal;
      color: #2a2623;
    }
    .event-hero .event-info .recurring-dates.active .recurring-dates-tooltip {
     opacity: 1;
     pointer-events: auto;
     -webkit-transform: translate(0%, 10px);
      -moz-transform: translate(0%, 10px);
      -ms-transform: translate(0%, 10px);
      -o-transform: translate(0%, 10px);
      transform: translate(0%, 10px);
    }
      .event-hero .event-info .recurring-dates .recurring-dates-tooltip:before {
        content: " ";
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        top: -20px;
        height: 20px;
    }
     .event-hero .event-info .recurring-dates .recurring-dates-tooltip:after {
         border-left: solid transparent 10px;
        border-right: solid transparent 10px;
        border-bottom: solid #f4f4f4 10px;
        content: " ";
        height: 0;
        left: calc(50% - 10px);
        position: absolute;
        width: 0;
        top: -9px;
    }
     .event-hero .event-info .recurring-dates .recurring-dates-tooltip .close {
         position: absolute;
         top: 0;
         right: 0;
         padding: 3.5px 3.5px 0;
         font-size: 13px !important;
    }
     .event-hero .event-info .recurring-dates .recurring-dates-tooltip .recurring-dates-tooltip-inner {
         max-height: 120px;
         overflow: hidden;
    }
  .event-hero .event-share {
    display: flex;
    justify-content: end;
    position: relative;
    margin-top: 1em;
  }
  .event-hero .event-share button {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: .75em;
    background: none;
    border: none;
    cursor: pointer;
  }
  .event-hero .event-share button i {
    font-size: 16px;
  }
  .event-hero .hero-img {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 5 / 3;
  }
  
  @media (min-width: 576px) {
    .event-hero {
        padding: 1.5em 2.5em;
    }
  }
  @media (min-width: 768px) {
    .event-hero {
       padding: .75em;
       flex-direction: row;
       gap: 3em; 
    }
    .event-hero .hero-details {
        width: 50%;
        padding: 0 0 0 1em;
    }
    .event-hero.no-image .hero-details {
        width: 100%;
        padding: 1em 2em;
    }
    .event-hero .hero-details h1 {
        font-size: 27px !important;
    }
    .event-hero .hero-details span {
        font-size: 22px;
    }
    .event-hero .event-share button {
        font-size: 16px;   
    }
    .event-hero .event-share button i {
        font-size: 22px;
    }
    .event-hero .hero-img {
        width: 50%;
    }

    .event-hero .event-info .recurring-dates:hover .recurring-dates-tooltip {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translate(0%, 10px);
      -moz-transform: translate(0%, 10px);
      -ms-transform: translate(0%, 10px);
      -o-transform: translate(0%, 10px);
      transform: translate(0%, 10px);
    }
    .event-hero .event-info .recurring-dates .recurring-dates-tooltip .close {
        display: none;
    }

  }



  section.calendar-details {
        padding-top: 0 !important;
  }

    .calendar-container .event-details-container {
    padding-top: 1.5em;
  }
  .calendar-container .event-details-main {
    order: 2; 
    display: flex;
    flex-direction: column;
  }
  .calendar-container .add-to-calendar-container {
      order: 1;
      display: flex;
      justify-content: center;
  }
  .calendar-container .event-details-main .date-time-details h5 {
    margin-bottom: 0.5em;
  }
  .calendar-container .event-details-main i {
    font-size: 20px;
    color: #003478;
  }
  .calendar-container .event-details-main i.no-icon {
    width: 20px; 
    height: 20px; 
  }
  .calendar-container .event-details-main .date-time-details .date-time-group {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
  }
  .calendar-container .event-details-main .date-time-details .date-time {
    display: flex;
    align-items: center;
    gap: 0.75em;
  }
  .event-details-main .date-time .icon-container {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: end;
  }
  .event-details-main .date-time .icon-container .recurring-icon {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    scale: 1.7;
    height: 20px;
    width: 20px;
    margin-right: -1px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(99%) saturate(1514%) hue-rotate(198deg) brightness(92%) contrast(107%);
  }
  .calendar-container .event-details-main .other-details {
    margin-top: 3em;
  }
  .calendar-container .event-details-main .other-details h5 {
    margin-bottom: 1.25em;
  }
  .calendar-container .event-details-main .other-details .other-group {
    display: flex;
    flex-direction: column;
    gap: 1.25em;
  }
  .calendar-container .event-details-main .other-details .other {
    display: flex;
    align-items: center;
    gap: 0.75em;
  }
  .calendar-container .event-details-container .add-to-calendar-group {
    margin-bottom: 3em;
    display: flex;
    gap: 1em;
    flex-direction: column;
  }
  select {
    appearance: none;
  }
  .add-to-calendar-group #add-to-calendar-select {
    padding: .25em;
    border-radius: 4px;
    width: 100%;
  }
  .calendar-container .event-details-container .add-to-calendar-group button {
    gap: .5em;
  }
  .calendar-container .event-details-about {
    order: 3;
    margin-top: 3em;
  }
  .calendar-container .event-details-about h5 {
    margin-bottom: 1em;
  }
  
  
  .calendar-container .event-details-category {
    order: 4;
    margin-top: 5em;
    margin-bottom: 5em;
  }
  .calendar-container .event-details-category h5 {
    margin-bottom: 1em;
    font-size: 16px !important;
  }
  .calendar-container .event-details-category .card {
    padding: 1em; 
    border-radius: 8px;
    font-size: 14px;
  }
  .calendar-container .event-details-category .card .row {
    row-gap: 2em;
  }
  .calendar-container .event-details-category .card .category-label {
    display: block; 
    margin-bottom: 1em
  }
  .calendar-container .event-details-category .card .category-list {
    display: flex; 
    flex-direction: column;
    padding: 0;
    gap: 0.5em
  }
    .event-details-category .card .category-list a {
	    color: unset;
        text-decoration: unset;
    }
    .event-details-category .card .category-list a:hover, .event-details-category .card .category-list a:focus {
        color: unset;
    	text-decoration: underline;
    }
  
  
  
  
  
  #add-to-calendar-select-dynamic-modal, #event-share-select-dynamic-modal {
    position: absolute;
    background: #fff;
    top: calc(100% + .5em);
    border-radius: 8px;
    box-shadow: 7px 2px 20px 2px rgb(0 0 0 / 40%);
    padding: 0 0 .75em;
    z-index: 9;
    text-align: left;
    right: 0;
    width: 100%;
  }
  #mobile-event-share-select-dynamic-modal .modal-content, #mobile-add-to-calendar-select-dynamic-modal .modal-content {
      padding: 24px 24px 36px;
      color: #2a2623;
  }
  #add-to-calendar-select-dynamic-modal, #event-share-select-dynamic-modal {
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease-out;
    transform: translate(0px, -10px);
  }
  #event-share-select-dynamic-modal {
    max-width: 219px;  
  }
  #add-to-calendar-select-dynamic-modal.active, #event-share-select-dynamic-modal.active {
    visibility: visible;
    opacity: 1;
    transform: translate(0px, 0px);
  }
  #add-to-calendar-select-dynamic-modal .close-container, #event-share-select-dynamic-modal .close-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5em .5em 0;
  }
  #add-to-calendar-select-dynamic-modal .close-container .close, #event-share-select-dynamic-modal .close-container .close {
    display: flex;
  }
  #add-to-calendar-select-dynamic-modal .close-container .close i, #event-share-select-dynamic-modal .close-container .close i {
    padding: .25em;
    font-size: 24px;
  } 
    #event-share-select-dynamic-modal .close-container .main-label, #mobile-event-share-select-dynamic-modal .close-container .main-label, #add-to-calendar-select-dynamic-modal .close-container .main-label, #mobile-add-to-calendar-select-dynamic-modal .close-container .main-label {
        margin: 0;
        padding: 0 1em 0 .5em;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 130%;
    }
    #mobile-event-share-select-dynamic-modal .close-container .main-label, #mobile-add-to-calendar-select-dynamic-modal .close-container .main-label {
        padding-left: 1.25em;
    }
  .add-to-calendar-select-container, .event-share-select-container {
    overflow-y: auto;
    max-height: calc(100vh - 120px - 2.5em);
    display: flex;
    flex-direction: column;
  }
  .add-to-calendar-select-group, .event-share-select-group {
    padding: .5em 1em 0;
  }
  .add-to-calendar-select-options, .event-share-select-options {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    margin: 0 0 .75em;
    padding: 0 .25em;
    gap: 1em;
  }
  .add-to-calendar-select-options a, .event-share-select-options a {
    color: #2a2623; 
    padding: 0.5em; 
    justify-content: start; 
    gap: 0.5em;
    width: 100%;
    text-transform: none;
  }
  .add-to-calendar-select-options a:hover, .add-to-calendar-select-options a:focus, .event-share-select-options a:hover, .event-share-select-options a:focus {
    color: #2a2623; 
  }
  .add-opt-icon {
    background: #c3d156; 
    height: 40px; 
    width: 40px; 
    border-radius: 4px;
  }
  
  
  
    .event-hero .event-share .add-opt-icon i, .add-to-calendar-group .add-opt-icon i {
        height: 100%;
        width: 100%;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        scale: .75;
    }
    
    .event-hero .event-share .share-facebook {
        background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M25 12.5313C25 5.61404 19.4 0 12.5 0C5.6 0 0 5.61404 0 12.5313C0 18.5965 4.3 23.6466 10 24.812V16.2907H7.5V12.5313H10V9.3985C10 6.97995 11.9625 5.01253 14.375 5.01253H17.5V8.77193H15C14.3125 8.77193 13.75 9.33584 13.75 10.0251V12.5313H17.5V16.2907H13.75V25C20.0625 24.3734 25 19.0351 25 12.5313Z' fill='%23003478'/%3e%3c/svg%3e");
    }
    .event-hero .event-share .share-mail {
        background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='25' height='17' viewBox='0 0 25 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22.5 0H2.5C1.125 0 0.0125 0.95625 0.0125 2.125L0 14.875C0 16.0438 1.125 17 2.5 17H22.5C23.875 17 25 16.0438 25 14.875V2.125C25 0.95625 23.875 0 22.5 0ZM22.5 4.25L12.5 9.5625L2.5 4.25V2.125L12.5 7.4375L22.5 2.125V4.25Z' fill='%23003478'/%3e%3c/svg%3e");
    }
    .event-hero .event-share .share-linkedin {
        background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.16683 6.25004C5.31742 6.25004 6.25016 5.3173 6.25016 4.16671C6.25016 3.01611 5.31742 2.08337 4.16683 2.08337C3.01624 2.08337 2.0835 3.01611 2.0835 4.16671C2.0835 5.3173 3.01624 6.25004 4.16683 6.25004Z' fill='%23003478'/%3e%3cpath d='M4.1665 10.4166V20.8333' stroke='%23003478' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.4165 10.4166V20.8333' stroke='%23003478' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.4165 15.625C10.4165 12.75 12.7498 10.4166 15.6248 10.4166C18.4998 10.4166 20.8332 12.75 20.8332 15.625V20.8333' stroke='%23003478' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    }
    .event-hero .event-share .share-x {
        background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='25' height='23' viewBox='0 0 25 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.6875 0H23.5214L15.1464 9.59643L25 22.6571H17.2857L11.2393 14.7375L4.32857 22.6571H0.491071L9.44821 12.3893L0 0.00178569H7.91071L13.3679 7.23929L19.6875 0ZM18.3393 20.3571H20.4643L6.75 2.18036H4.47143L18.3393 20.3571Z' fill='%23003478'/%3e%3c/svg%3e");
    }
    .event-hero .event-share .share-pinterest {
        background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.8 24.425C10 24.7875 11.2125 25 12.5 25C15.8152 25 18.9946 23.683 21.3388 21.3388C23.683 18.9946 25 15.8152 25 12.5C25 10.8585 24.6767 9.23303 24.0485 7.71646C23.4203 6.19989 22.4996 4.8219 21.3388 3.66117C20.1781 2.50043 18.8001 1.57969 17.2835 0.951506C15.767 0.323322 14.1415 0 12.5 0C10.8585 0 9.23303 0.323322 7.71646 0.951506C6.19989 1.57969 4.8219 2.50043 3.66117 3.66117C1.31696 6.00537 0 9.18479 0 12.5C0 17.8125 3.3375 22.375 8.05 24.175C7.9375 23.2 7.825 21.5875 8.05 20.475L9.4875 14.3C9.4875 14.3 9.125 13.575 9.125 12.425C9.125 10.7 10.2 9.4125 11.425 9.4125C12.5 9.4125 13 10.2 13 11.2125C13 12.2875 12.2875 13.825 11.925 15.3C11.7125 16.525 12.575 17.6 13.825 17.6C16.05 17.6 17.775 15.225 17.775 11.875C17.775 8.875 15.625 6.825 12.5375 6.825C9.0125 6.825 6.9375 9.45 6.9375 12.2125C6.9375 13.2875 7.2875 14.375 7.8625 15.0875C7.975 15.1625 7.975 15.2625 7.9375 15.45L7.575 16.8125C7.575 17.025 7.4375 17.1 7.225 16.95C5.625 16.25 4.7 13.975 4.7 12.1375C4.7 8.1875 7.5 4.6 12.9 4.6C17.2 4.6 20.55 7.6875 20.55 11.7875C20.55 16.0875 17.8875 19.5375 14.075 19.5375C12.8625 19.5375 11.675 18.8875 11.25 18.125L10.4125 21.0875C10.125 22.1625 9.3375 23.6 8.8 24.4625V24.425Z' fill='%23003478'/%3e%3c/svg%3e");
    }
    
    .add-to-calendar-group .add-ical {
        background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.8298 23.997C19.2144 25.3162 17.4508 25.1079 15.753 24.483C13.9563 23.8442 12.308 23.8164 10.4125 24.483C8.03892 25.344 6.78621 25.0941 5.36866 23.997C-2.67507 17.0117 -1.48829 6.3742 7.64333 5.98536C9.86854 6.08257 11.418 7.013 12.7201 7.09633C14.6651 6.76303 16.5277 5.80482 18.6046 5.92981C21.0935 6.09645 22.9726 6.92968 24.2088 8.42949C19.0661 11.0264 20.2858 16.734 25 18.331C24.0605 20.4141 22.8407 22.4833 20.8133 24.0109L20.8298 23.997ZM12.5553 5.90203C12.308 2.8052 15.2915 0.249968 18.72 0C19.198 3.58288 14.8629 6.24921 12.5553 5.90203Z' fill='%23003478'/%3e%3c/svg%3e");
    }
    .add-to-calendar-group .add-outlook {
        background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_105_4468)'%3e%3cpath d='M6.77067 8.33325C5.354 8.33325 4.1665 10.2395 4.1665 12.4999C4.1665 14.7603 5.354 16.6666 6.77067 16.6666C8.18734 16.6666 9.37484 14.7603 9.37484 12.4999C9.37484 10.2395 8.18734 8.33325 6.77067 8.33325Z' fill='%23003478'/%3e%3cpath d='M13.9688 -2.51774e-05L0.427153 2.60414C0.305821 2.62633 0.1963 2.69085 0.11809 2.78623C0.03988 2.88161 -0.00194229 3.00165 6.93281e-05 3.12497V21.875C0.000515133 21.9965 0.0434553 22.1141 0.121453 22.2073C0.199451 22.3005 0.307594 22.3635 0.427153 22.3854L13.9688 24.9896H14.0626C14.2007 24.9896 14.3332 24.9347 14.4309 24.837C14.5285 24.7393 14.5834 24.6069 14.5834 24.4687V0.520808C14.5847 0.443756 14.5688 0.367385 14.537 0.297201C14.5052 0.227017 14.4582 0.164769 14.3994 0.114947C14.3406 0.0651246 14.2715 0.028969 14.197 0.00908732C14.1226 -0.0107944 14.0446 -0.0139067 13.9688 -2.51774e-05ZM6.7709 17.7083C4.68757 17.7083 3.12507 15.4166 3.12507 12.5C3.12507 9.58331 4.72924 7.29164 6.7709 7.29164C8.81257 7.29164 10.4167 9.58331 10.4167 12.5C10.4167 15.4166 8.81257 17.7083 6.7709 17.7083ZM24.4792 6.24997H16.1459C16.0078 6.24997 15.8753 6.30485 15.7776 6.40252C15.6799 6.5002 15.6251 6.63267 15.6251 6.77081V11.7187C15.6257 11.7944 15.6428 11.869 15.6752 11.9373C15.7076 12.0057 15.7544 12.0662 15.8126 12.1146L17.3751 13.4166C17.467 13.4893 17.5808 13.5288 17.698 13.5288C17.8152 13.5288 17.929 13.4893 18.0209 13.4166L24.7917 8.33331C24.8564 8.28479 24.9089 8.22189 24.9451 8.14957C24.9812 8.07724 25.0001 7.9975 25.0001 7.91664V6.77081C25.0001 6.63267 24.9452 6.5002 24.8475 6.40252C24.7498 6.30485 24.6174 6.24997 24.4792 6.24997Z' fill='%23003478'/%3e%3cpath d='M24.7085 10.0833C24.6269 10.0336 24.5332 10.0073 24.4377 10.0073C24.3421 10.0073 24.2484 10.0336 24.1668 10.0833L18.646 14.2499C18.3609 14.4686 18.0102 14.5845 17.651 14.5788C17.2917 14.5731 16.9449 14.4462 16.6668 14.2187L16.4377 14.0312C16.3619 13.9681 16.2698 13.9278 16.172 13.915C16.0742 13.9021 15.9748 13.9174 15.8853 13.9588C15.7958 14.0003 15.72 14.0663 15.6666 14.1492C15.6131 14.2321 15.5843 14.3284 15.5835 14.427V18.2291C15.5835 18.3672 15.6384 18.4997 15.736 18.5974C15.8337 18.6951 15.9662 18.7499 16.1043 18.7499H24.4377C24.5758 18.7499 24.7083 18.6951 24.8059 18.5974C24.9036 18.4997 24.9585 18.3672 24.9585 18.2291V10.5416C24.9608 10.45 24.939 10.3593 24.8951 10.2789C24.8512 10.1984 24.7868 10.1309 24.7085 10.0833Z' fill='%23003478'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_105_4468'%3e%3crect width='25' height='25' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    }
    .add-to-calendar-group .add-google {
        background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.7776 10.0051H12.7651C12.7651 11.2551 12.7651 13.7526 12.7564 15.0026H19.7176C19.4514 16.2513 18.5051 18.0001 17.1689 18.8813C17.1689 18.8813 17.1664 18.8888 17.1639 18.8876C15.3876 20.0601 13.0426 20.3263 11.3014 19.9763C8.57263 19.4351 6.41388 17.4563 5.53638 14.9426C5.54138 14.9388 5.54513 14.9038 5.54888 14.9013C5.00013 13.3413 5.00013 11.2538 5.54888 10.0051C6.25513 7.70883 8.48013 5.61383 11.2114 5.04008C13.4101 4.57383 15.8901 5.07883 17.7139 6.78508C17.9564 6.54758 21.0701 3.50758 21.3039 3.26008C15.0726 -2.38367 5.09638 -0.397424 1.36263 6.88883L1.35513 6.90258C0.462497 8.6356 -0.00216711 10.5572 7.59841e-06 12.5066C0.0021823 14.456 0.471133 16.3765 1.36763 18.1076L1.35513 18.1176C2.17709 19.7015 3.32301 21.0949 4.71848 22.2072C6.11395 23.3195 7.72777 24.1258 9.45513 24.5738C13.2176 25.5613 18.0089 24.8863 21.2176 21.9838L21.2214 21.9876C23.9401 19.5401 25.6326 15.3676 24.7776 10.0051Z' fill='%23003478'/%3e%3c/svg%3e");
    }
    .add-to-calendar-group .add-yahoo {
        background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='19' height='23' viewBox='0 0 19 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.9102 0.257813C16.248 0.257813 15.5918 0.210938 15 0L9.375 9.375L3.75 0C3.1582 0.210938 2.53711 0.257813 1.875 0.257813C1.22461 0.257813 0.580078 0.205078 0 0L7.5 12.4629V22.5C8.08594 22.2949 8.71875 22.2422 9.375 22.2422C10.0312 22.2422 10.6641 22.2949 11.25 22.5V12.4805L18.75 0C18.1699 0.199219 17.5605 0.257813 16.9102 0.257813Z' fill='%23003478'/%3e%3c/svg%3e");
    }
    .recurring-icon {
        background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.77125 9.255H5.39875V10.0263H0V0.77125H1.5425V0H2.31375V0.77125H7.7125V0H8.48375V0.77125H10.0263V6.17H9.255V3.85625H0.77125V9.255ZM0.77125 1.5425V3.085H9.255V1.5425H8.48375V2.31375H7.7125V1.5425H2.31375V2.31375H1.5425V1.5425H0.77125ZM11.5688 6.94125V9.255H9.255V8.48375H10.3998C10.2191 8.24273 9.99411 8.05394 9.72498 7.91736C9.45585 7.78079 9.17064 7.7125 8.86938 7.7125C8.63238 7.7125 8.40944 7.75267 8.20056 7.83301C7.99168 7.91335 7.80087 8.02381 7.62814 8.1644C7.45542 8.305 7.31482 8.47572 7.20637 8.67656C7.09791 8.87741 7.02159 9.09231 6.9774 9.32128L6.21218 9.18872C6.26841 8.86335 6.37687 8.56409 6.53755 8.29094C6.69823 8.01779 6.89506 7.78079 7.12804 7.57994C7.36102 7.3791 7.62814 7.22243 7.92941 7.10996C8.23068 6.99749 8.544 6.94125 8.86938 6.94125C9.23492 6.94125 9.58439 7.01155 9.91779 7.15214C10.2512 7.29273 10.5444 7.49759 10.7975 7.76673V6.94125H11.5688ZM8.86938 11.5688C9.10236 11.5688 9.3253 11.5286 9.53819 11.4482C9.75109 11.3679 9.94189 11.2574 10.1106 11.1168C10.2793 10.9763 10.4199 10.8055 10.5324 10.6047C10.6449 10.4038 10.7212 10.1889 10.7613 9.95997L11.5266 10.0925C11.4703 10.4179 11.3619 10.7172 11.2012 10.9903C11.0405 11.2635 10.8437 11.5005 10.6107 11.7013C10.3777 11.9022 10.1106 12.0588 9.80934 12.1713C9.50807 12.2838 9.19475 12.34 8.86938 12.34C8.50383 12.34 8.15436 12.2697 7.82096 12.1291C7.48755 11.9885 7.19432 11.7837 6.94125 11.5145V12.34H6.17V10.0263H8.48375V10.7975H7.33893C7.51969 11.0385 7.74464 11.2273 8.01377 11.3639C8.2829 11.5005 8.56811 11.5688 8.86938 11.5688Z' fill='%232a2623'/%3e%3c/svg%3e");
    }
  
  
  
  
  
  .template-wrap.wo-sidebar section.calendar-related {
    padding-top: 4em;
    padding-bottom: 5em;
  }
  .calendar-related .related-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
    gap: 1.5em;
    margin-bottom: 1.5em;
  }
  
  
  @media (min-width: 768px) {
    .calendar-container .event-details-main {
        order: 1;
    }
    .calendar-container .add-to-calendar-container {
        order: 2;
        justify-content: end;
    }
    .calendar-container .event-details-main.other {
        order: 3;
    }
    .calendar-container .event-details-container .add-to-calendar-group {
        margin-bottom: 0;
    }
    .calendar-related .related-group {
      flex-direction: row;
      margin-bottom: 3em;
    }
  }
  @media (min-width: 1200px) {
    .event-hero-container {
      padding: 2em 7rem;
    }
  }

/* added for filters - FB HH */

.datepicker {
    z-index: 99999 !important;
}

/* Active filters slide animation - only overflow slides */
#active-filters-outer-container .active-filters-container {
    max-height: 130px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease;
}

#active-filters-outer-container .active-filters-container.show-all {
    overflow: visible;
}

#calendar-filters-dynamic-modal .options .option-group label {
    display: flex;
    align-items: center;
    gap: .5em;
    font-weight: 600;
    padding: 0;
}

#calendar-filters-dynamic-modal .options input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
}

#calendar-filters-dynamic-modal .options .fake-input {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border: 1.5px solid #a5a5a5;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: border-color .2s ease, background .2s ease;
}

#calendar-filters-dynamic-modal .options .fake-input.radio {
    border-radius: 50%;
}

#calendar-filters-dynamic-modal .options .fake-input.checkbox::after,
#calendar-filters-dynamic-modal .options .fake-input.radio::after {
    content: "";
    position: absolute;
    opacity: 0;
    transition: opacity .2s ease;
}

#calendar-filters-dynamic-modal .options .fake-input.checkbox::after {
    width: 8px;
    height: 8px;
    background: #005596;
    border-radius: 2px;
}

#calendar-filters-dynamic-modal .options .fake-input.radio::after {
    width: 10px;
    height: 10px;
    background: #005596;
    border-radius: 50%;
}

#calendar-filters-dynamic-modal .options input:checked+.fake-input {
    border-color: #005596;
}

#calendar-filters-dynamic-modal .options input:checked+.fake-input::after {
    opacity: 1;
}

/*************** Calendar Onboarding Modal Style ***************/
.modal-backdrop {
    z-index: 1041;
}

.calendar-home, .calendar-details {
    #onboardingModal .close.exit i.cavier-Cross:before {
        filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
    }
    
    #onboardingModal .onboardingContent .contentBody {
        width: 100%;
    }
    #onboardingModal .onboardingContent .btnGroup {
        display: flex;
        justify-content: center;
    }
    .onboardingMedia {
            overflow: hidden; 
            display: flex; 
            flex-direction: column; 
            justify-content: end;
        }
    #onboardingModal .carousel-control-row {
            width: 100%;
        }
    #onboardingModal .carousel-indicators {
            display: flex !important;
            list-style: none;
            padding: 0;
            width: 50%;
            justify-content: space-evenly;
        }
    #onboardingModal .carousel-indicators li {
            margin: unset !important;
        }
    /* style.css will delete */
    #onboardingModal .modal-dialog {
    	height: auto;
    	margin: auto;
    }
    #onboardingModal .modal-content {
        margin: 1.5rem 0;
    }
    @media (max-width: 767px) {
    	#onboardingModal .carousel-item:not(#obTabpanel-0-0) .onboardingMedia {
            	height: unset;
    	}
    	#onboardingModal .onboardingMedia {
    		height: unset;
    	}	
    }
    @media (min-width: 768px) {
    	#onboardingModal .onboardingMedia {
    		height: unset;
    	}
    }
    @media (min-width: 1200px) {
    	#onboardingModal .onboardingMedia {
    		height: unset;
    	}
    }
    /* style.css will delete */
    /* OB Modal edits 05/11 */
    #onboardingModal .onboardingMedia {
        padding: 0 !important;
    }
    #onboardingModal .onboardingMedia img {
        aspect-ratio: 1080 / 992;
    }
    @media (max-width: 767px) {
        #onboardingModal #obTabpanel-0-0 .onboardingMedia {
            padding-top: 52px;
        }
            #onboardingModal #obTabpanel-0-4 .onboardingMedia {
            padding-bottom: 0 !important;
        }
    }
    @media (min-width: 768px) {
        #onboardingModal .onboardingContent .btnGroup {
            justify-content: start;
        }
    }
    /* OB Modal edits 05/11 */
}