/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



/* Body Style */
body {font-family:proxima-nova,calibri,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important}


/* Style top red Navbar */
a img.ua-redbar-logo {margin: 15.11px 0px 15.11px 0px;height: 19px;}
body[data-header-format].material #header-secondary-outer { display: block !important;}


/* Adjust the Center/Center stacked Layout to be left justified to match UA Branding */
.span_9{text-align:left !important;}
.span_3{text-align:left !important;}
#header-outer:not([data-format=left-header]) #top>.container>.row,#header-outer:not([data-format=left-header]) #top>.container>.row nav,#header-outer:not([data-format=left-header]) #top>.container>.row nav>ul,#header-outer:not([data-format=left-header]) #top>.container>.row nav>ul>li{justify-content:flex-start;}

/* UA Nav Style implementation */
nav[aria-label="Main Menu"] { border-top: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef;}
nav[aria-label="Main Menu"] .sf-menu, .sf-menu * {padding: 10px 0px 0px 0px;}

.custom-header-buttons{    max-width: 100%;    display: inline-block;    float: right;    margin-top: 3rem;    flex-grow: 1;    white-space: nowrap;}

/* Shrink the Donate/Login/Sign Up buttons so they stay on a single line when the header gets tight.
   Overrides the inline `min-width:110px` set in header-menu.php. */
@media only screen and (max-width: 1300px) {
    .custom-header-buttons .btn,
    .custom-header-buttons .btn-outline-red {
        min-width: 0 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        font-size: 12px;
    }
    .custom-header-buttons .ml-2 {
        margin-left: 4px !important;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1100px) {
    .custom-header-buttons .btn,
    .custom-header-buttons .btn-outline-red {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 11px;
    }
}

/* Main header logo: always scale to fit the available column width so it can't
   overflow or push the buttons off-screen. Parent theme sets a fixed pixel height
   on #logo img, so we let width follow height naturally but cap at the container. */
#header-outer #top #logo {
    max-width: 100%;
    box-sizing: border-box;
}
#header-outer #top #logo img {
    max-width: 100% !important;
    height: auto !important;
}
/* Progressively cap the logo's rendered width as the viewport narrows, so the
   logo + Donate/Login/Sign Up buttons share the .span_3 column gracefully. */
/* @media only screen and (max-width: 1300px) {
    #header-outer #top #logo img {
        max-height: 100%;
    }
}
@media only screen and (max-width: 1100px) {
    #header-outer #top #logo img {
        max-height: 60px;
    }
}
@media only screen and (max-width: 1000px) {
    #header-outer #top #logo img {
        max-height: 60px;
    }
} */
.btn-hollow-default, .btn-outline-red {	color: #8b0015;	border-color: #8b0015;}
.btn-hollow-default:hover, .btn-outline-red:hover {	background-color: #9E2621;	color: #ffffff;}
.btn-hollow-default, .btn-outline-red { color: #8b0015; border-color: #8b0015; border: 2px solid; display: inline-block; text-align: center; vertical-align: middle;font-size: 1rem;line-height: 1.5; font-weight:500; text-transform:uppercase; letter-spacing:.04em}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after {display:none}
.sf-menu > li a {text-decoration:none;}
.sf-menu > li:hover {color: #001c48 !important; background-color: #f8f9fa !important;}
nav[aria-label="Main Menu"] .sf-menu li.current-menu-item {background-color: #E2E9EB;}
#header-outer[data-format=centered-menu-under-logo] #top .span_9 nav>.buttons { padding-bottom: 0 !important;}
ul.buttons.sf-menu {margin-left: 0px !important;}
li#search-btn {    padding: 20px 16px !important;}
.sf-menu>li ul { padding: 5px 0px !important;}
.sub-menu.tracked-pos > li > a {padding: 3px 20px;}
nav[aria-label="Main Menu"] .sf-menu, .sf-menu * {padding: 0px;}
#header-outer[data-format=centered-menu-under-logo] #top .span_9 nav>ul>li:not(#social-in-menu):not(#search-btn):not(.slide-out-widget-area-toggle)>a {margin: 20px 16px !important;}
 

/* TCT: Secondary header mobile icons - hidden on desktop */
.tct-secondary-mobile-icons {
    display: none;
}

@media only screen and (min-width: 1px) and (max-width: 999px) {

    /* Hide original mobile icons from main header on mobile */
    #header-outer #top .span_9 > .mobile-search,
    #header-outer #top .span_9 > .mobile-user-account,
    #header-outer #top .span_9 > .slide-out-widget-area-toggle.mobile-icon {
        display: none !important;
    }

    /* Remove the old red-box span_9 styling */
    #header-outer[data-format=centered-menu-under-logo] #top .span_9,
    body.ascend #header-outer[data-format=centered-menu-under-logo] #top .row .span_9,
    body.material #header-outer[data-format=centered-menu-under-logo] #top .row .span_9,
    body.original #header-outer[data-format=centered-menu-under-logo] #top .row .span_9 {
        min-height: 0;
        width: 0 !important;
        overflow: hidden;
        position: relative !important;
        background-color: transparent !important;
    }

    /* Secondary header bar: ensure enough height for icons + labels */
    body[data-header-format] #header-secondary-outer {
        min-height: 48px;
        padding: 0 !important;
        box-sizing: border-box;
    }

    /* Position secondary nav as flex container */
    #header-secondary-outer .container {
        display: flex;
        align-items: center;
        min-height: 48px;
    }
    #header-secondary-outer nav {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 48px;
        flex-wrap: nowrap;
    }

    /* Keep everything on one row at all narrow widths */
    #header-secondary-outer .container {
        flex-wrap: nowrap;
    }

    /* Logo: shrinks dynamically so the menu buttons on the right are never pushed off-screen.
       The image scales by max-width while keeping its aspect ratio. */
    #header-secondary-outer nav > a {
        flex: 0 1 auto;
        min-width: 0;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
    }
    #header-secondary-outer a img.ua-redbar-logo {
        height: auto;
        max-height: 19px;
        max-width: 100%;
        width: auto;
        display: block;
    }

    /* Show the new mobile icons in secondary header */
    .tct-secondary-mobile-icons {
        display: flex !important;
        align-items: stretch;
        gap: 22px;
        margin-left: auto;
        flex-shrink: 0;
    }

    /* Each icon + label stacked vertically, all same height */
    .tct-secondary-mobile-icons .tct-sec-icon-wrap {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none !important;
        color: #fff !important;
        padding: 6px 0;
    }

    /* Fixed-height icon area so all icons align on the same row */
    .tct-secondary-mobile-icons .tct-sec-icon-wrap > span:first-child,
    .tct-secondary-mobile-icons .tct-sec-hamburger > div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px;
    }

    /* White labels under icons */
    .tct-secondary-mobile-icons .tct-sec-label {
        display: block;
        color: #fff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        font-size: 10px;
        line-height: 10px;
        text-align: center;
        white-space: nowrap;
        font-weight: 400;
        letter-spacing: 0.02em;
    }

    /* Force search icon white + aligned — reset theme's top:50%/translateY(-50%) from #header-outer .mobile-search */
    body #header-outer #header-secondary-outer .tct-secondary-mobile-icons .icon-salient-search {
        color: #fff !important;
        font-size: 18px;
        line-height: 1;
        height: auto;
        display: block;
        padding: 0 !important;
        margin: 0 !important;
        position: static !important;
        top: auto !important;
        transform: none !important;
    }

    body #header-secondary-outer .tct-secondary-mobile-icons .icon-salient-m-user {
        color: #fff !important;
        font-size: 18px;
        line-height: 20px;
        display: block;
    }

    /* Hamburger lines white */
    body #header-secondary-outer .tct-sec-hamburger a .lines,
    body #header-secondary-outer .tct-sec-hamburger a .lines:before,
    body #header-secondary-outer .tct-sec-hamburger a .lines:after,
    body #header-secondary-outer .tct-sec-hamburger a .lines-button:after {
        background-color: #fff !important;
    }

    /* Hamburger sizing & layout */
    .tct-secondary-mobile-icons .tct-sec-hamburger {
        position: relative;
        height: auto;
    }
    .tct-secondary-mobile-icons .tct-sec-hamburger .lines-button {
        width: 20px;
        height: 14px;
    }
    .tct-secondary-mobile-icons .tct-sec-hamburger .lines {
        width: 20px;
        height: 2px;
    }
    .tct-secondary-mobile-icons .tct-sec-hamburger .lines:before,
    .tct-secondary-mobile-icons .tct-sec-hamburger .lines:after {
        width: 20px;
        height: 2px;
    }
    .tct-secondary-mobile-icons .tct-sec-hamburger .lines:after {
        top: -6px;
    }
    .tct-secondary-mobile-icons .tct-sec-hamburger .lines:before {
        top: 6px;
    }

    /* Links reset */
    body #header-secondary-outer .tct-secondary-mobile-icons a,
    body #header-secondary-outer .tct-secondary-mobile-icons a:hover,
    body #header-secondary-outer .tct-secondary-mobile-icons a:visited {
        text-decoration: none !important;
        color: #fff !important;
    }

    /* Hide secondary nav menu items on mobile to keep bar clean */
    #header-secondary-outer nav > .sf-menu {
        display: none;
    }
}

/* TCT: Keep secondary nav visible & sticky on mobile — override Salient scroll-hide */
@media only screen and (max-width: 999px) {

    /* Prevent Salient's .hide-up from hiding the secondary bar */
    body[data-header-format] #header-secondary-outer,
    body[data-header-format] #header-secondary-outer.hide-up {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        position: relative !important;
        z-index: 10000;
    }

    /* Prevent #header-outer translateY that slides secondary bar off-screen */
    #header-outer[data-using-secondary="1"].hidden-secondary,
    body:not([data-hhun="1"]) #header-outer[data-using-secondary="1"].hidden-secondary {
        transform: translateY(0px) !important;
    }
}

/* Phone breakpoint: maintain secondary bar height for icons + labels */
@media only screen and (max-width: 690px) {
    body[data-header-format] #header-secondary-outer,
    body[data-header-format] #header-secondary-outer.hide-up {
        min-height: 48px !important;
        overflow: visible !important;
    }
    #header-secondary-outer .container {
        min-height: 48px;
    }
    #header-secondary-outer nav {
        min-height: 48px;
    }
}

/* Very narrow screens: hide the red-bar logo so the menu icons get the room they need. */
@media only screen and (max-width: 400px) {
    #header-secondary-outer img.ua-redbar-logo {
        display: none !important;
    }
}



/* TCT: Header button radius */
.custom-header-buttons .btn,
.custom-header-buttons .btn-outline-red,
.custom-header-buttons .btn-hollow-default {
  border-radius: 3rem;
}

/* TCT: Fix large gap above/below The Events Calendar event list on pages */
.tribe-events .tribe-events-l-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
}
.tribe-events .tribe-events-header {
    margin-top: 0;
    padding-top: 0;
}
.tribe-events .tribe-events-c-top-bar {
    margin-top: 0;
    padding-top: 0;
}

/* TCT: Home Slider Style*/
.slider_right_text .content {
    width: 45% !important;
    top: 0px !important;
    background: rgba(255,255,255,0.8);
    height: 100%;
    padding: 3% 2% !important;
	  
}
.slider_right_text .content h2{
	color:#07265B	!important;
		line-height:1em;
	padding-bottom:24px
}