/* ####################################################################### # # # # # G E N E R A L P A G E B O D Y # # # # # ####################################################################### */ /* ############################### # GENERAL: Fonts ############################### # General definitions for the # whole site... any or all of # these can be deleted if they # aren't changed... ############################### */ @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,800;1,400;1,600;1,800&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;600;800&display=swap"); @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); /* font-family: 'Playfair Display', serif; font-family: 'Roboto Slab', serif; */ a { color: #0d6cb9; } a.disabled { pointer-events: none; color: #727272; } a:hover, a:focus { color: #00496f; } .rich-text a.disabled { color: #727272; } /* ####################################################################### # # # # # P A G E W R A P P E R # # # # # ####################################################################### */ /* ############################### # PAGE WRAPPER: Header ############################### # Additional Responsive fixes # may need to be added ############################### */ .logo { background-image: url("../images/logo-color.svg"); /* point to proper file */ float: left; /* if not using secondary logo, this can be removed */ width: 30em; max-width: 56%; /* if not using secondary logo, this can be removed and allow the clickable area to go full width */ background-position: center; } .logo2 /* if not using a second logo, this whole definition can be removed */ { background-image: url("../images/visit-tx-gov.svg"); /* point to proper file, if used */ float: right; /* or right */ width: 15em; max-width: 32%; /* at least cover the size of the logo */ background-position: center; } /* ############################### # PAGE WRAPPER: Footer ############################### # Color definitions for header # and footer nav... any or all # of these can be deleted if # they aren't changed... ############################### */ nav.navbar { background-color: #fafafa; /* header navbar background */ border-bottom-color: #ededed; background-color: #363434; /* header navbar bottom border color */ } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); /* header nav bar link color */ } nav.navbar a.nav-link, .navbar-nav a.nav-link { color: #fff !important; } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); /* header nav bar link hover color */ } .btn-quicklink:focus-visible, .tx-gradient-fluid .card.system:focus-within, .tx-gradient-fluid .card.text-only:focus-within, .tx-gradient-fluid .card.photo:focus-within, .tx-gradient-fluid .card.photo-left:focus-within, .single-announcement a:focus-visible, .fc-changeView-button:focus-visible, .fc-changeView-button2:focus-visible, .fc-today-button:focus-visible, .fc-prev-button:focus-visible, .fc-next-button:focus-visible, .teaFamilyPortal a:focus-within, .btn-primary:hover, .btn-primary:focus, .button-link:hover, .button-link:focus, #page-home .card.photo-left:focus-within a.card-link, #page-home-es .card.photo-left:focus-within a.card-link { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; cursor: pointer; -webkit-box-shadow: 0 0 0 4px #F16038; -moz-box-shadow: 0 0 0 4px #F16038; -o-box-shadow: 0 0 0 4px #F16038; box-shadow: 0 0 0 4px #F16038; outline: none; border-radius: .2rem; } .teaFamilyPortal .btn-primary:hover, .teaFamilyPortal .btn-primary:focus { -webkit-box-shadow: 0 0 0 3px #7acdff; -moz-box-shadow: 0 0 0 3px #7acdff; -o-box-shadow: 0 0 0 3px #7acdff; box-shadow: 0 0 0 3px #7acdff; border-radius: .2rem; } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .active > .nav-link { color: rgba(0, 0, 0, 0.9); /* header nav bar "active" text color */ } .txFooterNav a:focus, .nav-link:focus { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; cursor: pointer; -webkit-box-shadow: 0 0 0 4px #97c7ff; -moz-box-shadow: 0 0 0 4px #97c7ff; -o-box-shadow: 0 0 0 4px #97c7ff; box-shadow: 0 0 0 4px #97c7ff; outline: none; border-left:none; border-right:none; border-top: none; border-radius: .2rem; } .single-content:focus, .card:focus-within, button:focus, .logo:focus, .logo2:focus, .breadcrumb a:focus, .card.emblem:focus-within, .card.emblem-left:focus-within, a:focus { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; cursor: pointer; -webkit-box-shadow: 0 0 0 4px #0071bc; -moz-box-shadow: 0 0 0 4px #0071bc; -o-box-shadow: 0 0 0 4px #0071bc; box-shadow: 0 0 0 4px #0071bc; outline: none; border-left:none; border-right:none; border-top: none; border-radius: .2rem; } .card:focus-within, button:focus, .logo:focus, .logo2:focus, .breadcrumb a:focus, .card.emblem:focus-within, .card.emblem-left:focus-within { -webkit-box-shadow: 0 0 0 6px #0071bc; -moz-box-shadow: 0 0 0 6px #0071bc; -o-box-shadow: 0 0 0 6px #0071bc; box-shadow: 0 0 0 6px #0071bc; border-radius: .2rem; } .skip-nav:focus, .skipNav:focus { border: 4px solid #97c7ff; -webkit-transition: width 0s ease-in-out; -moz-transition: width 0s ease-in-out; -o-transition: width 0s ease-in-out; transition: width 0s ease-in-out; } .card > a:focus-within, .list-item a:focus-within, .eventsListSmall a:focus-within{ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; cursor: pointer; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; outline: none; border-left:none; border-right:none; border-top: none; } .navbar-nav .nav-item:nth-child(6), .navbar-nav.es-nav .nav-item:nth-child(4) { padding-left: 1.3rem; background-image: url(../images/ui-search-white.svg); background-position: 0.35rem 60%; background-repeat: no-repeat; background-size: 1.1rem; } @media only screen and (min-width: 576px) { .navbar-light .nav-item:hover, .navbar-light .nav-item.active { border-bottom-color: #1080dc; /* active/hover "bar" color */ } .navbar-dark .nav-item:hover, .navbar-dark .nav-item.active { border-bottom-color: #59aff4; /* active/hover "bar" color */ } } .footer-nav { background-color: #585656; /* footer navbar background */ } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); /* footer nav bar link color */ } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); /* footer nav bar link hover color */ } .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .active > .nav-link { color: #e8e3db; /* footer nav bar "active" text color */ } footer .row:last-child { background-color: #2e3640; color: rgba(255, 255, 255, 1); } footer .row:last-child a { color: rgba(255, 255, 255, 1); } footer .row:last-child a:hover, footer .row:last-child a:focus { color: rgba(255, 255, 255, 0.7); } .footer-base { /* min-height: 5rem; */ } .copyright { line-height: 1rem; color: rgba(255, 255, 255, 0.85); } .help-desk { font-size: 0.93rem; } .help-desk span { color: rgba(255, 255, 255, 0.5); } .footer-base div a { color: #fff; text-decoration: underline; } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,"); } .navbar-dark .language-link { display: none; } .language-link { background-color: #c04c2c !important; } .language-link .nav-link { font-size: 1.2rem !important; padding: 0.22rem !important; } .language-link:hover, .language-link:active { border-left-color: #f37f5f !important; } .language-link a.nav-link, .language-link:hover a.nav-link, .language-link:active a.nav-link { color: #fff !important; } @media only screen and (min-width: 576px) { .language-link { margin-left: auto !important; margin-right: 0 !important; padding-left: 0.7rem !important; padding-right: 0.7rem !important; } .language-link:hover, .language-link:active { border-bottom-color: #f37f5f !important; } } /* ############################### # PAGE WRAPPER: Hero ############################### # Jumbotron text definitions: # any or all of these (or any # attribute) can be deleted # if they aren't changed... ############################### */ .jumbotron span.pre-title { font-size: 1.5em; line-height: 1.25; font-weight: 300; color: #595959; color: #fff; } .jumbotron h1.display-4 { font-size: 2rem; font-weight: 400; color: #595959; color: #fff; } .jumbotron p.lead { font-size: 1rem; line-height: 1.5; font-weight: 500; color: #595959; color: #fff; margin-bottom: 0; } .jumbotron img { float: right; width: 8rem; margin-left: 2rem; } @media only screen and (min-width: 992px) { .jumbotron img { width: 12rem; } } /* ############################### # GENERIC JUMBOTRON ############################### */ .jumbotron { background-color: #000000; background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100% ), url("../images/hero-resources.jpg"); background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 7.8%, rgba(0, 0, 0, 0.5) 31.2%, rgba(0, 0, 0, 0) 78%, rgba(0, 0, 0, 0) 100% ), linear-gradient( to right, rgba(0, 0, 0, 1) 26.8em, rgba(0, 0, 0, 0.94) 46.9em, rgba(0, 0, 0, 0) 67em, rgba(0, 0, 0, 0) 100% ), url("../images/hero-resources.jpg"); background-position-x: 98%; background-position-y: 4%; } /* ############################### # CUSTOM JUMBOTRONS ############################### */ #page-staar .jumbotron, #page-staar-es .jumbotron { background-color: #000000; background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100% ), url(../images/hero-staar.jpg); background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 1.5%, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100% ), linear-gradient( to right, rgba(0, 0, 0, 0.8) 16em, rgba(0, 0, 0, 0.75) 19.5em, rgba(0, 0, 0, 0) 35em, rgba(0, 0, 0, 0) 100% ), url(../images/hero-staar.jpg); background-position-x: 21vw; background-position-y: 52%; } #page-staar-alt2 .jumbotron, #page-staar-alt2-es .jumbotron { background-color: #000000; background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100% ), url(../images/hero-staar-alt2.jpg); background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 1.5%, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100% ), linear-gradient( to right, rgba(0, 0, 0, 0.8) 16em, rgba(0, 0, 0, 0.75) 19.5em, rgba(0, 0, 0, 0) 35em, rgba(0, 0, 0, 0) 100% ), url(../images/hero-staar-alt2.jpg); background-position-x: 0vw; background-position-y: 22%; } #page-telpas .jumbotron, #page-telpas-es .jumbotron { background-color: #000000; background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100% ), url(../images/hero-telpas.jpg); background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 1.5%, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100% ), linear-gradient( to right, rgba(0, 0, 0, 0.8) 16em, rgba(0, 0, 0, 0.75) 19.5em, rgba(0, 0, 0, 0) 35em, rgba(0, 0, 0, 0) 100% ), url(../images/hero-telpas.jpg); background-position-x: 25vw; background-position-y: 25%; } #page-telpas-alt .jumbotron, #page-telpas-alt-es .jumbotron { background-color: #000000; background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100% ), url(../images/hero-telpas-alt.jpg); background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 1.5%, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100% ), linear-gradient( to right, rgba(0, 0, 0, 0.8) 16em, rgba(0, 0, 0, 0.75) 19.5em, rgba(0, 0, 0, 0) 35em, rgba(0, 0, 0, 0) 100% ), url(../images/hero-telpas-alt.jpg); background-position-x: 10vw; background-position-y: 23%; } #page-staar .jumbotron h1, #page-staar-alt2 .jumbotron h1, #page-telpas .jumbotron h1, #page-telpas-alt .jumbotron h1, #page-staar-es .jumbotron h1, #page-staar-alt2-es .jumbotron h1, #page-telpas-es .jumbotron h1, #page-telpas-alt-es .jumbotron h1 { text-indent: 3em; } #page-staar .jumbotron h1.display-4::before, #page-staar-alt2 .jumbotron h1.display-4::before, #page-telpas .jumbotron h1.display-4::before, #page-telpas-alt .jumbotron h1.display-4::before, #page-staar-es .jumbotron h1.display-4::before, #page-staar-alt2-es .jumbotron h1.display-4::before, #page-telpas-es .jumbotron h1.display-4::before, #page-telpas-alt-es .jumbotron h1.display-4::before { background: url("../images/STAAR Primary2022.svg") no-repeat; display: inline-block; position: absolute; bottom: 0; left: 0; content: ""; width: 2.5em; height: 1.5em; margin-bottom: .7rem; line-height: 1.5; border-bottom: 0; } #page-staar-alt2 .jumbotron h1.display-4::before, #page-staar-alt2-es .jumbotron h1.display-4::before { background: url("../images/STAAR Alternate 2 Primary2022.png") no-repeat; background-size: contain; } #page-telpas .jumbotron h1.display-4::before, #page-telpas-es .jumbotron h1.display-4::before { background: url("../images/TELPAS Primary2022.png") no-repeat; background-size: contain; } #page-telpas-alt .jumbotron h1.display-4::before, #page-telpas-alt-es .jumbotron h1.display-4::before { background: url("../images/TELPAS Alternate Primary2022.png") no-repeat; background-size: contain; } #page-staar .jumbotron h1.display-4::after, #page-staar-alt2 .jumbotron h1.display-4::after, #page-telpas .jumbotron h1.display-4::after, #page-telpas-alt .jumbotron h1.display-4::after, #page-staar-es .jumbotron h1.display-4::after, #page-staar-alt2-es .jumbotron h1.display-4::after, #page-telpas-es .jumbotron h1.display-4::after, #page-telpas-alt-es .jumbotron h1.display-4::after { content: ""; position: absolute; height: 1px; bottom: 0; width: 4em; left: 0; border-bottom: 4px solid #f16038; margin-bottom: 0.5rem; } #page-staar .jumbotron h1, #page-staar .jumbotron p, #page-staar-es .jumbotron h1, #page-staar-es .jumbotron p { color: #ffffff; text-shadow: 0 0 17px rgba(203, 228, 235, 0.5), 0 0 9px rgba(203, 228, 235, 0.25), 0 0 4px rgba(203, 228, 235, 0.13); } #page-staar .assessmentsRegion01, #page-staar-alt2 .assessmentsRegion01, #page-telpas .assessmentsRegion01, #page-telpas-alt .assessmentsRegion01, #page-staar-es .assessmentsRegion01, #page-staar-alt2-es .assessmentsRegion01, #page-telpas-es .assessmentsRegion01, #page-telpas-alt-es .assessmentsRegion01 { display: none; } #page-families .jumbotron, #page-families-es .jumbotron { background-color: #000; background-image: linear-gradient( to right, rgba(00, 00, 00, 1) 20%, rgba(00, 00, 00, 0) 70%, rgba(00, 00, 00, 0) 100% ), url("../images/hero-families.jpg"); /* was hero-family-e.jpg */ background-image: linear-gradient( to right, rgba(00, 00, 00, 1) 6.4%, rgba(00, 00, 00, 0.5) 25.6%, rgba(00, 00, 00, 0) 64%, rgba(00, 00, 00, 0) 100% ), linear-gradient( to right, rgba(00, 00, 00, 0.8) 13.6em, rgba(00, 00, 00, 0.75) 23.8em, rgba(00, 00, 00, 0) 34em, rgba(00, 00, 00, 0) 100% ), url("../images/hero-families.jpg"); /* was hero-family-e.jpg */ background-position-x: 8vw; background-position-y: 30%; } @media only screen and (min-width: 768px) { #page-families .jumbotron, #page-families-es .jumbotron { background-position-x: 8vw; } } #page-educators .jumbotron, #page-educator-committees .jumbotron { background-color: #000; background-image: linear-gradient( to right, rgba(00, 00, 00, 1) 20%, rgba(00, 00, 00, 0) 70%, rgba(00, 00, 00, 0) 100% ), url("../images/hero-teacher-e.jpg"); background-image: linear-gradient( to right, rgba(00, 00, 00, 1) 6.4%, rgba(00, 00, 00, 0.5) 25.6%, rgba(00, 00, 00, 0) 64%, rgba(00, 00, 00, 0) 100% ), linear-gradient( to right, rgba(00, 00, 00, 0.8) 13.6em, rgba(00, 00, 00, 0.75) 23.8em, rgba(00, 00, 00, 0) 34em, rgba(00, 00, 00, 0) 100% ), url("../images/hero-teacher-e.jpg"); background-position-x: 8vw; background-position-y: 30%; } #page-testing-personnel .jumbotron { background-color: #000; background-image: linear-gradient( to right, rgba(00, 00, 00, 1) 20%, rgba(00, 00, 00, 0) 70%, rgba(00, 00, 00, 0) 100% ), url("../images/hero-coordinator-e.jpg"); background-image: linear-gradient( to right, rgba(00, 00, 00, 1) 6.4%, rgba(00, 00, 00, 0.5) 25.6%, rgba(00, 00, 00, 0) 64%, rgba(00, 00, 00, 0) 100% ), linear-gradient( to right, rgba(00, 00, 00, 0.8) 13.6em, rgba(00, 00, 00, 0.75) 23.8em, rgba(00, 00, 00, 0) 34em, rgba(00, 00, 00, 0) 100% ), url("../images/hero-coordinator-e.jpg"); background-position-x: 0vw; background-position-y: 0%; } /* ############################### # PAGE WRAPPER: Sections ############################### # body sections... can be # deleted if not changed... ############################### */ /* ####################################################################### # # # # # P A G E E L E M E N T S # # # # # ####################################################################### */ /* ############################### # ELEMENTS: Quick Links ############################### # Any or all of these (or any # attribute) can be deleted # if they aren't changed... ############################### */ #footerQuickCards { background-color: #e9ecef; } .btn-quicklink { color: #212529; background-color: #f1f3f6; border-color: #fff; } .btn-quicklink:hover { color: #fff; background-color: #a2aab3; border-color: #fff; } /* ############################### # ELEMENTS: Buttons ############################### # Color definitions for # buttons... any or all of # these can be deleted if # they aren't changed... ############################### */ .btn-primary { color: #fff; background-color: #0d6cb9; border-color: #0d6cb9; } .btn-secondary { color: #fff; background-color: #f16038; border-color: #f16038; } .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #c04c2c; border-color: #f37f5f; } .multitabs .multitabs-tabs .nav-link:hover, .multitabs .multitabs-tabs .nav-link:focus, .multitabs .multitabs-tabs .nav-link.active { border-bottom-color: #f16038; } /* ####################################################################### # # # # # C A R D S & C A R D D E C K S # # # # # ####################################################################### */ .overline { font-weight: 600; letter-spacing: 0.07em; } /* ############################### # CARDS: Basic Card Designs ############################### # card hover background # color... can be deleted if # not changed... ############################### */ .card.system:hover, .card.text-only:hover, .card.photo:hover, .card.photo-left:hover, .card.emblem:hover, .card.emblem-left:hover { background-color: #f0f4f5; } /* ############################### # SPECIAL EMBLEM STYLES ############################### */ #page-staar .emblem img, #page-staar-alt2 .emblem img, #page-telpas .emblem img, #page-telpas-alt .emblem img, #page-staar-es .emblem img, #page-staar-alt2-es .emblem img, #page-telpas-es .emblem img, #page-telpas-alt-es .emblem img { margin-top: 0.5rem; height: auto; max-height: 5em; width: auto; max-width: 16em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .card.system img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #page-staar .emblem .card-text, #page-staar-alt2 .emblem .card-text, #page-telpas .emblem .card-text, #page-telpas-alt .emblem .card-text, #page-staar-es .emblem .card-text, #page-staar-alt2-es .emblem .card-text, #page-telpas-es .emblem .card-text, #page-telpas-alt-es .emblem .card-text { display: block; padding-top: 0.85rem; line-height: 1.4rem; } #page-home-es #card-tx-home-bpap-1 .card-text, #page-home-es #card-tx-home-bpap-2 .card-text, #page-home-es #card-tx-home-bpap-3 .card-text, #page-home-es #card-tx-home-bpap-4 .card-text, #page-families-es #card-tx-home-bpap-1 .card-text, #page-families-es #card-tx-home-bpap-2 .card-text, #page-families-es #card-tx-home-bpap-3 .card-text, #page-families-es #card-tx-home-bpap-4 .card-text { line-height: 1.1rem !important; } .card.system:hover img, #page-staar .emblem:hover img, #page-staar-alt2 .emblem:hover img, #page-telpas .emblem:hover img, #page-telpas-alt .emblem:hover img, #page-staar-es .emblem:hover img, #page-staar-alt2-es .emblem:hover img, #page-telpas-es .emblem:hover img, #page-telpas-alt-es .emblem:hover img { opacity: 0.8; transform: scale(1.065); } /* ############################### # SPECIAL REGION STYLES ############################### */ div.star-above { position: relative; } div.star-above::before { position: absolute; top: -1.5rem; left: calc(50% - 1.5rem); width: 3rem; z-index: 10; content: "\2605"; color: #3d98c7; display: block; border: none; font-size: 2rem; line-height: 1em; height: 3rem; padding: 0.5rem; background-color: #fff; border-radius: 1.5rem; text-align: center; box-shadow: 0 0.07px 0.55px rgba(0, 0, 0, 0.01), 0 0.168px 1.32px rgba(0, 0, 0, 0.012), 0 0.313px 2.5px rgba(0, 0, 0, 0.016), 0 0.558px 4.47px rgba(0, 0, 0, 0.02), 0 1.045px 8.35px rgba(0, 0, 0, 0.025), 0 2.5px 20px rgba(0, 0, 0, 0.03); } .background-frost { background-color: rgba(255, 255, 255, 0.66); backdrop-filter: blur(0.15rem); } /* ###################################### # ASSESSMENT PAGE SPECIFIC ###################################### */ dl.dl-table { display: table; background: white; border-collapse: collapse; } .dl-table div { display:table-row; padding: 5px; } .dl-table dt { display: table-cell; padding: 5px; width: 10%; border: solid 2px #d2d2d2; margin: 5px; } .dl-table dd { display: table-cell; padding: 5px; width: 90%; border: solid 2px #d2d2d2; margin: 5px; } /* ############################### # USER PAGES ############################### */ .layoutRegion > h2 { font-family: "Roboto Slab", serif; display: inline-block; padding-bottom: 2.25rem; font-style: normal; font-weight: 600; position: relative; font-size: 2rem; } .layoutRegion > h2:before { content: ""; position: absolute; width: 50%; bottom: 0; width: 3.6em; left: 0; border-bottom: 4px solid #f16038; margin-bottom: 1rem; } .layoutRegion > h3, .layoutRegion > .h3 { font-family: "Roboto Slab", serif; display: inline-block; padding-bottom: 2.25rem; font-style: normal; font-weight: 600; position: relative; font-size: 1.5rem; } .layoutRegion > h3:before, .layoutRegion > .h3:before { content: ""; position: absolute; width: 50%; bottom: 0; width: 3.6em; left: 0; border-bottom: 4px solid #f16038; margin-bottom: 1rem; } .layoutRegion > .h4 { font-family: 'Roboto', sans-serif; padding-bottom: 0; font-weight: 500; font-size: 1.25em; display: block; } .layoutRegion > .h4:before { display: none; } .layoutRegion .text-content h2 { font-family: "Roboto Slab", serif; display: inline-block; padding-bottom: 1.25rem; font-style: normal; font-weight: 600; position: relative; font-size: 1.5rem; } .layoutRegion .text-content h2:before { content: ""; position: absolute; width: 50%; bottom: 0; width: 3.6em; left: 0; border-bottom: 4px solid #f16038; margin-bottom: 0; } .layout01Region01 .text-content { padding: 0; margin-left: 0; margin-right: 0; } .single-announcement { padding-left: 1rem; padding-right: 1rem; } .layout01Region05 .text-content { margin-left: -1rem; margin-right: -1rem; } .jumbotron h1.display-4 { font-family: "Roboto Slab", serif; font-size: 2.5rem; font-weight: 400; display: inline-block; position: relative; padding-bottom: 1.75rem; max-width: 100%; } .jumbotron h1.display-4:before { content: ""; position: absolute; height: 1px; bottom: 0; width: 4em; left: 0; border-bottom: 4px solid #f16038; margin-bottom: 0.5rem; } /* ###################################### # BROWSE BY ASSESSMENT PROGRAM CARDS ###################################### */ #page-families .emblem, #page-families-es .emblem { position: relative; overflow: hidden; z-index: 1; } #page-families #card-tx-home-bpap-1, #page-families-es #card-tx-home-bpap-1 { background-image: url(../images/photo-staar.jpg); background-position: center center; background-size: auto 102%; } #page-families #card-tx-home-bpap-2, #page-families-es #card-tx-home-bpap-2 { background-image: url(../images/photo-staar-alt2.jpg); background-position: center center; background-size: auto 102%; } #page-families #card-tx-home-bpap-3, #page-families-es #card-tx-home-bpap-3 { background-image: url(../images/photo-telpas.jpg); background-position: center center; background-size: auto 102%; } #page-families #card-tx-home-bpap-4, #page-families-es #card-tx-home-bpap-4 { /* background-image: url(../images/photo-teacher-b.jpg);*/ background-image: url(../images/photo-telpas-alt.jpg); background-position: center center; background-size: auto 102%; } #page-families .emblem::before, #page-families-es .emblem::before { display: block; content: ""; position: absolute; top: 30%; bottom: 0; left: 0; right: 0; z-index: -1; background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.9) 70%, rgba(0, 0, 0, 0.9) 100% ); opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #page-families .emblem:hover::before, #page-families-es .emblem:hover::before { top: -5rem; opacity: 1; } #page-families .emblem .card-header, #page-families-es .emblem .card-header { height: 8rem; } #page-families .emblem .card-img-wrapper img, #page-families-es .emblem .card-img-wrapper img { width: auto; height: 4.5rem; opacity: 0; transform: translateY(7rem); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #page-families .emblem:hover .card-img-wrapper img, #page-families-es .emblem:hover .card-img-wrapper img { width: auto; height: 4.5rem; opacity: 1; transform: translateY(1.5rem); } #page-families .emblem .overline, #page-families-es .emblem .overline { display: block; color: #fff; opacity: 1; transform: translateY(7rem) scale(1); font-family: "Roboto Slab", serif; font-weight: 800; font-size: 1.25rem; letter-spacing: normal; text-transform: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #page-families .emblem:hover .overline, #page-families-es .emblem:hover .overline { opacity: 0; transform: translateY(1.5rem) scale(0.7); } #page-families .emblem .card-title, #page-families-es .emblem .card-title { display: block; position: relative; color: #fff; opacity: 1; transform: translateY(7rem); font-family: "Roboto Slab", serif; font-weight: 600; font-size: 1.1rem; letter-spacing: normal; text-transform: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #page-families .emblem:hover .card-title, #page-families-es .emblem:hover .card-title { opacity: 1; transform: translateY(0); text-decoration: none; } #page-families .emblem .card-title::before, #page-families-es .emblem .card-title::before { content: ""; position: absolute; height: 1px; top: -1.2rem; width: 6em; left: calc(50% - 3em); border-bottom: 4px solid #f16038; margin-bottom: 1.5rem; } #page-families .emblem .card-text, #page-families-es .emblem .card-text { display: block; opacity: 0; color: rgba(255, 255, 255, 0.85); padding-top: 1.5rem; padding-bottom: 1rem; transform: translateY(2rem) scale(1.1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #page-families .emblem:hover .card-text, #page-families-es .emblem:hover .card-text { opacity: 1; transform: translateY(0) scale(1); } @keyframes fade1of3 { 0% { opacity: 1; left: 0; } 28.333% { opacity: 1; left: 0; } 33.333% { opacity: 0; left: 0; } 33.433% { left: -9999px; } 61.666% { opacity: 0; left: -9999px; } 66.666% { opacity: 0; left: -9999px; } 94.9% { left: -9999px; } 95% { opacity: 0; left: 0; } 100% { opacity: 1; left: 0; } } @keyframes fade2of3 { 0% { opacity: 0; left: -9999px; } 28.233% { left: -9999px; } 28.333% { opacity: 0; left: 0; } 33.333% { opacity: 1; left: 0; } 61.666% { opacity: 1; left: 0; } 66.666% { opacity: 0; left: 0; } 66.766% { left: -9999px; } 95% { opacity: 0; left: -9999px; } 100% { opacity: 0; left: -9999px; } } @keyframes fade3of3 { 0% { opacity: 0; left: 0; } 0.1% { left: -9999px; } 28.333% { opacity: 0; left: -9999px; } 33.333% { opacity: 0; left: -9999px; } 61.566% { left: -9999px; } 61.666% { opacity: 0; left: 0; } 66.666% { opacity: 1; left: 0; } 95% { opacity: 1; left: 0; } 100% { opacity: 0; left: 0; } } @keyframes blur1of3 { 0% { filter: blur(0.2px); } /* 0.2px blur animation fix: https://jsfiddle.net/CyberAP/4qp1qj6w/ */ 28.333% { filter: blur(0.2px); } 33.333% { filter: blur(5rem); } 61.666% { filter: blur(5rem); } 66.666% { filter: blur(5rem); } 95% { filter: blur(5rem); } 100% { filter: blur(0.2px); } } @keyframes blur2of3 { 0% { filter: blur(5rem); } 28.333% { filter: blur(5rem); } 33.333% { filter: blur(0.2px); } /* 0.2px blur animation fix: https://jsfiddle.net/CyberAP/4qp1qj6w/ */ 61.666% { filter: blur(0.2px); } 66.666% { filter: blur(5rem); } 95% { filter: blur(5rem); } 100% { filter: blur(5rem); } } @keyframes blur3of3 { 0% { filter: blur(5rem); } 28.333% { filter: blur(5rem); } 33.333% { filter: blur(5rem); } 61.666% { filter: blur(5rem); } 66.666% { filter: blur(0.2px); } /* 0.2px blur animation fix: https://jsfiddle.net/CyberAP/4qp1qj6w/ */ 95% { filter: blur(0.2px); } 100% { filter: blur(5rem); } } @keyframes button1of3 { 0% { opacity: 1; } 28.333% { opacity: 1; } 28.633% { opacity: 0; } 99.7% { opacity: 0; } 100% { opacity: 1; } } @keyframes button2of3 { 0% { opacity: 0; } 33.033% { opacity: 0; } 33.333% { opacity: 1; } 61.666% { opacity: 1; } 61.966% { opacity: 0; } 100% { opacity: 0; } } @keyframes button3of3 { 0% { opacity: 0; } 66.366% { opacity: 0; } 66.666% { opacity: 1; } 95% { opacity: 1; } 95.3% { opacity: 0; } 100% { opacity: 0; } } @keyframes fade1of3zoom { 0% { opacity: 1; transform: scale(1); } 28.333% { opacity: 1; transform: scale(1); } 33.333% { opacity: 0; transform: scale(1.1); } 61.666% { opacity: 0; transform: scale(1.1); } 66.666% { opacity: 0; transform: scale(1.1); } 95% { opacity: 0; transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } } @keyframes fade2of3zoom { 0% { opacity: 0; transform: scale(1.1); } 28.333% { opacity: 0; transform: scale(1.1); } 33.333% { opacity: 1; transform: scale(1); } 61.666% { opacity: 1; transform: scale(1); } 66.666% { opacity: 0; transform: scale(1.1); } 95% { opacity: 0; transform: scale(1.1); } 100% { opacity: 0; transform: scale(1.1); } } @keyframes fade3of3zoom { 0% { opacity: 0; transform: scale(1.1); } 28.333% { opacity: 0; transform: scale(1.1); } 33.333% { opacity: 0; transform: scale(1.1); } 61.666% { opacity: 0; transform: scale(1.1); } 66.666% { opacity: 1; transform: scale(1); } 95% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.1); } } /* ############################### # HOME REGIONS ############################### */ #page-home .layoutRegion > h3, #page-home-es .layoutRegion > h3, #page-home .layoutRegion > .h3, #page-home-es .layoutRegion > .h3 { font-family: "Roboto Slab", serif; display: inline-block; padding-bottom: 1.2rem; font-style: normal; font-weight: 600; position: relative; font-size: 1.5rem; color: #fff; } #page-home .layoutRegion > h3:before, #page-home-es .layoutRegion > h3:before, #page-home .layoutRegion > .h3:before, #page-home-es .layoutRegion > .h3:before { content: ""; position: absolute; width: 50%; bottom: 0; width: 3.6em; left: 0; border-bottom: 4px solid #f16038; margin-bottom: 0.5rem; } /* experimental background filter fading... */ #page-home .carousel-image::before, #page-home-es .carousel-image::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } #page-home .carousel-image::before, #page-home-es .carousel-image::before { background: rgba(0, 0, 0, 0.5); -webkit-mask-image: linear-gradient( to bottom, transparent 0%, rgba(0, 0, 00.75) 7em, rgba(0, 0, 0, 1) 14em ); mask-image: linear-gradient( to bottom, transparent 0%, rgba(0, 0, 0, 0.75) 7em, rgba(0, 0, 0, 1) 14em ); } @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { #page-home .carousel-image::before, #page-home-es .carousel-image::before { background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(4px) saturate(150%); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 13rem, black 20em); mask-image: linear-gradient(to bottom, transparent 0%, transparent 13rem, black 20em); } @media only screen and (max-width: 767.98px) { #page-home .carousel-image::before, #page-home-es .carousel-image::before { background-color: rgba(0, 0, 0, 0.2); backdrop-filter: blur(4px) saturate(150%); -webkit-mask-image: linear-gradient(to bottom, black 0%, black 100%); mask-image: linear-gradient(to bottom, black 0%, black 100%); } } } /* ############################### # HOME CAROUSEL ############################### */ #page-home .carousel-text, #page-home-es .carousel-text, #page-home .home-altRegion02amd03 h2, #page-home-es .home-altRegion02amd03 h2, #page-home .home-altRegion02amd03 .card.photo-left, #page-home-es .home-altRegion02amd03 .card.photo-left { text-shadow: 0 0 26.4px rgba(0, 0, 0, 0.65), 0 0 13px rgba(0, 0, 0, 0.33), 0 0 7px rgba(0, 0, 0, 0.16), 0 0 4px rgba(0, 0, 0, 0.2); } #disableAnim { z-index: 10; position: absolute; background: rgba(0,0,0,0.45); backdrop-filter: blur(4px) saturate(150%); border: none; color: #fff; font-size: .8rem; padding: .2rem .5rem .2rem 2rem; border-end-end-radius: .3rem; } #disableAnim::before { display: block; content: ''; position: absolute; left: .5rem; top: .4rem; width: 1.2rem; height: .8rem; border-color: #fff; border-style: solid; border-width: 1px; border-radius: 1rem; opacity: .6; } #disableAnim::after { display: block; content: ''; position: absolute; left: .7rem; top: .6rem; width: .4rem; height: .4rem; background-color: #fff; border-radius: 1rem; opacity: .4; } #disableAnim.disabled::after { left: 1.1rem; opacity: 1; } #disableAnim.disabled::before { opacity: 1; } .noanim .carousel-image { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } #page-home .pageBodyTop, #page-home-es .pageBodyTop { background-color: #000; position: relative; overflow: hidden; } #page-home .carousel-container, #page-home-es .carousel-container { height: 10em; } #page-home .carousel-text, #page-home-es .carousel-text { position: absolute; top: 0; width: 100%; z-index: 1; } #page-home .carousel-image, #page-home-es .carousel-image { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; background-size: cover; background-position: center center; } #carousel-image-1of3 { background-position: 80% 20% !important; } #carousel-image-2of3 { background-position: 20% 20% !important; } #carousel-image-3of3 { background-position: 20% 20% !important; } #page-home .jumbotron, #page-home-es .jumbotron { padding-top: 2.5rem; padding-bottom: 4rem; background: transparent; } #page-home .jumbotron .container, #page-home-es .jumbotron .container { text-align: center; } #page-home .jumbotron h1.display-4, #page-home-es .jumbotron h1.display-4 { font-family: "Roboto Slab", serif; font-size: 2.4rem; font-weight: 400; color: #fff; display: inline-block; position: relative; padding-bottom: 0.5rem; max-width: 100%; } #page-home .jumbotron h1.display-4:before, #page-home-es .jumbotron h1.display-4:before { content: ""; position: absolute; height: 1px; bottom: 0; width: 6em; left: 0; border-bottom: 4px solid #f16038; margin-bottom: -0.1rem; } #page-home .jumbotron p.lead, #page-home-es .jumbotron p.lead { font-size: 1rem; line-height: 1.5; font-weight: 500; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; } #page-home .jumbotron a.btn, #page-home-es .jumbotron a.btn { display: none; } /* ############################### # NAVIGATION ############################### */ #page-home nav.navbar, #page-home-es nav.navbar { background: #363434; } #page-home nav.navbar a.nav-link, #page-home .navbar-nav a.nav-link, #page-home-es nav.navbar a.nav-link, #page-home-es .navbar-nav a.nav-link { color: #fff; } /* ###################################### # BROWSE BY USER CARDS ###################################### */ #page-home .card.photo-left, #page-home-es .card.photo-left { background-color: transparent; padding: 0; border: 0px; min-height: auto; margin-left: -8px; /* old home min-width: calc(100%); old home */ /* new home */ margin-right: 32px; /* new home */ margin-bottom: 2rem !important; overflow: visible; } #page-home .card.photo-left a.card-link, #page-home-es .card.photo-left a.card-link { display: block; background-color: transparent; padding: 1rem; border: 0px; border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #page-home .card.photo-left:hover a.card-link, #page-home-es .card.photo-left:hover a.card-link, #page-home .card.photo-left:focus-within a.card-link, #page-home-es .card.photo-left:focus-within a.card-link { backdrop-filter: blur(0.33rem); background-color: rgba(0, 0, 0, 0.3); } #page-home .card.photo-left .overline, #page-home-es .card.photo-left .overline { display: none; } #page-home .photo-left .card-body, #page-home-es .photo-left .card-body { padding: 0; margin-left: 0; } #page-home .card.photo-left, #page-home-es .card.photo-left { box-shadow: none; margin-bottom: 0.7em; } /* old home #page-home .card.photo-left:after, #page-home-es .card.photo-left:after { content: ""; position: absolute; width: 50%; bottom: -2rem; width: 3.6em; left: 40%; border-bottom: 2px solid rgba(255, 255, 255, 0.3); margin-bottom: 1rem; } old home */ /* new home */ #page-home .card.photo-left:last-child, #page-home-es .card.photo-left:last-child { margin-right: 8px; } .home-altRegion02amd03 .col-lg-10 .card-deck { margin-right: -24px; } #page-home .card.photo-left:after, #page-home-es .card.photo-left:after { content: ""; position: absolute; right: -20px; height: 3.6em; top: 40%; border-right: 2px solid rgba(255, 255, 255, 0.3); margin-right: 8px; } /* new home */ #page-home .card.photo-left:last-child:after, #page-home-es .card.photo-left:last-child:after { display: none; /* new home */ margin-right: 0; /* new home */ } #page-home .card.photo-left .card-img-wrapper, #page-home-es .card.photo-left .card-img-wrapper { display: none; } #page-home .card.photo-left .card-title, #page-home-es .card.photo-left .card-title { font-family: "Roboto Slab", serif; display: inline-block; line-height: 1em; /* old home margin-bottom: 0.6rem; old home */ /* new home */ margin-bottom: 0.8rem; /* new home */ font-style: normal; font-weight: 300; position: relative; /* old home font-size: 1.9rem; old home */ /* new home */ font-size: 1.55rem; /* new home */ color: #fff; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #page-home .card.photo-left .card-text, #page-home-es .card.photo-left .card-text { font-size: 1.1rem; line-height: 1.5; font-weight: 400; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #page-home .card.photo-left:hover .card-title, #page-home-es .card.photo-left:hover .card-title { text-decoration: underline; } #page-home .overline, #page-home-es .overline { color: #fff; } #page-home .homeRegion04 h3, #page-home-es .home-esRegion04 h3, #page-home .homeRegion04 .h3, #page-home-es .home-esRegion04 .h3 { color: #19242e; } /* ###################################### # ASSESSMENT LINKS [QUICKLINKS] ###################################### */ #page-home #footerQuickCards, #page-home-es #footerQuickCards { background-color: transparent; position: relative; } #page-home #footerQuickCards::before, #page-home-es #footerQuickCards::before { position: absolute; top: -1.25rem; left: calc(50% - 1.25rem); width: 2.5rem; z-index: 10; content: "\2605"; color: #fff; display: block; border: none; font-size: 1.5rem; line-height: 1em; height: 2.5rem; padding: 0.5rem; background-color: #3d98c7; border-radius: 1.25rem; text-align: center; } #page-home #footerQuickCards .container, #page-home-es #footerQuickCards .container { background-color: #3d98c7; border-radius: 6px; padding: 1em 1.5em; margin-bottom: -1.5em; position: relative; border-bottom: 8px solid #0d567b; /* box-shadow: 1px -1px 3px rgb(0 0 0 / 50%);*/ } #page-home #footerQuickCards .btn-quicklink, #page-home-es #footerQuickCards .btn-quicklink { background-color: #00486e9c; border: transparent; color: #e8e3db; line-height: 1.25; } #page-home #footerQuickCards .btn-quicklink, #page-home-es #footerQuickCards .btn-quicklink { /*font-family: 'Roboto Slab';*/ font-size: 1.15em; } #page-home #footerQuickCards .btn-quicklink:hover, #page-home-es #footerQuickCards .btn-quicklink:hover { text-decoration: underline; background-color: #00486e33; } #page-home #footerQuickCards .btn-quicklink:first-child, #page-home-es #footerQuickCards .btn-quicklink:first-child { background: transparent; font-family: "Roboto Slab"; font-size: 1.15em; text-shadow: 2px 1px 5px #00486e91; } #page-home #footerQuickCards .btn-quicklink:hover:first-child, #page-home-es #footerQuickCards .btn-quicklink:hover:first-child { text-decoration: none; } /* ###################################### # BROWSE BY ASSESSMENT PROGRAM CARDS ###################################### */ #page-home .emblem, #page-home-es .emblem { position: relative; overflow: hidden; z-index: 1; } #page-home #card-tx-home-bpap-1, #page-home-es #card-tx-home-bpap-1 { background-image: url(../images/photo-staar.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-2, #page-home-es #card-tx-home-bpap-2 { background-image: url(../images/photo-staar-alt2.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-3, #page-home-es #card-tx-home-bpap-3 { background-image: url(../images/photo-telpas.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-4, #page-home-es #card-tx-home-bpap-4 { /* background-image: url(../images/photo-teacher-b.jpg);*/ background-image: url(../images/photo-telpas-alt.jpg); background-position: center center; background-size: auto 102%; } #page-home .emblem::before, #page-home-es .emblem::before { display: block; content: ""; position: absolute; top: 30%; bottom: 0; left: 0; right: 0; z-index: -1; background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.9) 70%, rgba(0, 0, 0, 0.9) 100% ); opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #page-home .emblem:hover::before, #page-home-es .emblem:hover::before, #page-home .emblem:focus-within::before, #page-home-es .emblem:focus-within::before { top: -5rem; opacity: 1; } #page-home .emblem .card-header, #page-home-es .emblem .card-header { height: 8rem; } #page-home .emblem .card-img-wrapper img, #page-home-es .emblem .card-img-wrapper img { width: auto; height: 4.5rem; opacity: 0; transform: translateY(7rem); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #page-home .emblem:hover .card-img-wrapper img, #page-home-es .emblem:hover .card-img-wrapper img, #page-home .emblem:focus-within .card-img-wrapper img, #page-home-es .emblem:focus-within .card-img-wrapper img { width: auto; height: 4.5rem; opacity: 1; transform: translateY(1.5rem); } #page-home .emblem .overline, #page-home-es .emblem .overline { display: block; color: #fff; opacity: 1; transform: translateY(7rem) scale(1); font-family: "Roboto Slab", serif; font-weight: 800; font-size: 1.25rem; letter-spacing: normal; text-transform: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #page-home .emblem:hover .overline, #page-home-es .emblem:hover .overline, #page-home .emblem:focus-within .overline, #page-home-es .emblem:focus-within .overline { opacity: 0; transform: translateY(1.5rem) scale(0.7); } #page-home .emblem .card-title, #page-home-es .emblem .card-title { display: block; position: relative; color: #fff; opacity: 1; transform: translateY(7rem); font-family: "Roboto Slab", serif; font-weight: 600; font-size: 1.1rem; letter-spacing: normal; text-transform: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #page-home .emblem:hover .card-title, #page-home-es .emblem:hover .card-title, #page-home .emblem:focus-within .card-title, #page-home-es .emblem:focus-within .card-title { opacity: 1; transform: translateY(0); text-decoration: none; } #page-home .emblem .card-title::before, #page-home-es .emblem .card-title::before { content: ""; position: absolute; height: 1px; top: -1.2rem; width: 6em; left: calc(50% - 3em); border-bottom: 4px solid #f16038; margin-bottom: 1.5rem; } #page-home .emblem .card-text, #page-home-es .emblem .card-text { display: block; opacity: 0; color: rgba(255, 255, 255, 0.85); padding-top: 1.5rem; padding-bottom: 1rem; transform: translateY(2rem) scale(1.1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #page-home .emblem:hover .card-text, #page-home-es .emblem:hover .card-text, #page-home .emblem:focus-within .card-text, #page-home-es .emblem:focus-within .card-text { opacity: 1; transform: translateY(0) scale(1); } #page-resources .jumbotron { background-color: #000000; background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100% ), url("../images/hero-resources.jpg"); background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 7.8%, rgba(0, 0, 0, 0.5) 31.2%, rgba(0, 0, 0, 0) 78%, rgba(0, 0, 0, 0) 100% ), linear-gradient( to right, rgba(0, 0, 0, 1) 26.8em, rgba(0, 0, 0, 0.94) 46.9em, rgba(0, 0, 0, 0) 67em, rgba(0, 0, 0, 0) 100% ), url("../images/hero-resources.jpg"); background-position-x: 98%; background-position-y: 4%; } /* ############################### # NAVIGATION ############################### */ /* ################################################ # QUANTILE FRAMEWORK AREA - ALTERNATE CARD STYLE ################################################ */ .purple { background-color: #40396f; background-color: #0781a6; } .card-alternate-layout .card, .card-alternate-layout .card:hover { background: transparent; border: 0px; box-shadow: none; } .card-alternate-layout .card .card-body .card-title, .card-alternate-layout .card .card-body .card-text, .purple p { color: #ffffff; } .purple .btn { background: white; color: #0781a6; } .card-alternate-layout .card .overline { visibility: hidden; } .card-alternate-layout .card-img-wrapper { position: relative; border-radius: 50%; width: 5em; height: 5em; background-color: #ffffff; margin: 0 auto 1em; } .card-alternate-layout .card-img-wrapper img { width: 100%; max-width: 4em; position: absolute; left: 20%; top: 20%; } .card-alternate-layout h5.card-title { font-size: 1.25em; margin-bottom: 1em; } /* ####################################################################### # # # # # "HIDDEN" PAGE # # # # # ####################################################################### */ #page-staar-redesign-resources a.disabled, #page-staar-redesign-resources-es a.disabled { color: #727272; } #page-staar-redesign-resources .bottomLinkContainer a, #page-staar-redesign-resources-es .bottomLinkContainer a { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } #page-staar-redesign-resources .bottomLinkContainer a.button-link { text-align: center; } @media only screen and (max-width: 991px) { #page-staar-redesign-resources .bottomLinkContainer .container:last-child, #page-staar-redesign-resources-es .bottomLinkContainer .container:last-child { padding-top: 2em; } #page-staar-redesign-resources .bottomLinkContainer .container:first-child .component-content p, #page-staar-redesign-resources-es .bottomLinkContainer .container:first-child .component-content p { margin-top: 1.94em; } #page-staar-redesign-resources .bottomLinkContainer .container:last-child .component-content p, #page-staar-redesign-resources-es .bottomLinkContainer .container:last-child .component-content p { margin-top: 0; } } @media only screen and (max-width: 767px) { #page-staar-redesign-resources .bottomLinkContainer .container:last-child, #page-staar-redesign-resources-es .bottomLinkContainer .container:last-child { padding-top: 0; } #page-staar-redesign-resources .bottomLinkContainer .col-12, #page-staar-redesign-resources-es .bottomLinkContainer .col-12 { margin: 1em 0; } #page-staar-redesign-resources .bottomLinkContainer .container:first-child .component-content p, #page-staar-redesign-resources-es .bottomLinkContainer .container:first-child .component-content p { margin-top: 0; } } /* ####################################################################### # # # # # M E D I A Q U E R I E S # # # # # ####################################################################### */ /* ############################### # MEDIA: (xs) < 576px ############################### */ @media only screen and (max-width: 575.98px) { .jumbotron { background-position-x: 23vw; } .jumbotron .container span { display: block; } .jumbotron p.lead { display: none; } .jumbotron { padding: 1rem 0 1.75rem 0; } #page-families #card-tx-home-bpap-1, #page-families-es #card-tx-home-bpap-1, #page-families #card-tx-home-bpap-2, #page-families-es #card-tx-home-bpap-2, #page-families #card-tx-home-bpap-3, #page-families-es #card-tx-home-bpap-3, #page-families #card-tx-home-bpap-4, #page-families-es #card-tx-home-bpap-4 { background-size: cover; } } /* ############################### # MEDIA: (s+) >= 576px ############################### */ @media only screen and (min-width: 576px) { } /* ######################################## # MEDIA: (m to l) >= 576px and < 992px ######################################## */ @media only screen and (min-width: 576px) and (max-width: 991.98px) { .jumbotron { background-position-x: 15vw; background-position-y: 100%; } .jumbotron .container span { display: block; } .jumbotron p.lead { display: none; } .jumbotron { padding: 1rem 0 1.75rem 0; font-size: calc(70%); } #page-families #card-tx-home-bpap-1, #page-families-es #card-tx-home-bpap-1, #page-families #card-tx-home-bpap-2, #page-families-es #card-tx-home-bpap-2, #page-families #card-tx-home-bpap-3, #page-families-es #card-tx-home-bpap-3, #page-families #card-tx-home-bpap-4, #page-families-es #card-tx-home-bpap-4 { background-size: cover; } } /* ############################### # MEDIA: (xs to s) < 778px ############################### */ @media only screen and (max-width: 767.98px) { } /* ############################### # MEDIA: (m+) >= 768px ############################### */ @media only screen and (min-width: 768px) { } /* ############################### # MEDIA: (l+) >= 992px ############################### */ @media only screen and (min-width: 992px) { } /* ############################### # MEDIA: (xl+) >= 1200px ############################### */ @media only screen and (min-width: 1200px) { } @media only screen and (max-width: 991.98px) { header { padding: 0.5vw 0; } } /* ############################### # MEDIA: >= 1920px ############################### */ @media only screen and (min-width: 1920px) { #page-staar .jumbotron, #page-staar-es .jumbotron { background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 1.5%, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100% ), linear-gradient( to right, rgba(0, 0, 0, 0.8) 16em, rgba(0, 0, 0, 0.75) 19.5em, rgba(0, 0, 0, 0) 28em, rgba(0, 0, 0, 0) 100% ), linear-gradient( to left, rgba(1, 1, 1, 1) 1.5%, rgba(1, 1, 1, 0) 6%, rgba(1, 1, 1, 0) 7%, rgba(1, 1, 1, 0) 77% ), linear-gradient( to left, rgba(0, 0, 0, 0.8) 4em, rgba(0, 0, 0, 0.75) 5.5em, rgba(0, 0, 0, 0) 12em, rgba(0, 0, 0, 0) 100% ), url(../images/hero-staar.jpg); background-position-x: 48vw; background-position-y: 56%; background-size: 50%; } #page-staar-alt2 .jumbotron, #page-staar-alt2-es .jumbotron { background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 1.5%, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100% ), linear-gradient( to right, rgba(0, 0, 0, 0.8) 16em, rgba(0, 0, 0, 0.75) 19.5em, rgba(0, 0, 0, 0) 35em, rgba(0, 0, 0, 0) 100% ), linear-gradient( to left, rgba(1, 1, 1, 1) 1.5%, rgba(1, 1, 1, 0) 6%, rgba(1, 1, 1, 0) 9%, rgba(1, 1, 1, 0) 77% ), linear-gradient( to left, rgba(0, 0, 0, 0.8) 4em, rgba(0, 0, 0, 0.75) 5.5em, rgba(0, 0, 0, 0) 12em, rgba(0, 0, 0, 0) 100% ), url(../images/hero-staar-alt2.jpg); background-position-x: 22vw; background-position-y: 28%; background-size: 70%; } #page-telpas .jumbotron, #page-telpas-es .jumbotron { background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 1.5%, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100% ), linear-gradient( to right, rgba(0, 0, 0, 0.8) 16em, rgba(0, 0, 0, 0.75) 19.5em, rgba(0, 0, 0, 0) 35em, rgba(0, 0, 0, 0) 100% ), linear-gradient( to left, rgba(1, 1, 1, 1) 1.5%, rgba(1, 1, 1, 0) 6%, rgba(1, 1, 1, 0) 9%, rgba(1, 1, 1, 0) 77% ), linear-gradient( to left, rgba(0, 0, 0, 0.8) 4em, rgba(0, 0, 0, 0.75) 5.5em, rgba(0, 0, 0, 0) 12em, rgba(0, 0, 0, 0) 100% ), url(../images/hero-telpas.jpg); background-position-x: 41vw; background-position-y: 30%; background-size: 65%; } #page-telpas-alt .jumbotron, #page-telpas-alt-es .jumbotron { background-color: #000000; background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100% ), url(../images/hero-telpas-alt.jpg); background-image: linear-gradient( to right, rgba(0, 0, 0, 1) 1.5%, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100% ), linear-gradient( to right, rgba(0, 0, 0, 0.8) 16em, rgba(0, 0, 0, 0.75) 19.5em, rgba(0, 0, 0, 0) 35em, rgba(0, 0, 0, 0) 100% ), linear-gradient( to left, rgba(1, 1, 1, 1) 1.5%, rgba(1, 1, 1, 0) 6%, rgba(1, 1, 1, 0) 9%, rgba(1, 1, 1, 0) 77% ), linear-gradient( to left, rgba(0, 0, 0, 0.8) 4em, rgba(0, 0, 0, 0.75) 5.5em, rgba(0, 0, 0, 0) 12em, rgba(0, 0, 0, 0) 100% ), url(../images/hero-telpas-alt.jpg); background-position-x: 35vw; background-position-y: 13%; background-size: 60%; } } /* ############################### # MEDIA: >= 2560px ############################### */ @media only screen and (min-width: 2560px) { #page-staar .jumbotron, #page-staar-es .jumbotron { background-size: 37%; } #page-staar-alt2 .jumbotron, #page-staar-alt2-es .jumbotron { background-size: 54%; background-position-x: 28vw; } #page-telpas .jumbotron, #page-telpas-es .jumbotron { background-position-x: 43vw; background-size: 50%; } #page-telpas-alt .jumbotron, #page-telpas-alt-es .jumbotron { background-position-x: 39vw; background-size: 45%; } } /* ############################### # MEDIA: >= 3840px ############################### */ @media only screen and (min-width: 3840px) { #page-staar .jumbotron, #page-staar-es .jumbotron { background-size: 26%; background-position-y: 58%; } #page-staar-alt2 .jumbotron, #page-staar-alt2-es .jumbotron { background-size: 36%; background-position-x: 35vw; } #page-telpas .jumbotron, #page-telpas-es .jumbotron { background-position-x: 45vw; background-size: 34%; } #page-telpas-alt .jumbotron, #page-telpas-alt-es .jumbotron { background-position-x: 43vw; background-size: 30%; } } /* ################################################### # # # STICKY HEADER DEMO # # # ################################################### */ header { background: #fff !important; padding-top: 0.2rem; padding-bottom: 0.2rem; } header.container-fluid.shrink, header.shrink div.header-main { position: fixed; top: 0; width: 100%; z-index: 101; height: 2.5em; padding-top: 0.55rem; padding-bottom: 0.55rem; } header.container-fluid.shrink .logo, header.shrink div.header-main .logo { width: 17em; height: auto; background-position: left center; } header.container-fluid.shrink .logo2, header.shrink div.header-main .logo2 { width: 12em; height: auto; background-position: right center; } .jumbotron { -webkit-transition: padding 0.5s ease-in-out; -moz-transition: padding 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out; transition: padding 0.5s ease-in-out; } #page-staar .jumbotron .display-4, #page-staar-alt2 .jumbotron .display-4, #page-telpas .jumbotron .display-4, #page-telpas-alt .jumbotron .display-4, #page-staar-es .jumbotron .display-4, #page-staar-alt2-es .jumbotron .display-4, #page-telpas-es .jumbotron .display-4, #page-telpas-alt-es .jumbotron .display-4 { margin-top: 1rem; } .jumbotron.shrink { padding-top: 1rem; padding-bottom: 1rem; position: fixed; top: 40px; width: 100%; z-index: 100; box-shadow: 0 0.7px 0.55px rgba(0, 0, 0, 0.01), 0 1.68px 1.32px rgba(0, 0, 0, 0.012), 0 3.13px 2.5px rgba(0, 0, 0, 0.016), 0 5.58px 4.47px rgba(0, 0, 0, 0.02), 0 10.45px 8.35px rgba(0, 0, 0, 0.025), 0 25px 20px rgba(0, 0, 0, 0.03); overflow: hidden; } .jumbotron .lead { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .jumbotron.shrink .lead { height: 0; margin-top: 0; opacity: 0; } #page-staar .jumbotron img, #page-staar-alt2 .jumbotron img, #page-telpas .jumbotron img, #page-telpas-alt .jumbotron img, #page-staar-es .jumbotron img, #page-staar-alt2-es .jumbotron img, #page-telpas-es .jumbotron img, #page-telpas-alt-es .jumbotron img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; height: auto; } #page-staar .jumbotron.shrink img, #page-staar-alt2 .jumbotron.shrink img, #page-telpas .jumbotron.shrink img, #page-telpas-alt .jumbotron.shrink img, #page-staar-es .jumbotron.shrink img, #page-staar-alt2-es .jumbotron.shrink img, #page-telpas-es .jumbotron.shrink img, #page-telpas-alt-es .jumbotron.shrink img { height: 4.5rem; width: auto; } /* ############################### # design revisions 2021.04.12 ############################### */ .background-white { background-color: #fff; } .tx-gradient-blue { background: radial-gradient( circle at bottom left, rgba(61, 152, 199, 0.1) 8%, rgba(10, 86, 148, 0) 60% ), radial-gradient( circle at top right, rgba(61, 152, 199, 0.1) 8%, rgba(10, 86, 148, 0) 60% ), radial-gradient( circle, rgba(10, 86, 148, 0.85) 8%, rgba(10, 86, 148, 0) 47% ), linear-gradient(#0a5694, transparent), linear-gradient(to top left, #3d98c7, transparent), linear-gradient(to top right, #022e52, transparent), #022e52; } .tx-gradient-image { background: rgb(12, 82, 140); background: linear-gradient( 306deg, rgba(7, 64, 112, 1) 15%, rgba(28, 114, 185, 0.65) 50%, rgba(7, 64, 112, 1) 85% ), url(../images/flagPreview.jpeg); background-size: cover; background-position-x: 50%; background-position-y: 50%; } .tx-gradient-fluid { background: rgb(12, 82, 140); background: url(../images/bg-tx-gradient.jpg); background-size: cover; background-position-x: 50%; background-position-y: 50%; } .background-frosty { background: linear-gradient( 306deg, rgba(99, 159, 210, 0) 10%, rgba(99, 159, 210, 0.75) 40%, rgba(99, 159, 210, 0.75) 60%, rgba(61, 152, 199, 0) 95% ); } .tx-gradient-fix > h3, .tx-gradient-fix .layoutRegion > h3, .background-frosty .layoutRegion > h3, .tx-gradient-fix > .h3, .tx-gradient-fix .layoutRegion > .h3, .background-frosty .layoutRegion > .h3 { color: #fff; } /* ############################### # ics file download ############################### */ .ics-download-button { margin-bottom: 1rem; } /* .tx-gradient-alt { background: rgb(12,82,140); background: linear-gradient(306deg, rgba(7,64,112,0) 1%, rgba(28,114,185,0.55) 50%, rgba(7,64,112,.9) 80%), url(../images/flagPreview.jpeg); background-size: cover; background-position-x: 50%; background-position-y: 50%; } .tx-gradient-blue-alt { background-image: linear-gradient(to right top, #053b67, #054476, #064d85, #085694, #0a5fa4, #0b67ad, #0d6fb5, #0e77be, #1780c1, #2388c3, #3090c5, #3d98c7); } .tx-gradient-blue-animated { background: linear-gradient(222deg, #3d98c7, #053b67, #0d6cb9); background-size: 600% 600%; -webkit-animation: tx-gradient-blue-animation 20s ease infinite; -moz-animation: tx-gradient-blue-animation 20s ease infinite; animation: tx-gradient-blue-animation 20s ease infinite; } @-webkit-keyframes tx-gradient-blue-animation { 0%{background-position:71% 0%} 50%{background-position:30% 100%} 100%{background-position:71% 0%} } @-moz-keyframes tx-gradient-blue-animation { 0%{background-position:71% 0%} 50%{background-position:30% 100%} 100%{background-position:71% 0%} } @keyframes tx-gradient-blue-animation { 0%{background-position:71% 0%} 50%{background-position:30% 100%} 100%{background-position:71% 0%} } */ /* #1c72b9 background-gray background-lt-gray background-lt-gray background-gray */ /* #1c72b9 background-gray pb-3 background-lt-gray pt-3 star-above py-2 background-lt-gray py-2 hr-gradient pb-3 ... */ /* #1c72b9 ... tx-gradient-fix tx-gradient-fix background-gray background-white tx-gradient */ /* ##################################### # "more color" tweaks on 2021.04.12 ##################################### #page-testing-personnel .card-header>h2, #page-testing-personnel .layoutRegion>h2, #page-testing-personnel .layoutRegion>h3 { color: #116db7; } #page-testing-personnel .card.system { border-width: 2px; border-color: rgba(7,129,166,0.3); } #page-testing-personnel .card.system { -webkit-box-shadow: 0px 3px 15px 1px rgba(7,129,166,0.2); box-shadow: 0px 3px 15px 1px rgba(7,129,166,0.2); } #page-testing-personnel .card.information { border-width: 2px; border-color: rgba(240, 202, 77,0.3); -webkit-box-shadow: 0px 3px 15px 1px rgba(240, 202, 77,0.2); box-shadow: 0px 3px 15px 1px rgba(240, 202, 77,0.2); } #page-testing-personnel .card.single-announcement { border-width: 2px; border-color: rgba(249, 128, 29,0.3); -webkit-box-shadow: 0px 3px 15px 1px rgba(249, 128, 29,0.2); box-shadow: 0px 3px 15px 1px rgba(249, 128, 29,0.2); } */ .announcements { padding: 1.5rem 0.6rem 0 0.6rem; } .announcements .announcements-header { border-bottom-width: 0; margin-bottom: 0; padding-left: 0.6rem; padding-right: 0.6rem; } .announcements-header h2 { font-family: "Roboto Slab", serif; display: inline-block; padding-bottom: 1.25rem; font-style: normal; font-weight: 600; position: relative; font-size: 1.5rem; } .announcements-header h2::before { content: ""; position: absolute; width: 50%; bottom: 0; width: 3.6em; left: 0; border-bottom: 4px solid #f16038; } .announcements-header a { height: 2rem; } @media only screen and (min-width: 768px) { .announcements .announcements-header { padding-left: 2.6rem; padding-right: 2.6rem; } } @media only screen and (max-width: 767.98px) { .announcements-header h2 { padding-left: 0 !important; } .announcements .announcements-header { padding-right: 0; } } @media only screen and (max-width: 575.98px) { .announcements .announcements-header { padding-left: 0.3rem; } } .inPageCallout { position: relative; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; padding: 0.75rem 1rem; margin: 0.5rem 0 1rem 0; background-color: #f0f4f5; } .inPageCallout b { color: #0b61ab; } .inPageCalloutAlt { position: relative; word-wrap: break-word; background-clip: border-box; border: 1px solid #97b8d9; border-radius: 0.25rem; padding: 0.75rem 1rem; margin: 1rem 0 2rem 0; color: #dae4ee; background-color: rgba(166, 209, 255, 0.4); } .inPageCalloutAlt b { color: #fff; font-weight: 900; } /* ############################### # Spanish Language fixes ############################### */ #bc1-es span { display: none; } #bc1-es::after { content: "Inicio"; } /* ############################### # HELP DESK INNER ELEMENT ############################### */ .help-desk-box { font-size: 0.93rem; } .help-desk-box { border: 1px solid rgba(75, 179, 255, 0.4); border-radius: 0.25rem; background-color: rgba(185, 217, 245, 0.3); backdrop-filter: blur(0.5rem); padding: 0.8rem 0.8rem; margin: 1rem 0 1rem 0; line-height: 1.1rem; } .help-desk-box b { font-size: 1rem; } .help-desk-box a { color: #fff; text-decoration: none; float: right; margin-top: -0.4rem; margin-right: -0.4rem; } .help-desk-button a.btn { text-decoration: none; font-weight: 500; } .help-desk-simple { font-size: 1.1rem; text-underline-offset: 2px; } .layout01Region01 .help-desk-box { margin-top: 1.5rem; } .layout01altRegion05 .help-desk-box { margin-top: 2.5rem; } .layout01Region02 .help-desk-box { margin-bottom: 1.5rem; color: #fff; } /* ############################### # STATIC PAGES ############################### */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .static-info-row { padding: 0.5rem 0; } .static-info-label { float: left; min-width: 6rem; font-weight: 700; overflow: hidden; } .static-info-content { margin-left: 6rem; } .tx-gradient-fluid .staticContent, .tx-gradient-fluid .staticContent h3, .tx-gradient-fluid .staticContent .h3 { color: #fff; } .tx-gradient-fluid .staticContent a { color: #73b2e5; } .tx-gradient-fluid .staticContent a:hover, .tx-gradient-fluid .staticContent a:focus { color: #9dccf2; } ul.accordion-controls { list-style-type: none; padding: 0; margin: 0; } ul.accordion-controls > li { list-style-type: none; padding: 1rem 0; margin: 0; border-style: solid; border-color: #ddd; border-width: 0 0 1px 0; } ul.accordion-controls > li:last-child { border-bottom-width: 0; } ul.accordion-controls > li > button { background-color: transparent; font-weight: bold; border-width: 0; } ul.accordion-controls > li > button[aria-expanded="false"]::before { display: inline-block; content: "+"; font-weight: 800; font-size: 1.5rem; width: 2rem; text-align: left; } ul.accordion-controls > li > button[aria-expanded="true"]::before { display: inline-block; content: "-"; font-weight: 800; font-size: 1.5rem; width: 2rem; text-align: left; } ul.accordion-controls > li > div { padding: 0.5rem 0 1rem 2.4rem; } .tx-gradient-fluid h4 { color: white; } /* LEXILE */ .unstyledList, .unstyledList li { padding: 0; margin: 0; list-style-type: decimal; display: block; } .lextype { position: absolute; left: -9999px; } .lexLegend { font-size: 1rem; } .rangeContainer { float: left; } .rangeConnector { padding: 1.5rem 0.4rem 0 0.4rem; float: left; } .rangeContainer LABEL, .scoreContainer LABEL { display: block; font-size: 0.9rem; font-weight: bold; margin-bottom: 0; } .rangeOption FIELDSET LABEL { margin-left: 1rem; } .lexileNumberShort { border-radius: 0.2rem 0 0 0.2rem !important; width: 5.6rem !important; min-width: 5.6rem !important; max-width: 5.6rem !important; } .lexileNumberLong { border-radius: 0.2rem 0 0 0.2rem !important; width: 10rem !important; } .lexileNumberAfter { display: inline-block; background-color: #aaa; color: #fff; font-weight: bold; padding: 0.26em 0.5rem; border-radius: 0 0.2rem 0.2rem 0; } .rangeOption-active .lexileNumberAfter { background-color: #777; } .filter-title { font-family: "Roboto Slab", serif; display: block; /* padding-bottom: 1.3rem; */ font-style: normal; font-weight: 600; position: relative; font-size: 1.2rem; } .lexile-active, .lexile-inactive { min-width: 6rem; padding: 0.2rem 0.4rem; border-color: #888; border-style: solid; border-width: 1px; border-radius: 0.2rem; } select.lexile-active, select.lexile-inactive { background-position-x: calc(100% - 0.5rem); background-position-y: 0.4rem; } .lexile-inactive { color: #aaa; } .lexile-active { color: #000; } .rangeOption { height: 100%; border-radius: 0.3rem; border-color: #949494; border-style: solid; border-width: 1px; padding: 1rem; margin-bottom: 0.2rem; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rangeOption-inactive .clickcatcher { position: absolute; z-index: 9999; left: 0; top: 0; right: 0; bottom: 0; } .rangeOption-active .clickcatcher { position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 0; height: 0; } .rangeOptionShort { border-radius: 0.3rem; border-color: #aaa; border-style: solid; border-width: 1px; padding: 1rem; margin-bottom: 0.2rem; } .rangeOption h4 { display: block; margin: -1rem -1rem 1rem -1rem; font-size: 1rem; color: #fff; background-color: #949494; padding: 0.25rem 1rem; } .rangeOption-active { border-color: #0d6cb9; background-color: #f8f8f8; overflow: hidden; -webkit-box-shadow: 0 0 0 3px #0d6cb9; -moz-box-shadow: 0 0 0 3px #0d6cb9; -o-box-shadow: 0 0 0 3px #0d6cb9; box-shadow: 0 0 0 3px #0d6cb9; } input:focus + .rangeOption-active { border-color: #F16038; -webkit-box-shadow: 0 0 0 4px #F16038; -moz-box-shadow: 0 0 0 4px #F16038; -o-box-shadow: 0 0 0 4px #F16038; box-shadow: 0 0 0 4px #F16038; } .rangeOption-active h4 { background-color: #0d6cb9; } .rangeOption-inactive, .rangeOption-inactive LABEL, .rangeOption-inactive INPUT, .rangeOption-inactive LEGEND, .rangeOption-inactive SELECT { cursor: pointer !important; border-color: #aaa !important; color: #aaa; } .rangeOption-inactive { color: #888 !important; } .rangeOption-inactive:hover, .rangeOption-inactive:focus { background-color: #F0F4F5; -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .07); -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .07); -o-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .07); box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .07); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .btn-primary.disabled, .btn-primary:disabled { filter: invert(0%) sepia(0%) saturate(0%) brightness(98%) contrast(90%); } UL#categoryList { column-count: 1; list-style-type: none; margin: 0 0 1rem 0; padding: 0; } UL#categoryList LI { padding: 0 1rem 0 0; margin: 0; } UL#categoryList LI LABEL { margin-left: 0.5rem; } @media only screen and (min-width: 576px) { UL#categoryList { column-count: 2; } } @media only screen and (min-width: 992px) { UL#categoryList { column-count: 3; } .scoreContainer, .rangeContainer { padding-top: 2rem; } .rangeConnector { padding-top: 3.5rem; } } .noResults { display: block; padding-top: 1.5rem; color: #777; font-weight: bold; } UL#findResults { column-count: 1; list-style-type: none; margin: 0 0 1rem 0; padding: 0; } UL#findResults LI { padding: 0; margin-top: 1rem; } UL#findResults LI H5 { font-size: 1.15rem; margin-bottom: 0; } UL#findResults LI .hrblock { clear: both; width: 100%; padding-top: 1.5rem; } UL#findResults LI .hrblock HR { width: 75%; border-color: #eee; border-style: solid; border-width: 0 0 2px 0; } LI.fabBook:last-of-type HR { display: none; } .fabFlex { display: block; width: 100%; } .fabCover { width: 7rem; min-width: 7rem; max-width: 7rem; height: 100%; float: left; padding-top: 1rem; } .fabCover img { width: 6rem; height: auto; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAB4BAMAAAD22EqHAAAAGFBMVEXMzMwAAACysrIzMzNmZmZ/f3+ZmZlMTExijIulAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA10lEQVRYhe3PsWrDMBAG4B+hKK8hiuU5j3AE3FkYq7Mwkbp2yfvnLChYxSFLlsL/afD5dL8lA0RERERE9DZe16Gw6+f9hrlAjiPypIZZ9H3VYoXzBmarjVnbmNNzDEbd6yPJyzBGDKO5lpO3Q8i3z6Jj4f5xLS7b7xqH8NNFosisX5yh85AQITeUdhltaKSg7XeRIIJtWV0SpxQr3LRFtKGRirbfRezulKo1KuDy7ynnup3y52K42JRhk5++cM76rAhL+31tTItGbOoix/zrESIiIiKif+ABl7MlIaxp66wAAAAASUVORK5CYII=); background-repeat: no-repeat; background-size: 100%; background-position: center center; } .fabInfo { padding-top: 1rem; float: left; width: calc(100% - 16rem); min-width: 20rem; max-width: calc(100% - 16rem); } #page-find-a-book-es .fabInfo { width: calc(100% - 19rem); min-width: 20rem; max-width: calc(100% - 19rem); } .fabInfo SUMMARY { display: block; font-size: 0.95rem; line-height: 1.1; padding-bottom: 1rem; } .fabData { padding-top: 1.5rem; width: 9rem; min-width: 9rem; max-width: 9rem; float: left; text-align: right; } #page-find-a-book-es .fabData { min-width: 12rem; max-width: 12rem; } .fabScore { font-size: 0.9rem; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); font-weight: bold; height: 4rem; width: 4rem; display: inline-block; text-align: center; border-radius: 2rem; padding: 0.8rem 0; color: #fff; background-color: #47b363; border-width: 0.5rem; border-style: solid; border-color: #8fd3a0; } .fabTable TD { font-size: 0.9rem; padding-right: 2rem; min-width: 6rem; vertical-align: top; } @media only screen and (max-width: 991.98px) { .fabData { width: 100%; min-width: 100%; max-width: 100%; } .fabScore { float: left; } .fabDropdown { float: right; } } #pageNext { float: right; } .btn-full { width: 100%; } .fabLabels LABEL { line-height: 1; padding-top: 1rem; padding-bottom: 0; padding-left: 0.4rem; margin-bottom: 0; font-size: 0.9rem; font-weight: 500; } .fabDropButton { cursor: pointer; color: #fff; background-color: #0d6cba; border-radius: 0.3rem; border-color: transparent; border-style: solid; border-width: 3px; font-size: 0.9rem; padding: 0.3rem 0.8rem; margin-top: 1rem; } .fabDropButton:focus, .fabDropButton:hover { outline: none; background-color: #0d6cba; border-radius: 0.3rem; border-color: #9bccff; border-style: solid; border-width: 3px; box-shadow: 0 0 0 0 transparent !important; } .fabDropdown { position: relative; display: inline-block; } .fabDropContent { border-radius: 0.3rem; overflow: hidden; height: 0; position: absolute; background-color: #fff; min-width: 10rem; z-index: 1; border-radius: 0.3rem; border-color: transparent; border-style: solid; border-width: 2px; } .fabDropContent a { display: block; height: 2.8rem; width: 10rem; text-decoration: none; } .fabDropContent a:hover { background-color: #f8f8f8; } .fabDropdown:hover .fabDropContent, .fabDropButton:focus + .fabDropContent, .fabDropContent:focus-within { overflow: visible; height: auto; border-color: #eee; } .fabDropdown:hover .fabDropButton { border-color: #97c7ff; background-color: #0b5694; color: #fff; } .fabAmazon { background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4TT4aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA0LjIuMi1jMDYzIDUzLjM1MTczNSwgMjAwOC8wNy8yMi0xODoxMToxMiAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICAgICAgICAgIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIj4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjk5NUExRTAzRkFCOUUwMTE4NTVBOUFBMkY4RDREREY0PC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpEb2N1bWVudElEPnhtcC5kaWQ6NEZCOTZCNDJDMzM5MTFFMEI1MjhEMzZDRkJCNjNDNDg8L3htcE1NOkRvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6NEZCOTZCNDFDMzM5MTFFMEI1MjhEMzZDRkJCNjNDNDg8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEZXJpdmVkRnJvbSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgIDxzdFJlZjppbnN0YW5jZUlEPnhtcC5paWQ6NTZFNzY0MEY3OEMyRTAxMUIzNERCNUU4RkU1NjQyRkM8L3N0UmVmOmluc3RhbmNlSUQ+CiAgICAgICAgICAgIDxzdFJlZjpkb2N1bWVudElEPnhtcC5kaWQ6OTk1QTFFMDNGQUI5RTAxMTg1NUE5QUEyRjhENERERjQ8L3N0UmVmOmRvY3VtZW50SUQ+CiAgICAgICAgIDwveG1wTU06RGVyaXZlZEZyb20+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIEZpcmV3b3JrcyBDUzQ8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTItMTEtMTVUMTU6MTE6MDhaPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTItMTEtMTVUMTU6MTU6MjdaPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvanBlZzwvZGM6Zm9ybWF0PgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/Pv/bAEMABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscICAgICAgICAgIP/bAEMBBwcHDQwNGBAQGBoVERUaICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIP/AABEIACEAUgMBEQACEQEDEQH/xAAcAAEAAgMAAwAAAAAAAAAAAAAAAQMEBQYCBwj/xAA4EAABAwMCAgcFBQkAAAAAAAACAQMEAAURBhIVIQcTFCIxU5MWIzNRcQgyUmGyFyQlNEFCgpGS/8QAGQEBAQADAQAAAAAAAAAAAAAAAAECAwQF/8QAJBEBAAICAAUEAwAAAAAAAAAAAAERAgMEEiFCoSJxwdExUWH/2gAMAwEAAhEDEQA/APqUV+VQeVAz+dERmgZoGaCaKjNEFLHNV5JQYV3eVmGb6ffaUVT/AKRFSirhXIovzqiEcxRHq28dLd8gdI8WxssxJdidukezPm0ElXWn5MZX8nKXbGQxVPgiJLt5qSLyoOHa+0R0l8KC6O2mzrHW1xr6QAcpD7K7OWAbSZynWqffRfAU/FRXXD0x6gLpE9nxS2lZpT10hxZ+2UIsPWyN1yk9Id6pp3Cph0GxwH4yoNdY+mXX93g2sIzNmcl6guE6LZJ6JJ7KsW2xzfdfea6xXgV7ZhoSVFx3lSgrhdPerbi/BmQ7ZBbspcA4g28T3akW+GTRIyqe7VGzbVUIkTI45c+QdTdukvUUKHeLy3HgHaoUyVa4sNwzblLIjqjYPGeSEmydQtwCCKLffyvNKIxbj0k60iXe8WMQtrs2xRJlwkzFbfBp9qOxGfabbZ60ybMu0qJ5cLaiIXPO2g6XR2qr/dLlOh3IIodkaiyhWOLie7nNbwaXeRd5ogNFP+9Md0edBvr6ebW/9B/UlBnt/DH6JRWITnhVYudkaB0RIvZX16yxHLwTjb/bSaEnEeZ+G6m7KIY4TvYqTHRYlrndBaYbj9kLTUKVD7KNvQWsB+6A92kWVBxcbUe7/wB/xrz8tvE4dkbI/cTXift1xhpy7pw94vzH0j2D0i7c5Nw9kYQzphuuyZclGlUjkAQPF3Ou+IJrv8N39akcRxGfSNXL/cso+OZZ06cfznftE/NLv2YaBdtz9vk2GAUV94HybajtsJvaFQAvco2u5EIkz44VU5pXVwurZjE888034aN+eMz6Yro2RaN0gSmvCYyb+ybhEEEf4d/J4EcIiMZ7iJ4V0NKtvQ2jQfdfS0sE4+wUV7em9DaNtGTQhJVRVNsEAyxkkTCqtKFsTSGlYkdY7NuaRs232XFLJmYS9iPoZmpGfWIyCKpL4CieCUGwiW+2w3nX4scGXngaadMUwpAwio0K/kCEuKCLs5m2Pf4/qShDbt/DH6JUZNRLfNg9rjTnLwIB3Iv+qtsaUcRb8p/0ioUcRDyn/SKhRxEPKf8ASKllHEQ8p/0ipZRxEPKf9IqWUcRDyn/SKllHEQ8p/wBIqWUcRb8p/wBIqFK3TkzkSJHYcEDJOtecHagii5XGeaquMUWnRimERPlUVNAoFAoFAoFAoFAoFB//2Q==); background-repeat: no-repeat; background-size: 82px; background-position: center center; } .fabWorldcat { background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTk1QTFFMDNGQUI5RTAxMTg1NUE5QUEyRjhENERERjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEZCOTZCNDJDMzM5MTFFMEI1MjhEMzZDRkJCNjNDNDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEZCOTZCNDFDMzM5MTFFMEI1MjhEMzZDRkJCNjNDNDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTZFNzY0MEY3OEMyRTAxMUIzNERCNUU4RkU1NjQyRkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTk1QTFFMDNGQUI5RTAxMTg1NUE5QUEyRjhENERERjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAhAFIDAREAAhEBAxEB/8QAlwAAAQQDAAMAAAAAAAAAAAAAAAUGBwkBBAgCAwoBAQACAwEBAQEAAAAAAAAAAAABBAIDBgUHCAkQAAAGAQMCAwYFBQEAAAAAAAECAwQFBgcAEQgSEyExFEEiUiMVCYEkNRbWUWFyU4MYEQACAQMDAgQEBgMAAAAAAAABAgMAEQQhBQYxEkFhIhPwUXEHgZGxMkIUofFS/9oADAMBAAIRAxEAPwD74Gyhentpe6BADwKXff2CYdhDcw/iI6rte9zWq/nUbss44fkWclIMcpUVywh3cowlXxLJGAxYPIMzck2g4dndFQTNDndpA6ER2QFQoH2EQDUUufnW/IZcxlEzERX5TIlPj5uflX8JCRTudYIP5WWixjSSceyaqOCqru49SYaFWKAfLFyluICcoC/KlzS49u1TjZtrW5C1wDGwvnjOOYwjuVZtpR4/kWUjIxrJsyXXTXWdv2EQ7WSTKUTHTbKGLuBDbOnWp1rP70qoR9clTWiCJGXBeLaVR+eUZlaWV3NtxeQzeBcGXBOVWlmZRVbFREx1kw6igIeOlRc17nltrkcaYK/sMSyGvNG0hPA6et0BhY94U52r2VKosUWTZyRIwkOfYDAGl6XNMh7nfDUahYnL/K1DZt6jONKzaVnNkjEk4CwP3SrFlDShjuQ9LIunqB0k0j7GOoQxQ94ogCpuac0rkSjQaT1eYutYjEI6rK3l8q9m49ArSktz9pzbnAndB2q4gqHQZ4PyAP4CYBENKa1rMsoY8kWzB6xvdVdtJRnHSEY4bTTFVN+yl5Q8JGOGolX+em+mEzNUuncTrlEm24baedRc0i5dmlK/TJKxNx2fwK8S8bKFEAOJFJZg1eNVA3HqSctXChDFHcNxAwe8Uohml71IJvrSn9UD4B/R/qnn7Pg8vPW6tlbRJEhSnAxtusNg2EQHcQEvmACAdIG38QENwDWuRGNrAmqwZR1NvrVY2S8S8ScWU1LHuSs7RdKj8e1fJd9vLS3SLF+tPVXMdzrjuVmpWClhelQYOHFXTjmkdHp/ngVUEiBlPP2sHjO+7tBFLtuJkTLNN7SOqXT3epS5IF1GrE+kA6mq8W47fNuR2eKaNt2WIStDf1iIntEnkpb0/Aps4Vxbxv5JQrpTAXIy2XTH9aWvdTurWVx/MKy7uoZen8fXJpUIixZEqsBLN3cK3xOzax802TdvEm4ioop6gqSmp3zjW78bmSHeIGhkkW4BdH7vO8ZIUfO50r0JYjEfV3C4BIPboD/z4n8dTXW+WON+PczXFtbLBb5ePWB5X5GLZQjiPQdRsvRoC0xEPNQU0PXJNJmvSU8EikuAnFBy0IVQBTOoUefJNzfwrWSCbjp8dabFq4h1S90DjnSj5ZyBGRXGiqVxjjmWqbuIjHLu51SDgq1X8kTvYbOGUi5aQsa6QUji9LQQkFTgJDlIIPC1Kd+RMSpXy7X1gtmBvAtct40jIa10ROu1x7YnCVZFzGMblCOnbgJVvGt3rztrJlQO0Mv0l6/ENhJOpoTeoAccLMR2BfLk3LZ5mlq/aMrGtdk/bL+txSdUk4212e1vq08n03D08fLM5O5HbqiPpFE2oAmoiYy4qaiop33DhFTr4vLzrjLN7jpCdxC4wWUtdJBtqixxE8x4ernq8LWU0FmhTja1QtCb0VlBJIACJQMiQN19NKmpYrfGbHtdlsQyhHziTVwhZMk2aoqSTdutIyi2RjvFzms8oU5DTMnDuJBdZN6qRRRRZTu7ApuOppf5VIedXgqYvtRBMI7oRZSiIAG4fXY0dyFDyII+W/jrbGPTfzqAfUKeX8P1srdSI6k+2Ke5wAR6xARANw26PAB2EQ33/HVyJSL15smttKoG5ZWPC/8A7+eWbNCjkMexrTDKtwrtjWdUucVmsGNbJYqFacXtpCEl4/PNPsExaSt141gsxes5dImxhEREOmxfvfwfYOFbjwrec19r5TtjZEsHuY0rx5seYsaukDoVJnTtsj3YdQOhr4Ln8yxuF/dzL3fICDBytuixcgy3iliWEPIk2IWRly1kLdpjQhg4sdCKnLipVrnVeTsZfuOat3Hj29cNI7NVGyJebTKKtoW5UkLzQbUlBXt7JSsLlOi2ZI8XYGLRVInzioCRMpDCf4Z9uvulPz/eeV7HnxxnH2XNxFxJ4UZO9MvGExx8hW0GTjMfayAuiyFh4C39LOd7rxvkf2Q4/v8AyWF8flm87audhA4UeNkI8GS0UkMscKJ2Y+VjmObHMoaQBJCWa/aPnO5R4t5xYN5EcmC4TxzlOUx5wCzXmW3YBRhadeZ5DKkV9zU+Ro20vKo7ZRbsZ42LpKyEcuSsvUlZgCYrCiUojrvTDOCQV1v8G9fmiNomN2IaTrqANT10qxbGmT+efGnLlR4vUOXy05hsNLOMHscLs8Ii5w2hxWpPCh/cDcsYvMR6W4GVy1L8imYAVsE0uCzlf6cMSoJ+4MezKD+09KrloDAHAHcSB4/nULvsnfcBxg0w/wAqncxnrK3KnJn2hY2ad5AtHH/uSmOLbbOV9Lmsq0mDx7UaPHQTC1YcxRISE9G1+VRNKSJ224lcj+X09mT5GrFoAf22t872/Gm3imuIFm8RWvktWs657+3g4+5HzktuYJq/YCyQaUyJbrNjDHLXjvm3N+DarSI2XlseybprKJNlyV9WJby3ScUCKABwySGTvBZT2/7qJTA0TKjIHPQ6aGuo7jyvz3NcwoHA3F9zyRxhw5kqi+w9VaMngtzUalF0aycVp2xUi5YyI9xAvYarHx+RQZNmsvN2Jss1lTCyXjSJlKoaURTkFLejX/FagsCRakM+lz5fppVn32ha3ERPB7jtkGQnspWfL1gwnRqNluazIxtdcvERP0gi6jrHz2p2aDrazRvSpSRXRRfqMlHkgU4qLPnfgYLggiP8fj86p5Te24VNDbUVYFlmQFxjKzF6+rf6WXx8/GZijDuI+Ijub26wkjVB6RYWrXC7Fh3a61M38P1oq7UOWubd112LWVr1pUIiKnZfREKvNMXhDCAFMkMcdZwmYQABEFEyCUdwARDxG0kyAa9apNBJfSxFR7L2irTzcjeZpdukypJLot1X2OZZ05ZlcJKJKHYOVmJ12C4FWMJFETEMQw9QD1BvqpnYmDuUL4+aiyROjLqLMoYWJRxZkax0ZSGB1DCs8dHgyYcoxxPLjyrJH3IrgMpuLhwwbXwI7bXBU0k0t9R8eQiVdp1Ku8LEJLqOzIJUm0LuHj1wBPVyEm/dEWeSci7FIncXWOdU3SG5h14HEeGcT4JsybBxXFTE2tXMhUF3Z5G/fJJI5aSR20uzszH+TE11HLeYcq51vz8j5VlPl7oyBAx7VEca37EjRFCRotyAiKqAEhVA0p5J5PTSBIE4vIyYIAoVAE6XZSAiC23eBIAR+WCvSHVttvt466wTRgADoK5P+vJe+l6AyemCINwi8ig3BQFgQClWQEQWAwnBUEgR7YKAcd+rbffU+9HT2Jrdvhe/XxrIZQIAnMEZkcDKLA4UMFMsoCo4L4lXOII7nWL7DD7wf1099KexL08PrXkGU9lvUhH5JBx0dv1AU6zd7t/6+72uvo/tvtp70dR/Wk8qybKpjpiiZhkoyJhETJGp1mMmYTG6zCYgpCU25h3HcPPWHfAG7wB3/O2v6Vl7M1rX0+ta6+SmzpQVnUPkRwqIAAqrUmxKKCAb7AJ1G5zCUN/LWfvJRoZnPcxufM0iyryzZJQbUirVOzNGEpLRqthtFiijQkfGQrF80kXZGbd6cz59IPRag3IXtJkIU5j9e5SAbVJKrCy9azihZWu1rCuw/pafxm/S/pf/AD+P/LVerVKmlKNKUaUo0pRpSjSlGlKNKUaUo0pRpSv/2Q==); background-repeat: no-repeat; background-size: 82px; background-position: center center; } /* ################################################### # # # Spanish Family Pages # # # ################################################### */ .divider.white-space-divider { padding: 1em; } .divider hr { margin: 10px 0; border: 0; height: 0; border-top-width: 1px; border-top-style: solid; border-top-color: #d2d2d2; } .white-space-divider hr { border: none; } .column-splitter, .row-splitter { width: 100%; } .component-content h2 { font-family: "Roboto Slab", serif; display: inline-block; padding-bottom: 1.25rem; font-style: normal; font-weight: 600; position: relative; font-size: 2rem; } .component-content h2:before { content: ""; position: absolute; width: 50%; bottom: 0; width: 3.6em; left: 0; border-bottom: 4px solid #f16038; margin-bottom: 0; } .component-content > h3, .component-content > .h3 { font-family: "Roboto Slab", serif; display: inline-block; padding-bottom: 2.25rem; font-style: normal; font-weight: 600; position: relative; font-size: 1.5rem; } .component-content > h3:before, .component-content > .h3:before { content: ""; position: absolute; width: 50%; bottom: 0; width: 3.6em; left: 0; border-bottom: 4px solid #f16038; margin-bottom: 1rem; } .component-content h4 { color: #353535; font-size: 1.15em; font-weight: 500; margin-bottom: 0.5em; } .position-center, .position-center * { text-align: center !important; } .button-link { display: inline-block; color: #fff !important; text-decoration: none !important; padding: 0.3rem 0.6rem; border-radius: 0.2rem; background-color: #0d6cb9; border-color: #0d6cb9; margin-top: 1rem; } .light-blue-background { background-color: rgba(185, 217, 245, 0.3); } .indent-top { margin-top: 20px; } .indent-bottom { margin-bottom: 20px; } h3.no-border, .h3.no-border { padding-bottom: 1rem; } h3.no-border:before, .h3.no-border:before { content: none !important; } .content table, .content table td, .content table th, .content table tr, .rich-text table, .rich-text table td, .rich-text table th, .rich-text table tr { border: solid 2px #d2d2d2; background: #fff; border-collapse: collapse; vertical-align: middle; } .content table td, .content table th, .content table tr, .rich-text table td, .rich-text table th, .rich-text table tr { padding: 5px; } .content a, .rich-text a { color: #0d6cb9; text-decoration: underline; text-underline-position: under; } .content a:hover, .rich-text a:hover, .content a:focus, .rich-text a:focus { color: #00496f; } .component.container.background-gray { background: #f7f7f7; } .ilightbox-photo img { max-width: 100%; } .image a { pointer-events: none; } .container .rich-text p { margin-bottom: 0.5em; } /* ##################################### # FAQ ACCORDION STYLES ##################################### */ .accordion ul.items { list-style: none; padding: 0; } .accordion a.field-heading { color: #595959; text-decoration: none; } .accordion .items { overflow: hidden; } .accordion .toggle-header { cursor: pointer; background-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d2d2d2; } .accordion .toggle-header .label { padding: 7px; text-align: left; display: block; background: 0 0; position: relative; z-index: 3; } .accordion .toggle-header .component .field-heading::before { text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; display: block; content: ""; top: 50%; left: 10px; transform: translateY(-50%); width: 20px; height: 20px; font: 20px / 1 FontAwesome; } .accordion .toggle-header .field-heading.collapsed:before { content: "" !important; } .accordion .toggle-header .component .field-heading { font-size: 16px; padding-left: 34px; font-weight: 400; display: inline-block; } .accordion .toggle-content { padding: 10px; background-color: transparent; } .content ol, .content ul, .rich-text ol, .rich-text ul { padding: 5px 0 5px 0; margin-left: 10px; } .content ul li, .rich-text ul li { list-style: disc; margin-left: 0.5em; } .content a.btn-light, .rich-text a.btn-light { text-decoration: none !important; } span.toggle-additional-text { color: #0e6ab7; text-decoration: underline; cursor: pointer; } h2.searchTitle { font-size: 1.2rem; font-family: Roboto, Helvetica, Verdana, Tahoma, sans-serif; } h2.searchTitle::before { display: none; } /* ############################### # Secure + Supported Browsers ############################### */ table.secBro tbody.thead, table.secBro thead tr.secBro-deviceGroup, table.supBro tbody.thead, table.supBro thead tr.supBro-deviceGroup { display: none !important; } #page-secbro table.secBro tr.secBro-device td { border-left-color: #bbbbbb; border-right-color: #bbbbbb; padding-top: 0.5rem; } #page-supbro TABLE.TableStyle-AIRtable TR.TableStyle-AIRtable-Head-Header1:first-of-type, #page-supbro TABLE.TableStyle-AIRtable TR.TableStyle-AIRtable-Head-Header1:last-of-type { border-bottom-width: 1px; border-bottom-color: #bbbbbb; border-bottom-style: solid; } #page-secbro TABLE.TableStyle-AIRtable TR.TableStyle-AIRtable-Head-Header1 TD { font-size: 0.9rem; } #page-secbro TABLE.TableStyle-AIRtable:first-of-type TR.TableStyle-AIRtable-Head-Header1:nth-of-type(3) TD, #page-secbro TABLE.TableStyle-AIRtable:first-of-type TR.TableStyle-AIRtable-Head-Header1:nth-of-type(5) TD, #page-secbro TABLE.TableStyle-AIRtable:first-of-type TR.TableStyle-AIRtable-Head-Header1:nth-of-type(7) TD, #page-secbro TABLE.TableStyle-AIRtable:first-of-type TR.TableStyle-AIRtable-Head-Header1:nth-of-type(9) TD, #page-secbro TABLE.TableStyle-AIRtable:nth-of-type(2) TR.TableStyle-AIRtable-Head-Header1:nth-child(4) TD, #page-secbro TABLE.TableStyle-AIRtable:nth-of-type(2) TR.TableStyle-AIRtable-Head-Header1:nth-child(6) TD, #page-secbro TABLE.TableStyle-AIRtable:nth-of-type(2) TR.TableStyle-AIRtable-Head-Header1:nth-child(8) TD { font-size: 1rem !important; } #page-secbro TABLE.TableStyle-AIRtable TR.TableStyle-AIRtable-Head-Header1:first-of-type TD { font-size: 1.1rem; font-weight: bold; } #page-secbro TABLE.TableStyle-AIRtable TR.TableStyle-AIRtable-Head-Header1:nth-of-type(2) TD { font-size: 1rem; font-weight: bold; } #page-secbro TABLE.TableStyle-AIRtable TR.TableStyle-AIRtable-Head-Header1:nth-of-type(3) TD { font-weight: bold; } #page-secbro TABLE.TableStyle-AIRtable TR.TableStyle-AIRtable-Head-Header1:nth-child(8) TD { padding-top: 0.5rem; background-color: #eeeeee; } #page-secbro .tab-content TABLE.TableStyle-AIRtable TR.TableStyle-AIRtable-Head-Header1:nth-child(9) td, #page-secbro .tab-content TABLE.TableStyle-AIRtable:first-of-type TR.TableStyle-AIRtable-Head-Header1:nth-child(10) td { border-top-width: 0 !important; } #page-secbro .tab-content TABLE.TableStyle-AIRtable:first-of-type TR.TableStyle-AIRtable-Head-Header1:nth-child(10) td, #page-secbro .tab-content TABLE.TableStyle-AIRtable:nth-of-type(2) TR.TableStyle-AIRtable-Head-Header1:nth-child(9) td { border-bottom-color: #bbbbbb !important; border-bottom-width: 1px !important; border-bottom-style: solid; } #page-secbro TABLE.TableStyle-AIRtable:nth-of-type(2) TR.TableStyle-AIRtable-Head-Header1:nth-child(2) TD { border-bottom-color: #bbbbbb !important; border-bottom-width: 1px !important; border-bottom-style: solid; } #page-secbro TABLE.TableStyle-AIRtable:nth-of-type(2) TR.TableStyle-AIRtable-Head-Header1:nth-child(5) TD, #page-secbro TABLE.TableStyle-AIRtable:nth-of-type(2) TR.TableStyle-AIRtable-Head-Header1:nth-child(7) TD, #page-secbro TABLE.TableStyle-AIRtable:nth-of-type(2) TR.TableStyle-AIRtable-Head-Header1:nth-child(9) TD { background-color: #eeeeee; } #page-secbro TABLE.TableStyle-AIRtable:nth-of-type(2) TR.TableStyle-AIRtable-Head-Header1:nth-child(4) TD, #page-secbro TABLE.TableStyle-AIRtable:nth-of-type(2) TR.TableStyle-AIRtable-Head-Header1:nth-child(6) TD, #page-secbro TABLE.TableStyle-AIRtable:nth-of-type(2) TR.TableStyle-AIRtable-Head-Header1:nth-child(8) TD { background-color: #fff; } @media only screen and (max-width: 1017.98px) { #page-home-es .jumbotron h1.display-4 { text-align: left; line-height: 1; } #page-home-es .home-altRegion02amd03 { margin-top: 2rem; clear: both; } } @media only screen and (max-width: 767.98px) { #page-home .jumbotron h1.display-4 { text-align: left; line-height: 1; } #page-home .home-altRegion02amd03 { margin-top: 1.2rem; clear: both; } } @media only screen and (max-width: 575.98px) { #page-home .jumbotron h1.display-4, #page-home-es .jumbotron h1.display-4 { font-size: 2rem; } } .logo .offScreen { margin-left: -9999px; } .logo-main { display: inline-block; width: 21%; height: 100%; border-width: 0; padding: 0; margin: 0; } .logo-secondary { display: inline-block; width: 77%; height: 100%; border-width: 0; padding: 0; margin: 0; } div.offline span.card-content span.card-body { padding-bottom: 2.5rem; } ul.nobullets { margin-left: 0; } ul.nobullets li { list-style-type: none !important; padding: 0; margin: 0; margin-bottom: .25em; } .jumbotron.kids1 { background-color: #000000; background-image: linear-gradient(to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%), url("../images/hero-10kids.jpg"); background-image: linear-gradient(to right, rgba(0, 0, 0, 1) 5.8%, rgba(0, 0, 0, 0.5) 23.2%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, 1) 20em, rgba(0, 0, 0, 0.94) 35em, rgba(0, 0, 0, 0) 50em, rgba(0, 0, 0, 0) 100%), url("../images/hero-10kids.jpg"); background-position-x: 10vw; background-position-y: 33%; background-repeat: no-repeat; } .jumbotron.kids2 { background-color: #000000; background-image: linear-gradient(to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%), url("../images/hero-10kids2.jpg"); background-image: linear-gradient(to right, rgba(0, 0, 0, 1) 6.9%, rgba(0, 0, 0, 0.5) 27.6%, rgba(0, 0, 0, 0) 69%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, 1) 24em, rgba(0, 0, 0, 0.94) 42em, rgba(0, 0, 0, 0) 60em, rgba(0, 0, 0, 0) 100%), url("../images/hero-10kids2.jpg"); background-position-x: 10vw; background-position-y: 33%; background-repeat: no-repeat; } .jumbotron.kids3 { background-color: #000000; background-image: linear-gradient(to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%), url("../images/hero-10kids3.jpg"); background-image: linear-gradient(to right, rgba(0, 0, 0, 1) 5.8%, rgba(0, 0, 0, 0.5) 23.2%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, 1) 20em, rgba(0, 0, 0, 0.94) 35em, rgba(0, 0, 0, 0) 50em, rgba(0, 0, 0, 0) 100%), url("../images/hero-10kids3.jpg"); background-position-x: 10vw; background-position-y: 33%; background-repeat: no-repeat; } .jumbotron.kids1 h1, .jumbotron.kids1 p, .jumbotron.kids2 h1, .jumbotron.kids2 p, .jumbotron.kids3 h1, .jumbotron.kids3 p { text-shadow: 0 0 30px rgba(0, 0, 0, 1), 0 0 15px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 0, 0, 0.25); max-width: 36rem; } .jumbotron.kids4 { background-color: #000000; background-image: linear-gradient(to right, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%), url("../images/hero-10kids4.jpg"); background-image: linear-gradient(to right, rgba(0, 0, 0, 1) 7%, rgba(0, 0, 0, 0.5) 28%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, 0.8) 28em, rgba(0, 0, 0, 0.75) 49em, rgba(0, 0, 0, 0) 70em, rgba(0, 0, 0, 0) 100%), url("../images/hero-10kids4.jpg"); background-position-x: 10vw; background-position-y: 41%; } .jumbotron.kids4 h1, .jumbotron.kids4 p { color: #ffffff; text-shadow: 0 0 17px rgba(0, 0, 0, 0.85), 0 0 9px rgba(0, 0, 0, 0.43), 0 0 4px rgba(0, 0, 0, 0.21); max-width: 36rem; } @media only screen and (min-width: 768px) { .jumbotron.kids1 { } } @media only screen and (min-width: 992px) { .jumbotron.kids1, .jumbotron.kids2, .jumbotron.kids3 { background-position-x: calc(14vw - 17rem); } .jumbotron.kids4 { background-position-x: calc(14vw - 17rem); } } @media only screen and (min-width: 1200px) { .jumbotron.kids1, .jumbotron.kids2, .jumbotron.kids3 { background-position-x: calc(20vw - 17rem); } .jumbotron.kids4 { background-position-x: 3.33vw; } } #page-jumbotester #page-home .emblem .card-img-wrapper { display: block; } #page-jumbotester #page-home .emblem .card-img-wrapper img { opacity: 1; } #page-jumbotester #page-home .emblem::before { display: block; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background: linear-gradient( to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.9) 70%, rgba(0, 0, 0, 0.9) 100% ); opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #page-jumbotester #page-home .emblem:hover::before, #page-jumbotester #page-home .emblem:focus-within::before { top: -5rem; opacity: 1; } #page-home #card-tx-home-bpap-1a { background-image: url(../images/temp-card-1a.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-2a { background-image: url(../images/temp-card-2a.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-3a { background-image: url(../images/temp-card-3a.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-4a { /* background-image: url(../images/photo-teacher-b.jpg);*/ background-image: url(../images/temp-card-4a.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-1b { background-image: url(../images/temp-card-1b.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-2b { background-image: url(../images/temp-card-2b.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-3b { background-image: url(../images/temp-card-3b.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-4b { /* background-image: url(../images/photo-teacher-b.jpg);*/ background-image: url(../images/temp-card-4b.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-1c { background-image: url(../images/temp-card-1c.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-2c { background-image: url(../images/temp-card-2c.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-3c { background-image: url(../images/temp-card-3c.jpg); background-position: center center; background-size: auto 102%; } #page-home #card-tx-home-bpap-4c { /* background-image: url(../images/photo-teacher-b.jpg);*/ background-image: url(../images/temp-card-4c.jpg); background-position: center center; background-size: auto 102%; } #docsNav UL LI SPAN BUTTON:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } /* ################################################### # # # survey additions # # # ################################################### */ #surveyTab { position: fixed; z-index: 99; top: calc(50% - 2rem); right: -3.2rem; color: #fff; transform: rotate(-90deg); cursor: pointer; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #surveyTab:hover { right: -2.8rem; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .surveyTabHidden { right: -5.8rem !important; } #surveyTab span { display: inline-block; color: #fff; padding: .4rem .7rem 1rem .7rem; border-radius: .3rem .3rem 0 0; background-color: rgba(10, 79, 130, 1.00); border-color: #fff; border-style: solid; border-width: 1.5px; box-shadow: -0.45px 0 1.125px rgba(0, 0, 0, 0.1238), -1.2px 0 3px rgba(0, 0, 0, 0.1384), -2.7px 0 6.75px rgba(0, 0, 0, 0.1459), -7.2px 0 18px rgba(0, 0, 0, 0.1576); } #surveyPopout { position: fixed; z-index: 99; top: calc(50% - 8rem); right: 1.2rem; width: 15rem; padding: 1.3rem 1.6rem 1.6rem 1.6rem; border-radius: .5rem; color: #fff; background-color: #1a6bb7; box-shadow: 0 0.78px 2.28px rgba(0, 0, 0, 0.031), 0 1.95px 5.7px rgba(0, 0, 0, 0.0513), 0 3.9px 11.4px rgba(0, 0, 0, 0.0616), 0 7.8px 22.8px rgba(0, 0, 0, 0.0648), 0 19.5px 57px rgba(0, 0, 0, 0.0742); -webkit-transition: all 1.25s cubic-bezier(.64,-0.42,.34,1.28); -moz-transition: all 1.25s cubic-bezier(.64,-0.42,.34,1.28); -o-transition: all 1.25s cubic-bezier(.64,-0.42,.34,1.28); transition: all 1.25s cubic-bezier(.64,-0.42,.34,1.28); } .surveyPopoutHidden { right: -23.2rem !important; -webkit-transition: all 1.25s cubic-bezier(.64,-0.42,.34,1.28); -moz-transition: all 1.25s cubic-bezier(.64,-0.42,.34,1.28); -o-transition: all 1.25s cubic-bezier(.64,-0.42,.34,1.28); transition: all 1.25s cubic-bezier(.64,-0.42,.34,1.28); } #surveyPopout span.surveyPopout-greet { display: block; margin-bottom: .7rem; font-size: 1.1rem; font-weight: 700; line-height: 1.2; } #surveyPopout span.surveyPopout-text { display: block; margin-bottom: .7rem; font-size: 1rem; font-weight: 400; line-height: 1.2; } #surveyPopout span.surveyPopout-subtext { display: block; margin-bottom: 1rem; font-size: 1rem; font-weight: 300; line-height: 1.1; color: rgba(255,255,255,0.85); } #surveyPopout .btn-primary { color: #1a6bb7; background-color: #fff; font-size: 1.1rem; } #surveyPopout .btn-primary:hover, #surveyPopout .btn-primary:focus { background-color: #1a6bb7; color: #fff; } .surveyOverlay { position: fixed; display: none; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); backdrop-filter: blur(4px); z-index: 100; } .surveyOverlay.active { display: block; } .surveyPopup { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: .4rem; background-color: #fff; padding: 1rem; } .greetingModal { display: block; background-color: #0d6cb9; color: white; width: 10rem; height: max-content; padding: 1rem; border-radius: .25rem; } .greetingModal .help-desk-button { color: #0d6cb9; background-color: white; border-color: white; } #surveyModal { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; height: 100%; overflow: hidden; outline: 0; background: rgba(0,0,0,0.7); } .surveyModalOuter { width: 100%; } #surveyModalInner { margin-left: auto; margin-right: auto; margin-top: clamp(.75rem, calc(50vh - 400px), 5rem); position: relative; display: block; max-width: 100%; max-height: 100%; overflow-y: scroll; width: calc(576px + 2rem); pointer-events: auto; background-color: #fff; padding: 1rem 1rem 0 1rem; background-clip: padding-box; border-radius: 0.3rem; outline: 0; box-shadow: 0 2.1px 2.28px rgba(0, 0, 0, 0.031), 0 5.25px 5.7px rgba(0, 0, 0, 0.0513), 0 10.5px 11.4px rgba(0, 0, 0, 0.0616), 0 21px 22.8px rgba(0, 0, 0, 0.0648), 0 52.5px 57px rgba(0, 0, 0, 0.0742); } #surveyModalInner iframe { border-width: 0; max-width: 100%; max-height: 90vh; height: 650px; } #video-placeholder { display: block; width: 480px; height: 320px; background: #ccc; border: 1px solid #aaa; margin: 1em 0; padding: 2em; } /* ################################################### # # # important dates panel additions # # # ################################################### */ .eventsListSmall li .listInfo .listDesc, .events-more-link, #icsLink, .event-detail-main .event-detail span.text-muted { display: none !important; } .eventsListSmall li .listInfo { padding-top: .5rem; }