/* =========================================================
   Rokane live-site fix: header, navigation, footer, home page.
   Loaded last from links/links.php so it overrides the theme.
   ========================================================= */

/* ---------- Header: white bar, blue links on every page ---------- */
.sticky-header-wrapper {
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
}
.int_header_wrapper {
    padding: 0 24px !important;
    background: #fff !important;
}
.int_header_wrapper .int_nav .int_menu > ul > li > a {
    color: #104876 !important;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}
.int_header_wrapper .int_nav .int_menu > ul > li > a:hover {
    color: #c6a47e !important;
}
/* Leftover template element ("Amelia Carol") */
.int_cartsec {
    display: none !important;
}

/* Logo: the image file is a large square with empty padding, so crop to the lettering */
.int_header_wrapper .int_logo img {
    width: 150px !important;
    height: 40px !important;
    max-height: none !important;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

/* Desktop: keep each menu on one line and the header compact */
@media (min-width: 992px) {
    .int_header_wrapper .row {
        flex-wrap: nowrap;
        min-height: 96px;
    }
    .int_header_wrapper .int_nav .int_menu > ul {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        margin: 0;
        padding: 0;
    }
    .int_header_wrapper .int_nav .int_menu > ul > li {
        float: none;
        margin: 0;
    }
    .int_header_wrapper .int_nav .int_menu > ul > li > a {
        padding: 10px 11px;
        line-height: 1.2;
    }
}
@media (min-width: 992px) and (max-width: 1299px) {
    .int_header_wrapper .int_nav .int_menu > ul > li > a {
        font-size: 12.5px;
        padding: 10px 7px;
        letter-spacing: .02em;
    }
    .int_header_wrapper .int_logo img {
        width: 130px !important;
        height: 35px !important;
    }
}

/* ---------- Footer: dark navy so the white text and logo are readable ---------- */
.int_footer_wrapper {
    background: #0b2d4f !important;
}
.int_footer_wrapper p,
.int_footer_wrapper li,
.int_footer_wrapper a,
.int_footer_wrapper .footer_heading {
    color: #fff !important;
}
.int_footer_wrapper a:hover {
    color: #c6a47e !important;
}
.int_footer_wrapper .int_logo img {
    width: 240px !important;
    height: 66px !important;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

/* ---------- Home banner: keep the full-screen hero height, but let the photo
   fill it (it was capped at 450px, leaving a white strip under it). ---------- */
@media (min-width: 992px) {
    .int_banner_slider .swiper-slide .swiper_contbox {
        height: 100%;
    }
    .int_banner_slider .swiper-slide img {
        display: block;
        width: 100%;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover;
        object-position: center;
    }
}

/* ---------- Home + Company Profile: readable "About" headings on dark sections ---------- */
.about_content .about_head1,
.about_content .about_head2 {
    color: #fff !important;
}
.about_content .team {
    color: #f5b800 !important;
}