#home #live-feed-lf5 .live-feed--post-container .live-feed--card { box-shadow: none; } /* accesibility widget position */ body .userway_buttons_wrapper { top: 90% !important; bottom: auto !important; right: auto !important; left: 20px !important; transform: none !important; justify-content: end; } /* accesibility widget */ body #userwayAccessibilityIcon > span { background: #EA0000; border-radius: 50%; } #app h1:not(.navigation-title) { font-size: 60pt !important; } /* ----------------------------------- */ /* ====== START Custom Homepage ====== */ /* ----------------------------------- */ body { --central-tech-light-blue: #E4F5FF; } /* START General */ #home .see-all-container h2 { font-size: 64px; text-transform: none; } @media (width <=1023px) { #home .see-all-container h2 { font-size: 32px; } } /* END General */ /* START Header */ #cms-header .explore-menu-container, #cms-header .mobile-header .bar-nav--drawer-element:has(#explore-header), #cms-header .schools-menu-container, #cms-header .mobile-header .bar-nav--drawer-element:has(#schools-header) { display: none; } #cms-header #h1:not(:has(.mobile-header)) #searchbutton { background-color: var(--nav-color); border-radius: 30px; padding: 10px; & svg { order: 1; path { fill: #FFF; } } & .sr-only { color: #FFF; clip: auto; clip-path: unset; height: auto; width: auto; margin: 0; position: relative; line-height: 24px; font-family: var(--font-family); order: 0; } } @media (width > 1023px) { #cms-header #h1 .header-container { position: relative; justify-content: flex-end; padding: 48px 0; } #cms-header #h1 .left { position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0; } #cms-header #h1 .right { width: 95%; justify-content: space-between; } } /* END Header */ /* START Alert Banner */ #view-header { display: flex; flex-wrap: wrap; width: 100%; .alert-container { order: 2; width: 100%; text-align: center; } #cms-header { order: 1; width: 100%; } } /* END Alert Banner */ /* START Truck Driver Training Link */ #cms-header .m4-menu--bar { justify-content: center; } body:not(.truck-driver-training) #cms-header { #m4 { .m4-menu--bar { padding-right: 0; .truck-custom-button { color: var(--bg-color); background-color: var(--text-color); display: flex; align-items: center; text-decoration: none; padding-left: 1.5em; padding-right: 1.5em; border-top-left-radius: 2em; border-bottom-left-radius: 2em; margin-left: 1em; min-width: 250px; } } } #h1 { .mobile-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; box-sizing: border-box; .left-icon { width: 34px; position: static; margin: 0; transform: unset; order: 0; .menu-item { margin-left: auto; margin-right: auto; } .button-action-content { svg { width: 34px; height: 34px; } } } .main-content { height: auto; order: 1; .logo { margin-bottom: 0; height: auto; img { max-width: 280px; height: auto; @media (max-width: 599px) { max-width: 210px; } } } .school-info { padding-bottom: unset; } } .truck-custom-button { order: 2; span { display: none; } width: 1.75em; height: 1.75em; display: block; background-color: var(--icon-color); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M5 11v1h8v-7h-10v-1c0-.552.448-1 1-1h10c.552 0 1 .448 1 1v2h4.667c1.117 0 1.6.576 1.936 1.107.594.94 1.536 2.432 2.109 3.378.188.312.288.67.288 1.035v4.48c0 1.089-.743 2-2 2h-1c0 1.656-1.344 3-3 3s-3-1.344-3-3h-4c0 1.656-1.344 3-3 3s-3-1.344-3-3h-1c-.552 0-1-.448-1-1v-6h-2v-2h7v2h-3zm3 5.8c.662 0 1.2.538 1.2 1.2 0 .662-.538 1.2-1.2 1.2-.662 0-1.2-.538-1.2-1.2 0-.662.538-1.2 1.2-1.2zm10 0c.662 0 1.2.538 1.2 1.2 0 .662-.538 1.2-1.2 1.2-.662 0-1.2-.538-1.2-1.2 0-.662.538-1.2 1.2-1.2zm-3-2.8h-10v2h.765c.549-.614 1.347-1 2.235-1 .888 0 1.686.386 2.235 1h5.53c.549-.614 1.347-1 2.235-1 .888 0 1.686.386 2.235 1h1.765v-4.575l-1.711-2.929c-.179-.307-.508-.496-.863-.496h-4.426v6zm1-5v3h5l-1.427-2.496c-.178-.312-.509-.504-.868-.504h-2.705zm-16-3h8v2h-8v-2z'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-position: center; } .menu-mobile { order: 4; } &.menu-open { .left-icon { .button-action-content { svg { width: 16px; height: 16px; } } } } } } } /* END Truck Driver Training Link */ /* START Gallery */ #cms-gallery #g2 .slide { --gallery-background-color: #fff; --gallery-left-side-background-color: #fff; --gallery-button-background-color: var(--secondary-color); --gallery-button-border-color: var(--secondary-color); --gallery-button-text-color: var(--secondary-color-contrast); --gallery-button-hover-border-color: var(--secondary-color); --gallery-button-hover-background-color: var(--secondary-color-contrast); --gallery-button-hover-text-color: var(--secondary-color); & .text .title h1 { text-transform: none; } } @media (width > 960px) { #cms-gallery #g2 .slide .text { order: 0; padding-right: clamp(1.688rem, -2.563rem + 5.313vw, 2.75rem); padding-left: 0; } #cms-gallery #g2 .slide .image-wrapper { order: 1; } } /* END Gallery */ /* START Stats */ #home #stats-s1 { & .see-all-container { display: none; } & .stats-wrapper .stats-info { text-align: center; .stats-accent-border { border-top: none; } .stats-headline { font-size: 56px; font-weight: 900; line-height: 1; } .stats-snippet { font-weight: 700; text-transform: uppercase; } } } /* END Stats */ /* START Custom Programs V13 */ #home .custom-programs-v13 { position: relative; background-color: var(--primary-color); padding-block: 80px; overflow: hidden; &::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 120%; height: 387px; background-color: var(--primary-color-contrast); border-radius: 0 0 50% 50%; z-index: 1; } & .custom-programs-v13-container { position: relative; max-width: 1600px; margin: 0 auto; z-index: 2; .custom-programs-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; align-items: stretch; .custom-programs-item { display: flex; flex-direction: column; height: 100%; background-color: var(--central-tech-light-blue); border-radius: 20px; overflow: hidden; .custom-programs-item-image-wrapper { position: relative; background-color: var(--central-tech-light-blue); overflow: hidden; &::before { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #D9D9D9, #D9D9D9), linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(228, 245, 255, 0.5) 63%); mix-blend-mode: multiply; pointer-events: none; z-index: 1; } .program-item-image, img { display: block; position: relative; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4/3 !important; z-index: 0; } } .custom-programs-item-content { display: flex; flex-direction: column; flex-grow: 1; padding: 30px 25px; color: var(--primary-color); .program-item-title-wrapper { color: inherit; font-size: 32px; font-weight: 700; line-height: 50.4px; margin-bottom: 10px; } .program-item-description-wrapper { color: inherit; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 20px; } .program-item-button-wrapper { display: inline-block; background-color: var(--primary-color); color: var(--primary-color-contrast); padding: 9px 33px; border-radius: 12px; font-weight: 700; text-align: center; align-self: flex-start; margin-top: auto; transition: background-color 0.2s ease; &:has(a) { cursor: pointer; } a { text-decoration: none; color: inherit; } &:hover { background-color: var(--secondary-color); } } } } } } } /* END Custom Programs V13 */ /* START News */ #home #news-n3 .news-image-container .image-hidden-wrapper { border-top: 0; } #home #news-n3 .news-image, #home #news-n3 .news-image .image-hidden-wrapper { border-radius: 20px; } #home #news-n3 .story:nth-child(4) { display: none; } /* END News */ /* START Events */ @media (width > 960px) { #home .main .last.right-sidebar:has(.view-events) { min-width: 550px; box-sizing: border-box; .header-slot-container h2 { white-space: nowrap; } } } /* END Events */ /* START Custom Highlights V6 */ .highlights-v6 { margin-top: 1em; } .highlights-v6 { --title-font-size: 64px; --title-font-weight: 500; --subtitle-font-size: 44px; --subtitle-font-weight: 500; --item-title-font-size: 60px; --item-desc-font-size: 20px; padding-top: 80px; padding-bottom: 80px; overflow: hidden; position: relative; isolation: isolate; @media (max-width: 1499px) { --title-font-size: 50px; --subtitle-font-size: 36px; --item-title-font-size: 48px; --item-desc-font-size: 18px; } @media (max-width: 1199px) { --title-font-size: 40px; --subtitle-font-size: 30px; --item-title-font-size: 38px; --item-desc-font-size: 16px; } @media (max-width: 767px) { --title-font-size: 32px; --subtitle-font-size: 28px; --item-title-font-size: 30px; padding-top: 40px; padding-bottom: 40px; } &:before { content: ''; display: block; width: 150vw; height: 150vw; position: absolute; border-radius: 50%; position: absolute; bottom: calc(100% - 500px); left: 50%; transform: translate(-50%, 0); background-color: var(--decoration-color, var(--primary-color)); z-index: -1; } .highlights-v6__top { width: 1100px; max-width: 90%; margin-left: auto; margin-right: auto; text-align: center; color: var(--section-top-color, var(--primary-color-contrast)); margin-bottom: 3em; .highlights-v6__title { font-size: var(--title-font-size); font-weight: var(--title-font-weight); line-height: 1; strong, b { font-weight: 800; } } .highlights-v6__subtitle { @media (max-width: 959px) { margin-top: .5em; } display: block; font-size: var(--subtitle-font-size); line-height: 1; font-weight: var(--subtitle-font-weight); } } .highlights-v6__main { width: 1340px; min-height: 400px; max-width: calc(100% - var(--side-padding, 100px)); margin-left: auto; margin-right: auto; background-color: var(--slider-section-bg-color, #e4e4e4); color: var(--slider-section-text-color, var(--primary-color)); border-radius: var(--slider-section-radius, 1.5em); padding: 2em 3em; box-shadow: 5px 5px 24px 5px rgba(0, 0, 0, 0.25); display: flex; align-items: center; position: relative; flex-wrap: wrap; @media (max-width: 767px) { max-width: calc(100% - var(--side-padding, 20px)); padding: 2em 20px; } &:before { content: ''; display: block; width: 5em; height: 5em; background-image: url('data:image/svg+xml,'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: -2.2em; left: -2em; z-index: 1; @media (max-width: 1199px) { width: 4em; height: 4em; top: -1.5em; left: -1.5em; } @media (max-width: 767px) { left: calc(50% - 2em); } } .highlights-v6-item { width: 800px; max-width: 100%; margin-left: auto; margin-right: auto; .highlights-v6-item-title { font-size: var(--item-title-font-size); font-weight: 700; display: block; } .highlights-v6-item-text { display: block; font-size: var(--item-desc-font-size); line-height: 1.5; margin-top: .5em; margin-bottom: 1em; } .highlights-v6-item-person { display: block; font-size: var(--item-desc-font-size); font-weight: 700; } } .custom-swiper-navigation { --control-button-size: 60px; @media (max-width: 1499px) { --control-button-size: 50px; } @media (max-width: 767px) { --control-button-size: 36px; } .custom-swiper-prev, .custom-swiper-next { background-color: var(--primary-color); position: absolute; border-radius: 50%; width: var(--control-button-size); height: var(--control-button-size); top: calc(50% - var(--control-button-size)/2); left: calc(var(--control-button-size) / 2 * -1); @media (max-width: 767px) { position: static; } &:after { border-color: var(--primary-color-contrast); } } .custom-swiper-next { left: unset; right: calc(var(--control-button-size) / 2 * -1); } } } } /* Site specific */ #highlights-v6 { --slider-section-bg-color: #B5E4FF; } /* END Custom Highlights V6 */ /* START Newsletter Sign Up */ #home .newsletter-signup { display: flex; position: relative; background-color: var(--primary-color); min-height: 500px; overflow: hidden; & .newsletter-signup-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative; flex: 0 0 50%; background-color: inherit; color: var(--primary-color-contrast); padding: 30px 80px 30px 10%; z-index: 2; &::after { content: ''; position: absolute; top: -10%; bottom: -10%; right: -100px; width: 250px; background-color: inherit; border-radius: 50%; z-index: -1; } .newsletter-title, .newsletter-subtitle { color: inherit; text-transform: none; line-height: 1.1; } .newsletter-title { font-weight: 900; font-size: 64px; margin-bottom: 10px; } .newsletter-subtitle { font-weight: 500; font-size: 48px; margin-bottom: 30px; } .newsletter-button-wrapper { display: inline-block; .newsletter-btn { display: inherit; color: var(--primary-color-contrast); background-color: transparent; border: 2px solid var(--primary-color-contrast); border-radius: 10px; font-weight: 900; font-size: 32px; text-transform: none; padding: 10px 45px; transition: all 0.3s ease; &:hover { background-color: var(--primary-color-contrast); color: var(--primary-color); } &:has(a) { cursor: pointer; } a { text-decoration: none; color: inherit; } } } } & .newsletter-signup-image { position: relative; flex: 1; z-index: 1; cms-image, img { display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; } } } @media (width <=1023px) { #home .newsletter-signup { flex-direction: column-reverse; & .newsletter-signup-text { width: 100%; padding: 60px 20px 50px; align-items: center; text-align: center; &::after { top: -30px; right: -10%; left: -10%; bottom: auto; width: 120%; height: 100px; } .newsletter-title { font-size: 32px; } .newsletter-subtitle, .newsletter-button-wrapper .newsletter-btn { font-size: 20px; } } & .newsletter-signup-image { height: 250px; flex: none; cms-image, img { position: relative; } } } } /* END Newsletter Sign Up */ /* START Footer */ #cms-footer { #footer-f1 { padding-bottom: 2em; .row { .footer-column-main .footer-logo { width: 100%; } @media (min-width: 1200px) { display: flex; justify-content: space-between; flex-wrap: nowrap; column-gap: 1em; .footer-columns, .footer-column-last, .footer-column-main { flex-basis: unset; flex-grow: unset; max-width: 19%; h2 { font-size: 20px; padding-bottom: .5em; } img { max-width: 200px; } ul.normal-window { li { a { margin-bottom: .75em; } p { line-height: 1.4; padding-bottom: 0; } } } } .footer-column-last { order: 0; display: flex; flex-wrap: wrap; align-items: flex-start; h2 { display: none; } a:has(.app-link) { text-align: left; margin-bottom: .1em; display: block; height: auto; width: 100%; .app-link { max-width: 150px; height: auto; } } .footer-social-links { order: -1; margin-top: unset; margin-bottom: .75em; } } .footer-column-main { order: 2; padding-left: 20px; .logo-wrapper { text-align: center; .footer-logo { width: 100%; } } } .footer-column-main+.footer-columns { order: 1; padding-left: 20px; } .footer-column-main+.footer-columns+.footer-columns { order: 3; padding-left: 20px; } .footer-column-main+.footer-columns+.footer-columns+.footer-columns { order: 4; } } .footer-columns, .footer-column-last, .footer-column-main { h2 { font-size: 20px; padding-bottom: .5em; } img { max-width: 200px; margin-left: auto; margin-right: auto; } } .footer-column-main { .logo-wrapper~p, .logo-wrapper~ul { display: none; } } .additional-text { text-align: center; margin-top: 2em; @media (max-width: 767px) { display: none; } p { font-size: 14px; line-height: 1.3; text-align: left !important; padding-bottom: .5em; } } } .apptegy-copyright { display: none; @media (max-width: 767px) { display: block; } } } } /* END Footer */ /* --------------------------------- */ /* ====== END Custom Homepage ====== */ /* --------------------------------- */ /* ---------- START Pages ---------- */ #page .pb-main { /* full width image */ .node-manager-container:has(.full-width-column-row .image-container) { padding-top: 0; } .full-width-column-row:has(.image-container) { margin-top: 0 !important; margin-bottom: 0 !important; } /* bulleted and numbered lists */ .pb-text ol, .pb-text ul { margin-top: 0 !important; margin-left: 0 !important; line-height: 1.5; white-space: pre-wrap; li { list-style-position: outside; padding-left: 0; } li::marker { margin-left: 0 !important; margin-right: 0 !important; } } } #app #news-article .author { display: none; } #app .breadcrumb li { text-transform: none; } /* ---------- END Pages ---------- */