/* legacy drupal */ body { padding-top: 65px; background-color: white; font-family: Helvetica, Arial, sans-serif; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 160%; color: rgb(1, 32, 59); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { body { padding-top: 46px; } } :focus { outline: none; text-decoration: none; outline-color: transparent; outline-style: none; } img { display: block; height: auto; max-width: 100%; } a[href] { cursor: pointer; } ol li { list-style-type: decimal; } .pointer { cursor: pointer; } .no-hover:hover { cursor: default; } a { color: rgb(11, 41, 77); word-break: break-word; overflow-wrap: break-word; cursor: pointer; transition: all 0.3s ease-in-out; } a.white { color: white; } a:hover { color: rgb(192, 69, 24); cursor: pointer; text-decoration: none; } a:focus { outline: thin dotted !important; text-decoration: none; color: rgb(192, 69, 24); transition: none; } a.underlined-link { border-bottom: 1px dotted rgb(1, 32, 59); color: rgb(1, 32, 59); } a.underlined-link:visited { border-bottom: 1px dotted #a003a6; color: #a003a6; } a.underlined-link:hover { border-bottom: 1px dotted rgb(242, 101, 49); color: rgb(192, 69, 24); } a#searchbar-toggler { background: rgb(242, 101, 49); color: white; transition: all 0.25s ease; text-transform: uppercase; } a#searchbar-toggler:hover { border-bottom: 0; background: blue; } a#rrMTitle.collapsed > h4 > i.fa-angle-right { display: inline-block; } a#rrMTitle.collapsed > h4 > i.fa-angle-down { display: none; } a#rrMTitle > h4 > i.fa-angle-down { display: inline-block; } a#rrMTitle > h4 > i.fa-angle-right { display: none; } a#aboutMTitle.collapsed > h4 > i.fa-angle-right { display: inline-block; } a#aboutMTitle.collapsed > h4 > i.fa-angle-down { display: none; } a#aboutMTitle > h4 > i.fa-angle-down { display: inline-block; } a#aboutMTitle > h4 > i.fa-angle-right { display: none; } .toTop { bottom: 40px; right: 20px; position: fixed; border-radius: 3px; background: rgb(153, 153, 153); opacity: 0.4; filter: alpha(opacity=40); width: 55px; height: 55px; cursor: pointer; color: white; font-size: 32px; text-align: center; display: none; padding: 10px 0 0 2px; z-index: 14; } .toTop:hover { opacity: 1; filter: alpha(opacity=100); transition: all 0.3s; } @media (min-width: 768px) { .toTop { bottom: 15px; right: 5px; } } #title-banner { background: #003866; background: linear-gradient(90deg, rgba(0, 56, 102, 0.976628) 24%, rgba(0, 56, 102, 0.854779) 92%); color: white; position: relative; padding: 20px 20px 0; } @media screen and (min-width: 768px) { #title-banner { min-height: 97px; padding: 0; margin-bottom: 20px; position: relative; } #title-banner #HeaderShareMenu { height: 97px; } } #official-banner { background: rgb(0, 56, 102); color: white; font-size: 0.75em; } .figcaption { font-size: 80%; color: rgb(129, 138, 145); } .element-invisible { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; border: 0; } .position-fixed { position: fixed; z-index: 9999; } .flex-column { display: flex; flex-direction: column; } .flex-row--btwn-center { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: space-between; align-content: center; } a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; transition: none; } a.skip-main:focus, a.skip-main:active { background-color: #fcfcfc; left: auto; top: auto; width: 30%; height: auto; overflow: auto; margin: 10px 35%; padding: 5px; border: 1px solid #f26531; text-align: center; z-index: 999; color: #f26531; } .link-copy-alert { position: absolute; background-color: #fcfbfb; left: auto; top: auto; width: 30%; height: auto; overflow: auto; margin: 10px 35%; padding: 5px; border: 1px solid #f26531; text-align: center; z-index: 999; color: #01203b; } .anchor-location { position: relative; top: -60px; } #content-wrapper a:visited { color: #a003a6; } #content-wrapper a:hover { border-bottom: 1px dotted rgb(242, 101, 49); color: rgb(192, 69, 24); } #content-wrapper a.btn { color: white !important; } #content-wrapper a#mainScrollUp { color: rgb(242, 101, 49); border-bottom: 1px dotted rgb(242, 101, 49); } #content-wrapper a#mainScrollUp:hover { color: rgb(192, 69, 24); } #content-wrapper #committeeBrowse a { color: rgb(1, 32, 59); } #content-wrapper #committeeBrowse a:visited { color: #a003a6; } #content-wrapper #committeeBrowse a:hover { color: rgb(192, 69, 24); } #content-wrapper #committeeBrowse a:focus { outline: thin dotted !important; text-decoration: none; color: rgb(192, 69, 24); transition: none; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes moveModal { 0% { transform: translate(-50%, -68%); } 100% { transform: translate(-50%, -50%); } } @keyframes moveModalOut { 0% { transform: translate(-50%, -50%); } 100% { transform: translate(-50%, -68%); } } p { font-variant-ligatures: none; font-feature-settings: "liga" 0, "clig" 0; } p.white { color: white; } p a { cursor: pointer; } p a:hover, p a:focus { text-decoration: none; color: rgb(242, 101, 49); } .lead { text-align: justify; } .title { cursor: pointer; } h1 { font-family: "Lato", sans-serif; font-variant-ligatures: none; font-feature-settings: "liga" 0, "clig" 0; line-height: 120%; padding: 0; margin: 20px 0 10px; } h1.masthead-page-title { margin-top: 25px !important; margin-bottom: 25px; } h2, h3, h4, h5, h6 { font-family: "Lato", sans-serif; font-variant-ligatures: none; font-feature-settings: "liga" 0, "clig" 0; } h2 { line-height: 120%; } h4, h5, h6 { font-weight: 700; } .homepage__h1 h1 { margin: 1em; } @media screen and (max-width: 529px) { .homepage__h1 h1 { margin: 20px 0 10px; font-size: 24px; } } @media screen and (min-width: 530px) and (max-width: 768px) { .homepage__h1 h1 { margin: 20px 0 10px; font-size: 28px; } } .text-orange { color: rgb(242, 101, 49); } .text-orange a { color: rgb(242, 101, 49); } .underline-title > h1 { margin-bottom: 5px; } .underline-title > h2 { margin-bottom: 5px; } .underline-title h3 { margin-bottom: 5px; } .underline-title h4 { margin-bottom: 5px; } .underline-title h5 { margin-bottom: 5px; } .underline-title.center { text-align: center; } .underline-border { display: none; } @media screen and (min-width: 768px) { .underline-border { display: block; width: 100%; height: 2px; margin-bottom: 10px; padding: 0; background: rgb(173, 173, 173) none repeat scroll 0 0; } .underline-border > span { width: 50%; display: block; height: 2px; background: rgb(102, 110, 117); } .underline-border.center > span { width: 50%; margin: 0 auto; display: block; height: 2px; background: rgb(242, 101, 49); } } .underlined-heading.center { padding-bottom: 20px; margin-bottom: 55px; border-bottom: 4px solid rgb(0, 12, 204); } .underlined-heading.center::after { content: ""; position: absolute; width: 50%; height: 4px; background: rgb(242, 101, 49); left: 25%; top: 76px; } .white .underlined-link { color: white; border-bottom: 1px dotted white; } .white .underlined-link:hover { color: rgb(173, 173, 173); border-bottom: 1px dotted rgb(173, 173, 173); } .table.no-border { border: none; } .table.no-border tr { border: none; } .table.no-border td { border: none; } .table.no-border tbody { border: none; } .table.first-child-bold td:first-child { font-weight: bold; } .table > thead > tr > th { border-radius: 0; } .table > thead > tr > td { border-radius: 0; } .table > tbody > tr > th { border-radius: 0; } .table > tbody > tr > td { border-radius: 0; } .table > tfoot > tr > th { border-radius: 0; } .table > tfoot > tr > td { border-radius: 0; } tbody { border-top: none; } .btn { border-radius: 0; transition: all 0.25s ease; text-transform: uppercase; margin-bottom: 5px; } .btn:hover { transform: translate(2px, 2px); } .btn-primary { background: rgb(8, 54, 94); border: 1px solid rgb(7, 48, 83); } .btn-default { background: rgb(235, 235, 235); border: 1px solid rgb(222, 223, 225); transition: all 0.25s ease; } .btn-default:hover { border: 1px solid rgb(211, 211, 211); background: rgb(216, 216, 216); } @media screen and (min-width: 768px) { .btn-default { box-shadow: 3px 3px 0px #adadad; } .btn-default:hover { box-shadow: 1px 1px 0px #adadad; } } .btn-format { background: rgb(77, 114, 138); color: white; border: 1px solid rgb(64, 96, 117); transition: all 0.25s ease; } .btn-format:hover { background: rgb(60, 90, 109); color: white; } @media screen and (min-width: 768px) { .btn-format { box-shadow: 3px 3px 0px #3e6177; } .btn-format:hover { box-shadow: 1px 1px 0px #3e6177; } } .btn-group { box-shadow: 3px 3px 0 rgb(173, 173, 173); transition: all 0.25s ease; } .btn-group:hover { box-shadow: 1px 1px 0 rgb(173, 173, 173); color: white; } .btn-orange { background: rgb(242, 101, 49); border: 1px solid rgb(236, 98, 47); color: white; transition: all 0.25s ease; } .btn-orange:hover { background: rgb(192, 69, 24); color: white; } .btn-orange a { color: white; } .btn-orange.shadow { box-shadow: 4px 4px 0px rgb(192, 69, 24); transition: all 0.25s ease; } .btn-orange.shadow:hover { box-shadow: 2px 2px 0px rgb(192, 69, 24); background: rgb(242, 101, 49); color: white; } .highlighted-block .btn:hover { color: white; } .highlighted-block .btn:focus { color: white; } #searchButton:focus { outline: thin dotted !important; } .collapse-all { width: 100%; height: 40px; bottom: 0px; left: 0; position: fixed; z-index: 100; opacity: 0.89; } @media (min-width: 481px) { .collapse-all { position: fixed; bottom: 3%; left: 6%; z-index: 10; opacity: 0.89; width: auto; } } .collapse-all:focus { outline: thin dotted !important; } .header__share-icons { position: relative; height: 2em; margin-bottom: 1em; float: left; } @media screen and (min-width: 768px) { .header__share-icons { float: right; margin-top: 2.25em; } } .header__share-icons img { position: relative; display: inline-block; width: 1.5em; margin-left: 0.25em; } .share-modal__outer { position: fixed; z-index: 9999; } .share-modal__inner { position: fixed; z-index: 9999; width: 26.5em; transform: translate(-50%, -50%); max-width: calc(100% - 80px); max-height: calc(100% - 80px); background: white; top: 50%; left: 50%; padding: 5px 20px 20px 20px; border-top: 3px solid rgb(242, 101, 49); } .share-modal__inner h2 { margin-top: 20px !important; font-size: 1.875em; } .share-modal__inner h2 { margin-top: 20px !important; font-size: 1.875em; } .share-modal__inner p { margin-top: 1.25em; font-weight: 700; } .share-modal__inner img { display: inline-block; margin-right: 0.75em; width: 10%; } .share-modal__inner--icons { text-align: center; margin-top: 1em; } .modalFadeIn--slower { animation-name: fadeIn, moveModal; animation-duration: 0.5s; } .modalFadeOut--slower { animation-name: moveModalOut; animation-duration: 0.5s; } #share-modal__inner--twitter img, #share-modal__inner--email img { width: 11.25%; } #closeModal { position: absolute; float: right; top: 10px; right: 22px; font-size: 22px; font-weight: 700; } .modal-shadow { position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(68, 68, 68, 0.7); animation: fadeIn 0.25s linear; } .link-copy-alert--modal { position: absolute; background-color: #fcfbfb; left: 50%; top: -80px; width: 50%; height: auto; overflow: auto; margin: 10px -25% auto; padding: 5px; border: 1px solid #f26531; text-align: center; z-index: 999; color: #01203b; } input:focus { transition: all 0.3s ease-in-out; } input[type=checkbox] { position: absolute; left: -9999px; } input[type=checkbox]:focus + label { outline: thin dotted; } input.form-text { background-color: rgb(252, 251, 251); border: 2px solid rgb(235, 235, 235); color: rgb(153, 153, 153); font-size: 14px; padding: 14px; width: 100%; min-height: 50px; box-shadow: none; border-radius: 3px; } @media (max-width: 991px) { input.form-text { background-image: none; } } input.form-text:focus { background-color: white; outline: none; box-shadow: none; } input[type=button] { transition: all 0.3s ease-in-out; margin: 5px 5px 10px 0; background-color: rgb(0, 4, 68); border: none; box-shadow: none; color: white; padding: 15px 24px; text-transform: uppercase; border-radius: 3px; color: white; } input[type=button]:hover { color: white; } input[type=reset] { transition: all 0.3s ease-in-out; margin: 5px 5px 10px 0; background-color: rgb(0, 4, 68); border: none; box-shadow: none; color: white; padding: 15px 24px; text-transform: uppercase; border-radius: 3px; color: white; } input[type=reset]:hover { color: white; } input[type=submit] { transition: all 0.3s ease-in-out; margin: 5px 5px 10px 0; background-color: rgb(0, 4, 68); border: none; box-shadow: none; color: white; padding: 15px 24px; text-transform: uppercase; border-radius: 3px; color: white; } input[type=submit]:hover { color: white; } #advancedSearchForm fieldset { padding: 0; margin: 0; border: none; } fieldset { padding: 10px; margin: 0 2px; border: 1px solid rgb(235, 235, 235); } legend { border-bottom: none; font-size: 14px; width: auto; margin: 0; } input[type=radio] { margin: 0 0 3px; } input[type=checkbox] { margin: 0 0 3px; } .form-control { transition: box-shadow 0.5s ease; } .form-control:focus { box-shadow: inset 0 0 0 2px rgb(242, 101, 49); } input[type=submit] { cursor: pointer; } input[type=text] { border: none; border-radius: 0; box-shadow: none; } select { cursor: pointer; } select:focus { outline: thin dotted !important; } button { cursor: pointer; } .dark input.form-text { border: none; } #block-search-form input.form-submit:focus { outline: none; background: transparent; } .sidebar-search-block input.form-submit:focus { outline: none; background: transparent; } .sidebar-search-block input.form-submit:hover { outline: none; background: transparent; } textarea.form-textarea { background-color: rgb(252, 251, 251); border: 2px solid rgb(235, 235, 235); color: rgb(153, 153, 153); font-size: 14px; padding: 14px; width: 100%; min-height: 50px; box-shadow: none; border-radius: 3px; } textarea.form-textarea:focus { background-color: white; outline: none; box-shadow: none; } @media (max-width: 991px) { .form-textarea { background-image: none; } } @media (max-width: 991px) { .block-search .form-submit { background-image: none; } } @-moz-document url-prefix() { fieldset { display: table-cell; } } #header { background-color: rgb(252, 251, 251); border-bottom: 1px solid rgb(235, 235, 235); position: relative; z-index: 5; padding: 40px 0; text-align: center; min-height: 130px; } #header ul { text-align: left; } #pre-header { top: 0; left: 0; width: 100%; z-index: 13; position: absolute; background-color: rgb(252, 251, 251); } #pre-header h2 { font-size: 1em; font-weight: 700; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 4px solid rgb(0, 12, 204); } #pre-header h2:after { content: ""; position: absolute; width: 55%; height: 4px; background: rgb(242, 101, 49); left: 0; top: 59px; top: 39px; } #pre-header ul.menu li { list-style: none; } #pre-header-inside { display: none; position: relative; z-index: 13; } #header-top { background-color: rgb(252, 251, 251); position: relative; z-index: 12; } #header-top p { margin: 0; } #header-top .block { padding: 0; } #header-top-left img { margin-top: 10px; } .logged-in #pre-header { padding-top: 64px; padding-top: 18px; } /* stylelint-disable selector-id-pattern */ #main { padding: 20px 0; } #main-content { padding: 0; background: rgb(252, 251, 251); } #top-content { background: rgb(252, 251, 251); padding: 40px 0 20px; } .blocking-wrapper { position: absolute; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; width: 100%; height: 100%; z-index: 20; text-align: center; } .blocking-content { background: white; bottom: 0; height: 50px; left: 0; margin: auto; position: absolute; top: 0; right: 0; width: 100px; } .blocking-content .vertical-center-wrapper { height: 100%; } .blocking-content .vertical-center { position: relative; top: 50%; transform: translateY(-50%); } .vertical-center-wrapper h1 { margin-top: 0; } .vertical-center-wrapper h2 { margin-top: 0; } .vertical-center-wrapper h3 { margin-top: 0; } .vertical-center-wrapper h4 { margin-top: 0; } .vertical-center-wrapper h5 { margin-top: 0; } .vertical-center-wrapper h6 { margin-top: 0; } @media screen and (min-width: 768px) { .vertical-center-wrapper { height: 100%; } .vertical-center-wrapper.row { height: 100%; } .vertical-center-wrapper div[class^=col] { height: 100%; } } @media screen and (min-width: 768px) { .vertical-center { position: relative; top: 50%; transform: translateY(-50%); } } #feedbackBox { background: rgb(0, 56, 102); color: white; } @media screen and (min-width: 768px) { #feedbackBox { padding: 50px; } #feedbackBox h1 { margin-top: 0; } } @media screen and (min-width: 768px) { .horizontal-divider-wrapper { height: 100%; } .horizontal-divider { width: 100%; height: 1px; margin: 0 auto; background: rgb(0, 56, 102); margin-top: 15px; } .horizontal-divider span { background: rgb(222, 223, 225); height: 15px; width: 22px; top: 3px; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; display: inline-block; } } @media screen and (min-width: 768px) { .overflow-scroll { overflow-y: scroll; max-height: 200px; } } #rss-lists ul { margin-left: -1.25em; list-style: none; } #rss-lists ul a img { display: inline-block; padding-right: 2px; padding-bottom: 3.5px; } .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } @media (min-width: 768px) { .col-sm-height { display: table-cell; float: none !important; } } @media (min-width: 992px) { .col-md-height { display: table-cell; float: none !important; } } .row-full-height { height: 100%; } .col-full-height { height: 100%; vertical-align: middle; } .row-same-height { display: table; width: 100%; table-layout: fixed; } .col-xs-height { display: table-cell; float: none !important; } .col-xs-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20%; float: left; } .col-sm-5ths, .col-md-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 18%; margin: 0 1%; } } .mason-grid { max-width: 1100px; margin: 50px auto; } .mason-grid.mg-three { -moz-columns: 320px 3; columns: 320px 3; -moz-column-gap: 15px; column-gap: 15px; } @media screen and (max-width: 750px) { .mason-grid.mg-three { -moz-columns: 1; columns: 1; } } .mason-grid .mg-card { margin: 0 2px 15px; transition: opacity 0.4s ease-in-out; display: inline-block; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; padding: 15px; background: white; width: 100%; } .mg-body { background: white; } /* stylelint-disable property-no-vendor-prefix */ /* stylelint-disable selector-id-pattern */ .last-updated { text-align: right; font-size: 10pt; } .sf-vertical { width: 10 em; } .sf-vertical li { width: 10 em; } @media screen and (min-width: 768px) { #aboutDescription.collapse { display: block; height: auto !important; visibility: visible; } } .icon-box { background: rgb(0, 56, 102); width: 50px; height: 50px; color: white; box-shadow: 0 0 0 1px white inset; border: 4px solid rgb(0, 56, 102); line-height: 40px; font-size: 0.75em; font-weight: 200; letter-spacing: 0.05em; } @media screen and (max-width: 480px) { .icon-box { background: rgb(0, 56, 102); width: 40px; height: 40px; line-height: 35px; font-size: 0.55em; font-weight: 200; letter-spacing: 0.05em; } } .pub-snapshot { border-top: 1px solid rgb(173, 173, 173); } .pub-snapshot p { font-weight: 400 !important; } .pub-snapshot img { max-width: 80px; margin-right: 20px; } .pub-snapshot [class*=col] { padding-top: 10px; } .landing-page-logo { width: 200px; box-shadow: 6px 0 4px -4px rgb(173, 173, 173); margin-right: 2%; margin-bottom: 1%; padding-right: 2%; } .fa-external-link { font-size: 11px; } .submitted .glyphicon { top: 0; } .list-group-item:last-child { border-radius: 0; } .link-w-description a::after { content: attr(title); font-size: 85%; display: relative; font-weight: normal; } .region-bottom-content > .block { padding: 0; } .anchor-target { position: relative; top: -10px; } .atozletter-bg .anchor-target { position: relative; } @media screen and (min-width: 561px) and (max-width: 992px) { .atozletter-bg .anchor-target { top: -45px; } } @media screen and (max-width: 560px) { .atozletter-bg .anchor-target { top: -55px; } } #banner { color: black; border-bottom: 10px solid rgb(113, 112, 115); background: #003866; background: linear-gradient(90deg, rgba(0, 56, 102, 0.976628) 24%, rgba(0, 56, 102, 0.854779) 92%); color: white; } #banner .block { padding: 0; } @media (min-width: 768px) { #banner { background-size: cover; color: white; padding: 0 0 3em 0; } } @media screen and (max-width: 480px) { #banner #drupal-search .nav-tabs > li a { color: white; } #banner #drupal-search .nav-tabs > li.active a, #search-tabs .nav-tabs > li.active a { color: rgb(242, 101, 49); border: none; background: transparent; } } .region-daily-section, .region-popular-resource-section, .region-trending-section { position: relative; } .region-daily-section h2, .region-popular-resource-section h2, .region-trending-section h2 { padding-bottom: 8px; border-bottom: 2px solid rgb(173, 173, 173); } .region-daily-section h2:after, .region-popular-resource-section h2:after, .region-trending-section h2:after { content: ""; position: absolute; width: 30%; height: 2px; background: rgb(102, 110, 117); left: 0px; top: 64px; } .region-feature-section { position: relative; } .region-feature-section .section-title { font-size: 30px; padding-bottom: 8px; border-bottom: 2px solid rgb(173, 173, 173); } .region-feature-section .section-title:after { content: ""; position: absolute; width: 30%; height: 2px; background: rgb(102, 110, 117); left: 0px; top: 64px; } .region-trending-section .block .content a, .region-popular-resource-section .block .content a, .region-daily-section .block .content a { color: rgb(1, 32, 59); } .region-trending-section .block .content a:visited, .region-popular-resource-section .block .content a:visited, .region-daily-section .block .content a:visited { color: #a003a6; } .region-trending-section .block .content a:hover, .region-popular-resource-section .block .content a:hover, .region-daily-section .block .content a:hover { color: rgb(192, 69, 24); } .region-trending-section .block .content a:focus, .region-popular-resource-section .block .content a:focus, .region-daily-section .block .content a:focus { outline: thin dotted !important; text-decoration: none; color: rgb(192, 69, 24); transition: none; } .region-feature-section .view-footer a { color: rgb(1, 32, 59); } .region-feature-section .view-footer a:visited { color: #a003a6; } .region-feature-section .view-footer a:hover { color: rgb(192, 69, 24); } .region-feature-section .view-footer a:focus { outline: thin dotted !important; text-decoration: none; color: rgb(192, 69, 24); transition: none; } #popular-resources p { margin-top: 10px; } #popular-resources hr { border-top: 1px dotted #ebebeb; margin: 0; } @media screen and (min-width: 768px) { #popular-resources ul { padding-bottom: 2.3em; } } #block-views-featured-publications-block .text-right { margin-top: 10px; } @media screen and (max-width: 768px) { #block-views-featured-publications-block .text-right { float: left; } } .region-feature-section { position: relative; } .region-feature-section .feed-icon { position: absolute; top: 35px; right: 0px; } #dailyPubRow .row:first-of-type h3 { margin-top: 0; } #dailyPubRow ul, #popular-resources ul, #trendingSection ul { list-style: none; padding-left: 0; } #dailyPubRow ul li, #popular-resources ul li, #trendingSection ul li { padding: 0.5rem 0 0.25rem 0; font-size: 18px; } #features-sidebar > img { margin-top: 20px; } #bookmark_placeholder { text-align: left; } #slideshow { padding: 10px; background-color: rgb(252, 251, 251); border: 1px solid rgb(235, 235, 235); border-radius: 6px; display: none; } article.featured-links { transition: all 0.3s ease-in-out; } .featured-links:focus { outline: thin dotted; color: rgb(192, 69, 24); } .featured-links:hover { color: rgb(192, 69, 24); cursor: pointer; text-decoration: none; transition: all 0.3s ease-in-out; } .featured-links a { transition: all 0.3s ease-in-out; } .features-page-row { border-bottom: 1px dotted rgb(235, 235, 235); padding: 10px 0; margin-bottom: 10px; } .features-page-row img { float: left; margin-right: 10px; width: 150px; } .features-page-row h3 { margin-top: 0; } @media screen and (max-width: 480px) { .features-page-row img { float: left; margin-right: 2%; display: inline-block; } } .home-features-page-row { border-bottom: 1px dotted rgb(235, 235, 235); padding: 5px 0; margin-bottom: 10px; } .home-features-page-row h3 { margin-top: 0; } .home-features-page-row img { float: left; display: block; width: 150px; } @media screen and (min-width: 768px) { .view-id-featured_publications .views-row { margin-bottom: 10px; } } li.pager__item > a { border-radius: 0; } li.pager__item.is-active > a { color: white; background-color: #f26531; } .feature__summary .field-type-taxonomy-term-reference, .feature__summary .field--name-field-tags { float: left; display: inline; padding: 0.3em 0.6em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; background-color: #337ab7; margin-right: 0.5em; margin-top: 0.25em; } .feature__summary .field-type-taxonomy-term-reference a, .feature__summary .field--name-field-tags a { color: white !important; border: none; } .feature__summary + hr { width: 100%; display: inline-flex; } .features-page-row .features__img { float: left; width: 20%; margin-right: 2%; } .features-page-row .features__img h2.element-invisible { display: none; } @media screen and (max-width: 992px) { .features-page-row .features__img { float: left; width: 28%; margin-right: 2%; } } .features-page-row .features__text { float: right; width: 78%; } @media screen and (max-width: 992px) { .features-page-row .features__text { float: right; width: 70%; } } .features-page-row .features__text .field-type-taxonomy-term-reference, .features-page-row .features__text .field--name-field-tags { float: left; display: inline; padding: 0.3em 0.6em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; background-color: #337ab7; margin-right: 0.5em; margin-top: 0.25em; } .features-page-row .features__text .field-type-taxonomy-term-reference a, .features-page-row .features__text .field--name-field-tags a { color: white !important; border: none; } .home-features-page-row .field-name-post-date { margin-bottom: 0.25em; } .home-features-page-row .features__img { float: left; width: 30%; margin-right: 2%; } .home-features-page-row .features__img h2.element-invisible { display: none; } .home-features-page-row .features__text { float: right; width: 68%; } .home-features-page-row .features__text .field-type-taxonomy-term-reference, .home-features-page-row .features__text .field--name-field-tags { float: left; display: inline; padding: 0.3em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; background-color: #337ab7; margin-right: 0.5em; margin-top: 0.25em; } .home-features-page-row .features__text .field-type-taxonomy-term-reference a, .home-features-page-row .features__text .field--name-field-tags a { color: white !important; border: none; } aside.sidebar-aside img { max-width: 150px; } /* stylelint-disable selector-class-pattern */ /* stylelint-disable selector-id-pattern */ #togglesearch-btn { background-color: rgb(242, 101, 49); color: white; font-weight: normal; } #togglesearch-btn::before { height: 0; } #togglesearch-btn::after { height: 0; } #togglesearch-btn:hover { background: rgb(192, 69, 24); } #togglesearch-btn:hover::before { background: transparent; } #togglesearch-btn:hover::after { background: transparent; } #togglesearch-btn:not(.collapsed) .fa-caret-down { display: none; } #togglesearch-btn.collapsed .fa-caret-up { display: none; } .toggle-control { width: 100%; position: relative; z-index: 13; } .toggle-control a { background: rgb(242, 101, 49) !important; color: white !important; position: absolute; top: 0; right: 0; display: block; padding: 10px; line-height: 14px; cursor: pointer; height: 52px; } .toggle-control a:hover { background: rgb(242, 101, 49) !important; color: white !important; position: absolute; top: 0; right: 0; display: block; padding: 10px; line-height: 14px; cursor: pointer; height: 52px; } @media screen and (max-width: 480px) { .toggle-control a { height: auto; padding: 10px; line-height: 7px; } } #advancedSearchForm #advCollListGroup { line-height: 127%; padding-left: 14px; text-indent: -14px; } @media (max-width: 991px) { #advancedSearchForm .row .row-same-height .col-sm-height { display: block; float: none !important; } } .adv-search__btn { margin-top: 0 !important; } #advancedSearchForm { text-align: left; scrollbar-base-color: rgb(102, 110, 117); scrollbar-3dlight-color: rgb(102, 110, 117); scrollbar-highlight-color: rgb(102, 110, 117); scrollbar-track-color: rgb(235, 235, 235); scrollbar-arrow-color: rgb(48, 48, 48); scrollbar-shadow-color: rgb(102, 110, 117); scrollbar-dark-shadow-color: rgb(102, 110, 117); } #advancedSearchForm select { border: none; border-radius: 0; box-shadow: none; cursor: pointer; } #advancedSearchForm .list-group-item { background: transparent; padding: 5px 15px; } #advancedSearchForm .list-group-item:hover { background: rgb(222, 223, 225); text-decoration: none; cursor: pointer; } #advancedSearchForm #AllCollsId2 { border-bottom: 2px solid rgba(102, 110, 117, 0.5) !important; border-top: none; border-left: none; border-right: none; } #advancedSearchForm .fa-calendar { margin-top: 0 !important; color: rgb(8, 54, 94); } #advancedSearchForm p { color: rgb(1, 32, 59) !important; } #advancedSearchForm #collapsedatepickerFilter { padding: 0; } #advancedSearchForm .overflow-scroll { overflow-y: scroll; max-height: 200px; width: 100%; } #advancedSearchForm .input-group { margin-bottom: 10px; } #advancedSearchForm .fa { margin-top: 7px; } #advancedSearchForm .input-group-addon { color: rgb(8, 54, 94); } #advancedSearchForm tbody { border-top: none; } #advancedSearchForm > .row { border: 4px solid white; padding: 10px; background: rgba(222, 223, 225, 0.9); color: #01203b; } #advancedSearchForm > .row h3 span { border-bottom: 2px solid rgb(236, 98, 47); line-height: 22px; margin-right: 5px; } #advancedSearchForm > .row > div[class^=col]:nth-of-type(4) { margin-top: 10px; } #advancedSearchForm .row:first-of-type { padding-bottom: 1em; } #advancedSearchForm .row-same-height { margin-top: 0.5em; } #advancedSearchForm #searchButton { margin-top: 1.5em; } @media screen and (max-width: 580px) { #advancedSearchForm #searchButton { margin-top: 0; margin-bottom: 2.25em; } } #advancedSearchForm input[type=checkbox] + label:hover { cursor: pointer; } #advancedSearchForm .table > tbody > tr > td { border-top: none; } #advancedSearchForm .col-md-4:not(:last-of-type) { border-right: 1px dotted rgba(102, 110, 117, 0.5); } #bookmark__url { position: absolute; bottom: 0; margin-bottom: 0.5em; margin-top: 1em; } @media screen and (min-width: 768px) { .copy-container { margin-top: 1.5em; } } .copy-container #citationBookmark_placeholder .alert-info, .copy-container #advBookmark_placeholder .alert-info { text-align: left; background-color: white; } .copy-container #citationBookmark_placeholder .alert-info input[type=text], .copy-container #advBookmark_placeholder .alert-info input[type=text] { border: 1px solid #dedfe1; } .copy-container #citationBookmark_placeholder .alert-info .input-group-btn button, .copy-container #advBookmark_placeholder .alert-info .input-group-btn button { box-shadow: none; } .copy-container button.copyBtn:focus { outline: thin dotted !important; } .copy-container .link-copy-alert { top: -50%; left: 0; } #citationSearchForm select { border: none; border-radius: 0; box-shadow: none; cursor: pointer; margin-top: 1.5em; } #citationSearchForm > .row { border: 4px solid white; padding: 10px; background: rgba(222, 223, 225, 0.9); color: rgb(8, 54, 94); } #citationSearchForm #searchButton { margin-top: 1em; } @media screen and (max-width: 580px) { #citationSearchForm #searchButton { margin-top: 0; margin-bottom: 2.25em; } } .tab-content input[type=checkbox]:checked + label::before { letter-spacing: 5px; } .tab-content input[type=checkbox] + label { font-weight: normal; padding-left: 5px; text-indent: -8px; margin-left: 15px; } .tab-content input[type=checkbox] + label::before { letter-spacing: 5px; } #simpleSearchForm input[type=text] { height: 44px; border: none; border-radius: 0; } #drupal-search { margin-bottom: 50px; } #searchHolder { position: relative; background: hsl(0, 0%, 80%); } @media (min-width: 768px) { #searchHolder ul.nav-tabs { padding-top: 8px; } } #searchTabs .nav-tabs { text-align: center; } @media screen and (max-width: 480px) { #searchTabs .nav-tabs { margin-top: 8px; } } #search-tabs { margin: 0 auto; text-align: center; } #search-tabs .nav-tabs { margin-bottom: 0; border-bottom: 0; } #search-tabs .nav-tabs > li { min-width: 44px; margin-bottom: -4px; } @media (min-width: 768px) { #search-tabs .nav-tabs > li { float: none; width: auto; } } #search-tabs .nav-tabs > li a:focus { outline: thin dotted; color: rgb(242, 101, 49); } #search-tabs select, #searchcontainerId select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #close-search { position: absolute; z-index: 100; right: 10px; top: 10px; } #main-search .btn-lg { font-size: 14px; padding: 12px 16px; border: 1px solid rgb(242, 101, 49); text-transform: uppercase; margin-bottom: 5px; } .mainSearch button { height: 50px; border-radius: 0; background: rgb(242, 101, 49); color: white; font-weight: 100; letter-spacing: 1px; } .aswvoc-criteria-remove { position: absolute; right: 0; top: 75px; } .aswvoc-criteria-div-left .form-group { position: relative; } .styled-select:hover { cursor: pointer; } .styled-select::after { content: "\f0d7"; display: inline-block; font-family: FontAwesome; position: absolute; right: 15px; bottom: 5px; z-index: 5; color: rgb(1, 32, 59); pointer-events: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .styled-select::after { display: none; } } .styled-select-wrapper { position: relative; } #advCollFormGroup .list-group-item { line-height: 127%; border: 0; } .input-group-addon.no-bg { background: transparent; border: none; } #firstcriteria.form-group { position: relative; } #addcriteria .form-group { margin-bottom: 5px; } #addcriteria .form-group + .form-group { margin-top: 15px; margin-bottom: 30px; } @media screen and (max-width: 768px) { #addcriteriabuttons .form-group { margin-bottom: 30px; } } #committeeBrowse .field_items { margin-bottom: 10px; padding-left: 1.25em; text-indent: -1.25em; } #committeeBrowse .field_items a { line-height: 150%; } #browseContentResultsId .table tbody tr td { padding: 10px 0; } #browseaccordionResultsId .table tbody tr td { padding: 10px 0; } #browsecontentId table { width: 100%; } #nodeOperatorButtonId.affix { display: none; } .custom-sort-holder { float: right; } #alertdiv { text-align: center; background-color: white; } .default { color: rgb(235, 235, 235); } .primary { color: rgb(242, 101, 49); } .info { color: rgb(0, 56, 102); } .success { color: rgb(114, 164, 146); } .warning { color: rgb(251, 176, 64); } .danger { color: rgb(227, 27, 35); } .alert { border-radius: 0; } .alert-danger { color: rgb(227, 27, 35); background: rgb(235, 235, 235); border-color: rgb(227, 27, 35); } .alert-warning { color: rgb(251, 176, 64); background: rgb(235, 235, 235); border-color: rgb(251, 176, 64); } .alert-success { color: rgb(114, 164, 146); background: rgb(235, 235, 235); border-color: rgb(114, 164, 146); } .alert-info { color: rgb(0, 56, 102); background: rgb(235, 235, 235); border-color: rgb(0, 56, 102); } .alert-info.quick-tip { padding-left: 75px; position: relative; } .alert-info.quick-tip::before { content: "\f129"; font-family: FontAwesome; position: absolute; left: 32px; font-size: 1.75em; } .alert-submenu { border-left: 4px solid rgb(242, 101, 49); background: white; } .badge.primary { background: rgb(242, 101, 49); color: white; } h2 .badge.primary { vertical-align: middle; } /* stylelint-disable no-descending-specificity */ /* stylelint-disable selector-id-pattern */ /* stylelint-disable property-no-vendor-prefix */ /* stylelint-disable selector-class-pattern */ #main-navigation { background-color: rgb(252, 251, 251); position: relative; z-index: 11; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075), 0 10px 0 rgba(0, 0, 0, 0.01); } #main-navigation .block { padding: 0; } .sidebar { padding: 20px 0; } @media screen and (max-width: 768px) { .sidebar { padding: 20px 0 0; } } @media screen and (max-width: 768px) { .sidebar-aside img { display: none; } } .sidebar-aside .menu-item--active-trail { border-left: 2px solid rgb(242, 101, 49); } .sidebar-aside .menu-item--active-trail > .is-active { color: rgb(242, 101, 49); } .sidebar-aside .menu-item--active-trail .current { border-left: 2px solid rgb(242, 101, 49); } .sidebar-aside .menu-item--active-trail .current > .is-active { color: rgb(242, 101, 49); } @media screen and (min-width: 992px) { #sidebar-first { width: 80%; } } #sidebar-first .hidden-xs .region-sidebar-first .contextual-links-region .content .menu li { margin: 0; } #sidebar-first .row { margin: 1em 0; background: #ebebeb; padding: 1.25em 1em; border: 1px solid rgb(211, 211, 211); } @media screen and (max-width: 768px) { #sidebar-first .row { margin: 0.5em 0; } } @media screen and (min-width: 768px) and (max-width: 992px) { #sidebar-first .row { padding: 1.25em 0.5em; } } #sidebar-first .row label { margin-bottom: 0.75em; } #sidebar-first .row #sidebar-search { margin-right: -5px; height: 26px; width: 80%; border: 1px solid gray; -webkit-appearance: none; border-radius: 0; box-sizing: content-box; } @supports (-webkit-touch-callout: none) { #sidebar-first .row #sidebar-search { height: 20px; width: 75%; } } #sidebar-first .row button { position: absolute; height: 30px; width: 30px; cursor: pointer; background-color: #f26531; color: #fff; border: none; margin-left: 0.25em; padding: 0; } #sidebar-first .row button:focus { outline: thin solid black !important; } #sidebar-first #form-warning { padding: 0.65em; margin: 1em 0 0; background: white; font-size: 14.5px; border: 1px solid; } #sidebarShareMenu li { border: none; } #sidebar > h4 { margin-top: 0; } @media screen and (min-width: 768px) { #sidebarNaShareMenu { margin-top: 20px; } } .nav .open > a { background: transparent; } @media screen and (min-width: 769px) { .nav .open > a { border: none; } } @media screen and (max-width: 768px) { .nav .open > a { border-color: #f26531; } } .nav .open > a:hover { background: transparent; } @media screen and (min-width: 769px) { .nav .open > a:hover { border: none; } } @media screen and (max-width: 768px) { .nav .open > a:hover { border-color: #f26531; } } .nav .open > a:focus { background: transparent; } @media screen and (min-width: 769px) { .nav .open > a:focus { border: none; } } @media screen and (max-width: 768px) { .nav .open > a:focus { border-color: #f26531; } } footer .nav > li > a:focus, footer .nav > li > a:hover { background-color: transparent; } @media screen and (min-width: 768px) { .nav-pills .dropdown-menu { margin-top: 0; } } .navbar.navbar-fixed-top { box-shadow: 1px 1px 2px rgb(172, 172, 174); background: white; } @media (max-width: 768px) { .navbar.navbar-fixed-top { padding-top: 3px; padding-bottom: 3px; top: -1px; } .navbar.navbar-fixed-top .container { width: 98%; } } .navbar { border-radius: 0; min-height: 45px; margin-bottom: 0; } @media screen and (min-width: 768px) { .navbar.dropdown-menu { margin-top: 0; } } @media screen and (min-width: 768px) { .navbar.sub-menu::before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px; } } @media screen and (min-width: 768px) { .navbar.sub-menu::after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid white; border-bottom: 6px solid transparent; top: 11px; left: -6px; } } @media screen and (max-width: 767px) { .navbar-nav { margin: 0; } } @media screen and (max-width: 767px) { .navbar-nav > li:first-of-type { margin-top: 10px; } } .navbar-nav > li > a { font-weight: bold; border-bottom: 2px solid transparent; transition: all 0.25s ease; } @media screen and (max-width: 767px) { .navbar-nav > li > a:focus { outline: none !important; } } @media screen and (max-width: 767px) { .navbar-nav > li > a { font-size: 18px; padding: 1em 0 1em 0.5em; border-bottom: 1px solid #eaeaea; } } .navbar-nav > li > a.selected { color: rgb(242, 101, 49); } .navbar-nav > li > a.selected::after { content: ""; display: block; position: absolute; right: 0; bottom: 4px; height: 2px; width: 100%; } @media screen and (min-width: 768px) { .navbar-nav > li > a.selected::after { background: rgb(242, 101, 49); } } .navbar-nav__outer .navbar-nav li.dropdown a.dropdown-toggle:hover, .navbar-nav__outer .navbar-nav li.dropdown a.dropdown-toggle:focus { color: rgb(242, 101, 49) !important; } @media screen and (max-width: 767px) { .navbar-nav__outer { margin: 0; } .navbar-nav__outer .navbar-nav { overflow: hidden; transition: opacity 0.35s cubic-bezier(0.36, 0.12, 0.5, 0.63), height 0.525s cubic-bezier(0.65, 0, 0.35, 1); opacity: 0; height: 0; } .navbar-nav__outer .navbar-nav.expanded { position: relative; opacity: 1; height: 100vh; } } .mainMenu-toggle__container { cursor: pointer; height: 16px; position: absolute; top: 14px; left: 13.6px; width: 20px; z-index: 2; } .mainMenu-toggle__container #mainMenu-toggle__text { position: absolute; left: 29.6px; top: -4px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mainMenu-toggle__container a { margin-top: 6.5px; } @media screen and (-ms-high-contrast: none) { .mainMenu-toggle__container a { margin-left: 10px; } } .mainMenu-toggle__container .mainMenu-toggle .menuBar-1, .mainMenu-toggle__container .mainMenu-toggle .menuBar-2, .mainMenu-toggle__container .mainMenu-toggle .menuBar-3 { position: absolute; margin-left: 4px; transition: all 0.25s cubic-bezier(0.36, 0.12, 0.5, 0.63); background: #003866; height: 2.25px; width: 20px; } .mainMenu-toggle__container .mainMenu-toggle .menuBar-1 { margin-left: -10px; margin-top: -6px; } .mainMenu-toggle__container .mainMenu-toggle .menuBar-1.device-android { height: 2.25px; margin-top: -6.5px; } .mainMenu-toggle__container .mainMenu-toggle .menuBar-2 { margin-left: -10px; } .mainMenu-toggle__container .mainMenu-toggle .menuBar-2.device-android { height: 2.25px; } .mainMenu-toggle__container .mainMenu-toggle .menuBar-3 { margin-left: -10px; margin-top: 6px; } .mainMenu-toggle__container .mainMenu-toggle .menuBar-3.device-android { margin-top: 6.5px; } @media screen and (-ms-high-contrast: none) { .mainMenu-toggle__container .mainMenu-toggle .menuBar-3 { margin-top: 7px; } } .mainMenu-toggle__container.expanded a > .menuBar-1 { transform: rotate(-45deg); margin-top: 0; height: 2.25px; } .mainMenu-toggle__container.expanded a > .menuBar-1.device-android { margin-top: 0; } .mainMenu-toggle__container.expanded a > .menuBar-2 { transform: rotate(45deg); height: 2.25px; } .mainMenu-toggle__container.expanded a > .menuBar-3 { background: transparent; transform: rotate(45deg); height: 2.25px; } #search-toggler { position: absolute; top: 10px; right: 10px; } @media screen and (max-width: 767px) { #search-toggler { display: inline-block !important; } } @media screen and (max-width: 767px) { .navbar-brand { float: none; } } @media screen and (max-width: 767px) { .navbar-brand img { margin: 0 auto; display: inline-block; height: auto; } } @media screen and (min-width: 768px) { .navbar-brand img { max-height: 38px; } } @media screen and (min-width: 768px) { .navbar-nav > li > a { margin: 10px 0 0; } .navbar-nav > li > a:hover { background-color: transparent; } .navbar-nav > li > a:hover::before { width: 75%; margin-left: 12%; background: rgb(242, 101, 49); transition: width 0.5s ease; } .navbar-nav > li > a:hover::after { width: 100%; background: transparent; transition: all 0s ease; } .navbar-nav > li > a::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; transition: width 0s ease, background 0.5s ease; } .navbar-nav > li > a::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; height: 1px; width: 0; background: rgb(242, 101, 49); transition: width 0.5s ease; } .navbar-nav .dropdown-menu { box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.175); -border-radius-bottom: 2px; } } @media screen and (max-width: 767px) { .navbar-header { text-align: center; } } .nav-anchors li { float: left; } .nav-anchors li a { padding: 0 10px; margin: 10px 0; border-right: 1px solid rgb(222, 223, 225); } .nav-anchors.affix { top: 58px; background: rgb(252, 251, 251); width: 100%; } .nav-stacked li a { padding: 4px 15px; } .nav-tabs > li { display: inline-block; } .nav-tabs > li a { background: rgb(235, 235, 235); transition: all 0.25s ease-in-out; border-radius: 0; font-size: 1em; } .nav-tabs > li a:hover, .nav-tabs > li a:focus { color: rgb(242, 101, 49) !important; } @media (min-width: 768px) { .nav-tabs > li a { padding: 8px 25px; } .nav-tabs > li a:hover { background: white; border-bottom: 1px solid white; } } @media screen and (max-width: 480px) { .nav-tabs > li a { margin-right: 0; padding: 10px 4px; background: transparent; border: transparent; font-size: 14px; } } .nav-tabs > li.active > a { border-top: 3px solid rgb(242, 101, 49); background: white; color: rgb(242, 101, 49); margin-bottom: -3px; } @media screen and (max-width: 480px) { .nav-tabs > li.active > a { background: transparent; color: rgb(242, 101, 49); } .nav-tabs > li.active > a::after { content: ""; width: 100%; height: 2px; background: rgb(242, 101, 49); position: absolute; left: 0; bottom: 8px; z-index: 10; } } .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-top: 3px solid rgb(242, 101, 49); background: white; color: rgb(242, 101, 49); } @media screen and (min-width: 768px) { .nav-tabs li.active-trail > a { border-top: 3px solid rgb(242, 101, 49); background: white; color: #f26531; } } @media screen and (min-width: 768px) { .nav-tabs .dropdown-menu { margin-top: 0; } } .navbar-right a { height: 50px; border-radius: 0; background: rgb(242, 101, 49); color: white; font-weight: 100; letter-spacing: 1px; border: none; } .region-browse-nav .nav-tabs { margin-bottom: 0 !important; border-bottom: none; } .region-browse-nav .nav-tabs > li { margin-bottom: -2px; } .region-browse-nav .nav-tabs > li a:hover, .region-browse-nav .nav-tabs > li a:focus { color: rgb(242, 101, 49) !important; } .region-browse-nav .nav-tabs > li.active-trail > a, .region-browse-nav .nav-tabs > li.active-trail > a:hover, .region-browse-nav .nav-tabs > li.active-trail > a:focus { cursor: default; background-color: #fff; border-bottom-color: transparent; } @media screen and (min-width: 768px) { .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } .dropdown-menu li:hover .sub-menu { visibility: visible; } .dropdown .dropdown-menu { transition: opacity 0.25s ease-in-out; opacity: 0; visibility: hidden; z-index: -5; } .dropdown:hover .dropdown-menu { opacity: 1; z-index: 5; visibility: visible; display: block; } .dropdown.open .dropdown-menu { opacity: 1; z-index: 5; visibility: visible; display: block; } } .panel-body { border: 1px solid rgb(235, 235, 235); border-top-color: rgb(235, 235, 235); padding: 20px; } .panel-body > .table { margin-bottom: 0; } .panel-body__row { padding: 0.5em; border-top: 1px solid #ddd; } .panel-body__row:first-of-type { border: none; } .panel-body__row .btn-group-horizontal .btn { margin-right: 1.25px; } .panel { border-radius: 0; box-shadow: none; border: none; border-radius: 0; } .panel .panel { background: white; border-color: rgb(222, 223, 225); } .panel .panel .panel { background: white; } .panel .panel .panel .panel { background: white; border-color: rgb(222, 223, 225); } .panel .panel .panel .panel .panel { background: white; } .panel .panel .panel .panel .panel .panel { background: white; border-color: rgb(222, 223, 225); } .panel .panel .panel .panel .panel .panel .panel { background: white; } .panel .panel .panel .panel .panel .panel .panel .panel { background: white; border-color: rgb(222, 223, 225); } .panel-default > .panel-heading { background: rgb(235, 235, 235); border: none; } .panel-default > a > .panel-heading { background: rgb(235, 235, 235); border: none; } .panel-group { margin: 25px 0; } .panel-group .panel { border-radius: 0; } #panel-headingGPOlevel1style:hover { cursor: pointer; } .panel-heading { border-radius: 0; transition: background 0.25s ease-in-out; padding-left: 6px; border-radius: 0; } .panel-heading:hover { background: rgb(222, 223, 225); cursor: pointer; } .panel-heading a:hover { text-decoration: none; } .panel-heading:focus { outline: thin dotted !important; } .panel-heading > .panel-title > table { border: none; } .panel-heading .fa { margin-top: 3px; } .panel-title .fa { margin-top: 3px; } .panel-heading__c0b .fa { margin-left: -1em; } @media screen and (min-width: 768px) { #sidebar .panel-heading .collapsed > .panel-title .fa-angle-right { display: block; } #sidebar .panel-heading .collapsed > .panel-title .fa-angle-down { display: none; } } @media screen and (min-width: 992px) and (max-width: 1200px) { .btn-group-horizontal .btn { margin-right: 1px; } } @media screen and (min-width: 768px) { .btn-group-horizontal .btn:last-of-type { margin-left: 5px; } } @media screen and (max-width: 480px) { .btn-group-horizontal .btn-sm { padding: 5px 5px; } } .node .user-signature { font-size: 12px; padding: 0; } .node header h2 a:hover { text-decoration: none; } .item { padding: 10px; background: rgb(235, 235, 235); } @media (min-width: 993px) { .item { min-height: 150px; } } @media (min-width: 768px) and (max-width: 992px) { .item { min-height: 175px; } } @media (min-width: 768px) { .item { padding: 25px 0 0px; box-shadow: 3px 3px 0 rgb(173, 173, 173); transition: all 0.25s ease; } .item:hover { box-shadow: 1px 1px 0 rgb(173, 173, 173); transform: translate(2px, 2px); } .item > .content { display: table-cell; vertical-align: middle; text-align: center; } } #collapseAllId { display: none; } @media screen and (min-width: 768px) { .gpodocresultslevel2 > td { padding-left: 40px !important; } .gpodocresultslevel3 > td { padding-left: 65px !important; } .gpodocresultslevel4 > td { padding-left: 90px !important; } .gpodocresultslevel5 > td { padding-left: 115px !important; } .gpodocresultslevel6 > td { padding-left: 135px !important; } .gpodocresultslevel7 > td { padding-left: 155px !important; } } .datepicker td { text-align: center; width: 20px; height: 20px; } .datepicker tr { text-align: center; width: 20px; height: 20px; } .datepicker th { text-align: center; } .datepicker table tr td.active { background-color: rgb(242, 101, 49) !important; border-color: rgb(236, 98, 47); color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: none; border-radius: 0; } .datepicker table tr td.active:hover { background-color: rgb(242, 101, 49) !important; border-color: rgb(236, 98, 47); color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: none; border-radius: 0; } .datepicker table tr td.active.disabled { background-color: rgb(242, 101, 49) !important; border-color: rgb(236, 98, 47); color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: none; border-radius: 0; } .datepicker table tr td.active.disabled:hover { background-color: rgb(242, 101, 49) !important; border-color: rgb(236, 98, 47); color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: none; border-radius: 0; } .datepicker table tr td span { display: block; float: left; height: auto; width: 33%; margin: 0; padding: 5% 0; line-height: 1.428571; padding: 8px; } .datepicker table tr td span.active { background-color: rgb(242, 101, 49) !important; border-color: rgb(236, 98, 47); color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: none; border-radius: 0; } .datepicker table tr td span.active:hover { background-color: rgb(242, 101, 49) !important; border-color: rgb(236, 98, 47); color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: none; border-radius: 0; } .datepicker table tr td span.active.disabled { background-color: rgb(242, 101, 49) !important; border-color: rgb(236, 98, 47); color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: none; border-radius: 0; } .datepicker table tr td span.active.disabled:hover { background-color: rgb(242, 101, 49) !important; border-color: rgb(236, 98, 47); color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: none; border-radius: 0; } .datepicker table tr td.day:hover { cursor: pointer; } @media (min-width: 768px) { .datepicker.dropdown-menu { box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.175); } } .datepicker tfoot tr th, .datepicker thead tr:first-child th { cursor: pointer; } .datepicker tfoot tr th:hover, .datepicker thead tr:first-child th:hover { background-color: #EEEEEE; } .datepicker-days .table > tbody > tr > td { border: 0; } .datepicker-days .table > tbody > tr > td:hover { cursor: pointer; background-color: #EEEEEE; } .datepicker-months .table > tbody > tr > td span { border: 0; } .datepicker-months .table > tbody > tr > td span:hover { cursor: pointer; background-color: #EEEEEE; } .datepicker-years .table > tbody > tr > td span { border: 0; } .datepicker-years .table > tbody > tr > td span:hover { cursor: pointer; background-color: #EEEEEE; } .datepicker table tr td.new, .datepicker table tr td.old { color: #999; } .user-picture { margin: 0 15px 0 0; display: inline-block; max-width: 48px; } #block-user-login .browse-item-list ul li { border-bottom: none; padding: 0 0 5px; } /* stylelint-disable no-descending-specificity */ /* stylelint-disable selector-class-pattern */ /* stylelint-disable selector-id-pattern */ #breadcrumb { display: none; } .breadcrumb { background-color: transparent; } #browseLettersRow { z-index: 10; position: relative; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media screen and (max-width: 1200px) { #browseLettersRow { text-align: center; } } .browseBlock { padding: 0 10px; } .browseBlock h4 { font-weight: 700; /* height: 48px; */ margin-top: 10px; } .browseBlock p { padding: 0; margin: 0 10px; word-break: normal; overflow-wrap: normal; line-height: 15px; } .browseBlock a:focus { outline: thin dotted; color: rgb(242, 101, 49); background-color: rgb(222, 223, 225); } .browseBlock a:visited { color: rgb(1, 32, 59); } .browseBlock a:hover { color: rgb(242, 101, 49); } .browseBlock .item .content .top .browseBlock__heading { font-size: 18px; margin-top: 12px; margin-bottom: 12px; } .a-z-list { border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 2px; width: 98%; margin-bottom: 1em; padding: 0.25em; } @media screen and (max-width: 768px) { .a-z-list { padding: 0.5em; } } .a-z-list > .row p { float: right; margin-right: 1em; } @media screen and (max-width: 768px) { .a-z-list > .row p { float: none; margin-left: 1em; } } .a-z-list .field-content a { color: rgb(1, 32, 59); border-bottom: none; transition: color 0.3s ease-in-out, border-bottom 0.3s ease-in-out; } .a-z-list .field-content a:visited { color: #a003a6; } .a-z-list .field-content a:hover { color: rgb(192, 69, 24); border-bottom: none !important; } .a-z-list a[href^=http]:not([href*="govinfo.gov"])::after { content: "\f08e"; /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */ font-family: FontAwesome; font-size: 0.75em; margin: 0 0.25em; border: none; } .browse-item-list ul li { border-bottom: 1px dashed rgb(0, 13, 221); margin-bottom: 0; padding: 15px 0; } .browse-item-list ul li.first { padding-top: 0; } .browse-item-list ul li.last { border-bottom: none; } #rss-lists a { color: rgb(1, 32, 59); } #rss-lists a:visited { color: #a003a6; } #rss-lists a:hover { color: rgb(192, 69, 24); } #rss-lists a:focus { outline: thin dotted !important; text-decoration: none; color: rgb(192, 69, 24); transition: none; } #alpha-list { display: inline-flex; flex-wrap: wrap; margin: 0; padding: 0; } #alpha-list a { color: white; float: left; list-style-type: none; background-color: rgb(0, 56, 102); width: 35px; height: 35px; line-height: 35px; text-align: center; margin: 5px; } #alpha-list a:hover { color: rgb(235, 235, 235); background-color: rgb(11, 41, 77); border: none; } #alpha-list a:visited { color: white; } #alpha-list > li { cursor: pointer; list-style: none; } #browseLettersWrapper { padding-bottom: 0.5em; } @media screen and (max-width: 768px) { #browseLettersWrapper { overflow: scroll; } } #browseLettersWrapper.affix { z-index: 10; top: 45px; background: rgb(252, 251, 251); width: 100%; left: 15px; padding: 0; padding-bottom: 0.5em; box-shadow: 1px 1px 2px rgb(173, 173, 173); } @media screen and (min-width: 1200px) { #browseLettersWrapper.affix { text-align: center; } } @media screen and (min-width: 768px) { #browseLettersWrapper.affix { top: 62px; } } #browseLettersWrapper.affix #alpha-list { padding-top: 10px; } #browseLettersWrapper.affix #alpha-list a { transition: height 0.2s linear; transition: width 0.2s linear; } @media screen and (max-width: 560px) { #browseLettersWrapper.affix #alpha-list a { width: 25px; height: 25px; line-height: 25px; } } ul#selectAll li { border-bottom: 2px solid rgba(102, 110, 117, 0.5) !important; border-top: none; border-left: none; border-right: none; } #browseLettersWrapper::-webkit-scrollbar { display: none; } #alpha-banner { position: fixed; top: 0; width: 100%; background: rgb(222, 223, 225); z-index: 100; text-align: center; padding: 2px 0; } #alpha-banner::before { height: 1px; width: 100%; background: white; position: absolute; top: 3px; left: 0; content: " "; } #alpha-banner::after { height: 1px; width: 100%; background: white; position: absolute; bottom: 3px; left: 0; content: " "; } @media (min-width: 768px) { #alpha-banner { position: fixed; top: 18px; left: -40px; width: 157px; background: rgb(222, 223, 225); z-index: 1500; transform: rotate(-38deg); text-align: center; padding: 2px 0; } #alpha-banner::before { height: 1px; width: 100%; background: white; position: absolute; top: 3px; left: 0; content: " "; } #alpha-banner::after { height: 1px; width: 100%; background: white; position: absolute; bottom: 3px; left: 0; content: " "; } } .browse-item { padding: 10px; background: rgb(235, 235, 235); } .browse-item > a > .media { border-bottom: 2px solid rgb(222, 223, 225); padding: 10px 0; } @media (min-width: 768px) { .browse-item { min-height: 245px; padding: 30px 0 10px; box-shadow: 3px 3px 0 rgb(173, 173, 173); transition: all 0.25s ease; } .browse-item:hover { box-shadow: 1px 1px 0 rgb(173, 173, 173); transform: translate(2px, 2px); } .browse-item > .content { display: table-cell; vertical-align: middle; text-align: center; } } .browse-banner { background: url("/sites/default/files/noisy-texture-150x150-o8-d22-c-003767-t0.png") repeat fixed; color: white; position: relative; padding: 20px; } @media screen and (min-width: 768px) { .browse-banner { height: 200px; padding: 0; margin-bottom: 20px; } } .region-browse1 .drawer__block { margin-top: 2.25em; } .region-browse1 .drawer__block button { font-size: 1.15em; background-color: rgb(235, 235, 235); border: none; color: rgb(1, 32, 59); padding: 10px 22px; transition: color 0.3s ease-in-out; box-shadow: 3px 0 0 rgb(173, 173, 173); } .region-browse1 .drawer__block button .collapsed .fa-caret-up { display: none; } .region-browse1 .drawer__block button:not(.collapsed) .fa-caret-down { display: none; } .region-browse1 .drawer__block button:hover { color: rgb(242, 101, 49); } .region-browse1 .drawer__block #resource-toggle { background-color: rgb(235, 235, 235); box-shadow: 3px 0 0 rgb(173, 173, 173); } .region-browse1 .drawer__block #resource-toggle .center-block { padding-top: 2em; padding-bottom: 1.25em; } .region-browse1 .drawer__block #resource-toggle .center-block .hidden-sm p a, .region-browse1 .drawer__block #resource-toggle .center-block .visible-sm-block p a { color: rgb(1, 32, 59); } .region-browse1 .drawer__block #resource-toggle .center-block .hidden-sm p a:hover, .region-browse1 .drawer__block #resource-toggle .center-block .visible-sm-block p a:hover { color: rgb(242, 101, 49); cursor: pointer; text-decoration: none; } @media screen and (min-width: 992px) { .region-browse1 .drawer__block #resource-toggle .center-block { width: 88%; } } .region-browse1 h2 { color: white; margin: 1.15em; font-size: 28px; } .collection-info { padding: 10px 0; background: rgb(235, 235, 235); margin-bottom: 25px; } @media screen and (min-width: 768px) { .collection-info { margin-top: -20px; } } @media screen and (min-width: 768px) { .collection-info h4 { width: 80%; } } @media (min-width: 768px) { .basic-collection-info .dashboard { position: relative; float: right; background: rgb(235, 235, 235); padding: 9px 20px; margin-top: -35px; z-index: 10; box-shadow: 1px 1px 2px #acacae; } .basic-collection-info .dashboard::before { content: ""; position: absolute; left: -15px; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 15px 15px; border-color: transparent transparent #acacae; } } @media (min-width: 768px) { .collection-info .dashboard { position: relative; float: right; background: rgb(235, 235, 235); padding: 9px 20px; margin-top: -25px; margin-bottom: -28px; z-index: 10; box-shadow: 1px 1px 2px #acacae; } .collection-info .dashboard::before { content: ""; position: absolute; left: -15px; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 15px 15px; border-color: transparent transparent #acacae; } } .node-committee_browse_ind-form { width: 90%; margin: 0 auto; display: block; } div[data-collectioncode=GPO] { margin-top: 0.5em; } div[data-collectioncode=GPO] + .panel-collapse .panel-body .custom-sort-holder { display: flex; justify-content: flex-end; float: none; } #rrDescription { overflow: auto; padding-left: 15px; } #rrDescription .mason-grid { margin: 0; } #relatedResources { padding: 10px 0; background: rgb(222, 223, 225); } #relatedResources .link-w-description { width: 90%; margin: 0 auto; display: block; } @media screen and (min-width: 768px) { #relatedResources .link-w-description { width: 30%; margin: 5px 3.33% 5px 0; float: left; position: relative; font-weight: bold; } #relatedResources .link-w-description::before { content: "\f1db"; font-family: FontAwesome; font-size: 65%; margin-left: -15px; position: absolute; top: 0; } } #relatedResources .link-w-description::after { content: attr(title); display: block; font-size: 85%; font-weight: normal; } @media screen and (min-width: 768px) { #relatedResources .collapse { display: block; } } .GPOlevel1style section .flex-row--btwn-center { padding: 0 4.5em 0 1em; } .GPOlevel1style section .flex-row--btwn-center > div:nth-child(1) { flex-grow: 1; width: 70%; margin-bottom: 0.5em; } @media screen and (min-width: 768px) { .GPOlevel1style section .flex-row--btwn-center > div:nth-child(1) p { margin-bottom: 0; } } #browseresultsId div[id*=PubDoc] .panel-body li { margin-top: 0.5em; } #browseresultsId div[id*=MoCat] .panel-body p { margin-top: 1em; } #browseresultsId div[id*=MoCat] .panel-body li { list-style: none; margin-top: 0.5em; } #browseresultsId #gov-index--misc ul { padding-left: 0.25em; margin-bottom: 1.5em; } #browseresultsId #gov-index--misc ul li { list-style: none; margin-top: 0.5em; } #ind-com-browse ul.nav.nav-pills.nav-stacked li { border-bottom: 1px dotted rgb(222, 223, 225); border-radius: 0; } footer img#gpo-logo { display: inherit; max-width: 100px; margin: 20px auto; } footer img#ptab-logo { display: inherit; height: auto; max-width: 100%; } footer > .container > .row:nth-of-type(2) { margin-top: 10px; } footer > .container > .row > a > img { margin-bottom: 10px; } footer .nav li a { padding: 5px 10px 5px 0; font-size: 85%; line-height: 120%; } #footer { border-top: 1px solid rgb(222, 223, 225); background-color: rgb(235, 235, 235); position: relative; padding: 20px 0 5em; } #footer h2 { font-size: 1em; font-weight: 700; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 4px solid rgb(0, 12, 204); } #footer h2::after { content: ""; position: absolute; width: 55%; height: 4px; background: rgb(242, 101, 49); left: 0; top: 59px; } @media screen and (min-width: 768px) { #footer { padding-top: 60px; } } #bottom-content { color: white; border-bottom: 10px solid rgb(113, 112, 115); background: rgb(0, 56, 102); position: relative; } #subfooter { background-color: rgb(252, 251, 251); border-top: 1px solid rgb(235, 235, 235); text-align: center; } #subfooter ul { text-align: left; } #subfooter ul.menu li { display: inline-block; background: none; list-style-type: none; border: none; padding: 0; } #subfooter ul.menu li a { padding: 0 20px 15px; display: block; } /* stylelint-disable max-line-length */ .browse-content-section.custom-search { display: flex; flex-flow: column; margin: -25px 0 0; transition: all 0.25s ease; } @media (min-width: 768px) { .browse-content-section.custom-search { display: grid; grid-template-columns: minmax(calc((100% - 750px) / 2), min-content) minmax(0, 768px) minmax(calc((100% - 750px) / 2), 1fr); grid-template-rows: 4em auto; transition: all 0.25s ease; } } @media screen and (min-width: 992px) { .browse-content-section.custom-search { grid-template-columns: minmax(calc((100% - 992px) / 2), min-content) minmax(0, 960px) minmax(calc((100% - 992px) / 2), 1fr); } } @media (min-width: 1200px) { .browse-content-section.custom-search { grid-template-columns: minmax(calc((100% - 1170px) / 2), min-content) minmax(0, 1200px) minmax(calc((100% - 1170px) / 2), 1fr); } } @media screen and (min-width: 1744px) { .browse-content-section.custom-search { grid-template-columns: 1fr 1170px 1fr; } } .browse-content-section > .collection-info-about { grid-row: 2/3; order: 3; } .browse-content-section > div { grid-row: 3/4; order: 4; } .browse-content-section > :is(.collection-info-about, div) { grid-column: 2/3; padding: 0 15px; transition: all 0.25s ease; } .browse-content-section > :is(.collection-info-about, div) > :is(div, article) { justify-self: start; } @media screen and (min-width: 768px) { .browse-content-section > :is(.collection-info-about, div) > :is(div, article) { max-width: 750px; } } @media screen and (min-width: 992px) { .browse-content-section > :is(.collection-info-about, div) > :is(div, article) { max-width: 970px; } } @media screen and (min-width: 1200px) { .browse-content-section > :is(.collection-info-about, div) > :is(div, article) { max-width: 1170px; } } .label-custom-search-toggle { position: relative; top: 0; left: 0; width: calc(100% - 30px); font-size: 1em; font-weight: 700; background: hsl(220, 5%, 88%); padding: 0.5em 0.5em 0.5em 1em; margin: 0 auto; cursor: pointer; transition: all 0.25s ease; z-index: 10; order: 2; } @media (min-width: 768px) { .label-custom-search-toggle { width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; grid-row: 1/2; grid-column: 2/3; align-self: center; background: hsl(220, 5%, 88%); padding: 0.5rem 0 0.5rem 1em; margin: 0; } .label-custom-search-toggle::before { content: ""; display: block; position: absolute; width: 0; height: 100%; top: 0; background-color: hsl(220, 5%, 88%); transform: translate(-100%, 0); transition: all 0.25s ease; } .label-custom-search-toggle:focus, .label-custom-search-toggle:focus-within, .label-custom-search-toggle:focus-visible, .label-custom-search-toggle:active { outline: none; } } .label-custom-search-toggle > span:not(.visually-hidden, .icon-search) { display: inline-block; width: calc(100% - 2.75em - 1em); opacity: 1; transition: opacity 0.25s ease-out; } @media (min-width: 768px) { .label-custom-search-toggle > span:not(.visually-hidden, .icon-search) { display: unset; width: auto; } } .label-custom-search-toggle > .icon-search { content: ""; display: inline-block; top: 1em; width: 2.75em; height: 2.5em; position: relative; color: hsl(0, 0%, 100%); background-color: hsl(16, 88%, 57%); padding-top: 0.25em; margin: -1em -1em -0.75em 0.25em; clip-path: polygon(0% 0%, 50% 15%, 100% 0%, 100% 85%, 50% 100%, 0% 85%); transition: all 0.25s ease; } @media (min-width: 768px) { .label-custom-search-toggle > .icon-search { top: unset; height: 2.25em; clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%); background-image: none; padding-top: unset; } } .label-custom-search-toggle > .icon-search:hover, .label-custom-search-toggle > .icon-search:focus, .label-custom-search-toggle > .icon-search:active { background-color: hsl(16, 78%, 42%); outline: none; } .label-custom-search-toggle > .icon-search::before { content: ""; display: block; position: absolute; width: 1em; height: 1em; background-color: transparent; border: 2px solid hsl(0, 0%, 100%); border-radius: 50%; transform: translate(0.75em, 0.475em); transition: all 0.25s ease; } .label-custom-search-toggle > .icon-search::after { content: ""; display: block; position: absolute; width: 1px; height: 0.5em; background-color: transparent; border: 1px solid hsl(0, 0%, 100%); transform: rotate(-45deg) translate(0.325em, 2em); transition: all 0.25s ease; } @media (min-width: 768px) { .label-custom-search-toggle:hover, .label-custom-search-toggle:focus, .label-custom-search-toggle:active { padding-left: 1em; } } :is(.label-custom-search-toggle:hover:hover, .label-custom-search-toggle:hover:focus, .label-custom-search-toggle:hover:active, .label-custom-search-toggle:focus:hover, .label-custom-search-toggle:focus:focus, .label-custom-search-toggle:focus:active, .label-custom-search-toggle:active:hover, .label-custom-search-toggle:active:focus, .label-custom-search-toggle:active:active)::before { width: 100vw; height: 100%; transform: translate(-100%, 0); } .label-custom-search-toggle:hover > .icon-search, .label-custom-search-toggle:focus > .icon-search, .label-custom-search-toggle:active > .icon-search { background-color: hsl(16, 78%, 42%); } .checkbox-custom-search-toggle { border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .checkbox-custom-search-toggle + .label-custom-search-toggle::before { content: ""; } @media (min-width: 768px) { .checkbox-custom-search-toggle:checked + .label-custom-search-toggle { left: 13.5em; grid-column: 1/2; background-color: transparent; } } @media screen and (min-width: 1744px) { .checkbox-custom-search-toggle:checked + .label-custom-search-toggle { left: 13.5em; } } .checkbox-custom-search-toggle:checked + .label-custom-search-toggle::before { content: ""; background-color: transparent; } .checkbox-custom-search-toggle:checked + .label-custom-search-toggle .icon-search { clip-path: polygon(0% 15%, 50% 0%, 100% 15%, 100% 100%, 50% 85%, 0% 100%); } @media (min-width: 768px) { .checkbox-custom-search-toggle:checked + .label-custom-search-toggle .icon-search { clip-path: polygon(15% 0%, 100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%); } } .checkbox-custom-search-toggle:checked + .label-custom-search-toggle .icon-search::before { width: 1px; height: 1.25em; border-width: 1px; border-radius: 0; transform: rotate(45deg) translate(1.25em, -0.625em); } .checkbox-custom-search-toggle:checked + .label-custom-search-toggle .icon-search::after { height: 1.25em; transform: rotate(-45deg) translate(0.625em, 1.25em); } .checkbox-custom-search-toggle:checked + .label-custom-search-toggle span:not(.visually-hidden, .icon-search) { opacity: 0; } @media (min-width: 768px) { .checkbox-custom-search-toggle:checked + .label-custom-search-toggle span:not(.visually-hidden, .icon-search) { display: none; visibility: hidden; } } .affiliate-badges-group { display: flex; flex-flow: column nowrap; justify-content: space-evenly; align-items: center; gap: 1.5em; margin: 1.5em 0 0; } @media (min-width: 768px) { .affiliate-badges-group { flex-direction: row; align-items: flex-start; } } .affiliate-badge { flex: 0 1 100%; text-align: center; border: none; } @media (min-width: 768px) { .affiliate-badge { flex: 0 1 auto; width: auto; } } .affiliate-badge.gpo-logo img { width: 220px; margin: 0 auto 1.25em; } @media (min-width: 768px) { .affiliate-badge.gpo-logo { order: 2; } } .affiliate-badge.ptab-logo img { max-width: 220px; margin: 0 auto; } @media (min-width: 768px) { .affiliate-badge.ptab-logo { order: 1; } } .affiliate-badge.cts-logo img { max-width: 188px; margin: -18px -15px -25px -14px; } @media (min-width: 768px) { .affiliate-badge.cts-logo { order: 3; } } .custom-search-widget-container { position: relative; display: grid; grid-template-rows: 0fr; left: 0; width: calc(100% - 2em); height: 100%; background-color: transparent; box-shadow: 0 1px 2px hsl(220, 5%, 60%); margin: 0 auto; transition: all 0.25s ease; order: 1; } .checkbox-custom-search-toggle:checked ~ .custom-search-widget-container { grid-template-rows: 1fr; } @media (min-width: 768px) { .custom-search-widget-container { width: 100%; grid-row: 1/3; grid-column: 1/2; transition: all 0.25s ease; box-shadow: none; margin: 0; } .label-custom-search-toggle:hover ~ .custom-search-widget-container, .label-custom-search-toggle:focus ~ .custom-search-widget-container, .label-custom-search-toggle:active ~ .custom-search-widget-container { border-left: hsl(220, 5%, 88%) 1em solid; } .checkbox-custom-search-toggle:checked ~ .custom-search-widget-container { width: 16em; background-color: hsl(220, 5%, 80%); border-left: none; box-shadow: 1px 0 2px hsl(220, 5%, 60%); } } .custom-search-panel { overflow: hidden; } @media (min-width: 768px) { .custom-search-panel { border-bottom: 2px solid hsl(0, 0%, 100%); } .checkbox-custom-search-toggle ~ .custom-search-widget-container > .custom-search-panel { position: absolute; width: -moz-min-content; width: min-content; left: -16em; overflow: hidden; transition: left 0.2s ease; } .checkbox-custom-search-toggle:checked ~ .custom-search-widget-container > .custom-search-panel { position: relative; width: auto; left: 0; } } .custom-search-panel .csw-header { padding: 0; } @media (min-width: 768px) { .custom-search-panel .csw-header { padding-top: 2em; } } .custom-search-panel .csw-header .site-logo { display: none; visibility: hidden; } .custom-search-panel .csw-footer { display: none; visibility: hidden; } #related-resources { position: relative; background-color: hsl(0, 0%, 85%); padding-top: 1em; padding-bottom: 2em; } .related-resources-list { position: relative; display: flex; flex-flow: column wrap; justify-content: space-around; gap: 1em; list-style: none; padding: 1em 0; margin: 0; } @media (min-width: 768px) { .related-resources-list { flex-direction: row; } } .related-resources-list-item { position: relative; flex: 1 0 100%; } @media (min-width: 768px) { .related-resources-list-item { flex: 1 0 30%; } } .resource-item-link { display: block; width: 100%; height: 100%; background-color: hsl(0, 0%, 92%); border-radius: 0.125em; border-left: 0.5rem solid hsl(208, 84%, 32%); padding: 0.25em 1em; box-shadow: 0.125rem 0.125rem 0.125rem hsla(0, 0%, 0%, 0.3); } .resource-item-link p { font-size: 0.85em; } .resource-item-link:hover, .resource-item-link:focus, .resource-item-link:active { background-color: hsl(220, 5%, 95%); border-color: hsl(16, 88%, 57%); box-shadow: 0.125rem 0.125rem 0.25rem hsla(0, 0%, 0%, 0.25); } .resource-item-link:hover p, .resource-item-link:focus p, .resource-item-link:active p { color: hsl(208, 97%, 12%); } .resource-title { font-size: 1em; line-height: 1.6; padding: 0; margin: 0.5em 0; } /* legacy drupal */