/* ============================================================
   CreativeDNA Compliance — Brand Color Overrides
   Navy:  #1b2b4b  |  Blue:  #2579c7  |  Cyan:  #4aafcc
   ============================================================ */

/* ----------------------------------------------------------
   SUBHEADER PAGE TITLE
---------------------------------------------------------- */
#Subheader .title,
#Subheader h1.title {
    color: #2579c7 !important;
}

/* ----------------------------------------------------------
   HEADER & NAV BAR
---------------------------------------------------------- */
#Header_wrapper,
body:not(.template-slider) #Header_wrapper {
    background-color: #1b2b4b !important;
    background-image: none !important;
}

#Header .top_bar_left,
#Top_bar,
.header-classic #Top_bar,
.header-fixed #Top_bar,
.header-below #Top_bar {
    background-color: #1b2b4b !important;
}

/* Sticky header stays navy */
#Top_bar.is-sticky,
.sticky-tb-color #Top_bar.is-sticky {
    background-color: #1b2b4b !important;
    border-bottom: 1px solid #2579c7 !important;
}

/* Lock header to same height at top and when scrolled */
#Top_bar,
#Top_bar.is-sticky {
    height: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
}

#Top_bar .menu > li > a {
    line-height: 60px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#Top_bar .top_bar_left {
    height: 60px !important;
}

/* Nav links — white on dark */
#Top_bar .menu > li > a,
#Top_bar .top_bar_right a {
    color: #ffffff !important;
}

/* Active & hover state — cyan accent */
#Top_bar .menu > li.current-menu-item > a,
#Top_bar .menu > li.current_page_item > a,
#Top_bar .menu > li.current-menu-ancestor > a,
#Top_bar .menu > li.current_page_ancestor > a,
#Top_bar .menu > li.hover > a,
#Top_bar .menu > li > a:hover {
    color: #4aafcc !important;
}

/* Underline indicator on hover */
#Top_bar .menu > li a:after {
    background: #4aafcc !important;
}

/* Mobile hamburger icon */
#Top_bar a.responsive-menu-toggle {
    color: #ffffff !important;
}

/* Dropdown submenu */
#Top_bar .menu > li ul {
    background-color: #162038 !important;
}
#Top_bar .menu > li ul li a {
    color: #b8d4e8 !important;
}
#Top_bar .menu > li ul li a:hover,
#Top_bar .menu > li ul li.hover > a {
    color: #4aafcc !important;
}

/* ----------------------------------------------------------
   HERO LOGO SECTION
---------------------------------------------------------- */
#hero-logo-section {
    background-color: #1b2b4b;
    border-bottom: 3px solid #2579c7;
}

/* ----------------------------------------------------------
   EYEBROW H6 LABELS (e.g. "WHAT WE DO", "WHY CHOOSE US")
---------------------------------------------------------- */
h6, h6 a, h6 a:hover,
.entry-content h6 {
    color: #4aafcc !important;
    letter-spacing: 2px;
}

/* ----------------------------------------------------------
   SERVICE CARDS — brand gradient instead of PNG overlays
---------------------------------------------------------- */
.column_attr[style*="columnbg1"],
.column_attr[style*="columnbg2"],
.column_attr[style*="columnbg3"] {
    background-image: none !important;
    background: linear-gradient(145deg, #162038 0%, #1e3a6e 60%, #2579c7 100%) !important;
    border: 1px solid rgba(37, 121, 199, 0.3) !important;
}

/* Card heading color already #fff in HTML inline styles — reinforce */
.column_attr[style*="columnbg1"] h4,
.column_attr[style*="columnbg2"] h4,
.column_attr[style*="columnbg3"] h4 {
    color: #ffffff !important;
}

/* ----------------------------------------------------------
   EQUAL HEIGHT SERVICE CARDS
---------------------------------------------------------- */
/* Turn the inner wrap into a flex row so cards stretch to match */
.entry-content .section[style*="sectionbg1"] .mcb-wrap-inner {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
}

/* Full-width heading & divider rows stay full width */
.entry-content .section[style*="sectionbg1"] .mcb-wrap-inner .column.one {
    flex: 0 0 100%;
    width: 100%;
}

/* Each card column becomes a flex column so it fills the row height */
.entry-content .section[style*="sectionbg1"] .mcb-wrap-inner .one-third {
    display: flex;
    flex-direction: column;
}

/* The inner card div fills its column and lays content vertically */
.entry-content .section[style*="sectionbg1"] .mcb-wrap-inner .one-third .column_attr {
    flex: 1;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

/* Push the price line to the bottom of every card */
.entry-content .section[style*="sectionbg1"] .mcb-wrap-inner .one-third .column_attr > p:last-child {
    margin-top: auto;
    padding-top: 15px;
}

/* Add top spacing for the second row of cards (cards 4 & 5) */
.entry-content .section[style*="sectionbg1"] .mcb-wrap-inner .one-third:nth-child(n+6) {
    margin-top: 40px;
}

/* Center the bottom row of 2 cards */
.entry-content .section[style*="sectionbg1"] .mcb-wrap-inner {
    justify-content: center;
}

/* ----------------------------------------------------------
   SERVICES SECTION BACKGROUND (first content section)
---------------------------------------------------------- */
.entry-content .section[style*="sectionbg1"] {
    background-color: #162038 !important;
    background-image: none !important;
}

/* Section heading overrides within dark bg */
.entry-content .section[style*="sectionbg1"] h1 {
    color: #ffffff !important;
}
.entry-content .section[style*="sectionbg1"] h3 {
    color: #b8d4e8 !important;
}

/* ----------------------------------------------------------
   SPLIT SECTIONS (Passport/Mobile, Why Choose Us/Book)
---------------------------------------------------------- */
/* sectionbg2 = neutral white curves, keep it */
.entry-content .section[style*="sectionbg2"] h6 {
    color: #2579c7 !important;
}
.entry-content .section[style*="sectionbg2"] h3 {
    color: #1b2b4b !important;
}

/* sectionbg3 = solid orange stripe — strip it, replace with blue borders */
.entry-content .section[style*="sectionbg3"] {
    background-image: none !important;
    border-top: 4px solid #2579c7;
    border-bottom: 4px solid #2579c7;
}
.entry-content .section[style*="sectionbg3"] h6 {
    color: #2579c7 !important;
}
.entry-content .section[style*="sectionbg3"] h3 {
    color: #1b2b4b !important;
}

/* ----------------------------------------------------------
   BUTTONS
---------------------------------------------------------- */
a.button.button_js,
a.button.button_size_2,
a.button_theme,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background-color: #2579c7 !important;
    color: #ffffff !important;
    border-color: #2579c7 !important;
}

a.button.button_js:hover,
a.button.button_size_2:hover,
a.button_theme:hover {
    background-color: #1b2b4b !important;
    border-color: #4aafcc !important;
    color: #4aafcc !important;
}

/* ----------------------------------------------------------
   LINKS (global)
---------------------------------------------------------- */
a {
    color: #2579c7;
}
a:hover {
    color: #4aafcc;
}

/* ----------------------------------------------------------
   DIVIDER LINE
---------------------------------------------------------- */
.column_divider hr,
hr.no_line + hr {
    border-color: #2579c7 !important;
}

/* ----------------------------------------------------------
   FOOTER
---------------------------------------------------------- */
#Footer {
    background-color: #1b2b4b !important;
}

#Footer,
#Footer p,
#Footer li {
    color: #b8d4e8 !important;
}

#Footer h1, #Footer h1 a,
#Footer h2, #Footer h2 a,
#Footer h3, #Footer h3 a,
#Footer h4, #Footer h4 a,
#Footer h5, #Footer h5 a,
#Footer h6, #Footer h6 a {
    color: #ffffff !important;
}

#Footer a {
    color: #4aafcc !important;
}
#Footer a:hover {
    color: #ffffff !important;
}

/* CONTACT WITH US button in footer */
#Footer .button.button_js {
    background-color: #2579c7 !important;
    color: #ffffff !important;
    border-color: #2579c7 !important;
}
#Footer .button.button_js:hover {
    background-color: #4aafcc !important;
    border-color: #4aafcc !important;
}

/* Footer copy / copyright bar */
.footer_copy {
    background-color: #111e35 !important;
    border-top: 2px solid #2579c7 !important;
}
.footer_copy .copyright,
.footer_copy .copyright a {
    color: #b8d4e8 !important;
}

/* Back to top button */
a#back_to_top {
    background-color: #2579c7 !important;
    color: #ffffff !important;
}
a#back_to_top:hover {
    background-color: #4aafcc !important;
}

/* ----------------------------------------------------------
   THEME-LEVEL ACCENT CLASSES
---------------------------------------------------------- */
.themecolor {
    color: #2579c7 !important;
}
.themebg {
    background-color: #2579c7 !important;
}

/* ----------------------------------------------------------
   MOBILE SIDE MENU
---------------------------------------------------------- */
#Side_slide {
    background-color: #1b2b4b !important;
}
#Side_slide .menu > li > a {
    color: #ffffff !important;
    border-bottom-color: rgba(37, 121, 199, 0.2) !important;
}
#Side_slide .menu > li > a:hover {
    color: #4aafcc !important;
}
#Side_slide a.close i {
    color: #b8d4e8 !important;
}