@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,500,600,700,700i|Oswald|Permanent+Marker&display=swap"); body, body .dark, body .light, body table, body .neutral, body .pale { font-family: "Open Sans", sans-serif; font-size: 100%; } html { height: 100%; } body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; margin: 0; } .site-header, .site-footer { -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; z-index: 9; } .site-content { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .site-content:focus { outline: none; } body { min-width: 320px; background-color: white; color: black; } .site-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; z-index: 99; } .site-header .header-main-inner { box-sizing: border-box; margin-left: auto; margin-right: auto; width: 100%; max-width: 1024px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; } .site-header .skip-to-content-link { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } .site-header .skip-to-content-link:focus { position: absolute; top: 0; left: 0; width: auto; height: auto; clip: auto; } .site-header .topbar { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 100%; } .site-header .topbar-inner { box-sizing: border-box; margin-left: auto; margin-right: auto; width: 100%; max-width: 1024px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-header .topbar-inner > * { margin-top: 5px; margin-bottom: 5px; } .site-header .header-secondary-nav .section-title { margin-top: 0; margin-bottom: 15px; font-weight: 400; font-size: 1.5rem; } .site-header .header-secondary-nav .links-list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-header .header-secondary-nav .link-item { padding: 0 8px; } .site-header .header-secondary-nav .link-item a { text-decoration: none; } .site-header .header-secondary-nav .link-item a:hover, .site-header .header-secondary-nav .link-item a:focus { text-decoration: underline; } .site-header .header-logo.logo-replacement a { background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; overflow: hidden; height: 65px; width: 245px; max-width: 100%; white-space: nowrap; text-indent: 200%; font-size: .1rem; color: transparent; background-position: center center; background-repeat: no-repeat; background-image: url("../pics/header_logo.png"); } .site-header .header-logo:not(.logo-replacement) a:before { content: ""; display: block; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; background-repeat: no-repeat; background-position: center center; background-size: contain; width: 245px; height: 65px; margin-bottom: 15px; background-image: url("../pics/header_logo.png"); } .site-header .header-title a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; max-width: 100%; text-decoration: none; } .site-header .header-title a .school-name-inner { max-width: 100%; } .site-header .marquee { white-space: nowrap; overflow: hidden; box-sizing: border-box; } .site-header .marquee .marquee-inner { display: inline-block; padding-left: 100%; } .site-header .marquee .marquee-inner:hover { animation-play-state: paused; } .site-header .marquee.marquee-speed-18 .marquee-inner { animation: marquee 15s linear infinite; } .site-header .marquee.marquee-speed-35 .marquee-inner { animation: marquee 30s linear infinite; } .site-header .marquee.marquee-speed-7 .marquee-inner { animation: marquee 7.5s linear infinite; } .site-header .marquee .marquee-content { float: left; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } .site-header .sitenav.hamburger { width: 100%; } .site-header .sitenav.hamburger .nav-mobile-toggle { position: absolute; display: block; overflow: hidden; font-size: 0; border: none; background-color: transparent; cursor: pointer; } .site-header .sitenav.hamburger .nav-mobile-toggle .nav-mobile-toggle-inner { position: absolute; display: block; transition: .25s; } .site-header .sitenav.hamburger .nav-mobile-toggle:before, .site-header .sitenav.hamburger .nav-mobile-toggle:after { content: ""; display: block; position: absolute; transition: .25s; } .site-header .sitenav.hamburger .nav-mobile-toggle.animated.open .nav-mobile-toggle-inner { transform: scaleX(0); } .site-header .sitenav.hamburger .nav-mobile-toggle.animated.open:before { transform: rotate(45deg); } .site-header .sitenav.hamburger .nav-mobile-toggle.animated.open:after { transform: rotate(-45deg); } .site-header .sitenav.hamburger .nav-menu { position: absolute; z-index: 99; width: 100%; overflow: hidden; max-height: 0; transition: max-height 0.8s; } .site-header .sitenav.hamburger.open .nav-menu { max-height: 2000px; } .site-header .sitenav.hamburger .nav-menu, .site-header .sitenav.hamburger .sub-nav-group { margin: 0; padding: 0; list-style: none; } .site-header .sitenav.hamburger .nav-menu a, .site-header .sitenav.hamburger .sub-nav-group a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: .5em; text-decoration: none; } .site-header .sitenav.hamburger .sub-nav { display: none; } .site-header .sitenav.hamburger .sub-nav a { padding-left: 1.5em; } .site-header .sitenav.hamburger .sub-nav.open { display: block; } .site-header .sitenav.hamburger .sub-nav .flyout-group { margin: 0; padding: 0; list-style: none; } .site-header .sitenav.hamburger .sub-nav .flyout-group a { padding-left: 2.5em; } .site-header .sitenav.column { width: 100%; } .site-header .sitenav.column .nav-mobile-toggle { position: absolute; display: block; overflow: hidden; font-size: 0; border: none; background-color: transparent; cursor: pointer; } .site-header .sitenav.column .nav-mobile-toggle .nav-mobile-toggle-inner { position: absolute; display: block; transition: .25s; } .site-header .sitenav.column .nav-mobile-toggle:before, .site-header .sitenav.column .nav-mobile-toggle:after { content: ""; display: block; position: absolute; transition: .25s; } .site-header .sitenav.column .nav-mobile-toggle.animated.open .nav-mobile-toggle-inner { transform: scaleX(0); } .site-header .sitenav.column .nav-mobile-toggle.animated.open:before { transform: rotate(45deg); } .site-header .sitenav.column .nav-mobile-toggle.animated.open:after { transform: rotate(-45deg); } .site-header .sitenav.column .nav-menu { position: absolute; z-index: 99; width: 100%; overflow: hidden; max-height: 0; transition: max-height 0.8s; } .site-header .sitenav.column.open .nav-menu { max-height: 2000px; } .site-header .sitenav.column .nav-menu, .site-header .sitenav.column .sub-nav-group { margin: 0; padding: 0; list-style: none; } .site-header .sitenav.column .nav-menu a, .site-header .sitenav.column .sub-nav-group a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: .5em; text-decoration: none; } .site-header .sitenav.column .sub-nav { display: none; } .site-header .sitenav.column .sub-nav a { padding-left: 1.5em; } .site-header .sitenav.column .sub-nav.open { display: block; } .site-header .sitenav.column .sub-nav .flyout-group { margin: 0; padding: 0; list-style: none; } .site-header .sitenav.column .sub-nav .flyout-group a { padding-left: 2.5em; } @media screen and (min-width: 1024px) { .site-header .sitenav.column { position: static; max-height: none; overflow: visible; } .site-header .sitenav.column .nav-mobile-toggle { display: none; } .site-header .sitenav.column .nav-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; margin-left: auto; margin-right: auto; width: 100%; max-width: 1024px; position: relative; } .site-header .sitenav.column .sub-nav a { padding: .5em; } } .site-header .sitenav.column .nav-item { position: relative; } @media screen and (min-width: 1024px) { .site-header .sitenav.column { position: relative; } .site-header .sitenav.column .nav-menu { position: relative; } .site-header .sitenav.column .sub-nav-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 12.5em; } .site-header .sitenav.column .sub-nav { position: absolute; } .site-header .sitenav.column .sub-nav a { width: 11.5em; } .site-header .sitenav.column .sub-nav .flyout-group a { width: 10.5em; padding-left: 1.5em; } } .site-header .sitenav.megamenu { width: 100%; } .site-header .sitenav.megamenu .nav-mobile-toggle { position: absolute; display: block; overflow: hidden; font-size: 0; border: none; background-color: transparent; cursor: pointer; } .site-header .sitenav.megamenu .nav-mobile-toggle .nav-mobile-toggle-inner { position: absolute; display: block; transition: .25s; } .site-header .sitenav.megamenu .nav-mobile-toggle:before, .site-header .sitenav.megamenu .nav-mobile-toggle:after { content: ""; display: block; position: absolute; transition: .25s; } .site-header .sitenav.megamenu .nav-mobile-toggle.animated.open .nav-mobile-toggle-inner { transform: scaleX(0); } .site-header .sitenav.megamenu .nav-mobile-toggle.animated.open:before { transform: rotate(45deg); } .site-header .sitenav.megamenu .nav-mobile-toggle.animated.open:after { transform: rotate(-45deg); } .site-header .sitenav.megamenu .nav-menu { position: absolute; z-index: 99; width: 100%; overflow: hidden; max-height: 0; transition: max-height 0.8s; } .site-header .sitenav.megamenu.open .nav-menu { max-height: 2000px; } .site-header .sitenav.megamenu .nav-menu, .site-header .sitenav.megamenu .sub-nav-group { margin: 0; padding: 0; list-style: none; } .site-header .sitenav.megamenu .nav-menu a, .site-header .sitenav.megamenu .sub-nav-group a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: .5em; text-decoration: none; } .site-header .sitenav.megamenu .sub-nav { display: none; } .site-header .sitenav.megamenu .sub-nav a { padding-left: 1.5em; } .site-header .sitenav.megamenu .sub-nav.open { display: block; } .site-header .sitenav.megamenu .sub-nav .flyout-group { margin: 0; padding: 0; list-style: none; } .site-header .sitenav.megamenu .sub-nav .flyout-group a { padding-left: 2.5em; } @media screen and (min-width: 1024px) { .site-header .sitenav.megamenu { position: static; max-height: none; overflow: visible; } .site-header .sitenav.megamenu .nav-mobile-toggle { display: none; } .site-header .sitenav.megamenu .nav-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; margin-left: auto; margin-right: auto; width: 100%; max-width: 1024px; position: relative; } .site-header .sitenav.megamenu .sub-nav a { padding: .5em; } } @media screen and (min-width: 1024px) { .site-header .sitenav.megamenu .sub-nav { position: absolute; left: 0; } .site-header .sitenav.megamenu .sub-nav.open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .site-header .sitenav.megamenu .sub-nav .sub-nav-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .site-header .sitenav.megamenu .sub-nav .sub-nav-group > li { width: 100%; } .site-header .sitenav.megamenu .sub-nav .sub-nav-group > li a { margin: 0 1em; } .site-header .sitenav.megamenu .sub-nav .mm-extra-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .site-header .sitenav.megamenu .sub-nav .mm-image { width: 100%; } } @media screen and (min-width: 1024px) { .site-header .sitenav.megamenu .sub-nav { right: 0; } } @media screen and (max-width: 1023px) { .site-header .sitenav.megamenu .mm-extra-content { display: none; } } .site-header .sitenav.megamenu .contact-info { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; margin: 1em; } .site-header .sitenav.megamenu .contact-info .header-contact-link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0; } .site-header .sitenav.megamenu .map-container { position: relative; display: block; margin: 1em; min-height: 250px; } .site-header .sitenav.megamenu .map-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 1024px) { .site-header .sitenav.megamenu .contact-info { margin: 0 0 0 1em; padding: .5em; width: 40% !important; } .site-header .sitenav.megamenu .map-container { margin: 0; } } @media screen and (max-width: 1023px) { .site-header .sitenav .icon-only svg { display: none; } } @media screen and (min-width: 1024px) { .site-header .sitenav .icon-only .nav-item-inner { display: block; width: 24px; height: 24px; overflow: hidden; } .site-header .sitenav .icon-only .nav-item-inner svg { display: block; width: 24px; height: 24px; margin: 0; } } @media screen and (min-width: 1024px) { .site-header.fixed-header { position: fixed; top: 0; left: 0; width: 100%; } } .content-pages-banner { -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; } @media screen and (max-width: 1023px) { .content-pages-banner { display: none; } } .content-pages-banner .caption { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } .index-title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } #content_main { position: relative; z-index: 9; padding-top: 25px; padding-bottom: 25px; padding-left: 5%; padding-right: 5%; min-height: 400px; overflow: visible; margin-top: 20px; margin-bottom: 20px; background-color: white; box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px; } #content_main .pages-left-column-wrapper { overflow: hidden; } @media screen and (max-width: 1023px) { #content_main table { display: block; overflow-x: auto; } #content_main .bell-schedule { display: table; } #content_main .pages-column .stack-photo figcaption, #content_main .slideshow-wrapper .slide .slide-caption { font-size: .85em; } #content_main .video-list-top #controls2, #content_main .video-list-top #controls3 { width: auto; } #content_main #more-videos { display: none; } #content_main #staff_list_public .user-info-wrapper span[id*="staff"] { display: block; } #content_main #staff_list_public .user-info-wrapper .user-position-public { display: block; margin-left: 0; width: 100%; } #content_main #staff_list_public .user-info-wrapper p { display: block; float: left; width: 100%; } } @media screen and (max-width: 767px) { #content_main .news-list article .column { width: 100%; } #content_main .show-news .attached-images { float: none; margin: 0 auto 1em; } #content_main .single-video #big-video, #content_main .below-start #big-video { width: 100% !important; } #content_main .video-list .thumb_wrap { display: block; float: none; } #content_main .video-list li .description { padding-left: 0; } #content_main .video-list li .video-list-date { padding-left: 0; } #content_main .bell-schedule { width: 100%; } #content_main .pages-column .stack-photo figcaption, #content_main .slideshow-wrapper .slide .slide-caption { font-size: .7em; } #content_main .video-list-top .controls, #content_main .video-list-top #controls2, #content_main .video-list-top #controls3 { display: none; } #content_main #album_thumbnails table img { width: 90%; height: auto; position: relative; } #content_main #edlio_search_form { max-width: 400px; width: auto; } #content_main #edlio_search_form input { width: 200px; } #content_main #contact_form { width: 100%; } #content_main #contact_form table { display: table; font-size: 12px; width: 280px !important; } #content_main #contact_form #f_name { width: 200px !important; } #content_main #contact_form #f_email { width: 200px !important; } #content_main #contact_form #f_message { width: 200px !important; } #content_main #calendar_wrapper .right-column { float: none; width: 100%; } #content_main #calendar_wrapper .right-column #calendar_grid table { display: table; } #content_main .pages-column .page-block-text, #content_main .pages-column .page-block-photos { width: 100%; } #content_main .pages-left-column-wrapper { margin-left: 0 !important; float: none; } #content_main .pages-left-column-wrapper .pages-left-column { margin-left: 0 !important; } #content_main .pages-right-column { float: none; width: 100% !important; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .index #content_main { width: 100%; max-width: 100%; padding: 0; margin: 0; } #content_main .pages-content-wrapper { overflow: visible; } #content_main img.sub { border: none; } @media screen and (min-width: 1024px) { #content_main { box-sizing: border-box; margin-left: auto; margin-right: auto; width: 100%; max-width: 1024px; padding-left: 50px; padding-right: 50px; } } .index #content_main { background-color: transparent; box-shadow: none; } #content_main .right-column-page-navigation { margin-bottom: 1.25em; } @media screen and (max-width: 767px) { #content_main .right-column-page-navigation { margin: 20px auto; } } #content_main .right-column-page-navigation ul { margin: 0; padding: 0; list-style: none; margin: 0; padding: 0; } #content_main .right-column-page-navigation a { text-decoration: none; color: inherit; display: block; font-weight: 400; padding: .8em 6% .8em 10%; width: 84%; margin: 0; line-height: auto; } #content_main .right-column-page-navigation a:hover, #content_main .right-column-page-navigation a:focus { text-decoration: underline; } #content_main .right-column-page-navigation a .inner { text-decoration: none; } #content_main .right-column-page-navigation a .inner:hover, #content_main .right-column-page-navigation a .inner:focus { text-decoration: underline; } .homepage-row.bg-image, .footer-row.bg-image { background-repeat: no-repeat; background-position: center center; background-size: cover; } .homepage-row *[class$="row-inner"], .footer-row *[class$="row-inner"] { position: relative; } .homepage-row *[class$="-column"], .footer-row *[class$="-column"] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; } .homepage-row.convert-small *[class$="row-inner"], .footer-row.convert-small *[class$="row-inner"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { .homepage-row.convert-mid *[class$="row-inner"], .footer-row.convert-mid *[class$="row-inner"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .homepage-row.convert-mid *[class$="row-inner"] .content-container, .footer-row.convert-mid *[class$="row-inner"] .content-container { width: 100%; } } @media screen and (min-width: 1024px) { .homepage-row.convert-large *[class$="row-inner"], .footer-row.convert-large *[class$="row-inner"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .homepage-row.convert-large *[class$="row-inner"] .content-container, .footer-row.convert-large *[class$="row-inner"] .content-container { width: 100%; } } @media screen and (min-width: 1350px) { .homepage-row.convert-max *[class$="row-inner"], .footer-row.convert-max *[class$="row-inner"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .homepage-row.convert-max *[class$="row-inner"] .content-container, .footer-row.convert-max *[class$="row-inner"] .content-container { width: 100%; } } @media screen and (min-width: 1024px) { .homepage-row.width-constrain-row *[class$="row-inner"], .footer-row.width-constrain-row *[class$="row-inner"] { box-sizing: border-box; margin-left: auto; margin-right: auto; width: 100%; max-width: 1024px; } } .homepage-row.padded-row, .footer-row.padded-row { padding-left: 10px; padding-right: 10px; } .content-container { padding-top: 25px; padding-bottom: 25px; } .content-container a { text-decoration: none; } .content-container a:hover, .content-container a:focus { text-decoration: underline; } .content-container .section-title { margin-top: 0; margin-bottom: 25px; font-weight: 400; font-size: 2rem; text-align: center; } .content-container .section-title a { display: inline-block; width: auto; margin: 0; padding: 0; color: inherit; } .content-container .item-name a { color: inherit; } @media screen and (min-width: 768px) { .content-container { padding-top: 40px; padding-bottom: 40px; } .content-container .section-title { margin-bottom: 40px; font-size: 3rem; } } .item-summary { box-sizing: border-box; max-width: 100%; padding-left: 10px; padding-right: 10px; } @media screen and (min-width: 1024px) { .item-summary { padding-left: 0; padding-right: 0; } } .read-more-links-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .site-footer .footer-inner { box-sizing: border-box; margin-left: auto; margin-right: auto; width: 100%; max-width: 1024px; text-align: center; } .site-footer .footer-logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; margin-bottom: 15px; } .site-footer .footer-logo.logo-replacement { background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; overflow: hidden; height: 87px; width: 326px; max-width: 100%; white-space: nowrap; text-indent: 200%; font-size: .1rem; color: transparent; background-position: center center; background-repeat: no-repeat; background-image: url("../pics/footer_logo.png"); } .site-footer .footer-logo:not(.logo-replacement):before { content: ""; display: block; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; background-repeat: no-repeat; background-position: center center; background-size: contain; width: 326px; height: 87px; margin-bottom: 15px; background-image: url("../pics/footer_logo.png"); } @media screen and (min-width: 768px) { .site-footer .footer-logo:not(.logo-replacement).logo-orientation-horizontal { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .site-footer .footer-logo:not(.logo-replacement).logo-orientation-horizontal:before { margin-bottom: 0; margin-right: 15px; } } .site-footer .footer-title { font-size: 1.5rem; } @media screen and (min-width: 768px) { .site-footer .footer-title { font-size: 2.25rem; } } @media screen and (min-width: 1024px) { .site-footer .footer-title { font-size: 3rem; } } .site-footer .footer-title .school-name-inner { max-width: 100%; } .site-footer .footer-map-container { position: relative; height: 200px; width: 90%; } .site-footer .footer-map-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 768px) { .site-footer .footer-map-container { width: 100%; } } .site-footer .footer-address { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; text-align: center; } .site-footer .footer-address .footer-info-block { max-width: 100%; } .site-footer .footer-address a { color: inherit; } .site-footer .footer-address svg { width: 12px; height: 12px; margin-right: 5px; } .site-footer .footer-secondary-nav { margin-bottom: 15px; } .site-footer .footer-secondary-nav .section-title { margin-top: 0; margin-bottom: 15px; font-weight: 400; font-size: 1.5rem; } .site-footer .footer-secondary-nav .links-list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-footer .footer-secondary-nav .link-item { padding: 0 8px; } .site-footer .footer-secondary-nav .link-item a { text-decoration: none; } .site-footer .footer-secondary-nav .link-item a:hover, .site-footer .footer-secondary-nav .link-item a:focus { text-decoration: underline; } .site-footer .powered-by-edlio-logo.edlio-logo-horiz { display: block; width: 140px; height: 20px; overflow: hidden; } .site-footer .powered-by-edlio-logo.edlio-logo-horiz svg { display: block; width: 140px; height: 20px; margin: 0; } .site-footer .powered-by-edlio-logo.edlio-logo-stacked { display: block; width: 80px; height: 30px; overflow: hidden; } .site-footer .powered-by-edlio-logo.edlio-logo-stacked svg { display: block; width: 80px; height: 30px; margin: 0; } .site-footer .scholantis-logo { display: block; width: 160px; height: 35px; overflow: hidden; } .site-footer .scholantis-logo svg { display: block; width: 160px; height: 35px; margin: 0; } .site-footer .footer-bottom-inner { box-sizing: border-box; margin-left: auto; margin-right: auto; width: 100%; max-width: 1024px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-footer .footer-bottom-inner > * { margin-top: 5px; margin-bottom: 5px; } .site-search-field { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; height: 18px; } .site-search-field .site-search-field-input { margin: 0; border: none; vertical-align: top; background: transparent; -webkit-appearance: none; box-sizing: content-box; } .site-search-field .site-search-button { display: block; padding: 0; margin: 0; background: transparent; border: none; cursor: pointer; } .site-search-field .site-search-field-input { height: 18px; width: 100px; padding: 0 10px; line-height: 18px; color: inherit; } .site-search-field .site-search-field-input::-webkit-input-placeholder { color: inherit; } .site-search-field .site-search-field-input::-webkit-search-decoration { -webkit-appearance: none; } .site-search-field .site-search-button svg { width: 12px; height: 12px; padding: 3px; fill: black; } #mobile_nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; height: 64px; } #mobile_nav a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: .75em; text-decoration: none; } #mobile_nav a svg { width: 28px; height: 28px; margin-bottom: 5px; } @media screen and (min-width: 768px) { #mobile_nav { display: none; } } @media screen and (max-width: 767px) { #footer_main { padding-bottom: 64px; } } .edlio-login-link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; } .edlio-login-link .edlio-logo { display: block; width: 30px; height: 20px; overflow: hidden; padding-right: 4px; margin-right: 4px; border-right: 2px solid transparent; } .edlio-login-link .edlio-logo svg { display: block; width: 30px; height: 20px; margin: 0; } .slick-container { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-container .slick-arrow:before { border-color: black; } .slick-container .slick-arrow:before { content: ""; display: block; position: absolute; top: 50%; width: 12px; height: 12px; border-top-style: solid; border-top-width: 2px; } .slick-container .slick-arrow.slick-prev:before { transform: rotate(-45deg) translateZ(1px) translateX(-4px) translateY(-4px); transform-origin: top left; border-left-style: solid; border-left-width: 2px; left: 50%; } .slick-container .slick-arrow.slick-next:before { transform: rotate(45deg) translateZ(1px) translateX(4px) translateY(-4px); transform-origin: top right; border-right-style: solid; border-right-width: 2px; right: 50%; } .slick-container .slick-list { width: calc(100% - 25px*2); margin: 0 25px; } .slick-container .slick-arrow { width: 20px; height: 30px; top: calc(50% - 30px/2); } .slick-container .slick-dots li button:before { color: #81b9bf; } .slick-container .slick-dots.number-dots li button { background: #81b9bf; } .slick-container .slick-dots.number-dots li.slick-active button { color: #81b9bf; } .slick-container .slick-dots li.slick-active button:before { color: #81b9bf; } .slick-container .slick-dots.number-dots li button { color: #81b9bf; } .slick-container .slick-dots.number-dots li.slick-active button { background: #81b9bf; } .slick-container .slick-slider { position: relative; } .slick-container .slick-list { position: relative; overflow: hidden; display: block; padding: 0; } .slick-container .slick-list:focus { outline: none; } .slick-container .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-container .slick-slider .slick-track, .slick-container .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-container .slick-track { position: relative; left: 0; top: 0; display: block; margin: 0 auto; } .slick-container .slick-track:before, .slick-container .slick-track:after { content: ""; display: table; } .slick-container .slick-track:after { clear: both; } .slick-loading .slick-container .slick-track { visibility: hidden; } .slick-container .slick-slide { position: relative; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-container .slick-slide { float: right; } .slick-container .slick-slide img { display: block; } .slick-container .slick-slide.slick-loading img { display: none; } .slick-container .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-container .slick-slide { display: block; } .slick-loading .slick-container .slick-slide { visibility: hidden; } .slick-vertical .slick-container .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-container .slick-arrow { background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; overflow: hidden; max-width: 100%; white-space: nowrap; text-indent: 200%; font-size: .1rem; color: transparent; background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 9999; border: none; background-color: transparent; } .slick-container .slick-arrow:hover { cursor: pointer; } .slick-container .slick-arrow.slick-prev { left: 0; } .slick-container .slick-arrow.slick-next { right: 0; } .slick-container .slick-arrow.slick-hidden { display: none; } .slick-container .slick-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } .slick-container .slick-dots { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 9999; text-align: center; } .slick-container .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; cursor: pointer; } .slick-container .slick-dots li button { display: block; height: 20px; width: 20px; padding: 5px; outline-width: none; font-size: 0px; line-height: 0px; color: transparent; border: 0; cursor: pointer; background: none transparent; } .slick-container .slick-dots li button:hover, .slick-container .slick-dots li button:focus { outline-width: 5px; } .slick-container .slick-dots li button:before { content: "\2022"; position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; font-size: 2rem; text-align: center; } .slick-container .slick-dots.number-dots li button { font-size: .75em; } .slick-container .slick-dots.number-dots li button:before { display: none; } @media screen and (min-width: 768px) { .slick-container .slick-dots li { margin: .5em; } } .hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } .site-header1a { padding-bottom: 15px; } .site-header1a .header-title { box-sizing: border-box; margin-left: auto; margin-right: auto; width: 100%; max-width: 1024px; padding-top: 15px; text-align: center; } .site-header1a .header-title a { font-size: 1.5rem; } @media screen and (min-width: 768px) { .site-header1a .header-title a { font-size: 2.25rem; } } @media screen and (min-width: 1024px) { .site-header1a .header-title a { font-size: 3rem; } } @media screen and (min-width: 768px) { .site-header1a { padding-bottom: 0; } .site-header1a .header-title { padding-top: 25px; padding-bottom: 25px; } .site-header1a .header-title a { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .site-header1a .header-title.header-logo:not(.logo-replacement) a:before { margin-bottom: 0; margin-right: 20px; } } @media screen and (min-width: 1024px) { .site-header1a .header-title { padding-top: 45px; padding-bottom: 45px; } } .shuffle1-container { position: relative; z-index: 1; width: 100%; } .shuffle1-container.content-container { padding: 0; } .shuffle1-container .shuffle-main { z-index: 1; width: 100%; } .shuffle1-container .shuffle-main .slick-list { margin: 0; height: 100%; width: 100%; } .shuffle1-container .shuffle-main .slick-track { height: 100%; } .shuffle1-container .shuffle-main .shuffle-slide { position: relative; margin: 0; } .shuffle1-container .shuffle-main .shuffle-caption { position: absolute; left: 0; right: 0; padding: .5em; background-color: rgba(0, 0, 0, 0.5); color: white; } @media screen and (max-width: 767px) { .shuffle1-container .shuffle-main .shuffle-caption { display: none; } } .shuffle1-container .shuffle-main .shuffle-caption a { color: inherit; } .shuffle1-container .shuffle-main .shuffle-caption.caption-position-top { top: 0; } .shuffle1-container .shuffle-main .shuffle-caption.caption-position-bottom { bottom: 0; } .shuffle1-container .shuffle-main.navshuffle-position-top .shuffle-caption.caption-position-top { top: calc(54px + 1em); } .shuffle1-container .shuffle-main.navshuffle-position-bottom .shuffle-caption.caption-position-bottom { bottom: calc(54px + 1em); } .shuffle1-container .slick-dots { position: absolute; z-index: 9999; } @media screen and (max-width: 767px) { .shuffle1-container .slick-dots { display: none; } } .shuffle1-container .slick-dots.slick-dots-bottom, .shuffle1-container .slick-dots.slick-dots-top { left: 0; width: 100%; } .shuffle1-container .slick-dots.slick-dots-bottom { bottom: 0; } .shuffle1-container .slick-dots.slick-dots-top { top: 0; } .shuffle1-container .slick-dots.slick-dots-left, .shuffle1-container .slick-dots.slick-dots-right { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; top: 0; height: 100%; } .shuffle1-container .slick-dots.slick-dots-left { left: 0; } .shuffle1-container .slick-dots.slick-dots-right { right: 0; } .shuffle1-container .shuffle-image { width: 100%; } .shuffle1-container .shuffle-navigation { position: absolute; z-index: 9; background-color: rgba(0, 0, 0, 0.6); } @media screen and (max-width: 767px) { .shuffle1-container .shuffle-navigation { display: none; } } .shuffle1-container .shuffle-navigation .slick-list { margin: 0; padding: 0; bottom: 0; } .shuffle1-container .shuffle-navigation .slick-track { height: 100%; } .shuffle1-container .shuffle-navigation .shuffle-slide { position: relative; display: block; height: 50px; margin: .5em; overflow: hidden; border: 2px solid transparent; } .shuffle1-container .shuffle-navigation .shuffle-slide.slick-current { border-color: black; } .shuffle1-container .shuffle-navigation.navigation-position-bottom, .shuffle1-container .shuffle-navigation.navigation-position-top { left: 0; width: 100%; } .shuffle1-container .shuffle-navigation.navigation-position-bottom { bottom: 0; } .shuffle1-container .shuffle-navigation.navigation-position-top { top: 0; } .shuffle1-container .error-message { padding-top: 1em; padding-bottom: 1em; text-align: center; font-weight: 700; font-size: 2rem; background: white; } @media screen and (min-width: 1024px) { .shuffle1-container .shuffle-caption { padding: 1em; } } .spotlight1-container .item-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .spotlight1-container .spotlight-image-holder { -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; max-width: 100%; } .spotlight1-container .spotlight-image { display: block; max-width: 100%; margin: 0 auto; } .spotlight1-container .item-summary.clipped-summary .item-text { overflow: hidden; max-height: 6.25em; line-height: 1.25em; } .spotlight1-container .item-text { margin-bottom: 20px; } .spotlight1-container.content-size-medium .item-text { font-size: 1.125rem; } .spotlight1-container.content-size-large .item-text { font-size: 1.5rem; } .spotlight1-container.thumbnail-orientation-vertical .item-inner { text-align: center; } @media screen and (min-width: 768px) { .spotlight1-container.thumbnail-orientation-horizontal .item-inner { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .spotlight1-container.thumbnail-orientation-horizontal .spotlight-image-holder { max-width: 250px; margin-right: 15px; } } .news2-container:not(.slick-container) .items-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .news2-container .item { background-repeat: no-repeat; background-position: center center; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: 400px; } .news2-container .item.no-photo.logo-backup { background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("../pics/header_logo.png"); } .news2-container .item-summary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: absolute; bottom: 0; left: 0; right: 0; } .news2-container.content-size-small .item { margin-bottom: 10px; } .news2-container.content-size-small .item-name { margin-top: 0; margin-bottom: 10px; font-size: 1.125rem; } .news2-container.content-size-medium .item { margin-bottom: 20px; } .news2-container.content-size-medium .item-name { margin-top: 0; margin-bottom: 20px; font-size: 1.5rem; } .news2-container.content-size-medium .item-text { font-size: 1.125rem; } .news2-container.content-size-large .item { margin-bottom: 30px; } .news2-container.content-size-large .item-name { margin-top: 0; margin-bottom: 30px; font-size: 2.25rem; } .news2-container.content-size-large .item-text { font-size: 1.5rem; } .news2-container.thumbnail-coverage-full .item-summary { top: 0; } .news2-container.thumbnail-coverage-partial .item { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } @media screen and (min-width: 1024px) { .news2-container.orientation-horizontal:not(.slick-container) .items-list { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .news2-container.orientation-horizontal:not(.slick-container) .item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } } .events1-container .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .events1-container .items-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } .events1-container .event-date { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 110px; height: 110px; margin-bottom: 20px; text-transform: uppercase; } .events1-container .event-date .event-month { font-size: 1.125em; } .events1-container .event-date .event-day { font-size: 2.25em; } .events1-container.content-size-small .item { margin-bottom: 10px; } .events1-container.content-size-small .item-name { margin-top: 0; margin-bottom: 10px; font-size: 1.125rem; } .events1-container.content-size-small .event-date { font-size: 1rem; } .events1-container.content-size-medium .item { margin-bottom: 30px; } .events1-container.content-size-medium .item-name { margin-top: 0; margin-bottom: 20px; font-size: 1.5rem; } .events1-container.content-size-medium .item-text { font-size: 1.125rem; } .events1-container.content-size-medium .event-date { font-size: 1.125rem; } .events1-container.content-size-large .item { margin-bottom: 30px; } .events1-container.content-size-large .item-name { margin-top: 0; margin-bottom: 30px; font-size: 2.25rem; } .events1-container.content-size-large .item-text { font-size: 1.5rem; } .events1-container.content-size-large .event-date { font-size: 1.5rem; } .events1-container.date-orientation-vertical .item { text-align: center; } .events1-container.date-orientation-vertical.content-size-small .event-date { margin-bottom: 10px; } .events1-container.date-orientation-vertical.content-size-medium .event-date { margin-bottom: 20px; } .events1-container.date-orientation-vertical.content-size-large .event-date { margin-bottom: 30px; } @media screen and (min-width: 768px) { .events1-container.date-orientation-horizontal .event-date { margin-bottom: 0; margin-right: 20px; } .events1-container.date-orientation-horizontal .item { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 1024px) { .events1-container.orientation-horizontal .items-list { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .events1-container.orientation-horizontal .item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } } .infographic-container .items-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .infographic-container .infographic-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; } .infographic-container .infographic-item svg { -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; width: 50px; height: 50px; margin-bottom: 24px; } .infographic-container .item-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; max-width: 100%; } .infographic-container .info-number, .infographic-container .info-text { max-width: 100%; } .infographic-container .info-number { font-size: 1.5rem; } .infographic-container .info-text { font-size: 1.125rem; } .infographic-container.orientation-vertical .items-list { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .infographic-container .infographic-item { width: auto; max-width: none; } .infographic-container.icon-orientation-horizontal .infographic-item { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: left; } .infographic-container.icon-orientation-horizontal .infographic-item svg { margin-right: 30px; margin-bottom: 0; } } @media screen and (min-width: 1024px) { body.index #header_main { position: fixed; width: 100%; background-color: white; } } #header_main .school-name { padding: 20px 15px 60px 15px; } @media screen and (max-width: 767px) { #header_main .school-name a { width: 188.46154px; height: 50px; } } @media screen and (max-width: 1023px) { #header_main .school-name a { margin: 0 auto; } } @media screen and (min-width: 768px) { #header_main .school-name { padding: 15px; } } #header_main .sitenav { color: white; } #header_main .sitenav .nav-mobile-toggle { height: 44px; width: 44px; } #header_main .sitenav .nav-mobile-toggle .nav-mobile-toggle-inner, #header_main .sitenav .nav-mobile-toggle:before, #header_main .sitenav .nav-mobile-toggle:after { left: 8px; width: calc(100% - 16px); height: 5px; background-color: #81b9bf; } #header_main .sitenav .nav-mobile-toggle .nav-mobile-toggle-inner { top: calc(50% - 2.5px); } #header_main .sitenav .nav-mobile-toggle:before { top: 8px; } #header_main .sitenav .nav-mobile-toggle:after { bottom: 8px; } #header_main .sitenav .nav-mobile-toggle.animated.open:before { top: calc(50% - 2.5px); } #header_main .sitenav .nav-mobile-toggle.animated.open:after { bottom: calc(50% - 2.5px); } #header_main .sitenav .nav-item > a { height: 42px; padding: 0 10px; font-size: 1.125em; font-weight: 700; background: #81b9bf; color: white; } #header_main .sitenav .nav-item > a:focus, #header_main .sitenav .nav-item > a:hover, #header_main .sitenav .nav-item > a.open { color: white; background-color: black; } #header_main .sitenav .sub-nav a { color: white; background: #81b9bf; } #header_main .sitenav .sub-nav a:focus, #header_main .sitenav .sub-nav a:hover, #header_main .sitenav .sub-nav a.open { color: white; background-color: black; } @media screen and (min-width: 1024px) { #header_main .sitenav.column .nav-menu, #header_main .sitenav.megamenu .nav-menu { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; top: auto; max-height: none; overflow: visible; } #header_main .sitenav.column .nav-item > a, #header_main .sitenav.megamenu .nav-item > a { text-align: center; } #header_main .sitenav.column .sub-nav, #header_main .sitenav.megamenu .sub-nav { background-color: #81b9bf; } #header_main .sitenav.column .nav-item:nth-last-child(1) .sub-nav:focus, #header_main .sitenav.column .nav-item:nth-last-child(1) .sub-nav.open { left: auto; right: 0; } #header_main .sitenav.megamenu .sub-nav { box-sizing: border-box; width: 100%; max-width: 1024px; padding: 20px; } #header_main .sitenav.megamenu .sub-nav .sub-nav-group { width: 65%; } #header_main .sitenav.megamenu .sub-nav .mm-extra-content { width: calc(100% - 65%); } } #header_main .sitenav .nav-mobile-toggle { top: 10px; right: 10px; } #header_main .sitenav .nav-menu { top: 90px; } @media screen and (min-width: 1024px) { #header_main .sitenav { background-color: #81b9bf; } #header_main .sitenav.nav-group .nav-item > a { height: 40px; padding: 0 10px; color: black; background-color: #81b9bf; transition: .3s ease; font-size: 1.125rem; font-weight: 500; } #header_main .sitenav.nav-group .nav-item > a:hover, #header_main .sitenav.nav-group .nav-item > a:focus, #header_main .sitenav.nav-group .nav-item > a.open { color: white; background-color: black; } #header_main .sitenav.nav-group .nav-item .sub-nav { background-color: rgba(0, 0, 0, 0.7); } #header_main .sitenav.nav-group .nav-item .sub-nav .flyout .flyout-group a { position: relative; font-weight: 300; } #header_main .sitenav.nav-group .nav-item .sub-nav .flyout .flyout-group a:before { content: ""; display: block; position: absolute; left: 5px; content: ">"; color: white; transition: .3s ease; } #header_main .sitenav.nav-group .nav-item .sub-nav .flyout .flyout-group a:hover:before, #header_main .sitenav.nav-group .nav-item .sub-nav .flyout .flyout-group a:focus:before { left: 10px; color: black; } #header_main .sitenav.nav-group .nav-item .sub-nav a { color: white; background-color: black; transition: .3s ease; } #header_main .sitenav.nav-group .nav-item .sub-nav a:hover, #header_main .sitenav.nav-group .nav-item .sub-nav a:focus { color: black; background-color: #81b9bf; } } #header_main .topbar .topbar-inner { position: relative; } #header_main .topbar .topbar-inner .social-nav { position: absolute; top: -48px; right: 0; left: 0; width: 100%; } #header_main .topbar .topbar-inner .social-nav .icon-only { position: relative; } #header_main .topbar .topbar-inner .social-nav .icon-only:hover span, #header_main .topbar .topbar-inner .social-nav .icon-only:focus span { z-index: 99999; opacity: 1; } #header_main .topbar .topbar-inner .social-nav .icon-only span { position: relative; position: absolute; bottom: -100px; left: 0; width: 150px; padding: 10px 0; color: white; background-color: black; opacity: 0; transition: .3s ease; text-align: center; } #header_main .topbar .topbar-inner .social-nav .icon-only span:before { content: ""; display: block; position: absolute; top: -10px; left: 20px; width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid black; border-left: 5px solid transparent; } #header_main .topbar .topbar-inner .social-nav .icon-only span.facebook { left: calc(50% - 50px); } #header_main .topbar .topbar-inner .social-nav .icon-only span.facebook:before { left: calc(50% - 5px); } #header_main .topbar .topbar-inner .social-nav .icon-only span.mail { right: -45px; left: auto; } #header_main .topbar .topbar-inner .social-nav .icon-only span.mail:before { right: 15px; left: auto; } #header_main .topbar .topbar-inner .social-nav .icon-only .content-svg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; background-color: #81b9bf; transition: .3s ease; } #header_main .topbar .topbar-inner .social-nav .icon-only .content-svg svg { width: 32px; height: 32px; fill: black; } @media screen and (min-width: 768px) { #header_main .topbar .topbar-inner .social-nav { top: 20px; } } @media screen and (min-width: 1024px) { #header_main .topbar .topbar-inner .social-nav { top: 15px; right: 0; left: auto; width: auto; } } @media screen and (max-width: 1023px) { #header_main .topbar { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } .content-container .section-title { font-size: 1.6875rem; font-weight: 700; } @media screen and (min-width: 768px) { .content-container .section-title { font-size: 1.6875rem; } } @media screen and (min-width: 1024px) { .content-container .section-title { font-size: 2.25rem; } } .content-container .read-more-link { margin-top: 30px; padding: 15px 50px; border-radius: 25px; color: black; background-color: #81b9bf; box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.15); transition: .3s ease; font-weight: 700; font-size: 1rem; } .content-container .read-more-link:hover, .content-container .read-more-link:focus { color: white; background-color: black; text-decoration: none; } #content_main .pageTitle { font-size: 1.6875rem; margin: 30px 0; font-weight: 700; } @media screen and (min-width: 768px) { #content_main .pageTitle { font-size: 1.6875rem; } } @media screen and (min-width: 1024px) { #content_main .pageTitle { font-size: 2.25rem; } } #content_main .right-column-page-navigation { background: black; } #content_main .right-column-page-navigation li a { color: white; } #content_main .right-column-page-navigation li.active a { background-color: #81b9bf; color: black; } #shuffle_row { position: relative; } #shuffle_row .readmore { width: 100%; margin: 0 auto; padding: 0; } #shuffle_row .readmore .read-more-link { padding: 13px 35px; color: black; background-color: white; font-size: 1.25rem; } #shuffle_row .readmore .read-more-link:hover, #shuffle_row .readmore .read-more-link:focus { background-color: #81b9bf; } @media screen and (max-width: 767px) { #shuffle_row .readmore .read-more-links-group { background-color: #81b9bf; } #shuffle_row .readmore .read-more-links-group .read-more-link { margin: 10px 0; padding: 5px 25px; font-size: 1rem; } } @media screen and (min-width: 768px) { #shuffle_row .readmore { position: absolute; z-index: 9999; bottom: 30px; left: 0; } } @media screen and (min-width: 1024px) { #shuffle_row { margin-top: 135px; } } @media screen and (min-width: 768px) { #shuffle_row { position: relative; } #shuffle_row:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.6) 100%); } } #spotlight_row { background-color: #ebf0f0; } #spotlight_row .spotlight-image-holder .spotlight-image { width: 140px; height: 140px; margin-bottom: 30px; border-radius: 50%; object-fit: cover; } #spotlight_row .item-text { font-weight: 300; } @media screen and (min-width: 768px) { #spotlight_row .item-text { font-size: 1.25rem; } } @media screen and (min-width: 1024px) { #spotlight_row .item-text { max-width: 920px; } } @media screen and (min-width: 1024px) { #spotlight_row .content-container { padding: 75px 0; } } #news_row { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; background-color: #81b9bf; } #news_row .slick-arrow:before { border-color: black; } #news_row .slick-arrow:before { content: ""; display: block; position: absolute; top: 50%; width: 22px; height: 22px; border-top-style: solid; border-top-width: 2px; } #news_row .slick-arrow.slick-prev:before { transform: rotate(-45deg) translateZ(1px) translateX(-6.5px) translateY(-6.5px); transform-origin: top left; border-left-style: solid; border-left-width: 2px; left: 50%; } #news_row .slick-arrow.slick-next:before { transform: rotate(45deg) translateZ(1px) translateX(6.5px) translateY(-6.5px); transform-origin: top right; border-right-style: solid; border-right-width: 2px; right: 50%; } #news_row .slick-list { width: calc(100% - 35px*2); margin: 0 35px; } #news_row .slick-arrow { width: 22px; height: 30px; top: calc(50% - 30px/2); } #news_row .slick-dots li button:before { color: #81b9bf; } #news_row .slick-dots.number-dots li button { background: #81b9bf; } #news_row .slick-dots.number-dots li.slick-active button { color: #81b9bf; } #news_row .slick-dots li.slick-active button:before { color: #81b9bf; } #news_row .slick-dots.number-dots li button { color: #81b9bf; } #news_row .slick-dots.number-dots li.slick-active button { background: #81b9bf; } #news_row .slick-slider { position: relative; } #news_row .slick-list { position: relative; overflow: hidden; display: block; padding: 0; } #news_row .slick-list:focus { outline: none; } #news_row .slick-list.dragging { cursor: pointer; cursor: hand; } #news_row .slick-slider .slick-track, #news_row .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #news_row .slick-track { position: relative; left: 0; top: 0; display: block; margin: 0 auto; } #news_row .slick-track:before, #news_row .slick-track:after { content: ""; display: table; } #news_row .slick-track:after { clear: both; } .slick-loading #news_row .slick-track { visibility: hidden; } #news_row .slick-slide { position: relative; float: left; height: 100%; min-height: 1px; } [dir="rtl"] #news_row .slick-slide { float: right; } #news_row .slick-slide img { display: block; } #news_row .slick-slide.slick-loading img { display: none; } #news_row .slick-slide.dragging img { pointer-events: none; } .slick-initialized #news_row .slick-slide { display: block; } .slick-loading #news_row .slick-slide { visibility: hidden; } .slick-vertical #news_row .slick-slide { display: block; height: auto; border: 1px solid transparent; } #news_row .slick-arrow { background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; overflow: hidden; max-width: 100%; white-space: nowrap; text-indent: 200%; font-size: .1rem; color: transparent; background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 9999; border: none; background-color: transparent; } #news_row .slick-arrow:hover { cursor: pointer; } #news_row .slick-arrow.slick-prev { left: 0; } #news_row .slick-arrow.slick-next { right: 0; } #news_row .slick-arrow.slick-hidden { display: none; } #news_row .slick-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } #news_row .slick-dots { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 9999; text-align: center; } #news_row .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; cursor: pointer; } #news_row .slick-dots li button { display: block; height: 20px; width: 20px; padding: 5px; outline-width: none; font-size: 0px; line-height: 0px; color: transparent; border: 0; cursor: pointer; background: none transparent; } #news_row .slick-dots li button:hover, #news_row .slick-dots li button:focus { outline-width: 5px; } #news_row .slick-dots li button:before { content: "\2022"; position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; font-size: 2rem; text-align: center; } #news_row .slick-dots.number-dots li button { font-size: .75em; } #news_row .slick-dots.number-dots li button:before { display: none; } @media screen and (min-width: 768px) { #news_row .slick-dots li { margin: .5em; } } #news_row .items-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #news_row .items-list .item { position: relative; margin: 0 10px; } #news_row .items-list .item.no-photo:before { content: ""; display: block; width: 100%; height: 240px; background-position: center; background-color: #ebf0f0; background-repeat: no-repeat; background-image: url(../pics/header_logo.png); } #news_row .items-list .item .news-item-image { width: 100%; height: 240px; object-fit: cover; } #news_row .items-list .item .item-summary { padding: 20px 10px; background-color: white; } #news_row .items-list .item .item-summary .item-name { margin: 0 0 10px 0; } #news_row .items-list .item .item-summary .item-text { font-weight: 300; } #news_row .slick-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } #news_row .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } #news_row .slick-track .item-summary { height: 100%; } #news_row .read-more-link { color: white; background-color: black; } #news_row .read-more-link:hover, #news_row .read-more-link:focus { color: black; background-color: white; } #events_row { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; background-color: #ebf0f0; } #events_row .slick-arrow:before { border-color: black; } #events_row .slick-arrow:before { content: ""; display: block; position: absolute; top: 50%; width: 22px; height: 22px; border-top-style: solid; border-top-width: 2px; } #events_row .slick-arrow.slick-prev:before { transform: rotate(-45deg) translateZ(1px) translateX(-6.5px) translateY(-6.5px); transform-origin: top left; border-left-style: solid; border-left-width: 2px; left: 50%; } #events_row .slick-arrow.slick-next:before { transform: rotate(45deg) translateZ(1px) translateX(6.5px) translateY(-6.5px); transform-origin: top right; border-right-style: solid; border-right-width: 2px; right: 50%; } #events_row .slick-list { width: calc(100% - 35px*2); margin: 0 35px; } #events_row .slick-arrow { width: 22px; height: 30px; top: calc(50% - 30px/2); } #events_row .slick-dots li button:before { color: #81b9bf; } #events_row .slick-dots.number-dots li button { background: #81b9bf; } #events_row .slick-dots.number-dots li.slick-active button { color: #81b9bf; } #events_row .slick-dots li.slick-active button:before { color: #81b9bf; } #events_row .slick-dots.number-dots li button { color: #81b9bf; } #events_row .slick-dots.number-dots li.slick-active button { background: #81b9bf; } #events_row .slick-slider { position: relative; } #events_row .slick-list { position: relative; overflow: hidden; display: block; padding: 0; } #events_row .slick-list:focus { outline: none; } #events_row .slick-list.dragging { cursor: pointer; cursor: hand; } #events_row .slick-slider .slick-track, #events_row .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #events_row .slick-track { position: relative; left: 0; top: 0; display: block; margin: 0 auto; } #events_row .slick-track:before, #events_row .slick-track:after { content: ""; display: table; } #events_row .slick-track:after { clear: both; } .slick-loading #events_row .slick-track { visibility: hidden; } #events_row .slick-slide { position: relative; float: left; height: 100%; min-height: 1px; } [dir="rtl"] #events_row .slick-slide { float: right; } #events_row .slick-slide img { display: block; } #events_row .slick-slide.slick-loading img { display: none; } #events_row .slick-slide.dragging img { pointer-events: none; } .slick-initialized #events_row .slick-slide { display: block; } .slick-loading #events_row .slick-slide { visibility: hidden; } .slick-vertical #events_row .slick-slide { display: block; height: auto; border: 1px solid transparent; } #events_row .slick-arrow { background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; overflow: hidden; max-width: 100%; white-space: nowrap; text-indent: 200%; font-size: .1rem; color: transparent; background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 9999; border: none; background-color: transparent; } #events_row .slick-arrow:hover { cursor: pointer; } #events_row .slick-arrow.slick-prev { left: 0; } #events_row .slick-arrow.slick-next { right: 0; } #events_row .slick-arrow.slick-hidden { display: none; } #events_row .slick-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } #events_row .slick-dots { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 9999; text-align: center; } #events_row .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; cursor: pointer; } #events_row .slick-dots li button { display: block; height: 20px; width: 20px; padding: 5px; outline-width: none; font-size: 0px; line-height: 0px; color: transparent; border: 0; cursor: pointer; background: none transparent; } #events_row .slick-dots li button:hover, #events_row .slick-dots li button:focus { outline-width: 5px; } #events_row .slick-dots li button:before { content: "\2022"; position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; font-size: 2rem; text-align: center; } #events_row .slick-dots.number-dots li button { font-size: .75em; } #events_row .slick-dots.number-dots li button:before { display: none; } @media screen and (min-width: 768px) { #events_row .slick-dots li { margin: .5em; } } #events_row .item .event-date { width: 79px; height: 79px; color: white; background-color: black; line-height: 2em; } #events_row .item .event-date .event-day { font-size: 1.875rem; font-weight: 600; } #events_row .item .event-date .event-month { font-size: 1.5rem; font-weight: 600; } #events_row .item .item-summary .item-name { margin: 0 0 10px 0; font-size: 1rem; font-weight: 600; } #events_row .item .item-summary .item-text { font-weight: 300; } @media screen and (min-width: 1024px) { #events_row .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } } @media screen and (min-width: 1024px) { #events_row .content-container { padding: 80px 0; } #events_row .content-container .read-more-link { margin-top: 50px; } } #infographics_row { background-color: #81b9bf; } #infographics_row .items-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #infographics_row .items-list .infographic-item { box-sizing: border-box; width: calc(100% / 2); margin: 40px 0; padding: 0 20px; } #infographics_row .items-list .infographic-item img { margin-bottom: 15px; } #infographics_row .items-list .infographic-item .item-inner { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; width: 100%; } #infographics_row .items-list .infographic-item .item-inner .info-number { font-weight: 400; font-size: 1rem; } #infographics_row .items-list .infographic-item .item-inner .info-text { font-weight: 400; font-size: 1rem; } @media screen and (min-width: 768px) { #infographics_row .items-list .infographic-item img { margin-right: 15px; margin-bottom: 0; } } @media screen and (min-width: 1024px) { #infographics_row .items-list .infographic-item { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; width: calc(100% / 3); } #infographics_row .items-list .infographic-item .item-inner .info-number { font-weight: 600; font-size: 1.125rem; } #infographics_row .items-list .infographic-item .item-inner .info-text { font-weight: 600; } } #infographics_row .read-more-link { margin: 0; padding: 15px 35px; color: black; background-color: white; } #infographics_row .read-more-link:hover, #infographics_row .read-more-link:focus { color: white; background-color: black; } #infographics_row .homepage-row-inner:last-child { max-width: 100%; background-color: rgba(255, 255, 255, 0.1); } #infographics_row .homepage-row-inner:last-child .content-container { padding: 22px 0; } @media screen and (min-width: 1024px) { #infographics_row .content-container { padding: 60px 0; } } #footer_main { background-color: #ebf0f0; } #footer_main .footer-column .school-name { margin: 50px auto 30px auto; } @media screen and (max-width: 767px) { #footer_main .footer-column .school-name { width: 188.46154px; height: 50px; } } #footer_main .footer-column .footer-info-block { margin: 3px 0; } @media screen and (max-width: 767px) { #footer_main .footer-column .footer-info-block { display: block; } } @media screen and (min-width: 768px) { #footer_main .footer-column .footer-info-block span { margin-left: 10px; padding-left: 10px; border-left: 1px solid black; } } #footer_main .footer-column .icon-only { display: block; width: 48px; height: 48px; overflow: hidden; background-color: #81b9bf; color: black; border-radius: 50px; transition: .3s ease; } #footer_main .footer-column .icon-only svg { display: block; width: 32px; height: 32px; margin: 8px; } #footer_main .footer-column .icon-only svg { fill: black; } #footer_main .footer-column .icon-only:hover, #footer_main .footer-column .icon-only:focus { background-color: black; color: white; } #footer_main .footer-column .icon-only:hover svg, #footer_main .footer-column .icon-only:focus svg { fill: white; } #footer_main #footer .footer-row-inner:last-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 40px auto 20px auto; } #footer_main #footer .footer-row-inner:last-child .content-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav { margin: 0; } #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav .links-list .link-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 2px; } #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav .links-list .link-item:last-child { border: none; } #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav .links-list .link-item a { display: inline-block; vertical-align: middle; transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); z-index: 0; overflow: hidden; position: relative; } #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav .links-list .link-item a:before { content: ""; display: block; position: absolute; z-index: -1; background: black; height: 1px; transition-duration: 0.3s; transition-timing-function: ease-out; } #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav .links-list .link-item a:before { left: 51%; right: 51%; bottom: 0; transition-property: left, right; } #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav .links-list .link-item a:hover:before, #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav .links-list .link-item a:focus:before { left: 0; right: 0; } #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav .links-list .link-item a:hover, #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav .links-list .link-item a:focus { text-decoration: none; } @media screen and (min-width: 1024px) { #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav .links-list .link-item { height: 18px; padding: 0 10px; border-right: 1px solid black; } } @media screen and (max-width: 1023px) { #footer_main #footer .footer-row-inner:last-child .content-footer .footer-secondary-nav .links-list { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } #footer_main #footer .footer-row-inner:last-child .content-footer #google_translate_element { margin: 15px 0; } @media screen and (min-width: 768px) { #footer_main #footer .footer-row-inner:last-child .content-footer #google_translate_element { margin: 0 15px; } } #footer_main #footer .footer-row-inner:last-child .content-footer .edlio-login-link { color: black; font-size: 1.25em; height: 1.25em; line-height: 1.25em; } #footer_main #footer .footer-row-inner:last-child .content-footer .edlio-login-link .edlio-logo { border-right-color: black; } #footer_main #footer .footer-row-inner:last-child .content-footer .edlio-login-link .edlio-logo svg { fill: black; } #footer_main #footer .footer-row-inner:last-child .content-footer .edlio-login-link:hover, #footer_main #footer .footer-row-inner:last-child .content-footer .edlio-login-link:focus { color: #81b9bf; } #footer_main #footer .footer-row-inner:last-child .content-footer .edlio-login-link:hover .edlio-logo, #footer_main #footer .footer-row-inner:last-child .content-footer .edlio-login-link:focus .edlio-logo { border-color: #81b9bf; } #footer_main #footer .footer-row-inner:last-child .content-footer .edlio-login-link:hover .edlio-logo svg, #footer_main #footer .footer-row-inner:last-child .content-footer .edlio-login-link:focus .edlio-logo svg { fill: #81b9bf; } #footer_main #footer .footer-row-inner:last-child .content-footer .powered-by-edlio-logo svg { fill: black; } @media screen and (max-width: 767px) { #footer_main #footer .footer-row-inner:last-child .content-footer .powered-by-edlio-logo { margin-top: 30px; } } @media screen and (max-width: 1023px) { #footer_main #footer .footer-row-inner:last-child .content-footer { margin-bottom: 15px; } } @media screen and (max-width: 767px) { #footer_main #footer .footer-row-inner:last-child .content-footer { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 1023px) { #footer_main #footer .footer-row-inner:last-child { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } } #footer_main #footer_nav_container .accordion-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #footer_main #footer_nav_container .accordion-label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; width: 100%; color: black; font-weight: 700; cursor: pointer; text-transform: uppercase; text-align: center; } #footer_main #footer_nav_container .accordion-label:before { content: ""; display: block; position: absolute; top: 12px; left: 130px; width: calc(100% - 150px); height: 1px; background-color: rgba(0, 0, 0, 0.05); } #footer_main #footer_nav_container .accordion-label.ui-state-active svg { transform: rotate(100grad); } #footer_main #footer_nav_container .accordion-label svg { width: 16px; height: 16px; margin-left: 15px; transition: .3s ease; } #footer_main #footer_nav_container .nav-menu { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer_main #footer_nav_container .nav-item { width: 120px; } #footer_main #footer_nav_container .nav-item > a { margin-bottom: 5px; border-bottom: 1px solid #81b9bf; } #footer_main #footer_nav_container .nav-item .nav-item-inner { font-weight: 700; } #footer_main #footer_nav_container .nav-item a { display: block; padding: 5px; } #footer_main #footer_nav_container .nav-item .flyout .flyout-group { padding-left: 10px; list-style: none; font-weight: 300; font-size: 0.875rem; } #footer_main #footer_nav_container .sub-nav-group { margin: 0; padding: 0; list-style: none; } #footer_main .footer-grid { padding-bottom: 40px; } @media screen and (min-width: 768px) { #footer_main #footer_nav_container { padding: 0; } #footer_main #footer_nav_container .accordion-item { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } #footer_main #footer_nav_container .nav-menu { width: 100%; padding-top: 30px; } } #mobile_nav { background: #81b9bf; } #mobile_nav a { color: black; } #mobile_nav a svg { fill: black; } #mobile_nav a:hover, #mobile_nav a:focus { color: black; } #mobile_nav a:hover svg, #mobile_nav a:focus svg { fill: black; }