.elementor-1619 .elementor-element.elementor-element-af68ccd{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1619 .elementor-element.elementor-element-c9b46e6{--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:30px;--padding-bottom:0px;--padding-left:32px;--padding-right:30px;}.elementor-1619 .elementor-element.elementor-element-ade10ff{--iteration-count:infinite;--dynamic-text-color:#FFFFFF;}.elementor-1619 .elementor-element.elementor-element-ade10ff .elementor-headline{text-align:left;font-family:"Bargain", Sans-serif;font-size:50px;font-weight:600;}.elementor-1619 .elementor-element.elementor-element-ade10ff .elementor-headline-plain-text{color:#FFFFFF;}.elementor-1619 .elementor-element.elementor-element-ade10ff .elementor-headline-dynamic-text{font-family:"Bargain", Sans-serif;font-weight:900;letter-spacing:0.7px;}.elementor-1619 .elementor-element.elementor-element-5ccff61{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1619 .elementor-element.elementor-element-5ccff61.elementor-element{--align-self:flex-start;}.elementor-1619 .elementor-element.elementor-element-17183ca{--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:1px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-1619 .elementor-element.elementor-element-2437f5a{--grid-columns:3;--grid-row-gap:1px;--load-more-message-color:#FFFFFF;--load-more-spinner-color:#FFFFFF;--grid-column-gap:1px;}.elementor-1619 .elementor-element.elementor-element-2437f5a .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1619 .elementor-element.elementor-element-2437f5a .e-loop-item > .elementor-section, .elementor-1619 .elementor-element.elementor-element-2437f5a .e-loop-item > .elementor-section > .elementor-container, .elementor-1619 .elementor-element.elementor-element-2437f5a .e-loop-item > .e-con, .elementor-1619 .elementor-element.elementor-element-2437f5a .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1619 .elementor-element.elementor-element-2437f5a .e-load-more-message{font-family:"Bargain", Sans-serif;}.elementor-1619 .elementor-element.elementor-element-e3b4545{--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;}.elementor-1619 .elementor-element.elementor-element-338a66b{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1619 .elementor-element.elementor-element-2437f5a{--grid-columns:2;}}@media(max-width:767px){.elementor-1619 .elementor-element.elementor-element-c9b46e6{--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1619 .elementor-element.elementor-element-17183ca{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1619 .elementor-element.elementor-element-2437f5a{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-4bdab62 */.video-popup {
    display: none; /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Dark semi-transparent background */
    z-index: 9999; /* Bring it above other elements */
    justify-content: center;
    align-items: center;
}

.video-popup-content {
    position: relative;
    width: 80%;
    max-width: 80%;
}

.video-popup-content video {
    width: 100%;
    height: auto;
}

.video-popup-close {
    position: absolute;
    top: -10px;
    right: -10px;
    color: black;
    background: #00F0E0;
    font-size: 20px;
    border-radius: 10%;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    z-index: 10000;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af68ccd */.e-con.e-con > .e-con-inner > .elementor-widget,
.elementor.elementor .e-con > .elementor-widget {
    max-width: 100% !important;
    height: auto !important;
    min-height: unset !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ccff61 */@font-face {
    font-family: 'MyCustomFont';
    src: url('https://spotlights.webready24.com/wp-content/uploads/2026/02/Grafton.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.filmstext {
    font-family: 'MyCustomFont', sans-serif;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 600;
    color: #ffffff;
    overflow: hidden;
}

.filmstext span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid #ffffff;
    width: 0;
}

/* First line typing */
.filmstext span:first-child {
    animation: typing1 2.5s steps(40, end) forwards,
               blink 0.7s step-end 4;
}

/* Second line typing (starts after first) */
.filmstext span:last-child {
    animation: typing2 2.5s steps(40, end) forwards,
               blink 0.7s step-end 4;
    animation-delay: 2.6s;
}

/* Typing animations */
@keyframes typing1 {
    from { width: 0 }
    to { width: 100% }
}

@keyframes typing2 {
    from { width: 0 }
    to { width: 100% }
}

/* Cursor blink */
@keyframes blink {
    50% { border-color: transparent }
}

/* Remove cursor after animation completes */
.filmstext span:last-child {
    animation-fill-mode: forwards;
}

.filmstext span:last-child::after {
    content: '';
}

/* Hide cursor after total duration (~5.2s) */
.filmstext span:last-child {
    animation:
        typing2 2.5s steps(40, end) forwards 2.6s,
        blink 0.7s step-end 4 2.6s,
        hideCursor 0.1s forwards 5.2s;
}

@keyframes hideCursor {
    to { border-right: none; }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2437f5a *//* ✅ Ensure the Elementor Loop Grid is in a proper 3-column structure */
.elementor-loop-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 Equal Columns */
    grid-auto-flow: dense; /* Fixes the issue of empty spaces */
    grid-auto-rows: auto; /* Adjust row heights dynamically */
    gap: 5px; /* Spacing between grid items */
}

/* ✅ Ensure the 1st element spans 2 columns & 2 rows */
.elementor-loop-container > .e-loop-item:first-of-type {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
}

/* ✅ Ensure the 6th, 11th, 16th, etc., also span correctly */
.elementor-loop-container > .e-loop-item:nth-child(5n + 1):not(:first-of-type) {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
}

/* ✅ Fixing gaps by forcing other items to take up single slots */
.elementor-loop-container > .e-loop-item {
    grid-column: span 1;
    grid-row: span 1;
}

/* ✅ Ensure a smooth layout by enabling auto-flow dense */
@media (max-width: 1024px) {
    .elementor-loop-container {
        grid-template-columns: repeat(2, 1fr); /* 2 Columns on Tablets */
    }

    .elementor-loop-container > .e-loop-item:first-of-type,
    .elementor-loop-container > .e-loop-item:nth-child(5n + 1):not(:first-of-type) {
        grid-column: span 1;
        grid-row: span 1;
    }
}

@media (max-width: 768px) {
    .elementor-loop-container {
        grid-template-columns: 1fr !important;
        gap: 10px;
        padding: 0 0px;
    }

    .elementor-loop-container > .e-loop-item {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* Remove spans for 1st and 5n+1 items on mobile */
    .elementor-loop-container > .e-loop-item:first-of-type,
    .elementor-loop-container > .e-loop-item:nth-child(5n + 1):not(:first-of-type) {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }

    .elementor-loop-container > .e-loop-item img,
    .elementor-loop-container > .e-loop-item video {
        width: 100% !important;
        height: auto !important;
        display: block;
        border-radius: 12px;
    }

    .elementor-loop-container > .e-loop-item * {
        font-size: 24px !important;
        line-height: 1.5;
        text-align: center;
    }

    .elementor-loop-container > .e-loop-item .elementor-widget-container {
        padding: 0px 0px;
    }
}



/* ✅ Hide Uncategorized Posts */
.e-filter-item[data-filter="uncategorized"] {
    display: none !important;
}

.e-con.e-con > .e-con-inner > .elementor-widget, .elementor.elementor .e-con > .elementor-widget {
    max-width: 100%;
    height: auto !important;
    min-height: 100% !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bargain';
	font-display: auto;
	src: url('https://spotlights.webready24.com/wp-content/uploads/2026/02/GCBargain-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */