/* ------------------------------ */ /* LA UI OVERRIDES */ /* ------------------------------ */ /* Hide default LA UI elements */ #s-la-public-header, #s-la-page-title-bar, #s-la-public-footer {display: none;} /* ------------------------------ */ /* LA CUSTOM */ /* ------------------------------ */ body{font: normal normal normal 16px/1.7 'Roboto Flex', sans-serif;} /* [SEARCH BOX PRIME] */ #hc-search-box-prime { position: relative; background: #182B49; background-image: url(https://web-archive.nli.org.il/National_Library/oe_/https://library.ucsd.edu/_files/_libapps/libanswers/images/hc-bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 45px; border-radius: 0 0 5px 5px; } #hc-search-box-prime h1 { display: block; color: #fff; margin: 0 0 15px 0; font-size: 3.5em; text-align: left; font-family: Teko-SemiBold, sans-serif; text-transform: uppercase; font-style: normal; font-weight: 700; text-shadow: 3px 3px 10px rgba(24, 43, 73, .33); line-height: 0.77; } #hc-search-box-prime .s-la-content-search {padding: 0 33% 0 0; margin: 0;} #hc-search-box-prime .navbar-header {width: 100%;} #hc-search-box-prime .hc-search-control {box-shadow: 3px 3px 10px 0 rgba(24, 43, 73, .33);} #hc-search-box-prime > div > div {margin: 1em 0;} .hc-search-heading {background: rgb(0,64,91); background: linear-gradient(45deg, rgba(0,64,91,1) 0%, rgba(0,106,150,1) 66%); padding: 60px;} .hc-search-heading h1 {font-size: 48px; color: #fff; text-align: center; margin-bottom: 30px;} .s-la-searchform-button {color: #333; background-color: #fff; border-color: #fff; height: 45px; font-size: 15px;} .form-control { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 15px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #fff; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .s-ui-autocomplete-list {box-shadow: 3px 3px 10px rgba(24, 43, 73, .33); z-index: 1;} .s-ui-autocomplete-list li[aria-selected=true] {background-color: #182B49 !important;} /* Search button hover color */ .la-searchform-button:active, .s-la-searchform-button:focus, .s-la-searchform-button:hover {color: #D462AD; background-color: #fff; border-color: #fff;} /* Citation Call-outs (FAQ View; ASK-114) */ .dx-citation, .marker {display: block; background: #F5F0E6; border: 1px solid #F5F0E6; padding: 15px 15px; border-radius: 8px;} /* [/SEARCH BOX PRIME] */ /* [FAQ VIEW] */ #hc-faq > h2 {font-family: Teko-SemiBold,sans-serif; color: #182b49; letter-spacing: .5px; font-size: 2.5em; line-height: 1.1; margin: 0 0 15px 0;} .s-la-color-bars-border {border-color: #fff;} .s-la-color-bars {background-image: none; background-color: #fff;} #s-srch-results-container .s-srch-askbutton {display: none;} .s-la-faq-listing-q > a, .s-srch-result-title > a {font-size: 1.2em;} .s-la-faq-listing-meta, .s-srch-result-meta {display: none;} .s-la-page-faq .s-la-faq-links h3, .s-la-page-faq .s-la-faq-media h3{margin-top: 30px; font-size: 21px; color: #00629b; font-weight: 400; line-height: 1.5; margin-bottom: 10px;} /* Force FAQ copy to be set font size */ #hc-faq, #hc-faq div p, #hc-faq div p span, #hc-faq div a {font-size: 18px !important; line-height: 1.6 !important;} #hc-faq div p, #hc-faq div ul, #hc-faq div ol {margin-bottom: 20px !important;} /* [/FAQ VIEW] */ /* [SEARCH RESULTS VIEW] */ .search .s-srch-top-header {font-family: Teko-SemiBold,sans-serif; color: #182b49; letter-spacing: .5px; font-size: 2.5em; line-height: 1.1; margin: 0 0 15px 0;} /* Hide "Groups" */ #s-srch-facet-0-g {display: none;} /* [/SEARCH RESULTS VIEW] */ /* [ALL VIEWS] */ .breadcrumb {font-size: 14px; padding: 15px 0 30px 0;} /* [/ALL VIEWS] */ /* LA RESPONSIVE */ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1199px) {} /* Medium Devices, Desktops */ @media only screen and (max-width : 991px) { #hc-search-box-prime .s-la-content-search {padding: 0;} } /* Small Devices, Tablets */ @media only screen and (max-width : 767px) { #hc-search-box-prime {border-radius: 0; padding: 90px 30px;} #hc-search-box-prime .navbar-header {margin: 0;} #hc-search-box-prime h1 {font-size: 60px;} } /* Extra Small Devices, Phones */ @media only screen and (max-width : 479px) { #hc-search-box-prime h1 {font-size: 45px;} /* Phone Bar */ } /* ------------------------------ */ /* FALL '23 REFRESH */ /* ------------------------------ */ /* Service Banners [F23-BOITTOM-HTML] -- Using campus values for padding, border radius, etc. where possible */ #f23-button > a { display: block; background: #FFCD00; color: #182B49; border-radius: 8px; text-align: center; text-decoration: none; font-size: .9375em; text-transform: uppercase; padding: 11.2px 21px; min-width: 200px; margin-bottom: 30px; letter-spacing: .08em; font-weight: 700; transition: all .3s; line-height: normal; } #f23-button > a:active, #f23-button > a:hover { background-color: #182B49; color: #fff; transition: all .3s; } #f23-banners {display: flex;} #f23-banners > div{border-radius: 14px; padding: 30px; margin-bottom: 15px;} #f23-banners a { display: block; background:#FFCD00; color:#000; border-radius:8px; text-align:center; text-decoration:none; font-size: .75em; text-transform: uppercase; padding: 11.2px 21px; min-width: 100px; letter-spacing: .08em; font-weight: 700; float: right; transition: all .3s; line-height: normal; } #f23-banners a:active, #f23-banners a:hover { background-color: #fff; transition: all .3s; } #f23-banner-1{ width:66.666%; height: 270px; margin-right:15px; background-color: #00629B; background-image: url(https://web-archive.nli.org.il/National_Library/oe_/https://library.ucsd.edu/_files/_libapps/libanswers/images/hc-banner-guides.png); } #f23-banner-1 h3{ color: #fff; font-size: 2.5rem; text-align: right; margin: 15px 0 45px 40%; font-weight: 700; } #f23-banner-2{ width:33.333%; height: 270px; background-color: #F5F0E6; background-image: url(https://web-archive.nli.org.il/National_Library/oe_/https://library.ucsd.edu/_files/_libapps/libanswers/images/hc-banner-vpn.png); } #f23-banner-2 h3{ color: #182B49; font-size: 2.5rem; margin: 0 0 60px 0; font-weight: 700; } /* Assistance Footer [F23-BOTTOM-HTML] */ #f23-footer{background: #182B49; border-radius: 14px; color: #fff; padding: 30px; margin-bottom:30px;} #f23-footer h2{text-align: center; margin: 0 0 30px 0; font-family: Teko-SemiBold, sans-serif; font-size: 2.2em; letter-spacing: 0.5px; line-height: normal; text-transform: uppercase;} #f23-footer-cells .f23-footer-row {display: flex;} #f23-footer-cells .f23-footer-cell {flex-basis: 100%; align-items: stretch; display: flex;} #f23-footer-cells .f23-footer-btn {background: #fff; color: #182B49; border-radius: 8px; padding: 15px; flex-basis: 100%; text-decoration: none; transition: all .3s;} /* Base Footer Button Styles */ #f23-footer-cells .f23-footer-btn:hover {background: #FFCD00; color: #182B49; transition: all .3s;} /* Base Footer Button Styles */ #f23-footer-cells .f23-footer-btn h3 {margin: 0 0 15px 0; font-weight: 700;} /* Footer Button Header (H3) */ #f23-footer-cells .f23-btn-service p {margin: 0; font-size: 1em; line-height: normal;} #f23-footer-cells .f23-btn-phone {text-align: center;} #f23-footer-cells .f23-btn-phone p {margin: 0; font-size: 1.666em; line-height: normal;} #f23-footer-btn-1 {margin: 0 15px 0 0; display: flex;} #f23-footer-btn-2 {margin: 0 15px 0 0; display: flex;} #f23-footer-btn-3 {margin: 0; display: flex;} #f23-footer-btn-4 {margin: 15px 15px 0 0;} #f23-footer-btn-5 {margin: 15px 0 0 0;} .f23-icon{margin: 0 30px 0 15px; width: 66px; height: auto;} /* Special - LA Widget "Email..."