.elementor-8904 .elementor-element.elementor-element-42b221f6{--display:flex;--min-height:80vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14vw;--padding-bottom:4vw;--padding-left:0vw;--padding-right:0vw;}.elementor-8904 .elementor-element.elementor-element-42b221f6:not(.elementor-motion-effects-element-type-background), .elementor-8904 .elementor-element.elementor-element-42b221f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-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-8904 .elementor-element.elementor-element-461e625{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6% 0% 0% 0%;text-align:center;}.elementor-8904 .elementor-element.elementor-element-461e625 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:4em;font-weight:600;color:#FAFAFA;}.elementor-8904 .elementor-element.elementor-element-c6d3fef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-8904 .elementor-element.elementor-element-c6d3fef .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:15px;font-weight:400;color:#FEFEFE;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8904 .elementor-element.elementor-element-acdc7b1 .elementor-button{background-color:#B59758;border-radius:7px 7px 7px 7px;}.elementor-8904 .elementor-element.elementor-element-acdc7b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8904 .elementor-element.elementor-element-78ba9b9{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:-45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8904 .elementor-element.elementor-element-78ba9b9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8904 .elementor-element.elementor-element-a11f2e6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 0px 0px 0px;}.elementor-8904 .elementor-element.elementor-element-a11f2e6.elementor-element{--align-self:stretch;}body.elementor-page-8904{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-8904 .elementor-element.elementor-element-42b221f6{--content-width:100%;}.elementor-8904 .elementor-element.elementor-element-78ba9b9{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-a11f2e6 */.container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }
    
    .header {
        background-color: #1a1a1a;
        color: white;
        text-align: center;
        padding: 60px 0;
    }
    
    .gold-text {
        color: #c8a97e;
    }
    
    .btn {
        display: inline-block;
        background-color: #c8a97e;
        color: white;
        padding: 10px 20px;
        text-decoration: none;
        border-radius: 4px;
        font-weight: bold;
        margin: 10px 0;
        border: none;
        cursor: pointer;
    }
    
    .section-title {
        text-align: center;
        margin: 40px 0 30px;
    }
    
    .filter-container {
        text-align: center;
        margin-bottom: 30px;
    }
    
    .filter-btn {
        background-color: transparent;
        color: #c8a97e;
        border: 1px solid #c8a97e;
        padding: 8px 16px;
        margin: 0 5px 10px;
        border-radius: 4px;
        cursor: pointer;
    }
    
    .filter-btn.active {
        background-color: #c8a97e;
        color: white;
    }
    
    .video-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        margin-bottom: 50px;
    }
    
    @media (min-width: 768px) {
        .video-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    
    @media (min-width: 992px) {
        .video-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    
    .video-item {
        background-color: white;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    .video-thumbnail {
        position: relative;
        overflow: hidden;
    }
    
    .video-thumbnail img {
        width: 100%;
        display: block;
    }
    
    .play-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.3s;
    }
    
    .video-thumbnail:hover .play-overlay {
        opacity: 1;
    }
    
    .play-icon {
        width: 60px;
        height: 60px;
        background-color: rgba(255,255,255,0.9);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .category-badge {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: #c8a97e;
        color: white;
        padding: 4px 10px;
        border-radius: 4px;
        font-size: 12px;
    }
    
    .video-content {
        padding: 15px;
    }
    
    .video-title {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 18px;
    }
    
    .video-description {
        color: #666;
        margin-bottom: 15px;
        font-size: 14px;
    }
    
    .footer {
        background-color: #1a1a1a;
        color: white;
        padding: 40px 0 20px;
        text-align: center;
    }
    
    .footer-content {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 20px;
    }
    
    @media (min-width: 768px) {
        .footer-content {
            grid-template-columns: repeat(3, 1fr);
            text-align: left;
        }
    }
    
    .footer-title {
        color: white;
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 18px;
    }
    
    .footer-links {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .footer-links li {
        margin-bottom: 8px;
    }
    
    .footer-links a {
        color: #aaa;
        text-decoration: none;
    }
    
    .footer-links a:hover {
        color: #c8a97e;
    }
    
    .social-links {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin-top: 15px;
    }
    
    @media (min-width: 768px) {
        .social-links {
            justify-content: flex-start;
        }
    }
    
    .social-icon {
        color: #aaa;
        font-size: 18px;
        text-decoration: none;
    }
    
    .social-icon:hover {
        color: #c8a97e;
    }
    
    .copyright {
        border-top: 1px solid #333;
        padding-top: 20px;
        color: #aaa;
        font-size: 14px;
    }
    
    /* Simple modal that works in WordPress */
    .video-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.9);
    }
    
    .modal-content {
        position: relative;
        width: 90%;
        max-width: 900px;
        margin: 50px auto;
    }
    
    .close-button {
        position: absolute;
        top: -40px;
        right: 0;
        color: white;
        font-size: 30px;
        cursor: pointer;
    }
    
    .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
    }
    
    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    /* Featured video styles */
    .featured-video {
        grid-column: 1 / -1;
    }
    
    .featured-video .video-title {
        font-size: 24px;
    }
    
    .featured-video .play-icon {
        width: 80px;
        height: 80px;
    }
</style>/* End custom CSS */