/* Black text color class */

/* Banner slider height adjustments for responsive design */
.banner-two__slider-single {
    height: 100vh; /* Full viewport height for desktop */
    display: flex;
    align-items: center;
}

/* Tablet styles */
@media (max-width: 1024px) {
    .banner-two__slider-single {
        height: 80vh; /* 80% of viewport height for tablets */
    }
}

/* Mobile styles */
@media (max-width: 768px) {
    .banner-two__slider-single {
        height: 70vh; /* 70% of viewport height for mobile */
        padding: 20px 0;
    }
    
    .banner-two__slider-single .content h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }
    
    .banner-two__slider-single .content span.primary-text {
        font-size: 16px !important;
    }
}

@media (max-width: 480px) {
    .banner-two__slider-single {
        height: 60vh; /* 60% of viewport height for small mobile */
    }
    
    .banner-two__slider-single .content {
        padding: 0 15px;
    }
}

/* Black background theme for contact page */
.bg-black-theme {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Test style - bright red background to verify CSS is loading */
.bg-black-theme.test {
    background-color: #ff0000 !important;
}

.bg-black-theme h1,
.bg-black-theme h2,
.bg-black-theme h3,
.bg-black-theme h4,
.bg-black-theme h5,
.bg-black-theme h6 {
    color: #ffffff !important;
}

.bg-black-theme a {
    color: #cccccc !important;
}

.bg-black-theme a:hover {
    color: #fcc51d !important; /* Changed hover color to golden */
}

.bg-black-theme .contact-form__single h4.h4-light {
    color: #ffffff !important;
}

.bg-black-theme .section__header .h5 {
    color: #ffffff !important;
}

.bg-black-theme input,
.bg-black-theme textarea {
    background-color: #222222 !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

.bg-black-theme input::placeholder,
.bg-black-theme textarea::placeholder {
    color: #aaaaaa !important;
}

.bg-black-theme .single-checkbox label {
    color: #cccccc !important;
}

.bg-black-theme .btn--primary {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.bg-black-theme .btn--primary:hover {
    background-color: #fcc51d !important; /* Changed hover color to golden */
    color: #000000 !important;
}

.bg-black-theme .progress-wrap {
    background-color: #222222 !important;
}

.bg-black-theme .progress-wrap svg path {
    stroke: #ffffff !important;
}

.bg-black-theme #preloader {
    background-color: #000000 !important;
}

.bg-black-theme .animation-preloader .txt-loading .letters-loading {
    color: #ffffff !important;
}

.bg-black-theme .animation-preloader .spinner {
    background-color: #222222 !important;
}

.bg-black-theme .animation-preloader .spinner:before,
.bg-black-theme .animation-preloader .spinner:after {
    background-color: #ffffff !important;
}

/* Additional specificity to override main styles */
.breadcrumb-banner.bg-black-theme {
    background-color: #000000 !important;
}

.contact-form.bg-black-theme {
    background-color: #000000 !important;
}

.contact-form.bg-black-theme .contact-form__inner {
    background-color: #000000 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.contact-form__inner {
    background-color: #000000 !important;
}

.contact-form__content {
    color: #ffffff !important;
}

.contact-form__single {
    color: #ffffff !important;
}

.contact-form__form {
    color: #ffffff !important;
}

.lines.bg-black-theme {
    background-color: #000000 !important;
}

.lines.bg-black-theme .line {
    background-color: #333333 !important;
}

.progress-wrap.bg-black-theme {
    background-color: #222222 !important;
}

#preloader.bg-black-theme {
    background-color: #000000 !important;
}

.breadcrumb.bg-black-theme {
    background-color: #000000 !important;
}

/* Ensure all elements within bg-black-theme have proper styling */
.bg-black-theme .contact-form__content,
.bg-black-theme .contact-form__single,
.bg-black-theme .contact-form__form,
.bg-black-theme form {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.header-two .header__nav-logo .logo {
    width: 170px;
    height: 120px;
    background-color: #000515;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Logo background color when header menu is active */
.header__menu.header__menu-active .header__nav-logo .logo {
    background-color: #000515;
}

/* Header menu height when active */
.header__menu.header__menu-active {
    height: 80px;
}

/* Activity title font size */
.activity-title {
    font-size: 35px;
    line-height: 1;
    text-transform: uppercase;
}

/* Activity description text transform */
.activity-description {
    text-transform: capitalize;
}

/* Activity title font size on index page */
.activity-title-index {
    font-size: 24px;
}

/* Logo dimensions */
.header__menu .header__nav-logo .logo {
    width: 186px;
    height: 120px;
}

.header__menu.header__menu-active .header__nav-logo .logo {
    height: 100px;
}

/* Custom margin class for things-do-details page */
.mt-50 {
    margin-top: 50px !important;
}

/* Custom margin class for zero top margin */
.mt-0 {
    margin-top: 0px !important;
}

.div-text-white p {
    color: #ffffff !important;
}

.bg-black{
    background-color: #000515 !important;
}

@media only screen and (min-width: 1400px) {
#smooth-content  .latest-space .container {
    max-width: 1320px !important;
  }
}

.menu ul li p{
    line-height: 0px !important;
}

.normal .normal__slider-item{
   max-width: 600px !important;
   margin: 20px !important;
}

q p{
   color: #fff; 
}

.banner-two .social-wrapper .social a{
    opacity: 0.6 !important;
}

.banner-two .banner-two__slider-single .content h1 {
  color: #fff;
  margin-top: 20px;
  font-size: 60px !important;
}

/* Custom unique hover effect for specific space-s-single elements */
.collaborate .space-s-single.custom-hover .thumb::before {
    background-color: rgba(0, 5, 21, .7) !important;
}

.collaborate .space-s-single.custom-hover .thumb::after {
    background-color: rgba(0, 5, 21, .7) !important;
}

.collaborate .space-s-single.custom-hover.space-s-single-active .thumb::after {
    width: 0px;
    left: 100%;
}

.collaborate .space-s-single.custom-hover.space-s-single-active .thumb::before {
    width: 100%;
    left: 0px;
}

.featured .text-single h4 span{
  font-size: 20px !important;
  color: #000515;
  opacity: .6;
  text-decoration: unset !important;
}

/* Hover effect for View More Facilities button */
.btn.btn--primary:hover {
    background-color: #fcc51d !important; /* Golden hover color */
    color: #000515 !important;
    transform: translateY(-3px); /* Slight lift effect */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow on hover */
    transition: all 0.3s ease; /* Smooth transition */
}

/* Facility icons hover effect */
.snip-single {
    transition: all 0.3s ease; /* Smooth transition for all changes */
}

.snip-single:hover {
    transform: translateY(-5px); /* Lift effect */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Shadow on hover */
}

.snip-single .thumb {
    transition: all 0.3s ease; /* Smooth transition for icon changes */
}

.snip-single:hover .thumb {
    background-color: #fcc51d; /* Golden background on hover */
    transform: scale(1.1); /* Slightly enlarge icon */
}

.snip-single:hover h6 {
    color: #fcc51d; /* Golden text color on hover */
}

/* Custom white text color class for footer */
.footer-white-text {
    color: #ffffff !important;
}

/* Custom margin class for footer content */
.footer-margin-top {
    margin-top: 25px !important;
}

/* Custom padding class for footer heading */
.footer-padding-bottom {
    padding-bottom: 20px !important;
}

/* Custom margin class for social media section */
.social-icons-margin-top {
    margin-top: 30px !important;
}

.footer-copy-no-padding{
    padding: 0px !important;
}

/* Custom padding class for partner section */
.partner-section-padding {
    padding: 100px 0px !important;
}

/* Custom margin class for header logo */
.header-logo-margin {
    margin-top: -2px !important;
}

/* Custom width class for dark header logo */
.header-logo-dark-width {
    width: 140px !important;
}

/* Custom margin class for dark header logo - Firefox only */
@-moz-document url-prefix() {
    .header-logo-dark-margin-ff {
        margin-top: 15px !important;
    }
}

.social a {
  color: rgb(249, 245, 245) !important;
}

/* Unique styling for index page social links */
.index-social-links a {
  color: rgb(36, 35, 35) !important;
}

.footer .location {
    margin-top: 50px !important;
}