/* -- TYPEKIT FONTS Benton Sans Light font-family: benton-sans, sans-serif; font-weight: 300; font-style: normal; Benton Sans Book font-family: benton-sans, sans-serif; font-weight: 400; font-style: normal; Benton Sans Book Italic font-family: benton-sans, sans-serif; font-weight: 400; font-style: italic; Benton Sans Regular font-family: benton-sans, sans-serif; font-weight: 500; font-style: normal; Benton Sans Medium font-family: benton-sans, sans-serif; font-weight: 600; font-style: normal; Benton Sans Bold font-family: benton-sans, sans-serif; font-weight: 700; font-style: normal; Benton Sans Compressed Bold font-family: benton-sans-compressed, sans-serif; font-weight: 700; font-style: normal; BRAND COLORS --blue: #0659b3; --yellow: #f8bb02; --white: #fff; --black: #000; --gray: #d1d1d1; --gray-light: #f2f2f2; --gray-dark: #484848; --primary: #007bff; --secondary: #0659b3; -- */ body { font: 400 15px/22px benton-sans, sans-serif; color: #484848; } h1 { font: 300 40px/normal benton-sans, sans-serif; text-transform: uppercase; margin-bottom: 20px; } h2 { font: 300 25px/normal benton-sans, sans-serif; text-transform: uppercase; } h3 { font: 300 20px/normal benton-sans, sans-serif; text-transform: uppercase; } h4 { font: 300 25px/normal benton-sans, sans-serif; text-transform: uppercase; } img { max-width: 100%; } .copyBlock h2, .copyBlock h3, .copyBlock h4 { margin-top: 30px; } /* -- hide typekit flash -- */ .wf-loading #header, .wf-loading #content-wrapper, .wf-loading #footer { visibility: hidden; } /* -- edit button -- */ .editor-button { position: fixed; z-index: 9999 !important; } .editor-button a { display: inline-block; padding: 10px; background: #F9BB01; overflow: hidden; font: 12px Arial, sans-serif; color: #FFF !important; text-decoration: none !important; text-align: center; } /* -- BUTTONS -- */ .btn { border-radius: unset; background: #f8aa02; border: unset; } .btn:hover { opacity: .5; background: #f8aa02; } .button { background: #f8aa02; color: #FFF; padding: 10px 20px; display: inline-block; } .button:hover { opacity: .5; background: #f8aa02; text-decoration: none; color: #FFF; } /* -- MISC -- */ a { color: #f8aa02; outline: 0; text-decoration: none; } a:focus { outline: 0; } a:hover { color: #f8aa02; text-decoration: underline; } h1 a, h2 a, h3 a, h4 a, h5 a { color: #484848; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #484848; opacity: .5; text-decoration: none; } small { font-size: .7rem; } .zoom { overflow: hidden; display: inline-block; cursor: pointer; } .zoom img { transition: transform 300ms; } .zoom:hover img { transform: scale(1.02); } .subheadline { color: #0659b3; text-transform: uppercase; font-size: 13px; } .bg-lightgray { background: #f2f2f2; } .overflow-visible { overflow: visible !important; } a.hoverBox { color: unset; } a.hoverBox:hover { text-decoration: none; color: #bab9b9; } /* -- HEADER -- */ #header .utility { background: #d1d1d1; min-height: 25px; } #nuclogo { z-index: 1; display: block; position: absolute; top: 10px; text-indent: -9999px; background:url(/load/view.php?a=aHR0cHM6Ly9udWNsZWFybXVzZXVtLm9yZy9hc3NldHMvaW1hZ2VzL2xvZ28tbnVjLW1vYmlsZS5wbmc); width: 175px; height: 88px; } #homepage #nuclogo { top: 20px; } /* -- PRIMARY NAVIGATION -- */ #navbarContent { z-index: 2; } #primaryNav a { color: #000; } #primaryNav.level-1 > li > a { font: 400 15px/normal benton-sans, sans-serif; padding: 8px 10px; border-bottom: 3px solid transparent; } #primaryNav.level-1 > li:hover > a, #primaryNav.level-1 > li.active > a { color: #f8bb02; border-bottom: 3px solid #f8bb02; } #primaryNav .level-2.dropdown-menu { margin-top: 1px !important; } #primaryNav .dropdown-menu.level-2, #primaryNav .dropdown-menu.level-3 { font-size: 12px; } #primaryNav .level-2 a:hover, #primaryNav .level-3 a:hover { } #primaryNav .level-2 .dropdown-item:active, #primaryNav .level-3 .dropdown-item:active { background: transparent; } #primaryNav .page-192 a { font-weight: 700 !important; } #primaryNav .dropdown-submenu { position: relative; } #primaryNav .dropdown-submenu > .dropdown-menu { left: 100%; margin-top: 0; margin-left: 0; } .dropdown-toggle::after { position: relative; top: 2px; } #primaryNav .dropright .dropdown-toggle::after { margin-left: 3.255em; } /* -- INTERNAL PAGE NAVIGATION -- */ #internalNav a { color: #000; } #internalNav.level-1 > li > a { font: 400 15px/normal benton-sans, sans-serif; } #internalNav.level-1 > li:hover > a, #internalNav.level-1 > li.active > a { color: #f8bb02; } #internalNav .level-2.dropdown-menu { margin-top: 1px !important; } #internalNav .dropdown-menu.level-2 { font-size: 12px; } #internalNav .level-2 a:hover { color: #f8bb02; } #internalNav .level-2 .dropdown-item:active { background: transparent; } #internalNav .dropdown-submenu { position: relative; } #internalNav .dropdown-submenu > .dropdown-menu { left: 100%; margin-top: 0; margin-left: 0; } /* -- CUSTOM HOVER NAVIGATION -- */ #homeNav li.dropdown:hover ul.dropdown-menu, #internalNav li.dropdown:hover ul.dropdown-menu { display: block; } .dropdown-menu { padding: 0; margin: 0; border: 0 !important; border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } .btco-hover-menu { background: none; margin: 0; padding: 0; min-height: 20px } /* -- GLOBAL ALERT -- */ #globalAlert { background: #F8BB02; color: #000; } #globalAlert h2 { font: 600 20px/24px benton-sans, sans-serif; text-transform: capitalize; } #globalAlert a { color: #cf0606; text-decoration: underline; } #globalAlert a:hover { text-decoration: none; } /* -- HOME PAGE -- */ #homeHero { position: relative; background-color: black; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 35vh; min-height: 15rem; width: 100%; overflow: hidden; } #homeHero .banner { position: absolute; z-index: 3; width: 100%; background-image: url("/assets/images/bg-banner.png"); font-size: 14px; padding-top: 50px; padding-bottom: 30px; } #homeHero .headline { z-index: 2; text-transform: uppercase; color: #FFF; font: 700 55px/50px benton-sans-compressed, sans-serif; } #homeHeroVideo video { width: 100%; height: auto; } /* -- HOME PAGE INTRO COPY BLOCK -- */ #block-22 h2 { text-transform: capitalize; color: #282526; font-weight: 600; margin: 0 0 30px 0; } #block-22 .copy { font-size: 18px; } /* -- INTERNAL PAGE HERO -- */ #internalhero { position: relative; background-image: url("/assets/images/bg-extra.jpg"); background-color: black; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 35vh; min-height: 15rem; overflow: hidden; } #internalhero.visit { background-image: url("/assets/images/bg-visit.jpg"); } #internalhero.see { background-image: url("/assets/images/bg-see.jpg"); } #internalhero.educate { background-image: url("/assets/images/bg-educate.jpg"); } #internalhero.support { background-image: url("/assets/images/bg-support.jpg"); } #internalhero.connect { background-image: url("/assets/images/bg-connect.jpg"); } #internalhero .headline { z-index: 2; text-transform: uppercase; color: #FFF; font: 700 65px/55px benton-sans-compressed, sans-serif; } /* -- CONTACT BLOCK -- */ #contactBlock { background-image: url("/assets/images/bg-contact.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; color: #000; } #contactBlock p { font-size: 13px; } #contactBlock h2 { margin-top: auto; } /* -- MEMBER BLOCK -- */ #memberBlock { background: #f8bb02; } #memberBlock .headline { font: 700 40px/35px benton-sans-compressed, sans-serif; text-transform: uppercase; color: #FFF; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } #memberBlock .cta { border: 1px solid #FFF; color: #FFF; font-size: 20px; } #memberBlock .cta:hover { text-decoration: none; opacity: .8; } /* -- CAROUSEL -- */ .carousel-inner { overflow: visible; } .carousel-nav-icon.large { height: 48px; width: 48px; opacity: .5; } .carousel-nav-icon.large:hover { opacity: .3; } .carousel-nav-icon.small { height: 18px; width: 18px; opacity: .5; } .carousel-nav-icon.small:hover { opacity: .3; } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); } /* -- DOWNLOAD IMAGE PAGE -- */ .thumbholder { z-index: 1; } .thumbholder .hover { z-index: 3; width: 100%; position: absolute; bottom: 0; left: 0; display: none; height: 100px; } .thumbholder:hover img { opacity: .7; } .thumbholder:hover .hover { display: block; background: rgba(0, 0, 0, 0.8); } /* -- FOOTER -- */ #footer { background: #484848; } #footerSocial { background-image: url("/assets/images/bg-footerwriting.jpg"); } #footerSocial .social .icon-holder { text-align: center; border-radius: 35px; background: #798184; } #footerSocial .social .icon-holder .icon { height: 50px; width: 50px; text-align: center; display: flex; } #footerSocial .social .icon-holder .icon i { font-size: 30px; line-height: 30px; color: #fff; flex-grow: 1; align-self: center; } #footerSocial .social .icon-holder .icon i.twitter { background: url("/assets/images/x-logo.png?v1") no-repeat top center; font-size: unset; line-height: unset; height: 27px; width: 30px; display: inline-block; } #footerSocial .social .icon-holder:hover { opacity: .5; } #footerSocial .social .icon:hover { text-decoration: none; } /* ----------------------------------------------------------------- MEDIA QUERIES ------------------------------------------------------------------- */ /*Smallest devices (768px and below)*/ @media (max-width: 768px) { .carousel-item { margin-right: unset !important; opacity: unset !important; float: unset !important; } .carousel-fade .carousel-item { margin-right: unset !important; opacity: unset !important; float: unset !important; display: block !important; margin-bottom: 50px !important; } #contactBlock h2 { font-size: 18px !important; } } /*Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) { #homepage #nuclogo { background:url(/load/view.php?a=aHR0cHM6Ly9udWNsZWFybXVzZXVtLm9yZy9hc3NldHMvaW1hZ2VzL2xvZ28tbnVjLWhvbWUtc21hbGwucG5n); width: 300px; height: 76px; } } /* Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) { #footerSocial .social .icon-holder .icon { height: 70px; width: 70px; } #footerSocial .social .icon-holder .icon i { font-size: 40px; line-height: 40px; } #homeHero .banner { font-size: 16px; } #homeHero .headline, #internalhero .headline { font: 700 145px/135px benton-sans-compressed, sans-serif; letter-spacing: -3px; } #memberBlock .headline { font: 700 60px/55px benton-sans-compressed, sans-serif; letter-spacing: -1px; } h1 { font: 300 58px/59px benton-sans, sans-serif; text-transform: uppercase; } h2 { font: 300 32px/33px benton-sans, sans-serif; text-transform: uppercase; } h3 { font: 300 20px/normal benton-sans, sans-serif; text-transform: uppercase; } .w-md-20 { width: 20% !important; } .w-md-23 { width: 23% !important; } .w-md-25 { width: 25% !important; } .w-md-33 { width: 33% !important; } .w-md-50 { width: 50% !important; } .mw-33 { max-width: 33% !important; } #carouselEntries3 .items { min-height: 200px; } } /* Large devices (desktops, 992px and up)*/ @media (min-width: 992px) { #nuclogo { background:url(/load/view.php?a=aHR0cHM6Ly9udWNsZWFybXVzZXVtLm9yZy9hc3NldHMvaW1hZ2VzL2xvZ28tbnVjLWludGVybmFsLnBuZw); width: 249px; height: 124px; } #homepage #nuclogo { background:url(/load/view.php?a=aHR0cHM6Ly9udWNsZWFybXVzZXVtLm9yZy9hc3NldHMvaW1hZ2VzL2xvZ28tbnVjLWhvbWUucG5n); width: 489px; height: 124px; top: -10px; } #homeHero { height: 65vh; } #primaryNav .dropdown-menu { min-width: 17em; } #homeHero .headline, #internalhero .headline { font: 700 195px/165px benton-sans-compressed, sans-serif; } #memberBlock .cta { font-size: 25px; } #carouselEntries3 .items { min-height: 325px; } h5 { font: 600 20px/24px benton-sans, sans-serif; } .btco-hover-menu .collapse ul li { position: relative; } .btco-hover-menu .collapse ul li:hover > ul { display: block } .btco-hover-menu .collapse ul ul { position: absolute; top: 100%; left: 0; min-width: 250px; display: none } /*******/ .btco-hover-menu .collapse ul ul li { position: relative } .btco-hover-menu .collapse ul ul li:hover > ul { display: block } .btco-hover-menu .collapse ul ul ul { position: absolute; top: 0; left: 100%; min-width: 250px; display: none } /*******/ .btco-hover-menu .collapse ul ul ul li { position: relative } .btco-hover-menu .collapse ul ul ul li:hover ul { display: block } .btco-hover-menu .collapse ul ul ul ul { position: absolute; top: 0; left: -100%; min-width: 250px; display: none; z-index: 1 } .dropright-lg .dropdown-toggle::after { display: inline-block; margin-left: 2em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; position: relative; top: 2px; } } /* Extra large devices (large desktops, 1200px and up)*/ @media (min-width: 1200px) { #memberBlock .headline { font: 700 95px/95px benton-sans-compressed, sans-serif; letter-spacing: -3px; } }