/* Google Open Sans fonts moved to /Views/Shared/_Layout.cshtml in */ /* Custom TRB font for icons/glyphs */ @font-face { font-weight: 400; font-style: normal; font-family: 'TRB'; src: url('../fonts/trb.eot'); /* IE9 Compat Modes */ src: local('TRB'), url('../fonts/trb.woff') format('woff'), /* Modern Browsers */ url('../fonts/trb.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/trb.svg#TRB') format('svg'); font-display: swap; /* Legacy iOS */ } :root { --trb-theme: #5e0c02; --maroon-color: #5e0c02; --secondary-color: hsl(37, 50%, 66%); --highlight-color: hsl(51, 59%, 93%); --dark-complementary-color: hsl(201, 100%, 21%); --dark-complementary-highlight-color: hsl(201, 100%, 37%); --blue-color: #435EA3; --bluedark-color: #364C84; --white-color: #f8f5e4; --greylight-color: #ccc; --greydark-color: #767676; --action-area-bg: #f8f5e4; --action-area-border: tan; --action-area-active: #d2b48c; --trb-background-accent: #f8f5e4; --desktop-min-width: 769px; --tablet-max-width: calc(var(--desktop-min-width) - 1px); --site-menu-height: 6rem; --site-menu-logo-spacing: 0; --site-menu-connect-background: #000; --site-menu-connect-color: #fff; --site-menu-contents-background: #ccc; --site-menu-contents-color: #000; --site-menu-contents-hover-color: #fff; } /* From old preload css to avoid CLS */ @-ms-viewport { width: device-width } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype'); font-display: swap } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype'); font-display: swap } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format('truetype'); font-display: swap } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype'); font-display: swap } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143 } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body { margin: 0 } main, nav { display: block } a { background-color: transparent } strong { font-weight: 700 } h1 { margin: .67em 0; font-size: 2em } img { border: 0 } button { margin: 0; font: inherit; color: inherit } button { overflow: visible } button { text-transform: none } button { -webkit-appearance: button } button::-moz-focus-inner { padding: 0; border: 0 } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff } button { font-family: inherit; font-size: inherit; line-height: inherit } a { color: #337ab7; text-decoration: none } img { vertical-align: middle } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } h1, h2 { font-family: inherit; font-weight: 500; line-height: normal; color: inherit } h1, h2 { margin-top: 20px; margin-bottom: 10px } h1 { font-size: 36px } h2 { font-size: 30px } p { margin: 0 0 10px; line-height: 1.7; } ol, ul { margin-top: 0; margin-bottom: 10px } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:768px) { .container { width: 750px } } @media (min-width:992px) { .container { width: 970px } } @media (min-width:1200px) { .container { width: 1170px } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { margin-right: -15px; margin-left: -15px } .col-lg-6, .col-md-8, .col-sm-10, .col-xs-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .col-xs-12 { float: left } .col-xs-12 { width: 100% } @media (min-width:768px) { .col-sm-10 { float: left } .col-sm-10 { width: 83.33333333% } .col-sm-offset-1 { margin-left: 8.33333333% } } @media (min-width:992px) { .col-md-8 { float: left } .col-md-8 { width: 66.66666667% } .col-md-offset-2 { margin-left: 16.66666667% } } @media (min-width:1200px) { .col-lg-6 { float: left } .col-lg-6 { width: 50% } .col-lg-offset-3 { margin-left: 25% } } .collapse { display: none } .nav { padding-left: 0; margin-bottom: 0; list-style: none } .nav>li { position: relative; display: block } .nav>li>a { position: relative; display: block; padding: 10px 15px } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header { margin-right: -15px; margin-left: -15px } @media (min-width:768px) { .navbar { border-radius: 4px } .navbar-header { float: left } .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important } .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0 } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header { margin-right: 0; margin-left: 0 } .navbar-static-top { border-radius: 0 } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px } .navbar-brand { float: left; height: 50px; padding: 15px; font-size: 18px; line-height: 20px } .navbar-brand>img { display: block } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px } .navbar-nav { margin: 7.5px -15px } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px } @media (min-width:768px) { .navbar>.container-fluid .navbar-brand { margin-left: -15px } .navbar-toggle { display: none } .navbar-nav { float: left; margin: 0 } .navbar-nav>li { float: left } .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px } .navbar-left { float: left !important } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7 } .navbar-default .navbar-brand { color: #777 } .navbar-default .navbar-nav>li>a { color: #777 } .navbar-default .navbar-toggle { border-color: #ddd } .navbar-default .navbar-collapse { border-color: #e7e7e7 } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px } .breadcrumb>li { display: inline-block } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0" } .breadcrumb>.active { color: #777 } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px } @media screen and (min-width:768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px } } .container-fluid:after, .container-fluid:before, .container:after, .container:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .row:after, .row:before { display: table; content: " " } .container-fluid:after, .container:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .row:after { clear: both } @media (max-width:767px) { .hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important } } /* End old preload section */ #site-header { /* position: relative; */ } #site-header > div { /* height: 2 * @site-menu-height + @site-menu-logo-spacing; */ } @media only screen and (max-width: 767px) { #site-header > div { height: 85px; } } #site-header .navbar-toggle { top: 12px; left: 0; z-index: 100; } #site-header .navbar-toggle .menu-label { color: #fff; text-transform: uppercase; font-size: 16px; } #site-header .navbar-toggle:focus:not(:hover) { background-color: transparent; } #site-header .navbar-toggle[aria-expanded="true"]:not(:hover), #site-header .navbar-toggle:active { background-color: var(--trb-background-accent); } #site-header .navbar-toggle[aria-expanded="true"]:not(:hover) .menu-label, #site-header .navbar-toggle:active .menu-label { color: #000; } @media only screen and (max-width: 767px) { #site-header #nas-logo { display: none; } } #site-header #trb-logo { position: absolute; top: 1.4em; right: 1em; } #site-header #trb-logo svg { fill: white; } @media only screen and (max-width: 767px) { #site-header .nav { float: left; width: 50%; } } @media only screen and (max-width: 767px) { #site-header #site-menu-contents li { float: right; clear: both; } } @media only screen and (max-width: 767px) { #site-header #site-menu-contents li { width: 190px; } } @media screen and (max-width: 450px) { #site-header #site-menu-contents li { width: 170px; } } @media screen and (max-width: 350px) { #site-header #site-menu-contents li { width: 150px; } } #site-header #site-menu-connect { padding-left: 30px; } @media screen and (min-width: 450px) { #site-header #site-menu-connect { padding-left: 40px; } } #site-header .nav .nav-heading { overflow: visible; white-space: nowrap; } #site-header > div { background-color: var(--trb-theme); } @media only screen and (max-width: 767px) { #site-header #trb-site-navbar-collapse { position: absolute; top: 85px; display: block; overflow: hidden; /*width: 0;*/ max-height: 0; background-color: var(--trb-background-accent); -webkit-box-shadow: 0 10px 20px -10px #000000; -moz-box-shadow: 0 10px 20px -10px #000000; box-shadow: 0 10px 20px -10px #000000; opacity: 0; transition: max-height 0.2s, width 0.2s; } #site-header #site-menu-contents { border-right: 1px solid #ccc; } #site-header #trb-site-navbar-collapse.trb-menu-opened { max-height: 500px; width: 100%; opacity: 1; } } @media only screen and (min-width: 768px) { #site-header a { text-decoration: none; } } #site-header .nav-heading { padding-left: 14px; font-weight: bold; font-size: 16px; } @media only screen and (min-width: 768px) { #site-header .nav-heading { display: none; } } /* End #site-header */ @media (min-width: 768px) { /* 2022-04-25 New site desktop header without Bootstrap Begin with Andy Bell css reset targetting only the header block https://piccalil.li/blog/a-modern-css-reset */ /* Box sizing rules */ #site-header *, #site-header *::before, #site-header *::after { box-sizing: border-box; } /* Remove default margin */ #site-header h2 { margin: 0; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ /* Set core root defaults */ html:focus-within { scroll-behavior: smooth; } /* Set core body defaults */ body { margin: 0; min-height: 100vh; text-rendering: optimizeSpeed; } /* A elements that don't have a class get default styles */ #site-header a:not([class]) { text-decoration-skip-ink: auto; } /* Make images easier to work with */ /* Inherit fonts for inputs and buttons */ #site-header button { font: inherit; } :root { --trb-color: #5e0c02; } /* Bootstrap duplicates to avoid CLS */ .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } #site-header { display: grid; width: 100%; grid-template-columns: 1fr; } #site-header::before { display: none; } #site-header #trb-site-navbar-collapse { display: contents !important; width: 100% !important; } #site-header > .container-fluid { display: contents; margin: 0; padding: 0; } .logo-bar { display: flex; padding: 0 1.5em; width: 100%; height: 5.625em; background-color: var(--trb-color); grid-row: 2; flex: 1 0 auto; justify-content: space-between; align-items: center; } .logo-bar > * { display: block; } .logo-bar svg { display: block; fill: white; } #trb-logo { /* Bootstrap overrides */ position: initial !important; max-width: 250px; } #nas-logo { max-width: 250px; } /* Top menu bar */ #site-menu-connect { display: flex; /* Bootstrap overrides */ float: none !important; width: 100% !important; background: black; grid-row: 1; gap: 2.5em; flex: 1 0 auto; justify-content: flex-end; align-items: center; } #site-menu-connect > li > a { padding: 0.4em 0; width: max-content; color: white; text-decoration: none !important; text-transform: uppercase; /* Bootstrap overrides */ font-size: 14px !important; } #site-menu-connect > li:nth-child(3) > a { text-transform: none; } #site-menu-connect > li:first-child { display: none; } /* TRB gray menu bar */ #site-menu-contents { display: flex; /* Bootstrap overrides */ float: none !important; background: linear-gradient(to bottom, #edeee9 0%, #bab5af 100%); grid-row: 3; gap: 1.7em; flex: 1 0 auto; justify-content: flex-start; align-items: center; } #site-menu-contents > li > a { padding: 0.4em 0; color: black; text-decoration: none !important; font-weight: bold; /* Bootstrap overrides */ font-size: 12px !important; } #site-menu-contents > li > a:hover, #site-menu-contents > li > a:focus { color: white; font-weight: bold; } #site-menu-contents > li:first-child, #site-menu-contents > li.divider { display: none; } } /* End new header */ @media only screen and (max-width: 767px) { .navbar-toggle-left .navbar-toggle { float: left; } .navbar-toggle-left .navbar-collapse { float: none; clear: both; } } /* Contains styles for the site footer */ #footer { margin-top: 20px; } #footer a { white-space: nowrap; } #footer #footer-nas-logo-row { padding: 10px; background-color: var(--trb-theme); text-align: center; } #footer #footer-nas-logo svg { width: 100%; height: 5.625rem; } #footer #footer-nas-logo svg path { fill: white; } @media only screen and (max-width: 767px) { #footer #colophon { padding: 0 15px; } #footer #colophon-nas, #footer #colophon-address { display: none; } #footer #colophon-legal { font-style: italic; } #footer #footer-nas-logo-row { padding-top: 0.5rem; padding-bottom: 2rem; } #footer #footer-nas-logo { display: inline-block; float: none; padding-bottom: 30px; } } @media only screen and (min-width: 768px) { #footer #colophon { padding: 5px; border-top: 4px solid #000; background-color: var(--trb-theme); color: #fff; font-weight: bold; font-size: 13px; line-height: 13px; } #footer #colophon a { color: #fff; } #footer #colophon > * { margin: 0; } #footer #footer-nas-logo-row { display: none; } } /* Contains styles that apply across all pages */ div#body *:not(.glyphicon):not(.icon) { font-family: 'Open Sans', sans-serif; } .breadcrumb { margin-bottom: 5px; padding: 0; background-color: transparent; } @media only screen and (min-width: 768px) { .breadcrumb { padding-left: 15px; } } .breadcrumb > li + li::before { content: "»"; } @media only screen and (min-width: 640px) { .site-banner-row { display: block; } } .site-banner-row .site-banner-container { margin-bottom: 14px; padding-right: 0; padding-left: 0; } @media only screen and (min-width: 768px) { .site-banner-row .site-banner-container { padding-right: 15px; padding-left: 15px; } } .site-banner-row .site-banner { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: start; -ms-flex-align: center; min-height: 100px; width: 100%; background: #faf6f2; background: linear-gradient(to bottom, #faf6f2 0%, #e9e4e0 100%); -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .site-banner-row .site-banner img { margin-right: 20px; margin-left: 25px; width: auto; height: auto; } .site-banner-row .site-banner p { margin-bottom: 0; color: var(--trb-theme); font-weight: 700; font-size: 32px; line-height: 40px; } .site-banner-row .site-banner p span { display: block; color: var(--greydark-color); font-size: 14px; line-height: 16px; } #main { padding-bottom: 40px; } .container .jumbotron { margin-bottom: 14px; padding: 0; padding: 0 15px; background-color: transparent; } .container .jumbotron .container-fluid { padding: 0; } @media only screen and (min-width: 768px) { .container .jumbotron .container-fluid { padding-right: 15px; padding-left: 15px; } } @media only screen and (max-width: 529px) { .container { width: 100%; } } @media only screen and (min-width: 530px) and (max-width: 949px) { .container { width: 100%; } } /* Export modals */ .modal-dialog section:first-of-type > *:is(:hover, :focus-within) { cursor: pointer; background-color: var(--highlight-color); } /* Modal dialog sort options */ a { text-decoration: underline; text-shadow: none; } img { max-width: 100%; width: 100%; height: auto; } #body.container a:not(.btn) { color: var(--dark-complementary-color); } #body.container a:not(.btn):hover, #body.container a:not(.btn):focus { color: var(--dark-complementary-highlight-color); } mark[data-markjs] { padding: 0 0.2em; background-color: #fff09f; } /* Contains styles that apply to the submittable shortform views */ /* Ad button styling for use in prominent areas or below the ad banner */ @font-face { font-family: 'tde'; src: url('../../fonts/tde.eot?47050963'); src: url('../../fonts/tde.eot?47050963#iefix') format('embedded-opentype'), url('../../fonts/tde.woff2?47050963') format('woff2'), url('../../fonts/tde.woff?47050963') format('woff'), url('../../fonts/tde.ttf?47050963') format('truetype'), url('../../fonts/tde.svg?47050963#tde') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'tde'; src: url('../../fonts/tde.svg?47050963#tde') format('svg'); } } */ /* '' */ /* '' */ /* '' */ /* '' */ /* '' */ /* '' */ /* '' */ /* Contains styles that apply to the individual record pages */ #trid-record-main a { word-wrap: break-word; } h1 { font-size: 24px; } h2 { font-size: 18px; } ul.record-info { margin: 0; padding: 0; } ul.record-info li { list-style-type: none; } ul.record-info li ul { padding-left: 25px; }