@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

.img43 {
   width: 100%;
   object-fit: cover;
   aspect-ratio: 3 / 2;
}

.img1 {
   width: 100%;
   object-fit: cover;
   aspect-ratio: 1 / 1;
}

.img169 {
   width: 100%;
   object-fit: cover;
   aspect-ratio: 16 / 9;
}


.text-primary {
   color: var(--bs-primary) !important;
}

.overline {
   color: var(--bs-primary-dark) !important;
}

/* Card */
.card-body {
   display: flex;
   flex-direction: column;
}

.card-header-categorie {
   width: 100%;
   aspect-ratio: 1 / 1;
   display: flex;
   align-items: center;
   justify-content: center;
}

.card-header-categorie .material-symbols-outlined {
   font-size: 80px;
   color: #fff;
}

.card-eventi {
   background-color: var(--card-eventi-bg);
}

.card-header-eventi {
   aspect-ratio: 4 / 3;
}

.card-news {
   background-color: var(--lw-news);
   flex-direction: row;
}

.card-header-list {
   aspect-ratio: 2 / 1;
}

@media (min-width: 992px) {
   .card-header-list {
      aspect-ratio: 3 / 2;
   }
}

/* Row */
.row-header-section {
   color: #000;
   margin-bottom: 2.5rem;
   text-align: center;
   align-items: baseline;
   flex-direction: column;
   gap: .75rem;
}

@media (min-width: 768px) {
   .row-header-section {
      flex-direction: row;
      gap: 0;
   }

}

.row-header-section .overline {
   color: #5d646b;
   font-size: 1rem;
   line-height: 2rem;
   letter-spacing: .5px;
   text-transform: uppercase;
}

.row-header-section .title {
   font-size: 2.5rem;
   font-weight: 600;
   line-height: 3rem;
   margin: 0;
}

.row-header-section .tabs {
   padding-top: 20px;
   font-size: 1rem;
   gap: 40px;
}

.row-list {
   --bs-gutter-x: 40px !important;
   --bs-gutter-y: 40px !important;
}

.pagination {
   margin-top: 40px;
   margin-bottom: 0;
}

.breadcrumb {
   margin-bottom: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
   font-weight: normal;
}

.breadcrumb-item.active {
   font-weight: bold;
}

.breadcrumb-item a {
   --bs-link-underline-opacity: 0;
   -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
   text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
   text-underline-offset: 0.25em !important;
   color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
   -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
   text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.breadcrumb-item a:hover {
   --bs-link-underline-opacity: 0.75;
   color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
   -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
   text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.btn {
   --bs-btn-font-size: var(--bs-body-font-size);
}

.btn-outline-primary {
   --bs-btn-color: var(--bs-primary);
   --bs-btn-border-color: var(--bs-primary);
   --bs-btn-hover-bg: var(--bs-primary);
   --bs-btn-hover-border-color: var(--bs-primary);
   --bs-btn-active-bg: var(--bs-primary);
   --bs-btn-active-border-color: var(--bs-primary);
   --bs-btn-disabled-color: var(--bs-primary);
   --bs-btn-disabled-border-color: var(--bs-primary);
}

.container-fluid {
   padding: 0;
}

.container-fluid-home,
.container-fluid-list {
   padding-top: 60px;
   padding-bottom: 60px;
}

.container-breadcrumb {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
}

.container-audio {
   background-color: var(--footer-audio-surface);
}

audio::-webkit-media-controls-panel {
   background-color: var(--footer-audio-surface);
}

.container-audio .container {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
}

.container-community {
   background-color: var(--lw-community);
   /* background-image: url('/assets_frontend/neo/images/sfondo-1.jpg');
   height: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover; */
}

.container-eventi {
   background-color: var(--lw-eventi);
   /* background-image: url('/assets_frontend/neo/images/sfondo-2.jpg');
   height: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover; */
}

.container-news {
   background-color: var(--lw-news);
}

/* Header */
@media (min-width: 992px) {
   .navbar-nav-page-header {
      gap: 1rem;
   }
}

.navbar-nav-page-header .nav-link.active {
   color: var(--bs-primary);
}

.navbar-brand {
   max-width: 230px;
   margin-right: 2rem;
}

.navbar-brand img {
   display: block;
   width: auto;
   height: 45px;
   object-fit: cover;
}

.navbar {
   --bs-navbar-toggler-padding-x: 0.375rem;
   --bs-navbar-brand-margin-end: 2rem;
   --bs-navbar-hover-color: rgb(var(--bs-primary-rgb));
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
   text-decoration: underline;
   text-underline-offset: 0.375em;
}

.divider {
   border-left: 1px solid var(--bs-navbar-toggler-border-color);
   padding-left: 0.75rem;
}

@media (min-width: 992px) {
   .divider {
      border: none;
      padding: 0;
   }

}

.btn-icon {
   padding-left: var(--bs-btn-padding-x);
   padding-right: var(--bs-btn-padding-x);
}

.btn-icon .bi {
   font-size: calc(var(--bs-body-font-size) * 1.25);
}

.dropdown-toggle::after {
   display: none;
}

/* Home - Hero slider */
.carousel-item {
   height: 60vh;
}

.carousel-img {
   object-fit: cover;
   display: block;
   height: 100%;
   width: 100%;
}

.h-fit {
   height: fit-content;
}

.bd-callout {
   --bs-link-color-rgb: var(--bd-callout-link);
   --bs-code-color: var(--bd-callout-code-color);
   padding: 1.25rem;
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
   color: var(--bd-callout-color, inherit);
   background-color: var(--bd-callout-bg, var(--bs-gray-100));
   border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
}

.bd-callout-info {
   --bd-callout-color: var(--bs-info-text-emphasis);
   --bd-callout-bg: var(--bs-info-bg-subtle);
   --bd-callout-border: var(--bs-info-border-subtle);
}

.bd-callout-warning {
   --bd-callout-color: var(--bs-warning-text-emphasis);
   --bd-callout-bg: var(--bs-warning-bg-subtle);
   --bd-callout-border: var(--bs-warning-border-subtle);
}

/* Modal */
.modal {
   --bs-modal-header-border-width: 0;
}

.card-img-overlay {
   background: rgb(2, 0, 36);
   background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, rgba(2, 0, 36, 1) 150%);
}






/* Footer mobile */
.container-footer-mobile {
   --footer-surface: #fff;
   position: relative;
   z-index: 999;
   background-color: var(--footer-surface);
   color: var(--footer-on-surface);
}

.btn-outline-footer {
   width: 100%;
   height: 100%;
}

.btn-outline-footer a {
   color: #333;
   text-decoration: none;
}

.btn-plus-wrapper {
   display: flex;
   align-items: baseline;
   justify-content: center;
}

.btn-footer-plus {
   color: var(--footer-primary);
   font-size: 2rem;
   overflow: hidden;
}

/* Player audio */
.container-player-audio {
   position: relative;
   z-index: 998;
   margin-bottom: -1px;
   background-color: var(--footer-audio-surface);
   color: var(--footer-on-surface);
}

.holder {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.audio.green-audio-player {
   width: 100%;
   height: 56px;
   /* box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .07); */
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-left: 24px;
   padding-right: 24px;
   border-radius: 4px;
   user-select: none;
   -webkit-user-select: none;

   /* background-color: #fff; */
   .play-pause-btn {
      display: none;
      cursor: pointer;
   }

   .spinner {
      width: 18px;
      height: 18px;
      background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
      background-size: cover;
      background-repeat: no-repeat;
      animation: spin 0.4s linear infinite;
   }

   .slider {
      flex-grow: 1;
      background-color: #D8D8D8;
      cursor: pointer;
      position: relative;

      .progress {
         background-color: #44BFA3;
         border-radius: inherit;
         position: absolute;
         pointer-events: none;

         .pin {
            height: 16px;
            width: 16px;
            border-radius: 8px;
            background-color: #44BFA3;
            position: absolute;
            pointer-events: all;
            box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);
         }
      }
   }

   .controls {
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      line-height: 18px;
      color: #55606E;
      display: flex;
      flex-grow: 1;
      justify-content: space-between;
      align-items: center;
      margin-left: 24px;

      /* margin-right: 24px; */
      .slider {
         margin-left: 16px;
         margin-right: 16px;
         border-radius: 2px;
         height: 4px;

         .progress {
            width: 0;
            height: 100%;

            .pin {
               right: -8px;
               top: -6px;
            }
         }
      }

      span {
         cursor: default;
      }
   }

   .volume {
      position: relative;

      .volume-btn {
         cursor: pointer;

         &.open path {
            fill: #44BFA3;
         }
      }

      .volume-controls {
         width: 30px;
         height: 135px;
         background-color: rgba(0, 0, 0, 0.62);
         border-radius: 7px;
         position: absolute;
         left: -3px;
         bottom: 52px;
         flex-direction: column;
         align-items: center;
         display: flex;

         &.hidden {
            display: none;
         }

         .slider {
            margin-top: 12px;
            margin-bottom: 12px;
            width: 6px;
            border-radius: 3px;

            .progress {
               bottom: 0;
               height: 100%;
               width: 6px;

               .pin {
                  left: -5px;
                  top: -8px;
               }
            }
         }
      }
   }
}

@keyframes spin {
   from {
      transform: rotateZ(0);
   }

   to {
      transform: rotateZ(1turn);
   }
}


.pswp__gallery-wrapper {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
   grid-gap: 1rem;
}

.pswp__gallery-item {
   width: 100%;
   aspect-ratio: 1 / 1;
}

.pswp__gallery-item a {
   display: block;
   width: 100%;
   height: 100%;
}

.pswp__gallery-item img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}


.pswp-docs__home-gallery {
   grid-gap: 10px;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   position: relative;
   width: 100%
}

.pswp-docs__home-gallery-credit {
   bottom: -21px;
   font-size: 12px;
   position: absolute;
   right: 0
}

.pswp-docs__home-gallery .pswp-docs__home-gallery-item {
   position: relative
}

figure.pswp-docs__home-gallery-item {
   display: block;
   margin: 0;
   padding: 0
}

#docusaurus-base-url-issue-banner-container,
.pswp-docs__home-gallery-item figcaption,
.theme-code-block--hidden {
   display: none
}

.pswp-docs__home-gallery .pswp-docs__home-gallery-item img {
   height: 100%;
   left: 0;
   object-fit: cover;
   position: absolute;
   top: 0;
   width: 100%
}

.pswp-docs__home-gallery .pswp-docs__home-gallery-item:first-child {
   grid-row: span 1
}

.pswp-docs__home-gallery .pswp-docs__home-gallery-item a {
   display: block;
   height: 100%;
   overflow: hidden;
   padding-bottom: 100%;
   position: relative;
   width: 100%;
}

/* DETAIL PAGE */
.container-detail .overline {
   font-size: 1rem;
   line-height: 2rem;
}

.container-detail .title {
   font-size: 2.5rem;
   font-weight: bold;
   margin-bottom: 1.25rem;
   text-align: start;
}

.container-detail .subtitle {
   font-size: 1.25rem;
   margin-bottom: 1.25rem;
}

@media (min-width: 576px) {
   .container-detail .title {
      font-size: 3rem;
   }

   .container-detail .subtitle {
      font-size: 1.5rem;
   }
}

.container-detail h2 {
   font-size: 2rem;
   font-weight: bold;
   margin-bottom: 1.25rem;
   /* 20px */
}

.container-detail {
   margin-top: 1.875rem;
   margin-bottom: 3.75rem;
   padding-bottom: 3.75rem;

   display: flex;
   flex-direction: column;
   gap: 3.75rem;

   text-align: justify;
}

.container-detail .container-header {
   padding-top: 1.875rem;
   padding-bottom: 0;
}

.container-detail .container-thumb img {
   width: 100%;
   height: auto;
   object-fit: cover;
   border-radius: 1rem;
}

.img-evento {
   display: block;
   max-height: 90vh;
   object-fit: cover;
   width: 100%;
}

/* Utit */
.fs-18 {
   font-size: 1.125rem;
}

.nav-item-lang {
   display: none;
}

@media (min-width: 400px) {
   .nav-item-lang {
      display: block;
   }
}

.card-luoghi-small {
   height: 96px;
   width: 100%;
   object-fit: cover;
}

@media (min-width: 992px) {
   .card-luoghi-small {
      aspect-ratio: 1 / 1;
   }
}

/* LOGIN LAYOUT */
.container-layout-login {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
}

.container-layout-login .container-fluid-content {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

/* DASHBOARD */
.btn-dashboard {
   background-color: var(--bs-primary);
   color: #ffffff;
   display: block;
   height: 100%;
   padding: 1rem;
   border: 4px solid var(--bs-primary);
   border-radius: 20px;
}

.btn-dashboard-associazioni {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 1rem;
   min-height: 60px;
}

.btn-dashboard-icon {
   font-size: 1.5rem;
}

.btn-dashboard.active {
   background-color: #d4d4d4;
   color: #ffffff;
}

.btn-dashboard.active {
   color: #ffffff;
}

.btn-dashboard:hover {
   background-color: #ffffff;
   color: #f55e57;
}

/* PROFILE PAGE */
.nav {
   --bs-nav-link-color: #333;
   --bs-nav-link-hover-color: var(--bs-primary);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
   background-color: var(--bs-dark-bg-subtle) !important;
   color: var(--bs-nav-link-color) !important;
}

/* COMMUNITY */
.container-community-form {
   padding-top: 30px;
   padding-bottom: 60px;
}

.container-community-form .row-header {
   padding-top: 30px;
   margin-bottom: 60px;
}

.pt-30 {
   padding-top: 30px;
}

.btn-primary {

   --bs-btn-bg: var(--bs-primary);
   --bs-btn-border-color: var(--bs-primary);
   --bs-btn-hover-bg: var(--bs-primary-dark);
   --bs-btn-hover-border-color: var(--bs-primary-dark);
   --bs-btn-active-bg: var(--bs-primary-dark);
   --bs-btn-active-border-color: var(--bs-primary-dark);
   --bs-btn-disabled-bg: var(--bs-primary);
   --bs-btn-disabled-border-color: var(--bs-primary);
}

.avatar {
   width: 30px;
   height: 30px;
   border-radius: 999px;
}

.cursor-pointer {
   cursor: pointer;
}

/* PAGE */
#page>div {
   padding-left: .5rem;
   padding-right: .5rem;
   margin-left: 0;
   margin-right: 0;
}

#page {
   text-align: justify;
}

.pagination {
   --bs-pagination-color: var(--bs-primary);
   --bs-pagination-hover-color: var(--bs-primary-dark);
   --bs-pagination-focus-color: var(--bs-primary-dark);
   --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
   --bs-pagination-active-bg: var(--bs-primary);
   --bs-pagination-active-border-color: var(--bs-primary);
}

.card_association img {
   transition: none;
}

.card_association img:hover {
   transform: none;
}

footer .breadcrumb-item a,
footer a {
   text-decoration-color: rgba(255, 255, 255, 0) !important;
   text-underline-offset: 0.125rem !important;
   color: #fff !important;
}

footer .breadcrumb-item a:hover,
footer a:hover {
   text-decoration-color: rgb(255, 255, 255) !important;
   color: #fff !important;
}

footer .dropdown-item {
   color: #000 !important;
}

.dropdown-item.active,
.dropdown-item:active {
   color: #fff !important;
   background-color: #378A67;
}

.nav-link:focus,
.nav-link:hover {
   text-decoration: underline;
   text-underline-offset: 0.125rem;
}

.dropdown-item.active:focus,
.dropdown-item.active:hover {
   color: #fff !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
   color: #000 !important;
}

.nav-link:focus,
.nav-link:hover {
   text-decoration: none !important;
}

.isadmin {
   background-color: #388a68;
}

.card-img-overlay.pre_index {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
}

.comuni_vicini_link a {
   text-decoration: none !important;
   color: #fff !important;
}

.comuni_vicini_title a {
   color: #fff !important;
   text-decoration: none !important;
}


.player {
   background: #fff;
   margin: 16px 0;
   float: right;
   border: 6px solid #E4BC87;
   padding: 6px 6px 0 6px;
   width: 100%;
}

audio::-webkit-media-controls-panel {
   background-color: #fff;
   color: #fff;
}

@media (min-width: 768px) {
   .player {
      width: 350px;
      margin: 0 0 24px 24px;
   }
}

.player .imgbx {
   position: relative;
   width: 100%;
   background-color: #000000;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   padding: 24px;
   color: #fff;
}

.player .imgbx::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 75%);
}

.player .imgbx>* {
   z-index: 1;
}

.player audio {
   width: 100%;
   outline: none;
   display: block;
}

.grid {
   gap: 16px;
   margin: 0 -16px;
}

.grid-sizer,
.grid-item {
   padding: 0 16px 16px;
}


.commenti_text_editor {
   border: 1px solid #388A67 !important;
   border-radius: 0.5rem !important;
   overflow: hidden !important;
   display: flex !important;
   flex-wrap: wrap !important;
   flex-direction: column !important;

   .jodit-toolbar__box {
      order: 1 !important;
      padding: 0.25rem 0.25rem !important;
      background-color: white !important;
      border: none !important;

      .jodit-ui-group {
         width: 100% !important;
      }

      .jodit-toolbar-button_submit_comment {
         margin-left: auto !important;
         background-color: #378A67 !important;

         .jodit-toolbar-button__button:hover {
            background-color: #44BFA3 !important;
            border-color: #44BFA3 !important;
         }

         .jodit-toolbar-button__text {
            color: white !important;
         }
      }
   }

   .jodit-workplace {
      flex-grow: 1;

      .jodit-wysiwyg,
      .placeholder {
         padding: 1rem !important;
      }

   }

   .jodit-status-bar {
      display: none !important;

   }
}

.commenti_badge {
   border: 1px solid #333;
   padding: 0.35rem 0.5rem;
   border-radius: 0.25rem;
   font-size: 14px;
   line-height: 14px;
   margin-left: 8px;
}


.cart_form_head .col {
   padding: 0.5rem 1rem;
   /* border-bottom: 1px solid #333; */
}

.cart_form_body {
   align-items: center;
}

.cart_form_body_total {
   text-align: end;
}

.cart_form_body .col {
   padding-top: 1rem;
   padding-bottom: 1rem;
}

.cart_form_body.row {
   border-bottom: 1px solid #333;
}

.cart_form_foot_total {
   text-align: end;
}

.cart_form_foot .col {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
}

.cart_form_offerta {
   text-align: center;
   justify-content: center;
}

.cart_form_foot_offerta {
   flex-grow: 1;
}

@media (min-width: 992px) {
   .cart_form_body .col {
      padding-left: 1rem;
      padding-right: 1rem;
   }

   .cart_form_foot .col {
      padding-left: 1rem;
      padding-right: 1rem;
   }

   .cart_form_body_total {
      text-align: start;
   }

   .cart_form_foot_total {
      text-align: start;
   }

   .cart_form_body.row {
      border-bottom: none;
   }

   .cart_form_body.row:nth-child(even) {
      background-color: #F8F9FA;
   }

   .cart_form_offerta {
      text-align: start;
      justify-content: start;
   }
}

.admin_comm_activity#giorniContainer {
   display: grid;
   grid-template-columns: 1fr;
   grid-gap: 1.5rem;
}

.admin_comm_activity .card {
   margin-bottom: 0 !important;
}

@media (min-width: 768px) {
   .admin_comm_activity#giorniContainer {
      grid-template-columns: repeat(2, 1fr);
   }
}

/* 
 * Dashboard
 */

.dashboard_link {
   text-decoration: none;
}

.dashboard_link--icon {
   width: 2rem;
   height: 2rem;
   border-radius: 999px;
   border: 2px solid transparent;
   font-size: 1.125rem;
   display: flex;
   align-items: center;
   justify-content: center;
}

.dashboard_link.active,
.dashboard_link:hover {
   background-color: var(--bs-primary-bg-subtle);
}

.dashboard_link.active .dashboard_link--icon,
.dashboard_link:hover .dashboard_link--icon {
   border-color: var(--bs-primary-bg-subtle) !important;
}


.lw_accessibility_icon {
   display: flex;
   align-items: center;
   justify-content: center;
}




.container-fluid-widget-home {
   padding-top: 20px;
   padding-bottom: 20px;
}

.banner_under_slider{
border: 1px solid var(--bs-primary-dark);
 border-radius: 16px; 
 padding: 15px; 
}