/* Custom Block - Latest Event */
[data-custom-block="events"] {margin:60px 0;}

[data-custom-block="events"] .heading {font-size:2.75rem;font-weight:600;margin:0;margin-bottom:20px;font-family:var(--secondaryFont);letter-spacing:var(--secondaryLetterSpacing);}
[data-custom-block="events"] .text-content {font-size:1.125rem;}

[data-custom-block="events"] .eventblock{margin:20px 0 0 0;}
[data-custom-block="events"] .container.main.event-wrapper {width:min(1300px, calc(100% - 40px));padding:0px 20px;margin:0 auto;}
[data-custom-block="events"] .event-wrapper a.event-grid{display:grid;grid-template-columns:repeat(2, 1fr);color:inherit;text-decoration:none;}
[data-custom-block="events"] .event-wrapper .event-grid .text{display:flex;flex-direction:column;justify-content:center;gap:30px;width:80%;position:relative;}
[data-custom-block="events"] .event-wrapper .event-grid .text .heading{font-family:var(--primaryFont);letter-spacing:unset;font-weight:700;font-size:2.5rem;margin-bottom:0;}
[data-custom-block="events"] .event-wrapper .event-grid .text .datebox{background-color:var(--white);padding:12px 20px;}
[data-custom-block="events"] .event-wrapper .event-grid .text .datebox p{margin:0;font-weight:700;font-size:1.375rem;}
[data-custom-block="events"] .event-wrapper .event-grid .text .datebox .date{color:var(--blue);}
[data-custom-block="events"] .event-wrapper .event-grid .text .datebox .location{color:var(--darkBlue);}
[data-custom-block="events"] .event-wrapper .event-grid .text::after{content:'';display:block;width:24px;height:24px;background-image:url('../core/icons/rightarrow_full.svg');background-repeat:no-repeat;background-size:contain;filter:var(--darkBlueFilter);position:absolute;bottom:10%;right:-15%;transition: transform 0.25s ease;}
[data-custom-block="events"] .event-wrapper .event-grid .text:hover::after{transform: translateX(4px);}

[data-custom-block="events"] .event-wrapper .event-grid .image{width:50vw;margin-left:auto;margin-right:calc(-50vw + 100%);}
[data-custom-block="events"] .event-wrapper .event-grid .image img{height:100%;object-fit:cover;}

@media (max-width:860px)
{
    [data-custom-block="events"] .event-wrapper a.event-grid{grid-template-columns: unset;}
    [data-custom-block="events"] .event-wrapper .event-grid .text{margin:30px 0;}
    [data-custom-block="events"] .event-wrapper .event-grid .image{width:100%;margin:0;}

}

@media (max-width:720px)
{
    [data-custom-block="events"] .container.main.event-wrapper {width:100%;}
}