:root { --color-nav-text-size: 16px; --color-nav-text-transform: normal; --color-nav-text-weight: bold; --color-show-info-text-size: var(--event-info-visibility); --color-show-info-text-transform: normal; --color-show-info-text-weight: var(--event-info-font-weight); --color-nav-border: rgba(255, 255, 255, 0.4); /* dark */ --color-nav-border: rgba(0, 0, 0, 0.1); /* light */ --color-hamburger: #333; --hamburger-height: 18px; /* was 40px */ --hamburger-width: 24px; /* was 40px */ } /*---------------------------------------------------*\ # NO JAVASCRIPT - NOT BEING USED \*---------------------------------------------------*/ /** * If Javascript is enabled add .js to * * Show the navigation by default if javascript is not available * If .js is set then hide navigation on small screens */ /*---------------------------------------------------*\ # HEADER \*---------------------------------------------------*/ .nav--wrapper_outer { background-color: var(--color-nav-background); color: var(--color-nav); } .is-floorplan .nav--wrapper_outer { background-color: var(--color-nav-background-2); color: var(--color-nav-2); } .nav--wrapper_inner { background-color: var(--color-nav-background); color: var(--color-nav); } .is-floorplan .nav--wrapper_inner { background-color: var(--color-nav-background-2); color: var(--color-nav-2); } .is-desktop.nav--wrapper_inner { display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-between; max-width: 1920px; } .theme_2:not(.is-floorplan) .is-desktop.nav--wrapper_inner { justify-content: var(--nav-links-alignment-navbar-v2); } .theme_2.is-floorplan .is-desktop.nav--wrapper_inner { justify-content: space-between; } .nav--wrapper_inner a { border-bottom: 0; color: inherit; } /*---------------------------------------------------*\ # HEADER > SHOW LOGO \*---------------------------------------------------*/ .show-logo { align-items: center; display: flex; flex-direction: row; padding-top: 1rem; padding-bottom: 1rem; min-height: 70px; flex-shrink: 0; } .show-logo img { max-width: 100%; height: auto; } /* Reduce logo size at small breakpoint */ @media screen and (max-width: 30em) { .show-logo img { max-height: 50px; max-width: 190px; width: auto; } } /*---------------------------------------------------*\ # HEADER > SHOW LOGO > SHOW INFO \*---------------------------------------------------*/ /** * Show info is show dates and the location of the event */ .show-info { color: var(--color-nav); font-size: var(--color-show-info-text-size); font-weight: var(--color-show-info-text-weight); margin: 0 0 0 2rem; text-transform: var(--color-show-info-text-transform); max-width: 200px; } .logo { flex-shrink: 0; } /* Floorplan-specific colors */ .is-floorplan #navbar-v2 .show-info { color: var(--color-nav-2); font-size: var(--color-show-info-text-size) !important; } /* Fix floorplan styles overriding navbar_v2 styles */ .mysIDS .show-info { list-style: none !important; margin-bottom: 0; } .show-info li:not(last-child) { margin-bottom: 0.25rem; } /* Hide show info on small screens - Removed 6-27-22, now done with JS */ /* Tweakpoint - Removed 6-27-22, now done with JS */ /*---------------------------------------------------*\ # HEADER > MAIN NAVIGATION WRAPPER \*---------------------------------------------------*/ /* Center Main Navigation for theme 2 */ .theme_2.is-floorplan .navigation--wrapper { margin: 0; } /* Added back in when .l-nav was added back to