.elementor-644 .elementor-element.elementor-element-ce45a69{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-644 .elementor-element.elementor-element-966e601{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-644 .elementor-element.elementor-element-7792c3c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-644 .elementor-element.elementor-element-7792c3c{font-family:"Abel", Sans-serif;font-size:15px;font-weight:300;color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-644 .elementor-element.elementor-element-402896d .elementor-heading-title{font-family:"Alegreya Sans SC", Sans-serif;font-size:40px;font-weight:600;color:#000000;}.elementor-644 .elementor-element.elementor-element-dbd8d9a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-644 .elementor-element.elementor-element-51c042e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-644 .elementor-element.elementor-element-9e9d776{font-family:"Libre Franklin", Sans-serif;font-size:20px;font-weight:300;color:#000000;}.elementor-644 .elementor-element.elementor-element-db98b1b{font-family:"Libre Franklin", Sans-serif;font-size:20px;font-weight:300;color:#000000;}.elementor-644 .elementor-element.elementor-element-d36ea59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-644 .elementor-element.elementor-element-7792c3c{font-size:15px;}.elementor-644 .elementor-element.elementor-element-9e9d776{font-size:18px;line-height:1.5em;}.elementor-644 .elementor-element.elementor-element-db98b1b{font-size:18px;line-height:1.5em;}}@media(min-width:768px){.elementor-644 .elementor-element.elementor-element-ce45a69{--content-width:1200px;}.elementor-644 .elementor-element.elementor-element-966e601{--width:90%;}.elementor-644 .elementor-element.elementor-element-dbd8d9a{--width:10%;}.elementor-644 .elementor-element.elementor-element-51c042e{--content-width:1200px;}.elementor-644 .elementor-element.elementor-element-d36ea59{--content-width:1200px;}}@media(max-width:767px){.elementor-644 .elementor-element.elementor-element-7792c3c > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-644 .elementor-element.elementor-element-7792c3c{text-align:start;font-size:15px;}.elementor-644 .elementor-element.elementor-element-402896d{text-align:start;}.elementor-644 .elementor-element.elementor-element-402896d .elementor-heading-title{font-size:30px;}.elementor-644 .elementor-element.elementor-element-9e9d776{font-size:17px;}.elementor-644 .elementor-element.elementor-element-db98b1b{font-size:17px;}}/* Start custom CSS for shortcode, class: .elementor-element-34bc8e8 *//* Container */
.belen-teaser-container {
    max-width: 100%;
    font-family: 'Open Sans', sans-serif;
}

.belen-event-row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

/* Column 1: Calendar Box */
.belen-calendar-col {
    flex: 0 0 80px;
    margin-right: 20px;
}

.calendar-icon {
    width: 70px;
    height: 75px;
    border: 2px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.calendar-month {
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 2px 0;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
}

.calendar-day {
    /* Requested Gradient */
    background: linear-gradient(180deg, #ED1B26 0%, #C50610 100%);
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
}

/* Column 2: Content */
.belen-details-col {
    flex: 1;
}

.event-title {
    margin: 0 0 5px 0;
    font-size: 1.1rem;
    color: #771218; /* Matches your theme color */
}

.event-meta {
    font-size: 0.9rem;
    color: #555;
}

.meta-item {
    display: block;
    margin-bottom: 3px;
}

.meta-item i {
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle;
}

/* Responsive Adjustments */

/* Tablet */
@media (max-width: 978px) {
    .event-title { font-size: 1rem; }
    .calendar-icon { width: 60px; height: 65px; }
    .calendar-day { font-size: 24px; }
}

/* Mobile */
@media (max-width: 480px) {
    .belen-event-row {
        flex-direction: row; /* Keeping it side-by-side for 2 columns as requested */
    }
    .belen-calendar-col { flex: 0 0 60px; margin-right: 12px; }
    .calendar-icon { width: 55px; height: 60px; }
    .calendar-day { font-size: 20px; }
    .event-title { font-size: 0.95rem; }
}/* End custom CSS */