/* =========================================================
FUTURES 101 — GLOBAL HEADER
FINAL DESKTOP HEADER
========================================================= */

@media all and (min-width: 992px) {

/* ---------------------------------------------------------
01 — HEADER
--------------------------------------------------------- */

.theme-header {
background: #ffffff !important;
border-bottom: 1px solid #e6e9ed !important;
box-shadow: none !important;
min-height: 0 !important;
}

.theme-header .zcontainer {
width: 100% !important;
max-width: 1320px !important;
min-height: 88px !important;

margin: 0 auto !important;
padding: 12px 34px 12px 52px !important;

display: flex !important;
align-items: center !important;
}


/* ---------------------------------------------------------
02 — BRAND AREA
--------------------------------------------------------- */

.theme-header .theme-branding-info {
flex: 0 0 auto !important;

display: flex !important;
align-items: center !important;

width: auto !important;
max-width: none !important;

margin: 0 !important;
padding: 0 !important;
}

.theme-header .theme-logo-parent {
position: relative !important;

display: flex !important;
align-items: center !important;

width: auto !important;
max-width: none !important;

margin: 0 !important;
padding: 0 !important;

overflow: visible !important;
}


/* ---------------------------------------------------------
03 — CAR LOGO
--------------------------------------------------------- */

/* =========================================================
FUTURES 101 — LOGO IMAGE OVERRIDE FIX
========================================================= */

.theme-header .theme-logo-parent img {

content: url("https://sitebuilder-935512783.zohositescontent.com/files/Futures-logo-trnpt.PNG") !important;

display:block !important;

width:105px !important;

height:64px !important;

max-width:none !important;

max-height:none !important;

object-fit:contain !important;

margin:0 !important;

padding:0 !important;

filter:none !important;

box-shadow:none !important;

}


/* ---------------------------------------------------------
04 — FUTURES 101 WORDMARK
--------------------------------------------------------- */

.theme-header .theme-logo-parent::after {
content: "FUTURES 101";

display: block !important;

margin-left: 12px !important;

color: #314156 !important;

font-family: Arial, Helvetica, sans-serif !important;
font-size: 20px !important;
font-weight: 800 !important;

line-height: 1 !important;
letter-spacing: 0.8px !important;

white-space: nowrap !important;
}


/* ---------------------------------------------------------
05 — SMALL SIGNAL DETAIL
--------------------------------------------------------- */

.theme-header .theme-logo-parent::before {
content: "";

position: absolute !important;

left: 5px !important;
bottom: -6px !important;

width: 58px !important;
height: 3px !important;

background: #c9e52d !important;
}


/* ---------------------------------------------------------
06 — NAVIGATION
--------------------------------------------------------- */

.theme-header .theme-navigation-and-icons {
flex: 1 1 auto !important;

display: flex !important;
align-items: center !important;
justify-content: flex-end !important;

width: auto !important;

margin-left: 90px !important;
padding: 0 !important;
}

.theme-header .theme-menu-area {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;

width: auto !important;
max-width: none !important;

margin-left: auto !important;
padding: 0 !important;
}

.theme-header .theme-menu-area > ul {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-end !important;

width: auto !important;

margin: 0 !important;
padding: 0 !important;

gap: 10px !important;

white-space: nowrap !important;
}

.theme-header .theme-menu-area > ul > li {
display: block !important;
flex: 0 0 auto !important;

margin: 0 !important;
padding: 0 !important;

white-space: nowrap !important;
}


/* ---------------------------------------------------------
07 — NAVIGATION LINKS
--------------------------------------------------------- */

.theme-header .theme-menu-area > ul > li > a {
display: block !important;

padding: 10px 11px !important;

color: #4b5563 !important;

font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.2 !important;

text-decoration: none !important;
white-space: nowrap !important;

transition: color 0.2s ease !important;
}

.theme-header .theme-menu-area > ul > li > a:hover {
color: #0878e8 !important;
}


/* ---------------------------------------------------------
08 — START HERE CTA
--------------------------------------------------------- */

.theme-header .theme-menu-area > ul > li:last-child > a {
background: #0878e8 !important;
color: #ffffff !important;

padding: 12px 20px !important;
margin-left: 8px !important;

border: 1px solid #0878e8 !important;
border-radius: 0 !important;

font-weight: 700 !important;
letter-spacing: 0.2px !important;

text-decoration: none !important;

transition:
background 0.2s ease,
border-color 0.2s ease !important;
}

.theme-header .theme-menu-area > ul > li:last-child > a:hover {
background: #0b1b2b !important;
border-color: #0b1b2b !important;
color: #ffffff !important;
}


/* ---------------------------------------------------------
09 — CLEAN UP ZOHO DEFAULTS
--------------------------------------------------------- */

.theme-header .theme-header-topbar,
.theme-header .zpcontainer {
/* =========================================================
FUTURES 101 — FORCE START HERE CTA
========================================================= */

@media all and (min-width: 992px) {

.theme-header .theme-menu-area a[href*="start"],
.theme-header .theme-menu-area a[title*="Start"],
.theme-header .theme-menu-area a[title*="start"],
.theme-header .theme-menu-area > ul > li:last-child a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;

background-color: #0878E8 !important;
color: #FFFFFF !important;

padding: 12px 20px !important;
margin-left: 8px !important;

border: 1px solid #0878E8 !important;
border-radius: 0 !important;

font-weight: 700 !important;
text-decoration: none !important;
}

}    
/* =========================================================
FUTURES 101 — LOGO IMAGE FIX
========================================================= */

.theme-header .theme-logo-parent img {
    content: url("PASTE-YOUR-PERMANENT-LOGO-URL-HERE") !important;
    display:block !important;
    width:105px !important;
    height:64px !important;
    object-fit:contain !important;
}