/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#top-bar {
    /* background-color: #e5b052; */
}

.button {
    background-color: #e5b052;
}

.menu-item.current > .menu-link {
    color: #e5b052;
}

.menu-link {
    color: #fff;
}

.entry-title h2 {
    --cnvs-post-title-font-size: 1.125rem;
    letter-spacing: 0;
    font-weight: var(--cnvs-post-title-font-weight);
}

#page-title,
.page-title {
    --cnvs-page-title-padding: 1rem;
}

.menu-link div img {
    position: relative;
    width: 20px;
    height: 20px;
    top: -2px;
    margin-right: 5px;
}

.content-wrap {
    padding: 3rem 0;
}

#videoHero {
    width: 100%; /* Makes the video take up 100% of the parent's width */
    height: auto; /* Maintains the video's aspect ratio */
    /* For full-screen background video, you might also use: */
    position: fixed; /* Positions it relative to the viewport */
    right: 0;
    bottom: 0;
    min-width: 100%; /* Ensures it covers the full width */
    min-height: 100%; /* Ensures it covers the full height */
    object-fit: cover; /* Crops the video to cover the area without distortion */
}

.is-expanded-menu.stretched .full-header #header-wrap > .container {
    padding: 0 30px !important;
}

.is-expanded-menu .sticky-header #header-wrap,
#header-wrap {
    background-color: #000;
}

.is-expanded-menu .menu-link {
    --cnvs-primary-menu-padding-y: calc(
        calc(var(--cnvs-sticky-header-height) - 22px) * 0.65
    );
}

.dark #copyrights,
#copyrights.dark {
    color: rgb(46, 43, 43);
    background-color: #e5b052;
}

#copyrights {
    padding: calc(var(--cnvs-content-padding) * 0.125) 0;
}
.copyright-links,
.copyright-links a {
    color: rgb(46, 43, 43);
}


/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/
.slider-container {
    position: relative;
    width: 100%;
    height: 60vh; /* Full viewport height */
    overflow: hidden;
}

.slide video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures video covers the area while maintaining aspect ratio */
    position: absolute;
    top: 0;
    left: 0;
}

.slide {
    display: none; /* Hide all slides by default */
    position: absolute;
    width: 100%;
    height: 100%;
}

.slide.active {
    display: block; /* Show the active slide */
}

.slide-content {
    /* Position the text absolutely within the container */
    position: absolute;
    /* Move the top-left corner of the text to the center of the container */
    top: 50%;
    left: 50%;
    /* Use transform to shift the text back by half of its own width and height */
    transform: translate(-50%, -50%);
    /* Optional: Add styling for readability */
    color: white;
    text-align: center;
    width: 100%; /* Ensures text can use the full width for centering */
}

.slide-content h1 {
    white-space: nowrap;
    color: white;
    visibility: inherit;
    transition: none;
    text-align: inherit;
    line-height: 70px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 60px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}