
/*TABLET AND MOBILE*/
@media (max-width: 921px) {

.event-variant-map-container{
    margin-top: 48px;
    box-shadow: none !important;
    border: none !important;
}

.event-variant-cta-container{
    padding: 0 !important;
}

#event-map{
    width: 100% !important;
    margin: 0 !important;
}
}


/* ========================================================================================================
                                            BACKEND PER INTEGRAZIONE EVENTI E POI
                                        
   ======================================================================================================== */

#event_tribe_venue,
.eventBritePluginPlug {
    display: none !important;
}

#custom_top_metabox {
    background-color: #fff;
    border: 0px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
}

#custom_top_metabox label {
    font-weight: bold;
    color: #333;
}

#custom_top_metabox select {
    width: 50%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 5px;
}

.events-poi-labels {
    padding: 10px 0 10px !important;
}


.events_poi_links {
    float:right;
    margin-top:-80px;
    margin-right: 10px;
}


/* ========================================================================================================
                                    FRONT-END FOR SINGLE EVENT VIEW 
                                        
   ======================================================================================================== */

   .single-event-website-link{
    text-decoration: underline;
   }

   .single-event-schedule-container{
    margin-bottom: 32px;
   }

   .single-event-schedule{
    font-weight: 500;
   }

   .single-event-website-link:hover{
    text-decoration: underline;
   }

   .events-contacts-container{
    flex-direction: column;
   }
   
   .single-event-cost-container{
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 32px 0;
    font-size: 20px;
    font-weight: 500;
   }

   .event-variant-map-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 24px;
    border: 1px solid rgba(221, 221, 221, 0.50);
    background: var(--diocesi-global-color-white);
    box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.04);
}

   .event-variant-right-content-wrapper{
    height: 500px !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
   }

   .event-variant-map-title{
    margin: 0 !important;
   }

   .event-variant-cta-container{
    padding: 16px;
   }

   .tribe-event-save-to-calendar{
    border-radius: 24px;
    border: 1px solid rgba(221, 221, 221, 0.50);
    background: var(--diocesi-global-color-white);
    box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.04);
    padding: 16px;
   }

   .event-detail-free-cost-color{
    color: #5A8257;
   }

   .single-event-tags-section{
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 40px 0;
   }

   .single-event-tags-container{
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
   }

   .single-event-tag{
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    border-radius: 8px;
    background: rgba(255, 220, 191, 0.75);
   }


   .tribe-events-c-subscribe-dropdown__button{
    padding: 10px !important;
    width: 100% !important;
   }
   
   .single-tribe_events .tribe-events-c-subscribe-dropdown, .tribe-events .tribe-events-c-subscribe-dropdown{
    margin: 0 !important;
    font-size: inherit !important;
   }

   .single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container{
    width: 100%;
   }

   .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

   .tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
    background-color: var(--tec-color-background);
    border: none !important;
    text-align: center;
    transition: var(--tec-transition);
    color: var(--ast-global-color-8);
    padding: 10px 0 !important;
    width: 100%;
}
.tribe-common:hover .tribe-common-c-btn-border:hover, .tribe-common a.tribe-common-c-btn-border:hover {
    color:var(--ast-global-color-7);
    background: none;
}
   
   #tribe-events-pg-template {
    margin: 0 auto !important;  /* Reset margin */
    max-width: none !important; /* Reset max-width */
    padding: 0 !important;      /* Reset padding */
    width: 100% !important;
   }

   .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text{
    font-size: 20px !important;
    font-family: 'Gotham' !important;
   }

   .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
    background-color: #FFF !important;
    color: #333 !important;
   }

   .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus {
     outline: none !important;
    }

    .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:focus-within, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:hover {
        background-color: var(--diocesi-global-color-sand);
    }

    .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list {
        background-color: var(--diocesi-global-color-white) !important;
        border-radius: 24px !important;
        border: 1px solid rgba(221, 221, 221, 0.50) !important;
        box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.04) !important;
    }
