/* horizontal scroll */ * { max-width: 100vw; } /* teal editor controls fix */ /* page editing only - right controls on entire container hover */ .page.editing .page-row .page-row-container:hover .right-controls { display: block !important; } .page.editing .page-row .page-row-container .page-row-and-new-button .right-controls { top: -5px !important; } @font-face { font-family: "UCF Condensed Alt"; font-style: normal; font-weight: 400; src: url('https://files.clinchtalent.com/7576cd1c554bbb874005a2bd29c6da84/8e43fd0d4d056d02405e567b7e96bd21/ucfcondensedalt-regular/ucfcondensedalt-regular-webfont.woff2') format("woff2"),url('https://files.clinchtalent.com/7576cd1c554bbb874005a2bd29c6da84/8e43fd0d4d056d02405e567b7e96bd21/ucfcondensedalt-regular/ucfcondensedalt-regular-webfont.woff') format("woff") } /* MONTSERRAT IMPORT */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* ELEMENT BUILDER SECTION TITLE ONLY */ .elmbldr { position: relative; border-bottom: 5px dotted; border-top: 5px dotted; border-color: #ccb77a; color: #664d03; background-color: #fff3cd; } .elmbldr:after { border: none !important; font: var(--fa-font-solid); color: #a18556; content: "\f149"; vertical-align: 0; text-decoration: none !important; position: absolute; bottom: 5%; left: 33%; font-size: 60px; } /* GLOBAL STYLES */ /* ==== TYPOGRAPHY =========== */ html, body { font-family: 'Montserrat','Helvetica Neue', Arial, sans-serif; -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; } body { font-size: 0.875rem; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat','Helvetica Neue', Arial, sans-serif; -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; } p, span { font-weight: 500; font-size: 1rem; } h1, h2, h3, h4, h5 { font-weight: 700; } /* h1, .block-wrapper :is(h2) { font-size: 2rem; line-height: 1.1; } */ .h2, .block-wrapper :is(h2), h2 { font-size: 1.7rem; line-height: 1.1; } .h3, h3 { font-size: 1.45rem; line-height: 1.1; } .h4, h4 { font-size: 1.2rem; line-height: 1.1; } .h5, h5 { font-size: 1rem; line-height: 1.1; } .h6, h6 { font-size: 0.75rem; line-height: 1.1; } /* typography responsive styling */ @media (min-width: 768px) { body { font-size: 1rem; } /* h1, .block-wrapper :is(h2) { font-size: 2rem; } */ .h2, .h2.block-wrapper :is(h2), .block-wrapper :is(h2) h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } } /* global link color - hold for directive from ucf */ /* a { color: #0262b6; text-decoration: underline } */ /* a:visited { color: initial; } */ /* a:focus, a:hover { color: #01396a; text-decoration: underline } */ .heading-underline, .heading-underline-inverse { display: block; margin-bottom: 1rem; padding-bottom: 0.65rem; position: relative; } .heading-underline h1, .heading-underline h2, .heading-underline h3, .heading-underline h4, .heading-underline h5, .heading-underline h6 .heading-underline-inverse h1, .heading-underline-inverse h2, .heading-underline-inverse h3, .heading-underline-inverse h4, .heading-underline-inverse h5, .heading-underline-inverse h6 { font-weight: 700; margin-bottom: 0; letter-spacing: normal; text-transform: uppercase; } .heading-underline-inverse p, .heading-underline p { margin-bottom: 0; } /* .heading-underline-inverse :is(h1,h2,h3)::after, .heading-underline :is(h1,h2,h3)::after { border-bottom: 5px solid; bottom: 0; content: ''; display: block; height: 0; min-width: 2rem; position: absolute; width: 3rem; } */ .heading-underline-inverse :is(h1,h2,h3)::after, .heading-underline :is(h1,h2,h3)::after { content: ''; display: block; width: 3rem; padding-top: 5px; margin-bottom: 12px; border-bottom: 5px solid; } .heading-underline :is(h1,h2,h3)::after { border-bottom-color: #fc0; } .heading-underline-inverse :is(h1,h2,h3)::after { border-bottom-color: #fff; } /* Heading with yellow shadow */ .header-shadow :is(h2) { text-shadow: 4px 4px 0px #ffcc00; font-weight: 700 !important; margin-bottom: 1rem !important; } .header-shadow h2:first-of-type{ font-size: 1.45rem; line-height: 1.1; text-shadow: none; } .heading-1 :is(h1), .h-1 :is(h2) { font-size: 14vw; font-weight: 600; line-height: 1.025; } .heading-2 :is(h2) { font-size: 12vw; font-weight: 600; line-height: 1.05; } .heading-3 :is(h3) { font-size: 9.5vw; font-weight: 600; line-height: 1.1; } .heading-4 :is(h4) { font-size: 7vw; font-weight: 600; line-height: 1.1; } .h3, h3-yellow { font-size: 1.45rem; line-height: 1.1; color: #ffc904; } /* display typography responsive styling */ @media (min-width: 576px) { .heading-1 :is(h1), .h-1 :is(h2) { font-size:5rem; } .heading-2 :is(h2) { font-size:4.5rem; } .heading-3 :is(h3) { font-size:3.5rem; } .heading-4 :is(h4) { font-size:2.5rem; } } @media (min-width: 768px) { .heading-1 :is(h1), .h-1 :is(h2) { font-size:6rem; } .heading-2 :is(h2) { font-size:5.5rem; } .heading-3 :is(h3) { font-size:4.5rem; } .heading-4 :is(h4) { font-size:3.5rem; } } .heading-yellow :is(h1,h2,h3,h4,h5) { color: #fc0 !important; } .text-white :is(h1,h2,h3,h4,h5,p,span) { color: #fff !important; } .link-white a, .link-white a:active, .link-white a:visited, .link-white a:focus, .link-white a:hover { color: #fff !important; font-weight: 700; text-decoration: underline; letter-spacing: 0.7px; } /* custom hyperlinks (light yellow bg, dotted underline) */ .yellow-link a:link, .yellow-link a:active, .yellow-link a:visited, .yellow-link a:focus { background-color: rgb(255 201 4 / 60%); color: #000; font-weight: 600; border-bottom: 1px dotted; padding: 0.1rem 0.1rem 0; } .yellow-link a:hover { text-decoration: none; border-bottom: 1px solid; } /* standard hyperlinks UCF spec */ a:not(.btn, button, .button):link, a:not(.btn, button, .button):visited, a:not(.btn, button, .button):focus { color: #0262b6; font-weight: 600; } a:not(.btn, button, .button):hover, a:not(.btn, button, .button):active { color: #173966; font-weight: 600; text-decoration: underline; } /* === BUTTONS ============ */ a.button.button1, a.button.button1:active, a.button.button1:visited, a.button.button1:focus { background-color: #ffc904; color: #000; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; border: none; width: auto; text-align: center; } a.button.button1:hover { background-color: #ffc904; color: #666666; border: none; text-decoration:underline; } .btn.btn-primary, .btn.btn-primary:active, .btn.btn-primary:visited, .btn.btn-primary:focus { background-color: #ffc904; color: #000; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; border: none; width: auto; text-align: center; } .btn.btn-primary:hover { background-color: #ffc904; color: #666666; border: none; text-decoration:underline; } .btn.btn-primary span { font-weight: 700; } a.button.button2, a.button.button2:active, a.button.button2:visited, a.button.button2:focus { background-color: #000; color: #fff; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; border: none; width: auto; text-align: center; } a.button.button2:hover { background-color: #000; color: #E6E6E6; border: none; text-decoration:underline; } .btn.btn-success, .btn.btn-success:active, .btn.btn-success:visited, .btn.btn-success:focus { background-color: #000; color: #fff; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; border: none; width: auto; text-align: center; } .btn.btn-success:hover { background-color: #000; color: #E6E6E6; border: none; text-decoration:underline; } .btn.btn-success span { font-weight: 700; } /* === ANCHOR TAG BLOCK MESSAGE - VISIBLE FOR IDENTIFYING ON EDITING PAGE ONLY ============ */ .page-body.editing .anchor-tag-block { position: relative; } .page-body.not-editing .anchor-tag-block { height: 0px; } .page-body.editing .anchor-tag-block::before { content: '[anchor tag block only - not visible on live page]'; position: absolute; left: 35%; top: 15%; display: block; font-size: 1.5rem; color: red; font-weight: 600; } /* === ANCHOR TAG BLOCK MESSAGE - VISIBLE FOR IDENTIFYING ON EDITING PAGE ONLY ============ */ .border-bottom-d9d9d9 { border-bottom: 4px solid #d9d9d9; } /* COOKIE MODAL BEHAVIOR & STYLING */ /* === Position cookie modal bottom of viewport ============ */ /* @media (min-width: 768px) { .consent-modal .modal-content { padding: 12px; } .consent-modal .modal-dialog { width: 100%; position: fixed; bottom: 0; } .modal-content { position: fixed; bottom: 0px; } } */ .yellow-btn .btn.btn-primary, .yellow-btn .btn.btn-primary:active, .yellow-btn .btn.btn-primary:visited, .yellow-btn .btn.btn-primary:focus { background-color: #ffc904; color: #000; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; border: none; width: auto; text-align: center; } .yellow-btn .btn.btn-primary span, .yellow-btn .btn.btn-primary span:active, .yellow-btn .btn.btn-primary span:visited, .yellow-btn .btn.btn-primary span:hover, .yellow-btn .btn.btn-primary span:focus { font-size: 20px; font-weight: 700; letter-spacing: 0.5px; } .yellow-btn .btn.btn-primary:hover { background-color: #e0b400; color: #000; border: none; } .yellow-btn-fade .button.button1:hover { background-color: #e5b700 !important; color: #000; border: none; } .black-btn .btn.btn-primary, .black-btn .btn.btn-primary:active, .black-btn .btn.btn-primary:visited, .black-btn .btn.btn-primary:focus { background-color: #000; color: #fff; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; border: none; width: auto; text-align: center; } .black-btn .btn.btn-primary:hover { background-color: #4d4d4d; color: #fff; border: none; } a[id^='link_view_favourites'], a[id^='link_view_favourites']:active, a[id^='link_view_favourites']:visited, a[id^='link_view_favourites']:focus, a[id^='link_candidate_favourite'], a[id^='link_candidate_favourite']:active, a[id^='link_candidate_favourite']:visited, a[id^='link_candidate_favourite']:focus { background-color: #000; color: #fff; font-size: 0.8rem; font-weight: 500 !important; letter-spacing: 0.5px; border: none; width: auto; text-align: center; } a[id^='link_view_favourites']:hover, a[id^='link_candidate_favourite']:hover { background-color: #4d4d4d; color: #fff; border: none; } /* === Custom cookie modal styling ============ */ .consent-modal .btn-close:focus { box-shadow: 0 0 0 0.25rem rgb(255 201 4); opacity: 0.8; } .consent-modal p { font-weight: 500; } .consent-modal a:link, .consent-modal a:active, .consent-modal a:visited { background-color: rgb(255 201 4 / 60%); color: #000; font-weight: 600; border-bottom: 1px dotted; padding: 0.1rem 0.1rem 0; } .consent-modal a:hover { text-decoration: none; border-bottom: 1px solid; color:#666 !important; } .consent-modal .modal-content { padding: 0.9rem; } .consent-modal .modal-body { padding-bottom: 0; } .consent-modal .modal-footer { padding-top: 0; } /* "I do not accept" button */ .consent-modal button#consent_reject { display: flex; align-items: center; background: transparent; color: #000; min-height: 60px; font-size: 1rem; font-weight: 900; text-align: center; text-decoration: underline; border: none; } .consent-modal button.consent-reject:hover { color:#173966 !important; text-decoration:underline; } .consent-modal button.consent-reject:active, .consent-modal button.consent-reject:focus { color:#2C60B0 !important; text-decoration:underline; } /* "I accept" button */ .consent-modal button#consent_agree { display: flex; align-items: center; background-color: #ffc904; color: #000; min-height: 60px; font-size: 1rem; font-weight: 900; text-align: center; text-decoration: none; border-radius: 3px; border: none; } .consent-modal button#consent_agree:hover { background-color: rgb(255 201 4 / 80%); color: #666666 !important; text-decoration: underline; } .consent-modal button#consent_agree:active { color: #000 !important; text-decoration: underline; } /* UTILITY / HELPER CLASSES */ /* === YELLOW DIVIDER / HR ELEMENT ============ */ .divider-yellow { border-top: 1px solid #fc0; opacity: 1; } /* === BLOCK BORDER RIGHT - GREY (applies to left block of a 2 column multi-block) ============ */ .border-right-grey .row:first-of-type > div:first-of-type:not(.block-wrapper):not(.block-content) { border-right: 4px solid #d9d9d9; padding-right: 2rem; } /* === RIGHT BLOCK BACKGROUND - GREY (applies to right block of a 2 column multi-block) ============ */ .right-block-bg-grey .row:first-of-type > div:nth-of-type(2):not(.block-wrapper):not(.block-content) { background-color: #ebebeb; } /* === MARGIN-BOTTOM 1.5REM ============ */ .m-b-1-5 { margin-bottom: 1.5rem !important; } /* === MAKE SPECIFIC H2/H3 HEADING ELEMENT 40PX FONT-SIZE ============ */ .heading-40px :is(h2,h3) { font-size: 40px !important; } /* === PAGINATION WRAP ON SMALL VIEWPORTS ============ */ @media (max-width: 1024px) { .job-search-results .pagination { flex-wrap: wrap; } } /* RESPONSIVE MOBILE/TABLET PADDING - BLOCK AND INDIVIDUAL ELMS */ @media (max-width: 767.8px) { /* padding-top mobile */ .pt-60-mobile { padding-top: 60px !important; } .pt-30-mobile { padding-top: 30px !important; } .pt-0-mobile { padding-top: 0px !important; } /* padding-bottom mobile */ .pb-60-mobile { padding-bottom: 60px !important; } .pb-30-mobile { padding-bottom: 30px !important; } .pb-0-mobile { padding-bottom: 0px !important; } /* padding top & bottom mobile */ .py-60-mobile { padding-top: 60px !important; padding-bottom: 60px !important; } .py-30-mobile { padding-top: 30px !important; padding-bottom: 30px !important; } .py-0-mobile { padding-top: 0px !important; padding-bottom: 0px !important; } } /* =============================================== */ /* ------------ UCF MAIN NAV STYLING ------------- */ /* =============================================== */ .ucf-main-nav-wrapper { background-color: #ffc904 !important; /* height: 88px; */ border-top: 4px solid #000; padding: 0; } /* .ucf-main-nav-inner { max-width: 90%; } */ /* @media (max-width: 991.8px) { .ucf-main-nav-inner { max-width: 98%; } } */ .ucf-main-nav-inner .navbar-brand, .ucf-main-nav-inner .navbar-brand:active, .ucf-main-nav-inner .navbar-brand:visited { font-weight: bold; height: 84px; padding: 0; display: flex; align-items: center; color: #000; } .ucf-main-nav-inner .navbar-brand:hover { text-decoration: none; } .ucf-main-nav-inner .navbar-toggler { border: none; } .ucf-main-nav-inner .navbar-toggler:focus { box-shadow: 0 0 0 0.25rem #000; border-radius: 0; } .ucf-main-nav-inner .navbar-toggler-icon { background-image: url("data:image/svg+xml,"); } .ucf-main-nav-inner a.nav-link { border-bottom: 2px solid transparent; background-color: transparent; cursor: pointer; color: #000 !important; text-decoration: none; font-size: 0.75rem; line-height: 21px; font-weight: 700; letter-spacing: .1em; margin: 0px 10px; /* padding: 0px 4px; */ padding: 1.9rem 0.8rem !important; width: auto; position: relative; white-space: nowrap; text-transform: uppercase; } @media (max-width: 991.8px) { .ucf-main-nav-inner a.nav-link { padding: 1rem 15px !important; margin: 0; } } .ucf-main-nav-inner a.nav-link:hover { background-color: rgba(0, 0, 0, 0.1); } @media (max-width: 991.8px) { .ucf-main-nav-inner .navbar-collapse { border-top: 1px solid black; } .ucf-main-nav-inner .ucf-nav-links-list { padding-bottom: 1.5rem; } .ucf-main-nav-inner .nav-link-last.sign-in-link { border-top: 2px solid #000; } } @media (min-width: 991.8px) { .ucf-main-nav-inner .ucf-nav-links-list .nav-item { margin-bottom: 0; } .ucf-main-nav-inner a.nav-link::before { border: 2px solid transparent; content: ''; position: absolute; left: 0px; } .ucf-main-nav-inner a.nav-link:hover::before { border-color: #000; width: 100%; top: 80px; } } .ucf-main-nav-inner ul.dropdown-menu.show { border-radius: 0; border: 0; min-width: 14rem; margin-top: 0; background-color: rgba(54, 54, 54, 0.975); } .ucf-main-nav-inner ul.dropdown-menu .dropdown-item { color: #fff !important; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.2; padding: 1rem 15px; } .ucf-main-nav-inner ul.dropdown-menu .dropdown-item:hover { background-color: rgba(0, 0, 0, 0.9); color: #fff !important; text-decoration: none; } @media (min-width: 991.8px) { .ucf-main-nav-inner .nav-link-last.sign-in-link { position: relative; top: 5px; right: 0; } .ucf-main-nav-inner .nav-link-last.sign-in-link a.nav-link { padding: 0 !important; font-size: 0.75rem; font-weight: 500 !important; text-transform: capitalize; border: none !important; } .ucf-main-nav-inner .nav-link-last.sign-in-link a.nav-link:hover { font-size: 0.75rem; font-weight: 500 !important; text-transform: capitalize; background-color: transparent !important; text-decoration: underline !important; border: none !important; } .ucf-main-nav-inner .nav-link-last.sign-in-link a.nav-link::before, .ucf-main-nav-inner .nav-link-last.sign-in-link a.nav-link:hover::before { display: none !important; border: none !important; } } .nav-item.settings-login-link a.nav-link, .nav-item.settings-login-link a.nav-link:active, .nav-item.settings-login-link a.nav-link:visited, .nav-item.settings-login-link a.nav-link:focus { background-color: #000; color: #fff !important; font-size: 14px; font-weight: bold !important; letter-spacing: 0.5px; border-bottom: 2px solid #000 !important; width: auto; text-align: center; } .nav-item.settings-login-link a.nav-link:hover { background-color: #000; color: #E6E6E6 !important; border-bottom: 2px solid #4d4d4d !important; text-decoration: underline; } /* =============================================== */ /* ------------- UCF FOOTER STYLING -------------- */ /* =============================================== */ /* top resources footer */ .ucf-resources-footer { background-color: #000; } .ucf-resources-footer .container { padding: 4rem 0.75rem; } .ucf-resources-footer .h5 { font-weight: 600; } .ucf-resources-footer * :not(a) { color: #fff !important; } .ucf-resources-footer a,.ucf-resources-footer a:visited { color: #fc0 !important; text-decoration: underline; font-weight: 400 !important; } .ucf-resources-footer a:active, .ucf-resources-footer a:focus { color: #FFF !important; text-decoration: underline; } .ucf-resources-footer a:hover { color: #E6E6E6 !important; text-decoration: underline; } /* bottom standard footer */ .ucf-footer-nav, .ucf-footer-social { list-style-type: none; margin: 0; padding: 0; } .ucf-footer-nav-item, .ucf-footer-social-item { display: inline-block; margin-bottom: 1em; } .ucf-footer { background-color: #3e3e3e; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0; padding: 30px 15px; text-align: center; width: 100%; } @media (min-width: 768px) { .ucf-footer { padding: 60px; } } .ucf-footer a, .ucf-footer li, .ucf-footer ol, .ucf-footer p, .ucf-footer span, .ucf-footer ul { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; color: #fff; } .ucf-footer-title { display: inline-block; font-size: 1.125rem; font-weight: 400; letter-spacing: 3px; line-height: 1.4; margin-bottom: 12px; text-decoration: none; text-transform: uppercase; } @media (min-width: 768px) { .ucf-footer-title { font-size: 1.375rem; } } .ucf-footer-title:active, .ucf-footer-title:focus, .ucf-footer-title:hover { text-decoration: underline; } .ucf-footer-address { font-size: 0.625rem; font-weight: 400; line-height: 1.8; margin-bottom: 0; margin-top: 25px; } @media (min-width: 768px) { .ucf-footer-address { font-size: 0.75rem; } } .ucf-footer-social { margin-bottom: 14px; } .ucf-footer-social-link { background-image: url('https://www.ucf.edu/wp-content/plugins/UCF-Footer-Plugin/static/img/social-links-gray.svg'); background-repeat: no-repeat; background-size: 240px 66px; display: none; height: 33px; margin: 0 4px; overflow: hidden; width: 34px; } .ucf-footer-social-link[href*='facebook'] { background-position: 0 0; display: block; } .ucf-footer-social-link[href*='facebook']:active, .ucf-footer-social-link[href*='facebook']:focus, .ucf-footer-social-link[href*='facebook']:hover { background-position: 0 100%; } .ucf-footer-social-link[href*='twitter'] { background-position: -34px 0; display: block; } .ucf-footer-social-link[href*='twitter']:active, .ucf-footer-social-link[href*='twitter']:focus, .ucf-footer-social-link[href*='twitter']:hover { background-position: -34px 100%; } .ucf-footer-social-link[href*='youtube'] { background-position: -172px 0; display: block; } .ucf-footer-social-link[href*='youtube']:active, .ucf-footer-social-link[href*='youtube']:focus, .ucf-footer-social-link[href*='youtube']:hover { background-position: -172px 100%; } .ucf-footer-social-link[href*='ucf.edu/social'] { background-position: -69px 0; display: block; } .ucf-footer-social-link[href*='ucf.edu/social']:active, .ucf-footer-social-link[href*='ucf.edu/social']:focus, .ucf-footer-social-link[href*='ucf.edu/social']:hover { background-position: -69px 100%; } .ucf-footer-social-link[href*='linkedin'] { background-position: -138px 0; display: block; } .ucf-footer-social-link[href*='linkedin']:active, .ucf-footer-social-link[href*='linkedin']:focus, .ucf-footer-social-link[href*='linkedin']:hover { background-position: -138px 100%; } .ucf-footer-social-link[href*='instagram'] { background-position: -206px 0; display: block; } .ucf-footer-social-link[href*='instagram']:active, .ucf-footer-social-link[href*='instagram']:focus, .ucf-footer-social-link[href*='instagram']:hover { background-position: -206px 100%; } .ucf-footer-nav-item { border-right: 1px solid #fff; font-size: 0.625rem; font-weight: 400; line-height: 1.4; padding-left: 0.6em; padding-right: 1em; } @media (min-width: 768px) { .ucf-footer-nav-item { font-size: 0.75rem; } } .ucf-footer-nav-item:last-child { border-right: 0 solid transparent; } a.ucf-footer-nav-link { font-size: inherit; font-weight: inherit; text-decoration: none; } a.ucf-footer-nav-link, a.ucf-footer-nav-link:active, a.ucf-footer-nav-link:focus, a.ucf-footer-nav-link:hover, .ucf-footer a, .ucf-footer a:visited { color: #fff !important; } .ucf-footer a:active, .ucf-footer a:focus { color: #E6E6E6 !important; text-decoration:underline; } .ucf-footer a:hover { color: #E6E6E6 !important; text-decoration:underline; } a.ucf-footer-nav-link:active, a.ucf-footer-nav-link:focus, a.ucf-footer-nav-link:hover { text-decoration: underline; } a.ucf-footer-underline-link { text-decoration: underline; } /* UNIFORM CONTAINER & NAV WIDTHS */ #ucfhb-inner { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { #ucfhb-inner { width: auto !important; max-width: 540px; } } @media (min-width: 768px) { #ucfhb-inner { width: auto !important; max-width: 720px; } } @media (min-width: 992px) { #ucfhb-inner { width: auto !important; max-width: 960px; } } @media (min-width: 1200px) { #ucfhb-inner { width: auto !important; max-width: 1140px; } } @media (min-width: 1400px) { #ucfhb-inner { width: auto !important; max-width: 1320px; } } #ucfhb-left { margin-left: 0.3rem; } #ucfhb-right { margin-right: 1rem; } @media (max-width: 600px) { #ucfhb-inner { max-width: 85vw; margin-left: 0 !important; } } /* ucf black nav, breakpoint fix for searchbar collapse */ @media (min-width: 978.8px) and (max-width: 991.8px) { #ucfhb-right { float: none !important; height: 49px !important; position: absolute !important; top: 0 !important; visibility: visible !important; width: 100% !important; } } /* === ALL PAGE - SEARCH FILTER - CHECKBOX STYLING TESTING ======== */ /* === SEARCH PAGE - SEARCH FILTER - CHECKBOX STYLING TESTING ======== */ /* Basic styling */ [type=checkbox] { width: 16px; height: 16px; color: #ffc904; vertical-align: middle; margin-right: 0.3rem; -webkit-appearance: none; background: none; border: 0; outline: 0; flex-grow: 0; border-radius: 50%; background-color: #FFFFFF; transition: background 300ms; cursor: pointer; } /* Pseudo element for check styling */ [type=checkbox]::before { content: ""; color: transparent; display: block; width: inherit; height: inherit; border-radius: inherit; border: 0; background-color: transparent; background-size: contain; box-shadow: inset 0 0 0 1px #CCD3D8; } /* Checked */ [type=checkbox]:checked { background-color: currentcolor; } [type=checkbox]:checked::before { box-shadow: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23000'/%3E %3C/svg%3E"); } /* Disabled */ [type=checkbox]:disabled { background-color: #CCD3D8; opacity: 0.84; cursor: not-allowed; } /* IE */ [type=checkbox]::-ms-check { content: ""; color: transparent; display: block; width: inherit; height: inherit; border-radius: inherit; border: 0; background-color: transparent; background-size: contain; box-shadow: inset 0 0 0 1px #CCD3D8; } [type=checkbox]:checked::-ms-check { box-shadow: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23000'/%3E %3C/svg%3E"); } /* === SEARCH PAGE - SEARCH FILTERS - BADGE STYLING ======== */ .job-search-side-filters .badge { background-color: #fc0; color: #000000; /* border-radius: 10px; */ } /* === JOB SEARCH PAGE - ALL STYLING BELOW ===== */ /* JOBS NEAR ME BTN */ /* .job-search-control .btn[id^="search_control_button_"] { margin-left: 1rem; } .job-search-control .near-me-control { margin-left: 1rem; } */ /* SEARCHBAR, SEARCH BTN, NEAR ME BTN HEIGHT */ /* .job-search-control .input-group .easy-autocomplete, .job-search-control .input-group input { border-radius: 0.5rem !important; } */ .job-search-control .input-group .easy-autocomplete { background: transparent; } .job-search-control .input-group input { background-color: rgba(0, 0, 0, 0.5); color: #fff; } .job-search-control .input-group input::placeholder { color: #fff; opacity: 0.7; } .job-search-control .input-group input, .job-search-control .input-group-btn button { height: 45px; } /* ======= JOB SEARCH PAGE ======== */ /* Page Titles */ .title-block .row { background-color: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px; border: 1px solid #EAEAEA; margin-right: 0; margin-left: 0; height: 75px; } .title-block .row .block-wrapper { /* padding-top: 15px; */ padding-left: 10px; } .job-search-categories ul { margin-left: 0 !important; } .block-job-search-results .job-search-results .job-search-filter-groups { width: auto; } ul.list-unstyled.job-search-list-items.categories { margin-left: 0; } .badge { background-color: #000; } @media (min-width: 768px) { .job-search-results-card-col { flex: 0 0 100%; max-width: 100%; padding: 0; } } .block-job-search-results .job-search-results .job-search-results-card { flex: 1; } .job-search-results .card { display: block; margin: 0px 15px 0px 15px; } .card-footer.job-search-results-footer { background: #fff; border: #fff; } .card { background: #ffffff; padding: 24px 0px 0px 24px; border: 1px solid #EAEAEA; margin: 5px; border-radius: 5px; } /* JOB SEARCH PAGE - SEARCHBAR, SEARCH BTN */ /* .job-search-results-inner .job-search-control .input-group .easy-autocomplete, .job-search-results-inner .job-search-control .input-group input { border-radius: 0.5rem !important; } */ .job-search-results-inner .job-search-control .input-group .easy-autocomplete { background: initial; } .job-search-results-inner .job-search-control .input-group input { background-color: initial; /* color: #fff; */ } .job-search-results-inner .job-search-control .input-group input::placeholder { color: initial; opacity: 0.7; } .job-search-results-inner .job-search-control .input-group input, .job-search-results-inner .job-search-control .input-group-btn button { height: 45px; color: #000; } .job-search-results-inner .job-search-control .btn[id^="search_control_button_"] { display: inline-flex; align-items: center; background-color: #fc0; border: 4px solid #fc0; color: #000; line-height: 1.5; font-size: 1.2rem; font-weight: 700; letter-spacing: 1px; text-transform: none; transition: all 0.5s ease; } .job-search-results-inner .job-search-control .btn[id^="search_control_button_"]:hover { background-color: #000; color: #fff; border-color: #000; } /* CUSTOM JOB CARDS - DESCRIPTIONS ON RIGHT */ /* job search page card title link */ .card-title.job-search-results-card-title { position: relative; display: inline-block; width: 70%; } .card-title .job-search-results-card-title a { font-size: 1.5rem; font-weight: 600; color: #000; } .card-title .job-search-results-card-title a:hover { font-size: 1.5rem; font-weight: 600; color: #173966; text-decoration:underline; } .card-title .job-search-results-card-title a:active { font-size: 1.5rem; font-weight: 600; color: #2C60B0; text-decoration:underline; } .block-job-search-results .job-search-results .job-search-results-card { padding: 0; } .card-body.job-search-results-card-body { padding-right: 0; } .card-text.job-search-results-summary { width: 75% } .job-component-details .job-component-list ul { margin-left: 0.5rem; } .check-check .job-component-details { float: right !important; display: flex; flex-direction: column; background-color: #F8F8F8; width: 210px !important; /* margin-top: -73px; */ margin-top: -17px; margin-bottom: 0; margin-left: 10px; border-radius: 0px 5px 5px 0px; border-left: 1px solid #EAEAEA; border-top: 1px solid #EAEAEA; line-height: 2em; font-weight: 400 !important; padding: 60px 12px 70px 12px; } /* viewport larger than 768px */ @media (min-width: 768px) { /* keep asterisk(*) job card text inline and justified without wrapping under icon */ .job-component-icon-and-text i.fa-asterisk { max-width: 25%; } .job-component-icon-and-text span { display: inline-block; position: relative; vertical-align: top; max-width: 75%; } } /* viewport width less than 1200px */ @media (max-width: 1200px) { .job-search-results-container .page-row-container { width: 75%; max-width: 75%; } .check-check .job-component-details { float: right !important; position: absolute; bottom: 0; top: 0; display: inline-flex; flex-direction: column; background-color: #f8f8f8; width: auto; margin-top: 0; margin-bottom: 0; margin-left: 18px; border-radius: 0px 5px 5px 0px; border-left: 1px solid #EAEAEA; border-top: 1px solid #EAEAEA; line-height: 2em; font-weight: 400 !important; padding: 40px 12px 25px 12px; } .check-check .card-text.job-search-results-summary { width: 70%; } } /* viewport width less than 992px */ @media (max-width: 992px) { .job-search-results-container .page-row-container { width: 90%; max-width: 90%; } /* FILTER JOBS BUTTON - WHEN SIDE FILTERS ARE HIDDEN */ .job-search-results a.job-search-collapse { display: flex; font-size: 1.1rem !important; color: #fff; font-weight: 400; letter-spacing: 0.5px; background-color: #777; padding: 0.2rem 0.5rem; border-radius: 8px; margin: 0 0 0.5rem 0; width: 100%; justify-content: center; } } /* viewport width less than 768px */ @media (max-width: 768px) { .check-check .card-body.job-search-results-card-body { padding: 1rem; } .check-check .job-component-details { float: none !important; position: relative; display: block; background-color: #F8F8F8; margin-top: 0; margin-bottom: 0.5rem; margin-left: -5px; border-radius: 0; border: none; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; padding: 0.5rem 0; width: 100% !important; } .check-check .card-title.job-search-results-card-title { width: 100%; line-height: 1.1; } .check-check .job-component-details .job-component-list li { line-height: 1.4; margin-bottom: 0.2rem; } .check-check .card-text.job-search-results-summary { width: 100%; } } .card-footer.job-search-results-footer a { font-weight: 700; color: #000; } .card-footer.job-search-results-footer a:hover { color: #173966; text-decoration:underline; } .card-footer.job-search-results-footer a:focus{ color: #2C60B0; text-decoration:underline; } /* JOB SEARCH PAGE - PAGINATION */ .job-search-results-table .pagination li.active .page-link { background-color: #000; color: #fff; } .job-search-results-table .pagination li .page-link { color: #000; } .job-search-results h4, .job-search-results label { font-weight: 500 !important; } /* -------------------------------------- ==== UCF CUSTOM ELEMENTS ============= -------------------------------------- */ /* === TITLE/BORDER BOX CUSTOM ELEMENT ======== */ .title-border-box-inner { border: 5px solid #ffc904; padding: 1rem 3rem 3rem; } .title-border-box-inner h2 { background-color: #ffff; width: fit-content; margin: -60px auto 2rem; padding: 1rem; font-size: 2.5rem; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; } /* === TITLE/BORDER BOX *WITH CARDS CUSTOM ELEMENT ======== */ .title-cards-border-box-wrapper-top { /* max-width: 1140px; */ margin: 0 auto; } .title-cards-border-box-wrapper-top .container { padding: 0; } .title-cards-border-box-inner-top { border: solid #ffc904; border-width: 5px 5px 0px 5px; padding: 1rem 3rem 1rem; } .title-cards-border-box-inner-top h2 { background-color: #ffff; width: fit-content; margin: -60px auto 2rem; padding: 1rem; font-size: 2.5rem; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; } .title-cards-border-box-inner-top p:last-of-type { margin-bottom: 2rem; } .title-cards-border-box-wrapper-bottom { /* border: solid #ffc904; border-width: 0px 5px 5px 5px; */ padding: 0rem 3rem 3rem; /* max-width: 1140px; */ margin: 0 auto 20px; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); } .title-cards-border-box-wrapper-bottom .container { border: solid #ffc904; border-width: 0px 5px 5px 5px; padding: 2rem 2.5rem; } .title-cards-border-box-inner-bottom { background-color: #ebebeb; border-radius: 8px 8px 0 0; } .title-cards-border-box-inner-bottom h2, .title-cards-border-box-inner-bottom p { padding: 1.5rem; } .title-cards-border-box-inner-bottom h2:nth-of-type(2) { font-weight: 700; text-transform: uppercase; letter-spacing: normal; font-size: 1.875rem; margin-bottom: 0; padding-bottom: 0.75rem; } .title-cards-border-box-inner-bottom p:first-of-type { font-weight: 500; line-height: 1.45; } .title-cards-border-box-inner-bottom :is(p:first-child), .title-cards-border-box-inner-bottom :is(p:last-child) { padding: 0 !important; } .title-cards-border-box-inner-bottom img { width: 100%; height: 225px; object-fit: cover; border-radius: 8px 8px 0 0; } .title-cards-border-box-inner-bottom a.button.button1, .title-cards-border-box-inner-bottom a.button.button1:active, .title-cards-border-box-inner-bottom a.button.button1:visited, .title-cards-border-box-inner-bottom a.button.button1:focus { background-color: #ffc904; color: #000; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; border: none; width: 100%; text-align: center; } .title-cards-border-box-inner-bottom a.button.button1:hover { background-color: #000; color: #fff; border: none; } @media (min-width: 768px) { .title-cards-border-box-inner-bottom { height: 100%; display: flex; } .title-cards-border-box-inner-bottom .page-block { height: 100%; display: flex; flex-direction: column; } /* .title-cards-border-box-inner-bottom p:first-of-type { height: 100%; }*/ .title-cards-border-box-inner-bottom p:nth-of-type(2) { height: 100%; } .title-cards-border-box-inner-bottom :is(p:last-child) { margin-bottom: 0; } .title-cards-border-box-inner-bottom a.button.button1, .title-cards-border-box-inner-bottom a.button.button1:active, .title-cards-border-box-inner-bottom a.button.button1:visited, .title-cards-border-box-inner-bottom a.button.button1:focus, .title-cards-border-box-inner-bottom a.button.button1:hover { padding: 1rem; } } @media (min-width: 768px) and (max-width: 991.8px) { } @media (min-width: 768px) and (max-width: 1199.8px) { .title-cards-border-box-wrapper-bottom .col-md-3 { flex: 0 0 auto; width: 50%; margin-bottom: 1rem; } .title-cards-border-box-inner-bottom h2:nth-of-type(2) { word-break: break-word; } .title-cards-border-box-inner-bottom h2, .title-cards-border-box-inner-bottom p { padding: 1rem !important; } } @media (min-width: 992px) and (max-width: 1199.8px) { .title-cards-border-box-inner-bottom h2:nth-of-type(2) { padding: 0.5rem; } } @media (min-width: 1200px) and (max-width: 1399.8px) { .title-cards-border-box-inner-bottom h2, .title-cards-border-box-inner-bottom p { padding: 0.5rem 0.5rem 1.5rem; } .title-cards-border-box-inner-bottom h2:nth-of-type(2) { font-size: 28px; } } @media (min-width: 1400px) { .title-cards-border-box-inner-bottom a.button.button1, .title-cards-border-box-inner-bottom a.button.button1:active, .title-cards-border-box-inner-bottom a.button.button1:visited, .title-cards-border-box-inner-bottom a.button.button1:focus, .title-cards-border-box-inner-bottom a.button.button1:hover { padding: 1rem 1.75rem; } } @media (max-width: 575px) { .title-cards-border-box-wrapper-top { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); } } @media (max-width: 425px) { .title-cards-border-box-inner-top p:last-of-type { margin-bottom: 1rem; } .title-cards-border-box-inner-top { border: solid #ffc904; border-width: 5px 5px 0px 5px; padding: 1rem 1.5rem 1rem; } .title-cards-border-box-wrapper-bottom .container { padding: 1rem 1.5rem; } .title-cards-border-box-inner-bottom h2, .title-cards-border-box-inner-bottom p { padding: 0 1rem 1rem; } } /* === ABOUT ORLANDO SKYLINE BACKGROUND IMAGE ======== */ .page-body.not-editing .about-orlando-wrapper { background-image: url("https://d25wby5c7p9100.cloudfront.net/public/uploads/0eb8d3da7cf7de2fb7b8ea0448c3ef4c/images/files/827a9f224ef3fedbdd0d8a8ddee12428/original/ucf-orlando-background-img.png?1697652329"); background-repeat: no-repeat; background-position: center 200px; background-size: cover; height: 1100px; } /* === ANGLE BLOCK WITH SPLIT BG COLORS (BLACK/YELLOW) - 'FUTURE/CURRENT KNIGHTS' ======== */ .angle-block-wrapper { position: relative; background: linear-gradient( to right, #ffc904 0%, #ffc904 47%, #000 47%, #000 100% ); } /* .angle-block-wrapper::before { content: ""; position: absolute; display: inline-flex; top: 0; left: 47%; margin-left: -1px; border-style: solid; border-width: 170px 0px 175px 100px; border-color: transparent transparent transparent #ffc904; } */ .angle-block-wrapper::after { content: ''; position: absolute; display: inline-block; top: 0; bottom: 0; background: #fc0; width: 50%; clip-path: polygon(10% 50%, 0 100%, 0 50%, 0 0); left: 47%; margin-left: -1px; } .angle-block-wrapper a.button.button1, .angle-block-wrapper a.button.button1:active, .angle-block-wrapper a.button.button1:visited, .angle-block-wrapper a.button.button1:focus { background-color: #ffc904; color: #000; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; line-height: 1.2; border: none; width: auto; text-align: center; } .angle-block-wrapper a.button.button1:hover { background-color: #e5b700 !important; color: #000; border: none; } .angle-block-wrapper :is(h1, h2, h3, h4, h5, h6) { font-weight: 700; letter-spacing: normal; } .angle-block-left { width: 85%; padding-left: 2rem; } .angle-block-left p { line-height: 1.65; font-weight: 500; } .angle-block-right { width: 85%; padding-left: 6rem; } .angle-block-right :is(h1, h2, h3, h4, h5, h6) { color: #ffc904; } .angle-block-right p { color: #fff; line-height: 1.65; font-weight: 500; } .angle-block-left, .angle-block-right { display: flex; height: 100%; } .angle-block-right-with-cta { display: flex; height: 100%; flex-direction: column; } .angle-block-left .page-block, .angle-block-right .page-block { display: flex; height: 100%; flex-direction: column; justify-content: space-between; } .angle-block-left .page-block p:first-of-type, .angle-block-right .page-block p:first-of-type { height: 100%; } .angle-block-left .page-block p:last-of-type, .angle-block-right .page-block p:last-of-type { display: flex; justify-content: flex-start; } @media (max-width: 768px) { .angle-block-wrapper { background: none; } .angle-block-wrapper::after { display: none; } .angle-block-wrapper .col-md-6:first-of-type { background: #fc0; width: 100%; margin-bottom: 1rem; } .angle-block-wrapper.mb-0-mobile .col-md-6:first-of-type { margin-bottom: 0; } .angle-block-wrapper .col-md-6:last-of-type { background: #000; width: 100%; } .angle-block-left, .angle-block-right { width: 100%; padding: 1.5rem; } } /* ** if either block contains a CTA */ .angle-block-wrapper .call-to-action .block-content p { height: auto; } /* === ANGLE BLOCK WITH SPLIT BG COLORS (BLACK/WHITE) - 'TRANSPARENCY/CURRENT OPENINGS' ======== */ .angle-block-wrapper-bw { position: relative; background: linear-gradient( to right, #fff 0%, #fff 47%, #000 47%, #000 100% ); } .angle-block-wrapper-bw::after { content: ''; position: absolute; display: inline-block; top: 0; bottom: 0; background: #fff; width: 50%; clip-path: polygon(10% 50%, 0 100%, 0 50%, 0 0); left: 47%; margin-left: -1px; } .angle-block-wrapper-bw a.button.button1, .angle-block-wrapper-bw a.button.button1:active, .angle-block-wrapper-bw a.button.button1:visited, .angle-block-wrapper-bw a.button.button1:focus { background-color: #ffc904; color: #000; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; border: none; width: auto; text-align: center; } .angle-block-wrapper-bw a.button.button1:hover { background-color: #e5b700 !important; color: #000; border: none; } .angle-block-wrapper-bw :is(h1, h2, h3, h4, h5, h6) { font-weight: 700; letter-spacing: normal; } .angle-block-left-bw { width: 85%; padding-left: 2rem; } .angle-block-left-bw p { line-height: 1.65; font-weight: 500; } .angle-block-right-bw { width: 85%; padding-left: 6rem; } .angle-block-right-bw :is(h1, h2, h3, h4, h5, h6) { color: #ffc904; } .angle-block-right-bw p { color: #fff; line-height: 1.65; font-weight: 500; } .angle-block-left-bw, .angle-block-right-bw { display: flex; height: 100%; } .angle-block-left-bw .page-block, .angle-block-right-bw .page-block { display: flex; height: 100%; flex-direction: column; justify-content: space-between; } .angle-block-left-bw .page-block p:first-of-type, .angle-block-right-bw .page-block p:first-of-type { height: 100%; } .angle-block-left-bw .page-block p:last-of-type, .angle-block-right-bw .page-block p:last-of-type { display: flex; justify-content: flex-start; } .angle-block-right-bw a:link, .angle-block-right-bw a:active, .angle-block-right-bw a:visited, .angle-block-right-bw a:focus { color: #fff; font-weight: 500; text-decoration: none; padding-left: 0.5rem; } .angle-block-right-bw a:hover { text-decoration: underline !important; } .angle-block-right-bw p:last-of-type { margin-left: 1rem; font-size: 18px; } .angle-block-right-bw p:last-of-type::before { border: none !important; font: var(--fa-font-solid); color: #ffcc00; content: "\f054"; vertical-align: 0; text-decoration: none !important; } .angle-block-right-bw .block-jobs .jobs-list { margin-left: 2rem; } .angle-block-right-bw .block-jobs .job { margin-bottom: 0; line-height: 0.5; } .angle-block-right-bw .block-jobs .job h3 { font-size: 22px; font-weight: 400; display: list-item; } @media (max-width: 992px) { .angle-block-wrapper-bw .page-row-container { max-width: 90%; } .angle-block-left-bw, .angle-block-right-bw { width: 100%; } } @media (min-width: 768px) and (max-width: 992px) { .angle-block-wrapper-bw a.button.button1, .angle-block-wrapper-bw a.button.button1:active, .angle-block-wrapper-bw a.button.button1:visited, .angle-block-wrapper-bw a.button.button1:focus { width: 85%; } } @media (max-width: 768px) { .angle-block-wrapper-bw { background: none; } .angle-block-wrapper-bw::after { display: none; } .angle-block-wrapper-bw .col-md-6:first-of-type { background: #fff; width: 100%; margin-bottom: 1rem; } .angle-block-wrapper-bw .col-md-6:last-of-type { background: #000; width: 100%; } .angle-block-left-bw, .angle-block-right-bw { width: 100%; padding: 1.5rem; } } /* ** if either block contains a CTA */ .angle-block-wrapper-bw .call-to-action .block-content p { height: auto; } /* === BEST PLACE TO WORK - NEXT STEPS BLOCKS ======== */ .next-steps-wrapper .col-md-6:first-of-type { padding-left: calc(var(--bs-gutter-x) * 1); } .next-steps-block-left :is(h1, h2, h3) { text-align: center; font-weight: 700; letter-spacing: normal; margin-bottom: 0; } .next-steps-block-left h2 { font-size: 2.3rem; } @media (max-width: 767.8px) { .next-steps-block-right.browse-by-links .block-code { display: flex; flex-direction: column; align-items: stretch; } } @media (min-width: 768.1px) { .next-steps-wrapper .col-md-6:first-of-type { padding-left: calc(var(--bs-gutter-x) * 1); } .next-steps-block-left { display: flex; justify-content: flex-start; margin-right: 0.5rem; } .next-steps-block-right { display: flex; justify-content: flex-end; margin-left: 0.5rem; } } @media (min-width: 992.1px) { .next-steps-wrapper .col-md-6:first-of-type { padding-left: calc(var(--bs-gutter-x) * 1); } .next-steps-block-left { display: flex; justify-content: flex-start; margin-left: calc(50% / 4); } .next-steps-block-right { display: flex; justify-content: flex-end; margin-right: calc(50% / 4); } } @media (min-width: 1200px) { .next-steps-block-left :is(h2) { white-space: nowrap; } } .next-steps-block-left :is(p, a, li, span) { font-weight: 500; } .next-steps-block-left a:link, .next-steps-block-left a:active, .next-steps-block-left a:visited, .next-steps-block-left a:hover, .next-steps-block-left a:focus { color: #0000EE; text-decoration: underline; font-weight: 500; } .next-steps-block-right { margin-top: 2rem; } .next-steps-block-right.browse-by-links .block-code { display: flex; justify-content: space-around; } .next-steps-short-searchbar-form-container .input-group input, .short-searchbar-form-container .input-group input { background: #fff; color: #000; } .next-steps-short-searchbar-form-container .input-group input::placeholder, .short-searchbar-form-container .input-group input::placeholder { color: #000; } .next-steps-wrapper .short-searchbar-form-container .btn[id^="search_control_button_"] { margin-left: 0; } /* === 2-COL w/ multiple blocks -> equal column width (½ : ½) ======== */ .multi-blocks-equal-width .row .col-md-8 { width: 50%; max-width: 50%; padding: 0 5rem; } .multi-blocks-equal-width .row .col-md-4 { width: 50%; max-width: 50%; padding: 0 5rem 0 2rem; } .multi-blocks-equal-width .row .col-md-4 .block-wrapper { margin-bottom: 3rem; } .multi-blocks-equal-width .block-jobs .jobs-list { margin-left: 2rem; } .multi-blocks-equal-width .block-jobs .job { margin-bottom: 0; line-height: 0.5; } .multi-blocks-equal-width .block-jobs .job h3 { font-size: 22px; font-weight: 400; display: list-item; } .multi-blocks-equal-width .block-jobs a, .multi-blocks-equal-width .block-jobs a:active, .multi-blocks-equal-width .block-jobs a:visited, .multi-blocks-equal-width .block-jobs a:focus, .multi-blocks-equal-width .block-jobs a:hover { color: #000; } .multi-blocks-equal-width .block-jobs .job a:hover { text-decoration: underline; } /* === "BROWSE BY 'CATEGORY' LINKS" ======== */ .browse-by-links a:link, .browse-by-links a:active, .browse-by-links a:visited, .browse-by-links a:focus { font-weight: 500; color: #000 !important; /* text-decoration: none; */ } .browse-by-links a:hover { text-decoration: underline 1px dotted; } .browse-by-links a::before { border: none!important; font: var(--fa-font-solid); content: "\f054"""; vertical-align: 0; color: #ffcc00; margin-right: 0.5rem; text-decoration: none !important; display:inline-block; } /* === HOVER INFO SQUARES BOXES & SUBTEXT - CUSTOM ELEMENT ======== */ /* TITLE & TEXT */ .hover-squares-title-text-wrapper .col-md-12 { padding-left: calc(var(--bs-gutter-x) * 1); padding-right: calc(var(--bs-gutter-x) * 1); } .hover-squares-title-text { /* border-top: 5px solid #ffc904; */ /* width: 86%; */ padding: 1rem 0rem 0rem; margin: 0 auto; } .hover-squares-title-text p { font-weight: 500; line-height: 1.65; letter-spacing: 0.4px; } /* new, dynamic styling */ .hover-squares-title-text h2 { position: relative; display: flex; justify-content: center; margin: -60px auto 1rem; padding: 1rem; width: 100%; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; } .hover-squares-title-text h2::before, .hover-squares-title-text h2::after { content: ""; background-color: #fc0; height: 5px; margin: auto; flex: 1 1 auto; } .hover-squares-title-text h2::before { margin-right: 2rem; } .hover-squares-title-text h2::after { margin-left: 2rem; } /* === TEXT, BUTTON & PIE CHART SECTION ======== */ /* wrapper container */ .pie-chart-section-wrapper { background-color: #000; } /* left block */ @media (min-width: 767.8px) { .pie-chart-section-left { padding-right: 7rem; } } .pie-chart-section-left h2 { color: #ffcc00; font-weight: 700; letter-spacing: normal; } .pie-chart-section-left p { color: #fff; line-height: 2; letter-spacing: 0.4px; font-weight: 400; margin-bottom: 3rem; } .pie-chart-section-left a.button.button1, .pie-chart-section-left a.button.button1:active, .pie-chart-section-left a.button.button1:visited, .pie-chart-section-left a.button.button1:focus { background-color: #ffc904; color: #000; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; border: none; width: auto; text-align: center; } .pie-chart-section-left a.button.button1:hover { background-color: #e5b700 !important; color: #000; border: none; } /* right block */ .pie-chart-section-right img { max-width: 325px; width: 100%; height: auto; } /* === CTA - FULL WIDTH BLOCK - WITH FULL YELLOW BORDER ======== */ .cta-full-border { border: 5px solid #ffc904; padding: 1rem 3rem 3rem; width: 65%; margin: 0 auto; } .cta-full-border h2 { background-color: #ffff; width: fit-content; margin: -60px auto 2rem; padding: 1rem; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; } .cta-full-border .block-call-to-action form { width: 100%; max-width: 575px; } .cta-full-border input.form-control { height: 55px; padding-left: 1.5rem !important; background-color: transparent; border-color: #000 !important; } .cta-full-border input.form-control[type="file"] { border: 1px solid #ddd !important; height: auto; } .cta-full-border button[type="submit"]:not(.block-control-link, .page-row-control-link), .cta-full-border button[type="submit"]:not(.block-control-link, .page-row-control-link):active, .cta-full-border button[type="submit"]:not(.block-control-link, .page-row-control-link):visited, .cta-full-border button[type="submit"]:not(.block-control-link, .page-row-control-link):focus { background-color: #ffc904; color: #000; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; border: none; width: auto; min-width: 175px; text-align: center; } .cta-full-border button[type="submit"]:not(.block-control-link, .page-row-control-link):hover { background-color: #e5b700 !important; color: #000; border: none; } /* === CTA - CTA 50/50 BLOCK - WITH FULL YELLOW BORDER ======== */ .cta-50-50 .block-call-to-action form { width: 100%; max-width: 575px; } .cta-50-50 input.form-control { height: 55px; padding-left: 1.5rem !important; background-color: transparent; border-color: #000 !important; } .cta-50-50 input.form-control[type="file"] { border: 1px solid #ddd !important; height: auto; } .cta-50-50 button[type="submit"]:not(.block-control-link, .page-row-control-link), .cta-50-50 button[type="submit"]:not(.block-control-link, .page-row-control-link):active, .cta-50-50 button[type="submit"]:not(.block-control-link, .page-row-control-link):visited, .cta-50-50 button[type="submit"]:not(.block-control-link, .page-row-control-link):focus { background-color: #ffc904; color: #000; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; border: none; width: auto; min-width: 175px; text-align: center; } .cta-50-50 button[type="submit"]:not(.block-control-link, .page-row-control-link):hover { background-color: #e5b700 !important; color: #000; border: none; } /* === HOVER SQUARES - INFO BOXES ======== */ .hover-info-squares-inner .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .hover-info-squares-inner .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .hover-info-squares-inner .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .hover-info-squares-inner .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .hover-info-squares-inner .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .hover-info-squares-inner .container { /* width: 540px; */ max-width: 100%; } } @media (min-width: 768px) { .hover-info-squares-inner .container { /* width: 720px; */ max-width: 100%; } .hover-info-squares-each .hover-info-squares-title { min-height: 75px; height: 100px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; } } @media (min-width: 992px) { .hover-info-squares-inner .container { /* width: 960px; */ max-width: 100%; } } @media (min-width: 1200px) { .hover-info-squares-inner .container { /* width: 1140px; */ max-width: 100%; } } @media (max-width: 767px) { .hover-info-squares-inner .hidden-sm-down { display: none !important; } } .hover-info-squares-inner .bg-primary-t-1 { background-color: rgba(255, 204, 0, 0.9) !important; } .hover-info-squares-inner .bg-primary-t-1 { color: #000; } .hover-info-squares-inner .bg-inverse-t-3 { background-color: rgba(0, 0, 0, 0.75) !important; } .hover-info-squares-inner .bg-inverse-t-3 { color: #fff; } .hover-info-squares-inner .media-background-container { overflow: hidden; position: relative; z-index: 0; } .hover-info-squares-inner .media-background { height: calc(100% + 1px); left: 0; position: absolute; top: 0; width: calc(100% + 1px); z-index: -1; } .hover-info-squares-inner .object-fit-cover { -o-object-fit: cover; object-fit: cover; } .text-decoration-none { text-decoration: none !important; } .hover-info-squares-inner .text-secondary { color: #000 !important; cursor: default; } .hover-info-squares-inner a.text-secondary:focus, .hover-info-squares-inner a.text-secondary:hover { color: #000 !important; cursor: default; } .hover-info-squares-inner .hover-child-show { opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } .hover-info-squares-inner .hover-child-hide { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } .hover-info-squares-inner .hover-child-scale-up { -webkit-transition: -webkit-transform 0.35s ease-in-out; transition: -webkit-transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; } .hover-info-squares-inner .hover-text-inverse:active, .hover-info-squares-inner .hover-text-inverse:focus, .hover-info-squares-inner .hover-text-inverse:hover, .hover-info-squares-inner .hover-text-inverse:active h3, .hover-info-squares-inner .hover-text-inverse:focus h3, .hover-info-squares-inner .hover-text-inverse:hover h3, .hover-info-squares-inner a.hover-text-inverse:active, .hover-info-squares-inner a.hover-text-inverse:focus, .hover-info-squares-inner a.hover-text-inverse:hover { color: #fff !important; } .hover-info-squares-inner .hover-parent:active .hover-child-show, .hover-info-squares-inner .hover-parent:focus .hover-child-show, .hover-info-squares-inner .hover-parent:hover .hover-child-show { opacity: 1; } /* hide downward chevron, on hover, for hover-info-square cards */ /* comment out below to put back */ .hover-info-squares-inner .hover-parent:active .hover-child-show::before, .hover-info-squares-inner .hover-parent:focus .hover-child-show::before, .hover-info-squares-inner .hover-parent:hover .hover-child-show::before { visibility: hidden; } .hover-info-squares-inner .hover-parent:active .hover-child-hide, .hover-info-squares-inner .hover-parent:focus .hover-child-hide, .hover-info-squares-inner .hover-parent:hover .hover-child-hide { opacity: 0; } .hover-info-squares-inner .hover-parent:active .hover-child-scale-up, .hover-info-squares-inner .hover-parent:focus .hover-child-scale-up, .hover-info-squares-inner .hover-parent:hover .hover-child-scale-up { -webkit-transform: scale(1.25); transform: scale(1.25); } .hover-info-squares-inner h3 { font-weight: 700; letter-spacing: normal; } .hover-info-squares-inner div { font-weight: 500; } @media (max-width: 575px) { .hover-info-squares-inner .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hover-info-squares-inner .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hover-info-squares-inner .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hover-info-squares-inner .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hover-info-squares-inner .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hover-info-squares-inner .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hover-info-squares-inner .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hover-info-squares-inner .hidden-xl-up { display: none !important; } } .hover-info-squares-inner .hidden-xl-down { display: none !important; } .hover-info-squares-inner .line-before-after { border-bottom: 4px solid #fc0; border-top: 4px solid #fc0; font-size: 1.3rem; margin-bottom: 1em; padding: 24px 12px; text-align: center; text-transform: uppercase; font-weight: 700; letter-spacing: normal; } .hover-info-squares-inner .fa-chevron-right { color: #fc0 !important; } .hover-info-squares-inner a.gtm-section-links-cards:not(.hover-text-inverse):link, .hover-info-squares-inner a.gtm-section-links-cards:not(.hover-text-inverse):active, .hover-info-squares-inner a.gtm-section-links-cards:not(.hover-text-inverse):visited, .hover-info-squares-inner a.gtm-section-links-cards:not(.hover-text-inverse):hover, .hover-info-squares-inner a.gtm-section-links-cards:not(.hover-text-inverse):focus { color: #000 !important; } /* hover info squares font color fix */ .hover-info-squares-inner a.gtm-section-links-cards:hover :is(div, p, span) { color: #fff !important; } @media (max-width: 767.8px) { .hover-info-squares-inner a.gtm-section-links-cards:hover :is(div, p, span) { color: #000 !important; } } .hover-info-squares-inner .hover-info-squares-icon { width: 75px; height: auto; } .hover-info-squares-inner a.gtm-section-links-cards:hover .hover-info-squares-icon, .hover-info-squares-inner a.gtm-section-links-cards:active .hover-info-squares-icon, .hover-info-squares-inner a.gtm-section-links-cards:focus .hover-info-squares-icon { filter: invert(1); } .hover-info-squares-inner a.gtm-section-links-cards:hover, .hover-info-squares-inner a.gtm-section-links-cards:active, .hover-info-squares-inner a.gtm-section-links-cards:focus { cursor: default; } /* ==== SINGLE QUOTE BLOCK STYLING ============ */ .single-quote-block-wrapper { /* margin-bottom: 10rem; */ } .single-quote-block-wrapper .container.page-row-container { margin-top: 100px; border: 5px solid #fff; background: transparent; padding: 2rem 1rem; } /* blockquote quotation */ .single-quote-block-inner .single-quote-quotation { padding-bottom: 0; padding-left: 2.75em; padding-right: 0; padding-top: 1.5em; position: relative; z-index: 0; } .single-quote-block-inner .single-quote-quotation::before { color: #fc0; } .single-quote-block-inner img.single-quote-headshot-img { display: inline-flex; margin-top: -125px; margin-left: -1rem; border-radius: 50%; object-fit: cover; width: 200px; min-width: 150px; max-width: 100%; height: auto; } .single-quote-author-section p { text-align: right; } .single-quote-author-section .single-quote-author-name { font-weight: 700; } .single-quote-block-inner .single-quote-quotation::before { content: '“'; font-family: inherit; font-size: 7rem; font-style: normal; font-weight: 800; left: 0.5rem; line-height: 0; position: absolute; top: 0.575em; z-index: -1; } @media (min-width: 768px) { .single-quote-block-inner .single-quote-quotation { padding-left: 1rem; padding-top: 4rem; } } @media (min-width: 768px) { .single-quote-block-inner .single-quote-quotation::before { top: 3rem; } } @media (max-width: 992px) { .single-quote-quotation-section { order: 2; width: 100%; } .single-quote-headshot-section { order: 1; width: 100%; display: flex; flex-direction: column; align-items: flex-end; height: 100%; } .single-quote-block-inner img.single-quote-headshot-img { margin-top: -105px; margin-left: -4rem; border-radius: 50%; object-fit: cover; width: 150px; min-width: 150px; max-width: 100%; height: auto; } .single-quote-block-inner .empty-col { width: 100%; order: 2; } .single-quote-author-section { width: 100%; order: 1; margin-top: 1.5rem; } .single-quote-author-section p { text-align: left; } } @media (min-width: 768px) { .single-quote-block-inner .single-quote-quotation { padding-left: 1rem; padding-top: 4rem; } } @media (min-width: 768px) { .single-quote-block-inner .quote-carousel-quotation::before { top: 3rem; } } /* @media (min-width: 992.1px) { .ucf-quote-carousel .carousel-inner { padding: 0 120px; } } @media (max-width: 991.8px) { .ucf-quote-carousel .carousel-inner { padding: 0 80px; } } */ @media (max-width: 767.8px) { .single-quote-block-inner .single-quote-quotation::before { top: 0; left: -1.5rem; } .single-quote-block-inner .single-quote-quotation { padding-left: 0; } } @media (max-width: 475px) { .single-quote-block-wrapper { padding: 0 20px; } .single-quote-headshot-section { align-items: center; } .single-quote-block-inner img.single-quote-headshot-img { width: auto; max-height: 200px; margin-left: 0; padding: 0 20px; } .single-quote-block-inner .single-quote-quotation::before { top: 1.5rem; left: -1.5rem; } } /* ==== QUOTE CAROUSEL BLOCK STYLING ============ */ .ucf-quote-carousel { background-color: transparent; } .quote-carousel-block-wrapper { margin-bottom: 1rem; } .quote-carousel-block-wrapper .container.page-row-container { margin-top: 100px; border: 5px solid #fff; background: transparent; padding: 2rem 1rem; } /* blockquote quotation */ .quote-carousel-block-inner .quote-carousel-quotation { padding-bottom: 0; padding-left: 2.75em; padding-right: 0; padding-top: 1.5em; position: relative; z-index: 0; } .quote-carousel-block-inner .quote-carousel-quotation::before { color: #fc0; } .quote-carousel-block-inner .quote-carousel-headshot-section { aspect-ratio: 1 / 1; object-fit: cover; } .quote-carousel-block-inner img.quote-carousel-headshot-img { display: inline-flex; margin-top: -125px; margin-left: -1rem; border-radius: 50%; object-fit: cover; object-position: top; width: 200px; min-width: 150px; max-width: 100%; max-height: 100%; height: auto; aspect-ratio: 1 / 1; } .quote-carousel-author-section p { text-align: right; } .quote-carousel-author-section .quote-carousel-author-name { font-weight: 700; } .quote-carousel-block-inner .quote-carousel-quotation::before { content: '“'; font-family: inherit; font-size: 7rem; font-style: normal; font-weight: 800; left: 0.5rem; line-height: 0; position: absolute; top: 0.575em; z-index: -1; } .ucf-quote-carousel .carousel-indicators [data-bs-target] { background-color: #bcbcbc; } .ucf-quote-carousel .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 25px; height: 25px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: 0px; cursor: pointer; background-clip: padding-box; border: 0; border-radius: 50%; transition: opacity 0.6s ease; } .ucf-quote-carousel .carousel-indicators .active { /* opacity: 1; */ /* background-color: #666; */ } .ucf-quote-carousel .indicator-label { display: block; color: #000 !important; font-size: 0.75rem; } @media (max-width: 992px) { .quote-carousel-quotation-section { order: 2; width: 100%; } .quote-carousel-headshot-section { order: 1; width: 100%; display: flex; flex-direction: column; align-items: flex-end; height: 100%; } .quote-carousel-block-inner img.quote-carousel-headshot-img { margin-top: -105px; margin-left: -4rem; border-radius: 50%; object-fit: cover; width: 150px; min-width: 150px; max-width: 100%; height: auto; } .ucf-quote-carousel .empty-col { width: 100%; order: 2; } .quote-carousel-author-section { width: 100%; order: 1; margin-top: 1.5rem; } .quote-carousel-author-section p { text-align: left; } } @media (min-width: 768px) { .quote-carousel-block-inner .quote-carousel-quotation { padding-left: 1rem; padding-top: 4rem; } } @media (min-width: 768px) { .quote-carousel-block-inner .quote-carousel-quotation::before { top: 3rem; } } @media (min-width: 992.1px) { .ucf-quote-carousel .carousel-inner { padding: 0 120px; } } @media (max-width: 991.8px) { .ucf-quote-carousel .carousel-inner { padding: 0 80px; } } @media (max-width: 767.8px) { .quote-carousel-block-inner .quote-carousel-quotation::before { top: 0; left: -1.5rem; } .quote-carousel-block-inner .quote-carousel-quotation { padding-left: 0; } } @media (max-width: 475px) { .ucf-quote-carousel .carousel-inner { padding: 0 40px; } .quote-carousel-headshot-section { align-items: center; } .quote-carousel-block-inner img.quote-carousel-headshot-img { width: auto; margin-left: 0; padding: 40px; } .quote-carousel-block-inner .quote-carousel-quotation::before { top: 1.5rem; left: -1.5rem; } } /* === UCF QUOTE CARDS (3/ROW) CARDS CUSTOM ELEMENT ======== */ .ucf-quote-cards-wrapper { /* padding: 4rem 0; */ /* margin: 0 auto 80px; */ --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); } .ucf-quote-cards-inner { border-radius: 8px; } .ucf-quote-cards-inner h2:nth-of-type(2) { font-weight: 700; text-transform: uppercase; letter-spacing: normal; font-size: 32px; margin-bottom: 0; padding-bottom: 0.75rem; } .ucf-quote-cards-inner p:first-of-type { font-weight: 300; line-height: 1.45; position: relative; margin-top: 2rem; font-size: 1.6rem; } .ucf-quote-cards-inner p:first-of-type::before { content: '“'; font-family: inherit; font-size: 6rem; font-style: normal; font-weight: 900; left: -0.5rem; line-height: 1; position: absolute; top: -65px; left: 0.25rem; color: #fc0; } .ucf-quote-cards-inner p:last-of-type { font-weight: 400; } .ucf-quote-cards-inner :is(h2:first-child), .ucf-quote-cards-inner :is(p:last-child) { padding: 0 !important; } .ucf-quote-cards-inner img { width: 100%; height: 300px; object-fit: cover; object-position: center; border-radius: 8px; } .ucf-quote-cards-inner img { width: 100%; height: 300px; object-fit: cover; object-position: center; border-radius: 8px; } .ucf-quote-cards-wrapper .col-md-4:nth-of-type(3) .ucf-quote-cards-inner img { object-position: 50% 15%; } .ucf-quote-cards-inner a:link, .ucf-quote-cards-inner a:active, .ucf-quote-cards-inner a:visited, .ucf-quote-cards-inner a:focus, .ucf-quote-cards-inner a:hover { color: #0000EE; font-weight: 500; text-decoration: underline; } /* ********* */ /* carousel arrows quick fix */ .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cpolygon points='7.7 23.9 4.8 21.1 13.9 12 4.8 2.9 7.7 0.1 19.6 12 7.7 23.9'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E"); } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Echevron-left%3C/title%3E%3Cpolygon points='15.3 23.9 3.4 12 15.3 0.1 18.2 2.9 9.1 12 18.2 21.1 15.3 23.9'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E"); } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: none; } /* ==== COMPACT QUOTE CAROUSEL - CULTURE MULTI-BLOCK STYLING ============ */ .compact-quote-carousel .carousel-inner { padding: 0; } .compact-quote-carousel .container.page-row-container { margin-top: 0px; padding: 0 1rem 0 0; border: none; } .compact-quote-carousel .quote-carousel-quotation { padding-left: 0; } @media (min-width: 768px) { .compact-quote-carousel .quote-carousel-quotation { font-weight: 400; line-height: 1.65; } } .compact-quote-carousel .quote-carousel-block-inner .quote-carousel-quotation::before { left: 0; } .compact-quote-carousel .quote-carousel-quotation-section { padding-left: 0; } .compact-quote-carousel .carousel-control-prev, .compact-quote-carousel .carousel-control-next { top: 95%; width: 55%; } .compact-quote-carousel .carousel-indicators { position: absolute; margin-left: -2.25rem; margin-bottom: 0; z-index: 0; } .compact-quote-carousel .carousel-control-prev { margin-left: -3.25rem; } .compact-quote-carousel .carousel-control-next { margin-right: 3.25rem; } .compact-quote-carousel .quote-carousel-author-section { padding-left: 0; } .compact-quote-carousel .quote-carousel-author-section p { text-align: left; } /* compact carousel right column, possible solution - WIP */ .compact-carousel-right-col { background-color: #efefef; padding: 1.5rem; width: auto; } .compact-carousel-right-col .page-block { position: relative; margin-left: 230px; } .compact-carousel-right-col .page-block::after { display: inline-flex; content: ''; position: absolute; top: 0; left: -230px; height: 180px; width: 180px; background-image: url('https://d25wby5c7p9100.cloudfront.net/public/uploads/0eb8d3da7cf7de2fb7b8ea0448c3ef4c/images/files/6e7152582b6127b6aec5e0845ea4bdad/medium/2023-10-17_12-03-40.jpg?1697569439'); background-size: cover; background-position: center; } @media (max-width: 991.8px) { .compact-quote-carousel .carousel-indicators { margin-left: -3rem; } } @media (max-width: 767.8px) { .ucf-quote-carousel { margin-bottom: 60px; } .compact-quote-carousel .carousel-indicators, .compact-quote-carousel .carousel-control-prev, .compact-quote-carousel .carousel-control-next { margin: 0 auto; } } /* ==== CULTURE MULTI-BLOCK TEAM MEMBER QUOTES ============ */ .culture-multi-block-team-quote { background-color: #fff; padding: 1rem 0; margin-bottom: 1rem; } @media (min-width: 768px) { .culture-multi-block-team-quote .col-xs-12 { width: 100%; margin-left: 1rem; } } @media (min-width: 992px) { .culture-multi-block-team-quote .col-xs-12 { width: 50%; padding-left: 1rem; margin-left: 0; } } .culture-multi-block-team-quote .team-member-bio :is(.name, .title) { display: none; } .culture-multi-block-team-quote .team-member-bio .team-member-image { width: 100%; max-width: 210px; height: auto; } .culture-multi-block-team-quote .quote .quote-wrap p { padding-right: 2rem; } .culture-multi-block-team-quote .quote .quote-wrap :is(h2) { border-bottom: 5px solid #fc0; width: 13rem; } .culture-multi-block-team-quote .quote .quote-wrap p { line-height: 1.65; } .culture-multi-block-team-quote .quote .quote-wrap a.button.button1, .culture-multi-block-team-quote .quote .quote-wrap a.button.button1:active, .culture-multi-block-team-quote .quote .quote-wrap a.button.button1:visited, .culture-multi-block-team-quote .quote .quote-wrap a.button.button1:focus { padding: 0.2rem 1rem; } @media (max-width: 991.8px) { .culture-multi-block-team-quote .quote .quote-wrap { margin-top: 1rem; } } @media (max-width: 767.8px) { .culture-multi-block-team-quote { padding: 1.5rem 1.2rem; } } /* ==== TEXT FACTS GRID WRAPPER STYLING (black bg) ============ */ .text-facts-wrapper { background-color: #000; } .text-facts-wrapper .fact-grid-wrap { overflow: hidden; padding: 0; } @media (max-width: 575px) { .text-facts-wrapper .fact-grid-wrap.container { width: calc(100% - 30px); } } .text-facts-wrapper .fact-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -2px; margin-left: 0; margin-right: -2px; } .text-facts-wrapper .fact-block { border-bottom: 1px dotted; border-right: 1px dotted; border-color: #fc0; padding-bottom: 1rem; padding-top: 1rem; text-align: center; } @media (min-width: 576px) { .text-facts-wrapper .fact-block { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 768px) { .text-facts-wrapper .fact-block { padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; } } .text-facts-wrapper .fact-block:not(.col):not([class*=" col-"]):not([class^=col-]):not([class^=w-]):not([class*=" w-"]) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media (min-width: 576px) { .text-facts-wrapper .fact-block:not(.col):not([class*=" col-"]):not([class^=col-]):not([class^=w-]):not([class*=" w-"]) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .text-facts-wrapper .fact-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; } .text-facts-wrapper .fact-header-lg { margin-bottom: 1rem; } @media (min-width: 576px) { .text-facts-wrapper .fact-header-lg { height: 80px; } } @media (min-width: 768px) { .text-facts-wrapper .fact-header-lg { height: 125px; } } @media (max-width: 575px) { .text-facts-wrapper .fact-header-icon { height: 25vw; } } .text-facts-wrapper .fact-grid-wrap :is(h1, h2, h3, h4, h5, h6, p) { color: #fff; } .text-facts-wrapper .text-facts-block-left :is(h1, h2, h3, h4, h5, h6) { font-size: 40px; font-weight: 700; letter-spacing: normal; color: #fc0; margin-top: 1.5rem; } .text-facts-wrapper .text-facts-block-left :is(p, ul, li) { color: #fff; line-height: 1.65; font-weight: 500; } .text-facts-wrapper .text-facts-block-left { padding: 2rem; } .text-facts-wrapper .text-facts-block-right { padding: 3rem 4rem 0rem; } .text-facts-wrapper .text-facts-block-right :is(h1, h2, h3) { font-weight: 700; letter-spacing: 2px; font-size: 42px; } .text-facts-wrapper .text-facts-block-right :is(p) { line-height: 1.65; } .page-body.editing .text-facts-wrapper .text-facts-block-right :is(p) { color: #fff; } @media (max-width: 1199.8px) { .text-facts-wrapper .text-facts-block-right { padding: 3rem 1rem 0rem; } } @media (max-width: 991.8px) { .text-facts-wrapper .col-md-6 { width: 100%; } .text-facts-wrapper .text-facts-block-left { padding: 2rem 0 0 2rem; } } @media (max-width: 767.8px) { .text-facts-wrapper .text-facts-block-left { padding: 2rem 0 0 1rem; } } /* ==== *INVERSE TEXT FACTS GRID WRAPPER STYLING (yellow bg) ============ */ .text-facts-wrapper-inverse { /* background-color: #fc0; */ background-image: url('https://d25wby5c7p9100.cloudfront.net/public/uploads/0eb8d3da7cf7de2fb7b8ea0448c3ef4c/images/files/ac62af8953be9ba974f2a3c4771db3c7/large/ucf-knight-fact-grid-bg.png?1699311524'); background-repeat: no-repeat; background-size: cover; background-position: right; position: relative; } .text-facts-wrapper-inverse::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(255 204 0 / 85%); } .text-facts-wrapper-inverse .fact-grid-wrap { overflow: hidden; padding: 0; } @media (max-width: 575px) { .text-facts-wrapper-inverse .fact-grid-wrap.container { width: calc(100% - 30px); } } .text-facts-wrapper-inverse .fact-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -2px; margin-left: 0; margin-right: -2px; } .text-facts-wrapper-inverse .fact-block { border-bottom: 1px dotted; border-right: 1px dotted; border-color: #000; padding-bottom: 1rem; padding-top: 1rem; text-align: center; } @media (min-width: 576px) { .text-facts-wrapper-inverse .fact-block { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 768px) { .text-facts-wrapper-inverse .fact-block { padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; } } .text-facts-wrapper-inverse .fact-block:not(.col):not([class*=" col-"]):not([class^=col-]):not([class^=w-]):not([class*=" w-"]) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media (min-width: 576px) { .text-facts-wrapper-inverse .fact-block:not(.col):not([class*=" col-"]):not([class^=col-]):not([class^=w-]):not([class*=" w-"]) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .text-facts-wrapper-inverse .fact-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; } .text-facts-wrapper-inverse .fact-header-lg { margin-bottom: 1rem; } @media (min-width: 576px) { .text-facts-wrapper-inverse .fact-header-lg { height: 80px; } } @media (min-width: 768px) { .text-facts-wrapper-inverse .fact-header-lg { height: 125px; } } @media (max-width: 575px) { .text-facts-wrapper-inverse .fact-header-icon { height: 25vw; } } .text-facts-wrapper-inverse .fact-grid-wrap :is(h1, h2, h3, h4, h5, h6, p) { color: #000; } .text-facts-wrapper-inverse .text-facts-block-left :is(h1, h2, h3, h4, h5, h6) { font-size: 40px; font-weight: 700; letter-spacing: normal; color: #000; margin-top: 1.5rem; } .text-facts-wrapper-inverse .text-facts-block-left :is(p, ul, li) { color: #000; line-height: 1.65; font-weight: 500; } .text-facts-wrapper-inverse .text-facts-block-left { padding: 2rem; } .text-facts-wrapper-inverse .text-facts-block-right { padding: 3rem 4rem 0rem; } .text-facts-wrapper-inverse .text-facts-block-right :is(h1, h2, h3) { font-weight: 700; letter-spacing: 2px; font-size: 42px; } .text-facts-wrapper-inverse .text-facts-block-right :is(p) { line-height: 1.65; } .page-body.editing .text-facts-wrapper-inverse .text-facts-block-right :is(p) { color: #000; } @media (max-width: 1199.8px) { .text-facts-wrapper-inverse .text-facts-block-right { padding: 3rem 1rem 0rem; } } @media (max-width: 991.8px) { .text-facts-wrapper-inverse .col-md-6 { width: 100%; } .text-facts-wrapper-inverse .text-facts-block-left { padding: 2rem 0 0 2rem; } } @media (max-width: 767.8px) { .text-facts-wrapper-inverse .text-facts-block-left { padding: 2rem 0 0 1rem; } } /* SELECTIZE BADGES */ .selectize-control.multi .selectize-input > div { background-color: #fc0; color: #000000; font-size: max(.75rem,.75em); font-weight: 700; line-height: 1; letter-spacing: .1em; text-transform: capitalize; white-space: normal; vertical-align: middle; padding: 0.35em 0.8em; border-radius: 12px; border-radius: 10rem; } .show-when-candidate-known a, .show-when-candidate-known span, p.show-when-candidate-known { text-align: center; width: 100%; font-weight: 700; } /* ==== VIDEO & TEXT BLOCK, TWO TONE (WHITE/YELLOW) SPLIT HEADER TEXT ============ */ .video-text-two-tone-text-block :is(h1, h2, h3) em { display: block; font-style: normal; color: #fc0; } .video-text-two-tone-text-block a.button.button1:hover { background-color: #e5b700 !important; color: #000; border: none; } .video-text-two-tone-text-block :is(h1,h2,h3) { letter-spacing: 1px; } .video-text-two-tone-text-block :is(h2) { font-size: 2.5rem; } /* ==== RECRUITER TIPS & TRICKS, CIRCLE HEADSHOT & QUOTE BLOCK ============ */ .tipstricks .photoblock { background: #ffc904; border-radius: 100%; display: inline-block; padding: 8px; float: left; margin-right: 2rem; margin-bottom: 30px; margin-top: 30px; } .tipstricks .photoblock img.arrow { position: absolute; top: 60px; left: 155px; z-index: 1; } .tipstricks .photoblock img.photo { position: relative; z-index: 10; } .tipstricks .quoteblock { padding-top: 0.5rem; width: 100%; } .tipstricks .quoteblock .name { color: #000; background: gold; display: inline-block; padding: 5px 10px; font-weight: 700; } .tipstricks .quoteblock .title { background: #000; display: inline-block; color: #fff; padding: 5px 10px; font-size: 12px; } .tipstricks .quoteblock p { font-size: 13px; font-weight: 500; line-height: 1.75; } @media (max-width: 768px) { .tipstricks .photoblock { display: block; float: none; background: 0 0; text-align: center; margin: 0; } .tipstricks .photoblock img.arrow { display: none; } .tipstricks .quoteblock { padding-bottom: 30px; } .tipstricks .photoblock img.photo { border: 5px solid gold; border-radius: 100%; } } .recruiter-tips-left-block, .recruiter-tips-right-block { position: relative; } /* ==== FULL WIDTH BG IMG MAX-HEIGHT, NO GUTTERS ============ */ .bg-img-height .col-md-12 { --bs-gutter-x: 0; } .bg-img-height .block-image-cover { max-height: 425px; } /* ==== HEADING WITH YELLOW LINES ON EACH SIDE ============ */ .heading-yellow-lines :is(h1, h2, h3) { position: relative; display: flex; justify-content: center; margin: -60px auto 1rem; padding: 1rem; width: 1320px; letter-spacing: 0.4px; text-transform: uppercase; } .heading-yellow-lines :is(h1, h2, h3)::before, .heading-yellow-lines :is(h1, h2, h3)::after { content: ""; background-color: #fc0; height: 5px; margin: auto; flex: 1 1 auto; } .heading-yellow-lines :is(h1, h2, h3)::before { margin-right: 2rem; } .heading-yellow-lines :is(h1, h2, h3)::after { margin-left: 2rem; } .heading-yellow-lines :is(h1, h2, h3) { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .heading-yellow-lines :is(h1, h2, h3) { max-width: 540px; } } @media (min-width: 768px) { .heading-yellow-lines :is(h1, h2, h3) { max-width: 720px; } } @media (min-width: 992px) { .heading-yellow-lines :is(h1, h2, h3) { max-width: 960px; } } @media (min-width: 1200px) { .heading-yellow-lines :is(h1, h2, h3) { max-width: 1140px; } } @media (min-width: 1400px) { .heading-yellow-lines :is(h1, h2, h3) { max-width: 1320px; } } .heading-yellow-lines :is(h2) { font-size: 2.5rem; } /* ==== RESOURCES ICONS GRID AND SUBTEXT ============ */ .resources-icons-wrapper { background-color: #000; } /* .resources-icons-wrapper .col-md-2 { width: 33.33333333%; margin-bottom: 1.5rem; } */ @media (max-width: 575.8px) { .resources-icons-wrapper .col-md-2 { width: 100%; margin-bottom: 1.5rem; } } @media (min-width: 576px) { .resources-icons-wrapper .col-md-2 { width: 50%; margin-bottom: 1.5rem; } } @media (min-width: 992px) { .resources-icons-wrapper .col-md-2 { width: 33.33333333%; margin-bottom: 1.5rem; } } .resources-icon-block img { margin-bottom: 1rem; } .resources-icon-block p { color: #fff; line-height: 1.4; font-size: 0.8rem; text-decoration: underline; } .resources-icon-block a, .resources-icon-block a:active, .resources-icon-block a:visited, .resources-icon-block a:focus, .resources-icon-block a:hover { color: #FFF; line-height: 1.4; font-size: 0.8rem; text-decoration: underline; } .resources-icon-block a:active { color: #dcdcdc; } /* ==== ALL PAGES HERO HEADING STYLING ============ */ .homepage-hero-heading { font-weight: 600; line-height: 1.1; margin-top: 0.5rem; } /* display typography responsive styling */ @media (min-width: 576px) { .homepage-hero-heading { font-size: 2.5rem !important; } } @media (min-width: 768px) { .homepage-hero-heading { font-size: 3.5rem !important; } } /* HOMEPAGE - RESPONSIVE HERO IMAGE BACKGROUND */ .homepage-hero-text-block { width: 66.6667%; flex: 0 0 auto; } @media (max-width: 1199.8px) { .homepage-hero-text-block { width: 64%; flex: 0 0 auto; margin-left: 0 !important; padding-left: 0 !important; } } @media (min-width: 768px) and (max-width: 1023.8px) { .homepage-hero-section-wrapper .block-image-text .container { max-width: 720px; } } @media (max-width: 1023.8px) { .homepage-hero-text-block { width: 100%; flex: 0 0 auto; padding: 0 1rem; } } @media (max-width: 575px) { .homepage-hero-text-block { width: 90%; flex: 0 0 auto; padding: 1rem 0.5rem !important; margin: 1.5rem auto 0 !important; } } .all-page-hero-heading, .blog-post-hero-heading h2 span { font-size: 3.5rem; line-height: 0.9; font-weight: 700; letter-spacing: normal; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); } @media (min-width: 576px) { .all-page-hero-heading, .blog-post-hero-heading h2 span { font-size: 4.5rem; } } @media (min-width: 768px) { .all-page-hero-heading, .blog-post-hero-heading h2 span { font-size: 5.5rem; } } .blog-post-hero-heading h2 span { text-transform: uppercase; } /* ==== FACULTY PAGE - US NEWS BADGE ============ */ .faculty-page-us-news-badge .block-image-uncropped-full-width { display: flex; justify-content: center; } @media (min-width: 768px) { .faculty-page-great-career-wrapper .col-md-8 { padding-right: 5rem; } .faculty-page-great-career-wrapper .col-md-4 { padding-left: 7rem; margin-left: -5rem; } .faculty-page-great-career-wrapper .faculty-page-us-news-badge-caption { margin-top: 2rem; padding-left: 2rem; } .faculty-page-great-career-wrapper .faculty-page-us-news-badge-caption h2 { margin-bottom: 0.4rem; } /* .faculty-page-great-career-wrapper .faculty-page-us-news-badge-caption p { line-height: 1.4; } .faculty-page-great-career-wrapper .faculty-page-great-career-text p { line-height: 2.4; } */ } .faculty-page-great-career-wrapper .faculty-page-us-news-badge img { width: 80%; height: auto; } /* ==== FAQ-ACCORDION - APPLICANT RESOURCES PAGE ============ */ .faq-accordion .accordion-button.icon-arrow::before, .faq-accordion .accordion-button.icon-arrow::after { content: ""; } .faq-accordion .accordion-button::before, .faq-accordion .accordion-button::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31'%3E%3Cpath fill='%23fc0' d='M15.2,0.7C17.9,0.7,20.4,1.4,22.7,2.7,25,4.1,26.8,5.9,28.2,8.2,29.5,10.5,30.2,13,30.2,15.7,30.2,18.4,29.5,20.9,28.2,23.2,26.8,25.5,25,27.3,22.7,28.7,20.4,30,17.9,30.7,15.2,30.7,12.5,30.7,10,30,7.7,28.7,5.4,27.3,3.6,25.5,2.2,23.2,0.9,20.9,0.2,18.4,0.2,15.7,0.2,13,0.9,10.5,2.2,8.2,3.6,5.9,5.4,4.1,7.7,2.7,10,1.4,12.5,0.7,15.2,0.7ZM23.9,17.4L23.9,14C23.9,13.8,23.8,13.6,23.7,13.5,23.5,13.3,23.4,13.3,23.2,13.3L17.6,13.3,17.6,7.7C17.6,7.5,17.5,7.3,17.4,7.2,17.3,7,17.1,7,16.9,7L13.5,7C13.3,7,13.1,7,13,7.2,12.8,7.3,12.8,7.5,12.8,7.7L12.8,13.3,7.2,13.3C7,13.3,6.8,13.3,6.7,13.5,6.5,13.6,6.5,13.8,6.5,14L6.5,17.4C6.5,17.6,6.5,17.8,6.7,17.9,6.8,18,7,18.1,7.2,18.1L12.8,18.1,12.8,23.7C12.8,23.9,12.8,24,13,24.2,13.1,24.3,13.3,24.4,13.5,24.4L16.9,24.4C17.1,24.4,17.3,24.3,17.4,24.2,17.5,24,17.6,23.9,17.6,23.7L17.6,18.1,23.2,18.1C23.4,18.1,23.5,18,23.7,17.9,23.8,17.8,23.9,17.6,23.9,17.4Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 20px; height: 20px; background-position: left center; } .faq-accordion .accordion-button.icon-arrow:not(.collapsed)::before, .faq-accordion .accordion-button.icon-arrow:not(.collapsed)::after { content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31'%3E%3Cpath fill='%23fc0' d='M15.2,0.7C17.9,0.7,20.4,1.4,22.7,2.7,25,4.1,26.8,5.9,28.2,8.2,29.5,10.5,30.2,13,30.2,15.7,30.2,18.4,29.5,20.9,28.2,23.2,26.8,25.5,25,27.3,22.7,28.7,20.4,30,17.9,30.7,15.2,30.7,12.5,30.7,10,30,7.7,28.7,5.4,27.3,3.6,25.5,2.2,23.2,0.9,20.9,0.2,18.4,0.2,15.7,0.2,13,0.9,10.5,2.2,8.2,3.6,5.9,5.4,4.1,7.7,2.7,10,1.4,12.5,0.7,15.2,0.7ZM7.2,18.1L23.2,18.1C23.4,18.1,23.5,18,23.7,17.9,23.8,17.8,23.9,17.6,23.9,17.4L23.9,14C23.9,13.8,23.8,13.6,23.7,13.5,23.5,13.3,23.4,13.3,23.2,13.3L7.2,13.3C7,13.3,6.8,13.3,6.7,13.5,6.5,13.6,6.5,13.8,6.5,14L6.5,17.4C6.5,17.6,6.5,17.8,6.7,17.9,6.8,18,7,18.1,7.2,18.1Z'/%3E%3C/svg%3E"); } .faq-accordion .accordion-header:hover { text-decoration: underline; } .accordion-item { border: none; } .accordion-body { border: 1px solid rgba(0,0,0,.125); margin-top: 0; width: 96%; margin-left: auto; } .accordion-item .accordion-button { font-weight: 700; font-size: 1.2rem; } .accordion-button:focus { border: none; box-shadow: none; } .accordion-button:not(.collapsed) { background-color: transparent; color: #000; text-decoration: underline; box-shadow: none; } /* current/future knights button test only - 2B.deleted */ .height-test-auto .page-block { height: auto !important; } /* JOB PAGE - SIDEBAR BORDERS AND LAYOUT */ .job-page-sidebar { border: 3px solid #ebebeb; padding: 30px 15px 20px; margin-bottom: 30px; } .job-page-sidebar .block-jobs .job { margin: 2rem 0 0; } /* ANGLE BLOCK WRAPPER - V2 - WITH BG IMAGE */ .angle-block-wrapper-v2 { position: relative; background: linear-gradient( to right, #ffc904 0%, #ffc904 47%, #000 47%, #000 100% ); } .angle-block-wrapper-v2::before { content: ''; background: linear-gradient(rgb(255 201 4 / 40%), rgb(255 201 4 / 40%)), url('https://d25wby5c7p9100.cloudfront.net/public/uploads/0eb8d3da7cf7de2fb7b8ea0448c3ef4c/images/files/ac62af8953be9ba974f2a3c4771db3c7/large/ucf-knight-fact-grid-bg.png?1699311524') no-repeat 25% 50%; background-size: cover; position: absolute; bottom: 0; left: 47%; width: 53%; height: 100%; } .angle-block-wrapper-v2::after { content: ''; position: absolute; display: inline-block; top: 0; bottom: 0; background: #ffc904; width: 50%; clip-path: polygon(10% 50%, 0 100%, 0 50%, 0 0); left: 47%; margin-left: -1px; } .angle-block-wrapper-v2 a.button.button1, .angle-block-wrapper-v2 a.button.button1:active, .angle-block-wrapper-v2 a.button.button1:visited, .angle-block-wrapper-v2 a.button.button1:focus { background-color: #ffc904; color: #000; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; line-height: 1.2; border: none; width: auto; text-align: center; } .angle-block-wrapper-v2 a.button.button1:hover { background-color: #e5b700 !important; color: #000; border: none; } .angle-block-wrapper-v2 :is(h1, h2, h3, h4, h5, h6) { font-weight: 700; letter-spacing: normal; } .angle-block-left-v2 { width: 85%; padding-left: 2rem; } .angle-block-left-v2 p { line-height: 1.65; font-weight: 500; } .angle-block-right-v2 { width: 85%; padding-left: 6rem; } .angle-block-right-v2 :is(h1, h2, h3, h4, h5, h6) { color: #000; } .angle-block-right-v2 p { color: #000; line-height: 1.65; font-weight: 500; } .angle-block-left-v2, .angle-block-right-v2 { display: flex; height: 100%; } .angle-block-left-v2 .page-block, .angle-block-right-v2 .page-block { display: flex; height: 100%; flex-direction: column; justify-content: space-between; } .angle-block-left-v2 .page-block p:first-of-type, .angle-block-right-v2 .page-block p:first-of-type { height: 100%; } .angle-block-left-v2 .page-block p:last-of-type, .angle-block-right-v2 .page-block p:last-of-type { display: flex; justify-content: flex-start; } @media (max-width: 768px) { .angle-block-wrapper-v2 { background: none; } .angle-block-wrapper-v2::after { display: none; } .angle-block-wrapper-v2 .col-md-6:first-of-type { background: #fc0; width: 100%; margin-bottom: 1rem; } .angle-block-wrapper-v2 .col-md-6:last-of-type { background: #000; width: 100%; } .angle-block-left-v2, .angle-block-right-v2 { width: 100%; padding: 1.5rem; } } /* FACULTY IMAGE ADJUST - FOR LARGER IMAGES, SCALE DOWN TO FIT 150X150 CIRCLE */ .faculty-image { margin-top: -75px; max-width: 150px !important; width: 150px; height: 150px; object-fit: cover; } /* BLOG POST HERO SECTION */ /* containerize the blog post title */ .blog-post-hero-heading-wrapper .block-image-text { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .blog-post-hero-heading-wrapper .block-image-text { max-width: 540px; } } @media (min-width: 768px) { .blog-post-hero-heading-wrapper .block-image-text { max-width: 720px; } } @media (min-width: 992px) { .blog-post-hero-heading-wrapper .block-image-text { max-width: 960px; } } @media (min-width: 1200px) { .blog-post-hero-heading-wrapper .block-image-text { max-width: 1140px; } } @media (min-width: 1400px) { .blog-post-hero-heading-wrapper .block-image-text { max-width: 1320px; } } /* ======== MERGED STYLES FROM ALL PREVIOUS LAYOUTS, BELOW ======================= */ /* ------------ UCF STICKY NAV STYLING ------------ */ .ucf-global-sticky-nav-wrapper .col-md-12 { padding: 0; } .ucf-home-sticky-nav-wrapper { background-color: #ffc904 !important; padding: 0; } .ucf-home-sticky-nav-inner .navbar-brand { font-weight: bold; height: 84px; padding: 0; display: flex; align-items: center; } .ucf-home-sticky-nav-inner .navbar-brand:hover { text-decoration: none; } .ucf-home-sticky-nav-inner .navbar-toggler { border: none; } .ucf-home-sticky-nav-inner .navbar-toggler:focus { box-shadow: 0 0 0 0.06rem #000; outline: 0.05rem dotted #000; border-radius: 0; outline-offset: 3px; } .ucf-home-sticky-nav-inner a.nav-link { border-bottom: 2px solid transparent; background-color: transparent; cursor: pointer; color: #000 !important; text-decoration: none; font-size: 14px; line-height: 21px; margin: 0px 10px; padding: 1.5rem 0.8rem !important; width: auto; position: relative; white-space: nowrap; font-weight: bold !important; text-transform: uppercase; } @media (max-width: 991.8px) { .ucf-home-sticky-nav-inner a.nav-link { padding: 1rem 15px !important; margin: 0; } } .ucf-home-sticky-nav-inner a.nav-link:hover { background-color: rgba(0, 0, 0, 0.1); } @media (max-width: 991.8px) { .ucf-home-sticky-nav-inner .navbar-collapse { border-top: 1px solid black; } .ucf-home-sticky-nav-inner .ucf-homepage-nav-links-list { padding-bottom: 1.5rem; } .ucf-home-sticky-nav-inner .nav-link-last.sign-in-link { border-top: 2px solid #000; } } @media (min-width: 991.8px) { .ucf-home-sticky-nav-inner .ucf-homepage-nav-links-list .nav-item { margin-bottom: 0; } .ucf-home-sticky-nav-inner .ucf-homepage-nav-links-list .nav-item .nav-link:nth-of-type(1), .ucf-floating-nav-inner .ucf-homepage-nav-links-list .nav-item .nav-link:nth-of-type(1) { margin-left: -8px; } } .ucf-home-sticky-nav-inner ul.dropdown-menu.show { border-radius: 0; border: 0; min-width: 14rem; margin-top: 0; background-color: rgba(54, 54, 54, 0.975); } .ucf-home-sticky-nav-inner ul.dropdown-menu .dropdown-item { color: #fff !important; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.2; padding: 1rem 15px; } .ucf-home-sticky-nav-inner ul.dropdown-menu .dropdown-item:hover { background-color: rgba(0, 0, 0, 0.9); color: #fff !important; text-decoration: none; } @media (min-width: 991.8px) { .ucf-home-sticky-nav-inner .nav-link-last.sign-in-link { top: 5px; position: relative; right: 0; } .ucf-home-sticky-nav-inner .nav-link-last.sign-in-link a.nav-link { padding: 0 !important; font-size: 0.75rem; font-weight: 500 !important; text-transform: capitalize; border: none !important; } .ucf-home-sticky-nav-inner .nav-link-last.sign-in-link a.nav-link:hover { font-size: 0.75rem; font-weight: 500 !important; text-transform: capitalize; background-color: transparent !important; text-decoration: underline !important; border: none !important; } .ucf-home-sticky-nav-inner .nav-link-last.sign-in-link a.nav-link::before, .ucf-home-sticky-nav-inner .nav-link-last.sign-in-link a.nav-link:hover::before { display: none !important; border: none !important; } } .text-white { color: #fff !important; } a.text-white:focus, a.text-white:hover { color: #e6e6e6 !important; } .hero-text-primary, .hero-text-primary em { color: #fc0 !important; } a.hero-text-primary:focus, a.hero-text-primary:hover, a.hero-text-primary em:focus, a.hero-text-primary em:hover{ color: #cca300 !important; } .ucf-global.ucf-floating-nav-wrapper { position: absolute; z-index: 99; top: 50px; left: 0; right: 0; background-color: transparent !important; } .ucf-global .ucf-floating-nav-inner a.nav-link { background-color: transparent; cursor: pointer; color: #fff !important; text-decoration: none; margin: 0; width: auto; position: relative; white-space: nowrap; font-weight: bold !important; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.2; padding: 1.5rem 1.8rem !important; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,.25); } @media (max-width: 991.8px) { .ucf-global .ucf-floating-nav-inner a.nav-link { padding: 1rem 15px !important; margin: 0; } } .ucf-global .ucf-floating-nav-inner a.nav-link:hover { background-color: rgba(0, 0, 0, 0.9); text-decoration:underline; color:#E6E6E6 !important; } .ucf-global .ucf-floating-nav-button a.nav-link, .ucf-global .ucf-floating-nav-button a.nav-link:active, .ucf-global .ucf-floating-nav-button a.nav-link:visited, .ucf-global .ucf-floating-nav-button a.nav-link:focus { background-color: #fc0 !important; color: #000 !important; text-shadow: none; padding: 1.3rem 1.2rem !important; } .ucf-global .ucf-floating-nav-button a.nav-link:hover { background-color: #000 !important; color: #fff !important; } .hero-badge-primary, .blog-post-badge h3 { background-color: #fc0; color: #000; border-radius: 0; } .hero-badge-primary .hero-text-sm { font-size: 0.875rem !important; text-transform: uppercase; margin-bottom: 0.5rem; font-family: inherit; font-weight: 600; line-height: 1.1; color: inherit; } .blog-post-badge h3 { font-size: 0.875rem !important; text-transform: uppercase; margin-bottom: 0.5rem; font-family: inherit; font-weight: 600; line-height: 1.1; color: #000 !important; width: fit-content; --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; } /* === BEGIN JOB TEMPLATE PAGE - HERO & TEXT STYLES ========= */ .job-page-hero-heading { font-size: 7vw; line-height: 1.1; margin-bottom: 0; } @media (min-width: 576px) { .job-page-hero-heading { font-size: 2.5rem; } } @media (min-width: 768px) { .job-page-hero-heading { font-size: 3.5rem; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); } } .job-page-hero-heading .block-image-text :is(h1, h1 span) { /* font-size: 7vw; */ line-height: 1.1; font-weight: 500; } @media (min-width: 576px) { .job-page-hero-heading .block-image-text :is(h1, h1 span) { font-size: 2.5rem; } } @media (min-width: 768px) { .job-page-hero-heading .block-image-text :is(h1, h1 span) { font-size: 3.5rem; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); } } .job-page-hero-heading .block-image-text { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .job-page-hero-heading .block-image-text { max-width: 540px; } } @media (min-width: 768px) { .job-page-hero-heading .block-image-text { max-width: 720px; } } @media (min-width: 992px) { .job-page-hero-heading .block-image-text { max-width: 960px; } } @media (min-width: 1200px) { .job-page-hero-heading .block-image-text { max-width: 1140px; } } @media (min-width: 1400px) { .job-page-hero-heading .block-image-text { max-width: 1320px; } } /* === END JOB TEMPLATE PAGE - HERO & TEXT STYLES ========= */ .ucf-global.ucf-floating-nav-wrapper { /* padding-top: 3rem; */ } .ucf-homepage-nav-links-list { width: 100%; justify-content: space-between; } .block-image-cover .block-image-text { position: relative; top: 50%; } .block-image-text { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); vertical-align: top; } .block-image-cover { background-size: cover; height: 540px; background-position: center; background-repeat: no-repeat; } .page-row .page-row-container { position: relative; } .on-page-invisible-image { display: none; } /* nav gradient */ .ucf-global.nav-gradient { background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,.5)),to(transparent)); background-image: linear-gradient(to bottom,rgba(0,0,0,.5) 0,transparent 100%); background-repeat: repeat-x; } /* shift row1 down on page editor only */ .page-body.page.editing #page_row_0 { margin-top: 100px; } /* mobile nav dropdown styling */ @media (max-width: 991.8px) { .ucf-global .navbar-collapse { text-align: center; background-color: rgba(54,54,54,.975); padding: 15px; margin-top: calc(0.825rem - 3px); } .ucf-global button.navbar-toggler { border-radius: 0; border: 3px solid #fff; color: #000; background-color: #fff; margin-left: auto; margin-right: 0; margin-bottom: calc(0.825rem - 3px); } .ucf-global button.navbar-toggler.collapsed { border-radius: 0; border: 3px solid #fff; color: #fff; background-color: transparent; } .ucf-global .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: none; } .ucf-global button.navbar-toggler .navbar-toggler-icon { background-image: var(--bs-navbar-toggler-icon-bg); } .ucf-global button.navbar-toggler.collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") } .ucf-global span.navbar-toggler-text { text-transform: uppercase; font-size: 0.8rem; font-weight: 700; padding: 0 0.3rem; } } @media (min-width: 992px) and (max-width: 1200px) { .ucf-global .ucf-floating-nav-inner { max-width: 95%; justify-content: space-around; } .ucf-global .ucf-homepage-nav-links-list { justify-content: space-around; } .ucf-global .ucf-floating-nav-inner a.nav-link { padding: 1.5rem 0.5rem !important; } } .hero-no-gutter .col-md-12, .hero-no-gutter .block-image { margin: 0 !important; padding: 0 !important; } /* UNSTICKY the sticky nav on page editor */ .page-body.editing .sticky-top { position: initial; } /* consent modal z-index (visibility over ucf black navbar) */ .consent-modal.modal.show { z-index: 99999; } /* ALL PAGE HERO HEADING XS MOBILE SIZE */ @media (max-width: 400px) { .all-page-hero-heading, .blog-post-hero-heading h2 span { font-size: 14vw; } .all-page-hero-heading.applicant-resources-heading { font-size: 12vw; } .hero-badge-primary .hero-text-sm { white-space: break-spaces; } } /* FEATURED JOBS WORK WITH US SECTION */ @media (max-width: 991.8px) { .featured-jobs-work-with-us .row .col-md-8 { display: flex; justify-content: center; width: 100%; max-width: 100%; margin-bottom: 60px } .featured-jobs-work-with-us .row .col-md-8 img { max-width: 400px; } .featured-jobs-work-with-us .row .col-md-4 { width: 100%; max-width: 100%; padding: 0 5rem 0 2rem; } } /* FEATURED JOBS IMPACT WRAPPER */ .featured-jobs-impact-wrapper .col-md-3 { width: 50%; } .featured-jobs-impact-wrapper .featured-jobs-impact-block-3 { border-top: 1px dotted #000; padding-top: 1.5rem; } .featured-jobs-impact-wrapper .featured-jobs-impact-block-4 { border-top: 1px dotted #000; padding-top: 1.5rem; } @media (max-width: 767.8px) { .featured-jobs-impact-wrapper .col-md-3 { width: 100%; padding: 0 1rem; } .featured-jobs-impact-wrapper .featured-jobs-impact-block-2 { border-top: 1px dotted #000; padding-top: 1.5rem; } } /* FEATURED JOBS WORK WITH US SECTION */ @media (max-width: 991.8px) { .featured-jobs-all-levels-wrapper .row .col-md-8 { display: flex; justify-content: center; width: 100%; max-width: 100%; margin-bottom: 60px } .featured-jobs-all-levels-wrapper .row .col-md-8 img { max-width: 400px; } .featured-jobs-all-levels-wrapper .row .col-md-4 { width: 100%; max-width: 100%; padding: 0 5rem 0 2rem; } } /* FEATURED JOBS PERSEUS */ @media (max-width: 767.8px) { .featured-jobs-perseus-wrapper .perseus-img { display: flex; justify-content: flex-start; padding-top: 30px; } } /* FEATURED JOBS TABBED OPPORTUNITIES */ .tabbed-opportunities-card { padding: 0.8rem 1rem 0 0.8rem !important; } @media (max-width: 991.8px) { .tabbed-opportunities-card { padding: 0.8rem 1rem 0 0.8rem !important; } } @media (max-width: 767.8px) { .tabbed-opps-wrapper .container, .tabbed-opportunities-wrapper .container { max-width: 100%; } .tabbed-opportunities-card .blockquote-quotation, .tabbed-opportunities-card .blockquote-quotation-inverse { padding-left: 0 !important; } .tabbed-opportunities-card .blockquote-quotation-inverse::before, .tabbed-opportunities-card .blockquote-quotation::before { top: 30px !important; left: 0 !important; } } /* FEATURED JOBS TALENT NETWORK CTA BLOCK */ @media (max-width: 991.8px) { .featured-jobs-talent-network-wrapper .col-md-6 { width: 100%; } .featured-jobs-talent-network-block-2 { padding-top: 60px; } } @media (max-width: 525px) { .title-border-box-inner h2 { width: auto; font-size: 7vw; } } /* APPLICANT RESOURCES FIRST BLOCK, BROWSE BY */ @media (max-width: 991.8px) { .applicant-resources-browse-by-wrapper .row .col-md-8, .applicant-resources-browse-by-wrapper .row .col-md-4 { width: 100%; max-width: 100%; padding: 0 2rem; } .applicant-resources-browse-by-block-1 { padding-bottom: 0 !important; } .applicant-resources-voices-cta-wrapper .col-md-6 { width: 100%; } } /* FACULTY PAGE GREAT CAREER - BEST COLLEGES */ @media (max-width: 991.8px) { .faculty-page-great-career-wrapper .col-md-8, .faculty-page-great-career-wrapper .col-md-4 { width: 100%; padding-left: 1rem; margin-left: 0; } .faculty-page-great-career-wrapper .faculty-page-us-news-badge-caption { padding-left: 0 !important; } .faculty-page-great-career-wrapper .faculty-page-us-news-badge img { max-width: 300px; padding: 0 1rem 2rem; } .title-cards-border-box-inner-bottom { margin-bottom: 30px !important; } .faculty-research-60-wrapper .col-md-6 { width: 100%; } .faculty-research-60-wrapper .faculty-research-60-text-block { margin-top: 30px; } } /* FACULTY TALENT NETWORK CTA BLOCK */ @media (max-width: 991.8px) { .faculty-talent-network-wrapper { padding-bottom: 30px !important; } .faculty-talent-network-wrapper .col-md-6 { width: 100%; } .faculty-talent-network-block-2 { padding-top: 60px; } } /* HOME PAGE TALENT NETWORK CTA BLOCK */ @media (max-width: 991.8px) { .home-talent-network-wrapper { padding-bottom: 30px !important; } .home-talent-network-wrapper .col-md-6 { width: 100%; } .home-talent-network-block-2 { padding-top: 60px; } } /* CONTACT RECRUITER TALENT NETWORK CTA BLOCK */ @media (max-width: 991.8px) { .contact-recruiter-talent-network-wrapper { padding-bottom: 30px !important; } .contact-recruiter-talent-network-wrapper .col-md-6 { width: 100%; } .contact-recruiter-talent-network-block-2 { padding-top: 60px; } } /* JOB PAGE CURRENT KNIGHTS/FUTURE KNIGHTS */ @media (max-width: 991.8px) { .angle-block-wrapper-v2 { background: none !important; } .angle-block-wrapper-v2::before { display: none !important; } .angle-block-wrapper-v2::after { display: none !important; } .angle-block-wrapper-v2 .col-md-6:nth-of-type(1) { width: 100% !important; background: #ffc904 !important; margin-bottom: 0 !important; } .angle-block-wrapper-v2 .col-md-6:nth-of-type(2) { content: ''; background: linear-gradient(rgb(255 201 4 / 40%), rgb(255 201 4 / 40%)), url('https://d25wby5c7p9100.cloudfront.net/public/uploads/0eb8d3da7cf7de2fb7b8ea0448c3ef4c/images/files/ac62af8953be9ba974f2a3c4771db3c7/large/ucf-knight-fact-grid-bg.png?1699311524') no-repeat 25% 50%; width: 100% !important; position: relative !important; background-size: cover !important; height: 100% !important; } .angle-block-wrapper-v2 .col-md-6:nth-of-type(1), .angle-block-wrapper-v2 .col-md-6:nth-of-type(2) { padding: 1.5rem !important; } .angle-block-left-v2 { width: 100% !important; padding-left: 0 !important; } .angle-block-left-v2 .row { width: 85%; padding-left: 6rem; left: 12px !important; position: relative; text-align: left; } .angle-block-left-v2 .block-content { padding-left: 0; } } @media (max-width: 767.8px) { .angle-block-left-v2 { padding: 1.5rem !important; } .angle-block-left-v2 .row { width: 100%; padding-left: 1.5rem; left: 0 !important; } } .ucf-home-sticky-nav-inner a.nav-link:hover { color:#666666 !important; text-decoration:underline; } .ucf-home-sticky-nav-inner a.nav-link:active, .ucf-home-sticky-nav-inner a.nav-link:focus{ color:#000 !important; text-decoration:underline; } /* HOMEPAGE - RESPONSIVE HERO IMAGE POSITION */ @media (max-width: 1299.8px) { .homepage-hero-section-wrapper .block-image-cover { background-position: 85% 50% !important; } } /* APPLICANT RESOURCES - RESPONSIVE HERO IMAGE POSITION */ @media (max-width: 1299.8px) { .applicant-resources-hero-section-wrapper .block-image-cover { background-position: 70% 50% !important; } } /* FACULTY - RESPONSIVE HERO IMAGE POSITION */ @media (max-width: 1299.8px) { .faculty-hero-section-wrapper .block-image-cover { background-position: 90% 50% !important; } } /* FEATURED JOBS - RESPONSIVE HERO IMAGE POSITION */ @media (max-width: 1299.8px) { .featured-jobs-hero-section-wrapper .block-image-cover { background-position: 75% 50% !important; } } /* MEET OUR PEOPLE - RESPONSIVE HERO IMAGE POSITION */ @media (max-width: 1299.8px) { .meet-our-people-hero-section-wrapper .block-image-cover { background-position: 75% 50% !important; } } /* SEARCH PAGE - RESPONSIVE HERO IMAGE POSITION */ @media (max-width: 767.8px) { .search-page-hero-section-wrapper .block-image-cover { background-position: 63% 50% !important; } } /* MY PROFILE - RESPONSIVE HERO IMAGE POSITION */ @media (max-width: 1299.8px) { .profile-page-hero-section-wrapper .block-image-cover { background-position: 85% 50% !important; } } /* STICKY NAVBAR - HAMBURGER TEXT AND BORDER */ .ucf-sticky-nav-wrapper-all .navbar-toggler:not(.collapsed) { background-color: #000; color: #fff; } .ucf-sticky-nav-wrapper-all .navbar-toggler:not(.collapsed) .navbar-toggler-text { color: #fff; } .ucf-sticky-nav-wrapper-all .navbar-toggler:not(.collapsed) .navbar-toggler-icon { filter: invert(1); } .ucf-sticky-nav-wrapper-all .navbar-toggler-text { display: inline-block; font-size: .65rem; font-weight: 700; text-transform: uppercase; vertical-align: middle; } .ucf-sticky-nav-wrapper-all button.navbar-toggler.collapsed, .ucf-sticky-nav-wrapper-all button.navbar-toggler { border: 2px solid #000; border-radius: 0; margin-bottom: calc(0.825rem - 3px); margin-top: calc(0.825rem - 3px); } .ucf-sticky-nav-wrapper-all .navbar-toggler-icon { background-image: url("data:image/svg+xml,"); } /* ==== CHATBOT SPECIFIC STYLES ============ */ .chatbot-message-avatar .fa-user::before { color: #000; } .chatbot-header .fa-close::before { color: #000; } .chatbot-launcher-text.expanded { color: #000 !important; } .chatbot-launcher-text { color: #000 !important; }