/* imports and fonts imports */ @import url("/apps/js/polls/polls-pack.css"); /* General */ html {} body {margin: 0;padding: 0;overflow: hidden;overflow-y: scroll;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } .DB_mask {z-index: 99999 !important;} .DB_dialog {z-index: 99999 !important;} .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0;} a, a:active{ color: #033b73; } a:hover, a:active { outline: 0; color: #fb3038; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* Normalization of fonts */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } body, #nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a, #address { font-family: "Arial", Helvetica, sans-serif; } #pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a, #motto { font-family: "Arial", Helvetica, sans-serif; } #pageContentWrapper h1, #pageContentWrapper h2, #pageContentWrapper h3, #pageContentWrapper h4, #pageContentWrapper h5, #pageContentWrapper h6 { font-family: 'Barlow', sans-serif; color: #1a1a1a; margin: 0 0 10px 0; line-height: 1.2; } /*--------------------------- basic header css -------------------------------*/ /* PARAMETERS */ /* HEIGHT OF THE MIDDLE SECTION WHERE SCHOOL'S NAME IS LOCATED WILL BE AUTO-ADJUSTED */ .en-public-header-params {--header-width: 1100px;--header-height: 200px;--top-bar-height: 35px;--bottom-bar-height: 50px;} div.en-public-container {position: relative;width: 100%;} header.en-public-header div.en-public-header-top-bar {position: relative;grid-row: 1;grid-column: 2;display: flex;flex-direction:initial;justify-content: flex-start;} /* STYLING FOR SMALL ICONS IN THE TOP BAR */ div.en-public-header-top-bar > a > img {box-sizing: border-box;padding: 4px;height: 100%;} /* HOVER ON SMALL ICONS IN THE TOP BAR, IF REQUIRED */ div.en-public-header-top-bar > a > img:hover {background: transparent;} /* STYLING OF THE SCHOOL NAME IN THE HEADER */ /*
'S IN THE SCHOOL'S NAME WILL BE IGNORED, AND LATER ENABLED FOR MOBILE */ header.en-public-header div.en-public-header-bottom-bar {position: relative;grid-row: 3;grid-column: 2;display: flex;align-items: center;} header.en-debug div.en-public-header-top-bar {background: #fff;} header.en-debug div.en-public-header-bottom-bar {background: transparent;} /* POSITIONING AND STYLING OF THE SCHOOL LOGO */ header.en-public-header div.en-public-header-logo-container img {height: 92.5%;box-shadow: 0px 10px 6px -6px rgba(0,0,0,0.15);border-radius: 50%;} /*--------------------------- basic header css end-------------------------------*/ /* Site Styles */ #wrapper {position: absolute !important;} #wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; height: 100%; min-height: 100%; height: auto!important; text-align: left;background: url('') no-repeat;} #wrapper{background-color: #fff;} .inside { width: 100%; margin: 0 auto; } #wrapper .content { position: relative;padding: 0 0 625px;} #wrapper .content::before {background: #ededed;position: absolute;top: 0;width: 100%;height: 165px;content: "";} #wrapper .content .inside { padding: 20px 0 280px; line-height: 20px;z-index: 2;} .content { width: 100%; text-align: left;position: relative;} .content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px; padding-bottom: ;} .pageTitle {width: auto;display: block;height: auto;margin: 40px 0 150px -27px;font-size: 40px;color: #1a1a1a;position: relative;line-height: 44px;font-family: 'Barlow', sans-serif;font-weight: 700;background: #ededed;padding: 0 25px 13px;letter-spacing: 0.45px;} #wrapper .content .inside, #wrapper .neutral, #wrapper table {font-weight: 400;font-size: 19px;color: #262626;font-family: 'Source Sans Pro', sans-serif;line-height: 28px;} #wrapper .content .inside {max-width: 1200px;margin: 0 auto;} #wrapper #footer {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);} /* Marquee */ .en-marquee-module {position: relative;background: transparent;} .en-marquee-module .en-marquee-module-content {color: #004080;font-size: 14px;font-family: 'Barlow', sans-serif;font-weight: 400;line-height: 22px;background-color: rgba(0,0,0,0.01);text-transform: uppercase;letter-spacing: 1px;} .en-marquee-module::before {content: "";position: absolute;top: 0;left: 0;height: 25px;width: 75px;z-index: 1;background-image: linear-gradient(to left, rgba(237, 237, 237, 0), rgba(237, 237, 237, 0.2), rgba(237, 237, 237, 0.4), rgba(237, 237, 237, 0.8), rgb(237, 237, 237), rgb(237, 237, 237));} .en-marquee-module::after {content: "";position: absolute;top: 0;height: 25px;width: 75px;right: 0;z-index: 1;background-image: linear-gradient(to right, rgba(237, 237, 237, 0), rgba(237, 237, 237, 0.2), rgba(237, 237, 237, 0.4), rgba(237, 237, 237, 0.8), rgb(237, 237, 237), rgb(237, 237, 237));} .en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup {background-color: #000;border-color: #000;} .en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup .en-marquee-tooltip-buttons {width: auto !important;} .en-marquee-module .en-marquee-tooltip-buttons button{background: #fff !important; margin: 0 -12px 0 0;font-family: 'Barlow', sans-serif;font-weight: 500;} .en-marquee-module .en-marquee-tooltip-buttons button[aria-pressed="true"] {background-color: #004080 !important;color: #fff !important;} .en-marquee-module .en-marquee-popup .en-marquee-popup-text {color: #fff;font-family: 'Barlow', sans-serif;font-size: 16px;line-height: 21px;font-weight: 400;letter-spacing: 0px;} .en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup-icon{border-bottom-color: #000;} @media only screen and (min-width: 1100px) { .en-marquee-module::before,.en-marquee-module::after{height: 35px;} } #tabs { width: auto; padding: 0; grid-row: 1;grid-column: 4;display: flex;justify-content: flex-end;align-items: center;margin: 0;} #header_moto {font-family: 'Poppins', sans-serif;font-size: 26px;line-height: 20px;color: #fff;font-weight: 200;margin: 19px 0 0 0;padding: 0;position: relative;background-color: rgba(0,0,0,0.01);} #login_link {font-family: "loos-condensed";font-weight: 600;color: #fff;font-size: 16px;text-transform: uppercase;position: relative;padding: 0 16px 0 0;margin: 12px 65px 0 0;transition: .5s all ease-in-out;background-color: rgba(0,0,0,0.01);} #login_link::after {content: "";position: absolute;background: url(/pics/login_icon.png ) no-repeat center left;width: 6px;height: 10px;right: 0;top: 50%;transform: translateY(-50%);margin: -1.5px 0 0;transition: .5s all ease-in-out;} header.en-public-header::after {content: "";position: absolute;background: url(/pics/cte_bg.png) no-repeat center top;width: 156px;height: 150px;right: 0;top: 10px;z-index: 9;} #login_link:hover, #login_link:focus {color: #00a5ee;} #login_link:hover::after, #login_link:focus::after {background-position: center right;transform: rotate(180deg);top: 5px;} /* Translate */ #googleTranslate { opacity:0; filter: alpha(opacity = 0); width: 105px !important; height: 20px; top: 0; left: 0; position: absolute; cursor: pointer;border: 0;} .translate-button {float: left;border-radius: 0;top: 0;background: url('/pics/translate.png') no-repeat center left;margin: 0 38px 0 0;font-family: 'Source Sans Pro', sans-serif !important;color: #004080 !important;font-size: 14px !important;font-weight: 400;padding: 0 0 0 27px;letter-spacing: 1.1px !important;} .translate-button.focused { outline:2px solid #005fcc; } #goog-gt-tt .top .title{color: black !important;} /* Search */ #search-button {float: left;position: relative;background: none;padding: 0;top: 0;margin: 0;cursor: pointer;} #search-field { max-width: 485px; border: 1px solid #c0c1c3;height: 25px; font-size: 16px;padding: 5px 7px; border-radius: 5px; position: relative; display: inline-block;min-height: 25px;} #search-img {float: right;margin: 10px 21px 10px 0;} #search-button .icon {background: url('/pics/search_button.png') no-repeat center;width: 18px;height: 18px;display: block;margin: 0;} #contact_icon {float: left;background: url(/pics/contact_icon.png) no-repeat;width: 19px;height: 17px;margin: 11px -1px 0 0px;} /* new search */ .en-header-popup-wrapper{height: 38px !important;max-width: 500px !important;} .en-header-popup-body {padding-top: 0 !important;} .en-popup-close-img {width: 25px !important;height: 25px !important;} .en-public-header-popup-close{right: -14px !important;background: #000 !important;top: -15px !important;} @media only screen and (max-width: 520px) { .en-header-popup-wrapper{margin: 300px 25px !important;} } /* Header */ #header {position: relative;top: 0;z-index: 9999;width: 100%;background: #fff;display: grid;max-width: 1100px;margin: 0 auto;} #header .inside {position: relative;height: 100px;min-height: 100px;height: auto !important;width: 1100px;margin: 0 auto;padding: 0;} #header .logo {width: 191px;height: 195px;background: url('/pics/header_logo.png') no-repeat;float: left;position: absolute;margin: -25px 0 0 4px;} /* social */ #fb {background: url(/pics/fb_icon.png) no-repeat;margin: 0.5px 0 0 0;} #twitter {background: url(/pics/tweet_icon.png) no-repeat;} #social-icons a:hover, #social-icons a:focus {box-shadow: rgb(12, 137, 193) 0px 0px 6px;transform: scale(1.1);} #insta {background: url(/pics/insta_icon.png) no-repeat;margin: 0.5px 0 0 15px;} #social_links a {float: left;position: relative;transition: .5s all ease-in-out;width: 30px;height: 30px;background-position: center center;} #youtube {background: url(/pics/youtube_icon.png) no-repeat;margin: 1px 55px 0 24.5px;} #tweet {background: url(/pics/tweet_icon.png) no-repeat;margin: 0.5px 0 0 19.5px;} #social_links a::before {content: "";position: absolute;background: none;width: 10px;height: 10px;border-top: 2px solid #004080;border-right: 2px solid #004080;top: -8px;right: 0;box-sizing: border-box;opacity: 0;transition: .3s all ease-in-out;} #social_links a:hover::before, #social_links a:focus::before {top: 0;opacity: 1;} #social_links a::after {content: "";position: absolute;background: none;width: 10px;height: 10px;border-bottom: 2px solid #004080;border-left: 2px solid #004080;bottom: -3px;left: 0;box-sizing: border-box;transition: .3s all ease-in-out;opacity: 0;} #social_links a:hover::after, #social_links a:focus::after {bottom: 0;opacity: 1;} #social_links a:hover, #social_links a:focus {background-color: #fff;} #insta::before, #insta::after {border-color: #b516a3 !important;} #tweet::before, #tweet::after {border-color: #1da1f2 !important;} #youtube::before, #youtube::after {border-color: #f40000 !important;} @media only screen and (max-width: 1099px) { #social-icons a{width: clamp(45px, 4.45vw, 49px);height: clamp(45px, 4.45vw, 49px);} } @media only screen and (max-width: 1200px){ .en-header-middle-bar-bg{background: linear-gradient(to left, transparent 0%, transparent 82%, #004080 40%, #004080 100%) !important;} header.en-public-header a.en-website-logo {margin: 22px 0 0 10px !important;} header.en-public-header a.en-website-logo{grid-row: 2 !important;} nav.en-nav > ul{align-items: flex-end !important;} } /* Index properties */ #index-wrapper { } #index-top {position: relative;margin: 0;} #rotate_slider {position: relative;} #wrapper-index #slideshow img, #wrapper-index #slideshow .nivoSlider, #wrapper-index #slideshow .nivo-slice {max-height: 58.5vw;display: block;min-width: 100%;width: unset !important;position: relative;margin-left: 0 !important;} #rotate_slider::before {content: "";position: absolute;background: url(/pics/blue-school-home.png)no-repeat center right; background-size:cover;width: 29.4%;height: 100%;top: 0;left: 0;z-index: 9;} #banner_headline h2 {font-family: 'Barlow', sans-serif;font-size: 64px;line-height: 64px;font-weight: 700;color: #fff;max-width: 320px;margin: 0 0 53px 57.5px;position: relative;background-color: rgba(0,0,0,0.01);} #banner_headline {max-width: 1200px;position: absolute;bottom: 0;left: 0;margin: 0 auto;right: 0;z-index: 9;} #banner_headline h2::before {content: "";position: absolute;background: #a6a6a6;width: 10px;height: 114px;top: -57px;left: -57.5px;} @media only screen and (max-width: 1200px){ #banner_headline h2{font-size: clamp(25px, 5.33vw, 64px);line-height: clamp(27px, 5.33vw, 64px);} #rotate_slider::before{background: linear-gradient(to left, transparent 0%, transparent 82%, rgba(0, 64, 128, 0.85) 40%, rgba(0, 64, 128, 0.85) 100%);} #banner_headline h2::before{left: -32px;} } @media only screen and (max-width: 767px) { #banner_headline h2 {margin: 0 40px 40px 58px;max-width: 305px;} #banner_headline h2::before {width: 8px;height: 85%;top: -22px;left: -32px;} #rotate_slider::before{background: linear-gradient(to left, transparent 0%, transparent 70%, rgba(0, 64, 128, 0.85) 40%, rgba(0, 64, 128, 0.85) 100%);} } /* Rows WRapper */ #rows-wrapper,.rows{position: relative;width: 100%;} .rows-inner {position: relative;margin: 0 auto;max-width: 1200px;display: grid;height: auto;} @media only screen and (max-width: 1225px){.rows-inner {padding-left: 25px !important;padding-right: 25px !important;}} /* first row */ #first-row-inner h2 a {font-family: 'Barlow', sans-serif;font-size: 38px;color: #1a1a1a;text-decoration: none;font-weight: 700;line-height: 42px;position: relative;margin: 0;padding: 0;letter-spacing: 0.4px;} #first-row-inner h2 {margin: 0 0 34px -2px;} #first-row-inner {padding: 71px 0 100px;} #hp-news div.en-news-slider-buttons button.en-card-slider-button-disabled {opacity: .5;cursor: auto;} #hp-news {position: relative;width: min-content;max-width:1200px;margin: 0 auto;} #hp-news > div.en-news-slider {--min-card-gap: 20px;--image-width: 285px;--image-height: 285px;--line-height: 1.35;--font-size: 19px;--max-lines-subject: 2;--max-lines-summary: 3;} #hp-news h2.en-news-section-title {display: none;} #hp-news div.en-card-slider-inner-container {column-gap: 20px !important;} #hp-news div.en-card-slider-inner-container > a {border: 0 !important;position: relative;padding: 0 0 26px;} #hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title {font-family: 'Barlow', sans-serif;font-weight: 700;letter-spacing: normal;text-align: left;color: #004080;justify-content: flex-start !important;margin: 2.5px 0 0 0 !important;letter-spacing: 0.9px;font-size: 18px;line-height: 22px;z-index: 9;padding: 0 95px 0 29px;} #hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title::after {content: "";position: absolute;background: #ededed;width: 265px;height: 168px;left: 0;top: auto;bottom: 0px;z-index: -1;} #hp-news div.en-card-slider-inner-container > a:hover > h3.en-news-slider-title, #hp-news div.en-card-slider-inner-container > a:focus > h3.en-news-slider-title{text-decoration: none;color: #1a1a1a;} #hp-news div.en-card-slider-inner-container > a > div.en-news-slider-summary {font-family: 'Barlow', sans-serif;font-weight: 400;letter-spacing: normal;text-align: left;color: #404040;margin: 0;z-index: 9;font-size: 16px;line-height: 22px;padding: 6px 50px 0 28.5px;letter-spacing: 0.16px;} div.en-news-slider > div.en-news-slider-footer {position: absolute;right: 0;top: -45px;width: 1200px;max-width: 1200px;left: 50%;transform: translateX(-50%);margin: 0 auto;} #hp-news div.en-news-show-all {border: 0;padding: 0;position: absolute;right: 2px;top: -10px;} #hp-news div.en-news-show-all a::after {content: "News";position: relative;right: -5px;} #hp-news div.en-news-show-all a {border-radius: 0;font-family: 'Roboto Slab', serif;font-size: 13px;font-weight: 500;line-height: 20px;letter-spacing: normal;text-align: center;color: #1a1a1a;transition: all .5s ease-in-out;z-index: 1;position: relative;text-transform: uppercase;padding: 0 0 0 25px;letter-spacing: 2px;} #hp-news div.en-news-show-all a::before {content: "";position: absolute;background: #004080;width: 10.5px;height: 10.5px;left: 0;top: 4px;transition: .5s all ease-in-out;box-sizing: border-box; } #hp-news div.en-news-show-all a:hover::before, #hp-news div.en-news-show-all a:focus::before {width: 100%;height: 100%;left: 0;top: 50%;transform: translateY(-50%);border: 2px solid #004080;background: none;} #hp-news div.en-news-slider-buttons {position: absolute;width: 1200px;max-width: 1200px;left: 50%;transform: translateX(-50%);top: 163px;right: 0;} div.en-news-slider > div.en-card-slider-inner-container > a > .en-news-slider-image-container {background: #004080 !important;border:none;box-sizing: border-box;} #hp-news div.en-news-slider-buttons button {position: absolute;cursor: pointer;border: 0;} #hp-news div.en-news-slider-buttons button.en-news-prev {padding: 0;border-radius: 0;text-indent: -9999px;width: 50px;height: 50px;background: url('/pics/prev_arrow.png') no-repeat center left;left: -80px;} #hp-news div.en-news-slider-buttons button.en-news-next {border-radius: 0;text-indent: -9999px;width: 50px;height: 50px;background: url('/pics/next_arrow.png') no-repeat center left;padding: 0;right: -80px;} #hp-news div.en-news-slider-buttons button.en-news-prev:hover{background-position: -53px center;} #hp-news div.en-news-slider-buttons button.en-news-next:hover{background-position: -53px center;} #hp-news div.en-news-slider-buttons button.en-news-prev:focus {background-position: -106px center;top: -5px;left: -84px;} #hp-news div.en-news-slider-buttons button.en-news-next:focus, #hp-news div.en-news-slider-buttons button.en-news-prev:focus {width: 60px;height: 60px;} #hp-news div.en-news-slider-buttons button.en-news-next:focus {background-position: -106px center;top: -5px;right: -86px;} #hp-news div.en-news-show-all a:hover, #hp-news div.en-news-show-all a:focus {color: #004080;padding: 8px 10px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);} @media only screen and (max-width: 1360px) { #hp-news {max-width: 930px;} #first-row-inner {max-width: 930px;} #first-row-inner h2 {margin: 0 0 34px 16px;} #first-row-inner h2 a {font-size: clamp(25px, 2.79vw, 38px);line-height: clamp(28px, 2.79vw, 42px);} #first-row-inner {padding: 71px 25px 150px 25px !important;} div.en-news-slider > div.en-news-slider-footer,#hp-news div.en-news-slider-buttons{width: 100%;} #hp-news div.en-news-slider-buttons{top: 520px;right: 0;} #hp-news div.en-news-slider-buttons button.en-news-prev{left: 0;right: 0;margin: 0 auto;} #hp-news div.en-news-slider-buttons button.en-news-next{right: 0;left: 130px;margin: 0 auto;} #hp-news div.en-news-slider-buttons button.en-news-next:focus {right: -2px;} #hp-news div.en-news-slider-buttons button.en-news-prev:focus {left: 2px;} } @media only screen and (max-width: 1120px) { #hp-news { box-sizing: border-box; padding: 0px clamp(0px, calc(550px - 50vw), 10px); width: auto; } } @media only screen and (max-width: 980px) { #hp-news {max-width: 620px;} div.en-news-slider > div.en-news-slider-footer{max-width: 620px;width: 620px;} } @media only screen and (max-width: 670px) { #hp-news {max-width: 315px;} #first-row-inner h2 a br {display: none;} div.en-news-slider > div.en-news-slider-footer {max-width: 315px;width: 315px;top: auto;bottom: -55px;} #first-row-inner h2 {margin: 0 0 30px 0;text-align: center;} #hp-news div.en-news-show-all {right: 0;top: auto;bottom: 0;left: 0;margin: 0 auto;} #hp-news div.en-news-slider-buttons {top: auto;right: 0;bottom: -25px;} #hp-news div.en-news-slider-buttons button.en-news-prev {left: -90px;} #hp-news div.en-news-slider-buttons button.en-news-next {left: 35px;} #hp-news div.en-news-slider-buttons button.en-news-prev:focus {left: -88px;} #first-row-inner {padding: 40px 0 190px 0 !important;} } /* second row */ #second-row-inner {padding: 40px 0 70px;} #second-row {background: url(/pics/mission_bg.png) no-repeat center top 39px,url(/pics/quicklinks_bg.png) repeat-y center top;z-index: 2;} #second-row-inner ul {padding: 0;margin: 0;display: grid;grid-template-columns: 560px auto;grid-gap: 118px;align-items: flex-start;} #second-row-inner ul li {list-style-type: none;} #second_row_left a:nth-child(3n) {margin-right: 0;} #second_row_left a {position: relative;font-family: 'Roboto Slab', serif;font-weight: 500;font-size: 16px;line-height: 20px;color: #1c2858;text-decoration: none;text-transform: uppercase;text-align: center;display: flex;justify-content: center;align-items: center;width: 180px;min-height: 180px;float: left;background: #fff;margin: 0 10px 10px 0;box-sizing: border-box;padding: 25px 25px 26px 26.5px;transition: .5s all ease-in-out;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.05);letter-spacing: 1.2px;} #second_row_right h2 {font-family: 'Roboto Slab', serif;font-weight: 300;font-size: 30px;line-height: 41px;color: #004080;margin: 0 0 30px;padding: 0;position: relative;letter-spacing: 0.75px;} #second_row_right p {font-family: 'Barlow', sans-serif;font-size: 18px;line-height: 28px;color: #1a1a1a;font-weight: 400;margin: 0 0 36px 1px;padding: 0;letter-spacing: 0.45px;} #second_row_right a {font-family: 'Roboto Slab', serif;font-size: 13px;font-weight: 500;line-height: 20px;text-align: center;color: #1a1a1a;transition: all .5s ease-in-out;z-index: 1;position: relative;text-transform: uppercase;padding: 0 0 0 25px;letter-spacing: 2px;text-decoration: none;margin: 0 0 0 0.5px;} #second_row_right a::before {content: "";position: absolute;background: #004080;width: 10.5px;height: 10.5px;left: 0.5px;top: 4px;transition: .5s all ease-in-out;} #second_row_left a:hover, #second_row_left a:focus {background: #004080;color: #fff;} #second_row_left a::before {content: "";position: absolute;background: url(/pics/links_icon_top.png) no-repeat center top;width: 100%;height: 20px;top: 0px;left: 0;right: 0;margin: 0 auto;transition: .3s all ease-in-out;opacity: 0;} #second_row_left a:hover::before, #second_row_left a:focus::before {top: 15px;opacity: 1;} #second_row_left a::after {content: "";position: absolute;background: url(/pics/links_icon_bottom.png) no-repeat center top;width: 100%;height: 20px;top: auto;left: 0; bottom: 0; right: 0;margin: 0 auto;transition: .3s all ease-in-out;opacity: 0;} #second_row_left a:hover::after, #second_row_left a:focus::after {bottom: 15px;opacity: 1;} #second_row_right {padding: 30px 45px 0 0.5px;} #second-row::after {content: "";position: absolute;background: #fff;width: 100%;height: 100px;top: auto;bottom: 0;z-index: -1;} #second_row_right a:hover, #second_row_right a:focus {color: #004080;background-image: linear-gradient( -225deg, #004080 0%, #c4c4c4 80%, #004080 67%, #1a1a1a 100% );background-size: 200% auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: hover_text 1.5s linear infinite;animation-iteration-count: 1;} #second_row_right a:hover::before, #second_row_right a:focus::before {width: 20px;height: 4px;left: 0;top: auto;bottom: 0;border-radius: 50px;} #footer_social ul li a:hover, #footer_social ul li a:focus {background-color: #1a1a1a;border-radius: 5px;transform: translateY(-2px);border: 1.5px solid #a7a9ac;} @media only screen and (max-width: 1225px) { #second-row {background: url(/pics/mission_bg.png) no-repeat center top 39px,linear-gradient(to right, transparent 0%, transparent 14%, #ededed 14%, #ededed 100%);} #second_row_right {padding: 30px 0 0 0;} #second-row-inner ul{grid-gap: 45px;} #second-row-inner ul {grid-template-columns: 380px auto;} #second_row_left a:nth-child(2n) {margin-right: 0;} #second_row_left a:nth-child(3n) {margin-right: 10px;} #second_row_right h2{font-size: clamp(22px, 2.44vw, 30px);line-height: clamp(32px, 3.34vw, 41px);} } @media only screen and (max-width: 767px) { #second-row-inner ul {grid-template-columns: auto;grid-gap: 15px;} #second_row_left a:nth-child(2n) {margin-right: 10px;} #second_row_left a{width: 145px;min-height: 145px;} #second_row_left a::before,#second_row_left a::after{background-size: contain;} #second_row_right {background: #ededed;padding: 40px 25px;} #second_row_left {padding: 0 25px;} #second-row-inner {padding: 40px 0 70px 0 !important;} } /* third row */ #slide-1 {position: relative; height: 420px; background-image: url(/pics/parallex.jpg);-pie-background-image: url(/pics/parallex.jpg);behavior: url(/shared/pie.htc);background-position: top center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;width: 100%;color: #fff;} #slide-1::after {content: "";position: absolute;background: url(/pics/parallex_gradient.png) repeat-x center bottom;width: 100%;height: 100%;bottom: 0;left: 0;right: 0;margin: 0 auto;} /* fourth row */ #fourth-row-inner {padding: 110px 0;} /* Events */ #wrapper-index .content section#events h2 {text-align: left;margin: -8px 0 15px -2.5px;padding: 0;float: left;} #events-head a {font-family: 'Barlow', sans-serif;font-size: 38px;font-weight: 700;color: #1a1a1a;text-decoration: none;line-height: 42px;position: relative;letter-spacing: 0.4px;} #events .bx-wrapper .bx-viewport {background:none;border:0 !important;} #events .events-day-wrapper {border: 0 !important;background: #ededed;padding: 0 50px 0;min-height: 280px !important;} .homepage-events {padding: 0 !important;} #events .homepage-events h2{display: none !important;} #events .events-date-wrapper {position: relative;border: 0 !important;margin: 50px auto 0;background: #fff;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;width: 70px !important;height: 70px !important;align-items: center;justify-content: center;} #events .events-date-wrapper::before {content: "";position: absolute;background: url(/pics/events_icon1.png) no-repeat center top;width: 95px;height: 27px;top: -17px;left: -9px;right: 0;margin: 0 auto;} #events .events-date-wrapper::after {content: "";position: absolute;background: url(/pics/events_icon2.png) no-repeat center top;width: 88px;height: 20px;top: auto;left: -9px;right: 0;bottom: -9px;margin: 0 auto;} #events .events-date-wrapper .month {padding: 0;color: #404040;text-transform: uppercase;font-weight: 700;font-family: 'Barlow', sans-serif;font-size: 12px;position: relative;line-height: 13px;-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1;margin: 0 0 4px 2px;display: block;letter-spacing: 2px;} #events .events-date-wrapper .day {color: #004080;font-weight: 500;letter-spacing: 1px;font-family: 'Roboto Slab', serif;position: relative;font-size: 34px;line-height: 30px;-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;display: block;margin: 0 0 0 3px;top: -3px;} #events .events-day-wrapper li {font-weight: 400;font-family: 'Barlow', sans-serif;color: #404040;font-size: 16px;text-align: center;line-height: 22px;letter-spacing: 0.2px;} #events .events-day-wrapper li .title a {color: #004080;font-size: 19px;font-weight: 700;font-family: 'Barlow', sans-serif;line-height: 23px;margin: 0 0 6.5px 1px;display: inline-block;letter-spacing: 1px;} #events .events-day-wrapper li .title a:hover,#events .events-day-wrapper li .title a:focus{color:#000;text-decoration: none;background-image: linear-gradient( -225deg, #004080 0%, #c4c4c4 85%, #1a1a1a 85%, #1a1a1a 100% );background-size: 200% auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: hover_text 0.9s linear infinite;animation-iteration-count: 1;} #events .events-day-wrapper ul{margin: 28px 0 0;padding: 0 0 20px;} #events .events-day-wrapper .time span:first-child, #events .events-day-wrapper .location span:first-child{display:none;} #events .events-show-calendar a {margin: 0 0 6px 0;display: block;} #events .events-links {position: absolute;padding: 0;margin: 0 auto;left: -1px;top: 109.5px;} #events .events-links a {font-family: 'Roboto Slab', serif;font-size: 13px;font-weight: 500;line-height: 20px;text-align: center;color: #1a1a1a;transition: all .5s ease-in-out;z-index: 1;position: relative;text-transform: uppercase;padding: 0 0 0 25px;letter-spacing: 2px;text-decoration: none;} #events .events-show-all{margin-top:10px !important;} #events .events-links a:hover,#events .events-links a:focus {color: #004080;background-image: linear-gradient( -225deg, #004080 0%, #c4c4c4 80%, #004080 67%, #1a1a1a 100% );background-size: 200% auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: hover_text 1.5s linear infinite;animation-iteration-count: 1;} #events .homepage-events .bx-controls{width: auto;height: auto;margin: 0 auto;} #events .homepage-events .bx-wrapper .bx-controls-direction a {width: 50px;height: 50px;color: #000;outline: none !important;top: 0;margin: 0;} #events .homepage-events .bx-wrapper .bx-prev {background-image: url('/pics/prev_arrow.png');background-position: center left;background-repeat: no-repeat;left: 0;-pie-background-image: url('/pics/prev_arrow.png');behavior: url('/shared/pie.htc');} #events .homepage-events .bx-wrapper .bx-next {background-image: url('/pics/next_arrow.png');background-position:center left;background-repeat:no-repeat;right:0;-pie-background-image: url('/pics/next_arrow.png');behavior: url('/shared/');} #events .homepage-events .bx-wrapper .bx-prev:hover,#events .homepage-events .bx-wrapper .bx-next:hover{background-position: -53px center;} #events .homepage-events .bx-wrapper .bx-next:focus {background-position: -106px center;width: 60px;height: 60px;top: -5px;right: -6px;} #events .homepage-events .bx-wrapper .bx-prev:focus {background-position: -106px center;width: 60px;height: 60px;top: -5px;left: -4px;} #events .homepage-events .bx-controls .bx-controls-direction {max-width: 110px;position: absolute;width: 100%;left: -300px;bottom: 50px;} #events .bx-wrapper {margin: 0 !important;} #events-page #events.v1 .event span.location {padding: 1px 0 0 3px;} #events-page #events .event .title a, #events-page #events.v1 .event span.location {float: left;} #events-page #events.v1 .dayeventwrap {padding:0 0 15px;} #wrapper-index #events .time span:first-child, #wrapper-index #events .location span:first-child{display:none;} #events .events-links a::before {content: "";position: absolute;background: #004080;width: 10px;height: 10px;left: 1px;top: 5px;transition: .5s all ease-in-out;} #events .events-show-all a::before {top: 4px;} #events .homepage-events {max-width: 900px;margin: 0 0 0 auto;} #events .events-links a:hover::before, #events .events-links a:focus::before {width: 20px;height: 4px;left: 0;top: auto;border-radius: 50px;bottom: 0;} #events .events-links a::after,#second_row_right a::after {content: "";position: absolute;width: 65%;height: 20px;background: none;border-left: 3px solid #004080;border-top: 3px solid #004080;left: 9px;top: -6px;z-index: 9;bottom: -6px;transform-origin: right;transition: transform .5s;transform: scaleX(0);} #events .events-links a:hover::after, #events .events-links a:focus::after,#second_row_right a:hover:after,#second_row_right a:focus:after {transform: scaleX(1);transform-origin: left;} @media only screen and (min-width: 1151px) and (max-width: 1225px) { #events .homepage-events .bx-controls .bx-controls-direction{left: -185px;} } @media only screen and (max-width: 1150px) { #events .homepage-events {margin: 20px 0 0 0;float: left;left: 50%;position: relative;transform: translateX(-50%);} #wrapper-index .content section#events h2 {margin: 0px 0 15px 0;float: none;} #events .homepage-events .bx-controls .bx-controls-direction {left: 0;bottom: -100px;transform: translateX(-50%);left: 50%;} #fourth-row-inner {padding: 70px 0 205px;} #events-head a{font-size: clamp(25px, 3.30vw, 38px);line-height: clamp(28px, 3.30vw, 42px);} #events .events-links {left: 50%;top: auto;bottom: -70px;transform: translateX(-50%);width: 300px;} #events .events-links div {float: left;margin: 0 20px 0 0;} #events .events-show-all {margin-top: 0 !important;} #events .events-links div:last-child {margin-right: 0;} #events .events-day-wrapper {padding: 0;width: 280px !important;} } @media only screen and (max-width: 950px) { #events .bx-wrapper {max-width: 600px !important;width: auto !important;} } @media only screen and (max-width: 640px) { #events .bx-wrapper {max-width: 300px !important;} #events-head a br {display: none;} #wrapper-index .content section#events h2 {text-align: center;} #events .events-links {left: 0;top: auto;margin: 0 auto;transform: none;} #wrapper-index .content section#events h2{margin: 0px 0px 5px 0;} #fourth-row-inner {padding: 40px 0 205px;} } /* fifth row */ #fifth-row-inner {padding: 0;min-height: 363px;} #fifth-row {margin: 0 0 63px;} #accordion a {position: relative;background-position: -36px 0;text-decoration: none;} #accordion li:hover, #accordion li:focus {height: 340px;} #accordion {padding: 0;display: flex;list-style-type: none;margin: 0 auto;max-width: 1606px;} #accordion li {float: left;width: 146px;height: 320px;transition: all 0.5s ease-in-out;display: block;position: relative;} #accordion li::before {content: "";position: absolute;background: url(/pics/accordions_gradient.png) repeat-x center bottom;width: 100%;height: 100%;left: 0;bottom: 0;margin: 0 auto;transition: .5s all ease-in-out;} #accordion li:hover::before, #accordion li:focus::before {background: url(/pics/hover_gradient.png) repeat-x center bottom;} #accordion_1 {background: url(/pics/accordion_1.jpg) no-repeat center top;} #accordion_2 {background: url(/pics/automotive.png) no-repeat center top;} #accordion_3 {background: url(/pics/construction.png) no-repeat center top;} #accordion_4 {background: url(/pics/cosmetology.png) no-repeat center top;} #accordion_5 {background: url(/pics/culinary.png) no-repeat center top;} #accordion_6 {background: url(/pics/engineering.png) no-repeat center top;} #accordion_7 {background: url(/pics/health_science_med.png) no-repeat center top;} #accordion_8 {background: url(/pics/accordion_8.jpg) no-repeat center top;} #accordion_9 {background: url(/pics/law_en.png) no-repeat center top;} #accordion_10 {background: url(/pics/studio.png) no-repeat center top;} #accordion_11 {background: url(/pics/welding.png) no-repeat center top;} #accordion_12 {background: url(/pics/accordion_12.png) no-repeat center top;} #accordion li::after {content: "";position: absolute;background: url(/pics/accordion_icon.png) no-repeat center bottom; width: 43px;height: 43px;left: 1px;right: 0;margin: 0 auto;bottom: 0;transition: .3s all ease-in-out;opacity: 0;} #accordion li:hover::after, #accordion li:focus::after {opacity: 1;bottom: -27.5px;} .sec-title h2 {color: #fff;z-index: 2;position: relative;transform: rotate(-90deg);font-family: 'Barlow', sans-serif;font-size: 18px;line-height: 22px;font-weight: 700;box-sizing: border-box;padding: 0; width: 100%;margin: 0;bottom: 92px;transition: .5s all ease-in-out;text-transform: uppercase;left: -0.5px;letter-spacing: 0.2px;} .sec-title {height: 100%;display: flex;align-items: flex-end;background-color: rgba(0,0,0,0.01);} #accordion a:hover, #accordion a:focus {background-size: cover;} @media only screen and (max-width: 1600px) { #accordion li{float: none;width: auto;} #accordion{display: grid;grid-template-columns: repeat(auto-fit, minmax(0, 146px));justify-content: center;align-items: flex-start;grid-row-gap: 55px;grid-template-rows: repeat(auto-fit, minmax(0, 320px));} } /* sixth row */ #sixth-row-inner {padding: 70px 0;} #slide-2 {position: relative;background-image: url(/pics/parallex2.jpg);-pie-background-image: url(/pics/parallex2.jpg);behavior: url(/shared/pie.htc);background-position:top center;background-size: cover;background-repeat: no-repeat;background-color: #004080;background-attachment: fixed;width: 100%;color: #fff;} #sixth-row h2 {font-family: 'Barlow', sans-serif;font-size: 58px;line-height: 64px;font-weight: 700;color: #1a1a1a;text-align: center;margin: 0 0 31px;padding: 0;} #sixth-row-inner ul {margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(0, 260px));grid-gap: 30px;max-width: 840px;align-items: flex-start;list-style-type: none;position: relative;} #sixth-row-inner ul li h2 {font-family: 'Roboto Slab', serif;font-size: 46px;line-height: 41px;font-weight: 300;color: #004080;margin: 0 0 0 4px;padding: 0;letter-spacing: 1.3px;} #sixth-row-inner ul li:nth-child(2n-1) {background: #fff;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.15);position: relative;} #sixth-row-inner ul li:nth-child(2n)::before {content: "";position: absolute;background: url(/pics/stats_icon.png) no-repeat center top;width: 100%;height: 20px;left: 0;top: 0;right: 0;margin: 0 auto;} #sixth-row-inner ul li:nth-child(2n)::after {content: "";position: absolute;background: url(/pics/stats_icon2.png) no-repeat center top;width: 100%;height: 20px;left: 0;right: 0;margin: 0 auto;top: auto;bottom: 0;} #sixth-row-inner ul li:nth-child(2n-1)::after {content: "";position: absolute;background: #1a1a1a;width: 80px;height: 10px;bottom: 0;left: -2px;right: 0;margin: 0 auto;} #sixth-row-inner ul li h3 {font-family: 'Barlow', sans-serif;font-size: 18px;line-height: 22px;font-weight: 700;color: #404040;text-align: center;margin: 0;padding: 0;} #sixth-row-inner ul li:nth-child(2n) h3 {color: #fff;letter-spacing: 0.2px;margin: 10px 0 0 -1px;} #sixth-row-inner ul li {display: flex; width: 100%;min-height: 180px;align-items: center;justify-content: center;align-content: center;flex-direction: column;position: relative;box-sizing: border-box;padding: 0 20px 12px;} #sixth-row-inner ul li:nth-child(2n-1) h2 {margin: 12.5px 0 12.5px 4px;} #sixth-row-inner ul li:nth-child(2n-1) h3 {letter-spacing: 0.2px;margin: 0 7px 0 0;} #sixth-row-inner ul li:nth-child(3) h3 {margin: 0 0 0 3px;} #sixth-row-inner ul li:nth-child(5) h3 {margin: 0 1px 0 0;} #sixth-row-inner ul li:nth-child(5) h2 {margin: 12.5px 0 12.5px 0;} #sixth-row-inner ul li:nth-child(4) h3 {margin: 10px 0 0 1px;} #sixth-row-inner ul li:nth-child(6) h3 {margin: 11.5px 0 0 -1px;} @media only screen and (max-width: 1225px) { #sixth-row h2{font-size: clamp(26px, 4.73vw, 58px);line-height: clamp(35px, 4.73vw, 58px);} #sixth-row-inner ul li h2{font-size: clamp(35px, 3.76vw, 46px);line-height: clamp(35px, 3.35vw, 41px);} #sixth-row-inner ul li:nth-child(2n)::before{background-size: contain;} #sixth-row-inner ul li:nth-child(2n)::after{background-size: contain;} #sixth-row-inner ul{grid-template-columns: repeat(auto-fit, minmax(0, clamp(200px, 21.22vw, 260px)));} } @media only screen and (max-width: 480px) { #sixth-row-inner ul {grid-template-columns: repeat(auto-fit, minmax(0, clamp(140px, 21.22vw, 260px)));justify-content: center;} #sixth-row-inner ul li{min-height: 150px;padding: 0 10px 12px;} #sixth-row-inner ul li:nth-child(2n-1)::after{height: 6px;} #sixth-row-inner ul li h3{font-size: 16px;line-height: 21px;} #sixth-row-inner ul li:nth-child(2n-1), #sixth-row-inner ul li:nth-child(4) {background: #fff;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.15);position: relative;} #sixth-row-inner ul li:nth-child(4) h3 {color: #404040;} #sixth-row-inner ul li:nth-child(3)::before,#sixth-row-inner ul li:nth-child(3)::after {content: "";position: absolute;background: url(/pics/stats_icon.png) no-repeat center top;width: 100%;height: 20px;left: 0;top: 0;right: 0;margin: 0 auto;background-size: contain !important;} #sixth-row-inner ul li:nth-child(3)::after{top: auto;bottom: 0;background: url(/pics/stats_icon2.png) no-repeat center bottom;} #sixth-row-inner ul li:nth-child(3) {background: none;box-shadow: none;} #sixth-row-inner ul li:nth-child(3) h2, #sixth-row-inner ul li:nth-child(3) h3 {color: #fff;} #sixth-row-inner ul li:nth-child(4):before{content: none;} #sixth-row-inner ul li:nth-child(4)::after{background: #1a1a1a;width: 80px;height: 10px;} } @keyframes hover_text { to { background-position: 200% center; } } /* seventh row */ #seventh-row-inner {padding: 61px 0 88.3px;} #seventh-row-inner h2 {font-family: 'Barlow', sans-serif;font-size: 38px;line-height: 42px;font-weight: 700;color: #1a1a1a;position: relative;margin: 0 0 25px 1px;padding: 0;text-align: center;letter-spacing: 0.4px;} #seventh-row-wrapper {display: grid;grid-template-columns: 1fr 750px 350px;grid-gap: 40px;padding: 0;margin: 0;align-items: flex-start;list-style-type: none;position: relative;justify-content: center;} #seventh-row-wrapper li{height: 100%;} #seventh-row-wrapper #first-col-item {display: flex; align-items: center; justify-content: center; align-content: center; flex-flow: column; gap: 20px;} #stay_main {display: grid;grid-template-columns: repeat(auto-fit, minmax(0, 500px));grid-gap: 40px;align-items: flex-start;justify-content: center;} .stay_inner a::before {content: "";position: absolute;width: 52px;height: 52px;left: 0;top: 0px;margin: 0 auto;transition: .2s all ease-in-out;} .stay_fb::before {background: url(/pics/feeds_icon_fb.png) no-repeat center top;} .stay_inner {text-align: center;} .stay_fb {background: url(/pics/feeds_fb.png) no-repeat;background-position: center center;} .stay_inner a {width: 52px;height: 52px;position: relative;transition: .5s all ease-in-out;text-align: center;display: block; margin: 0 auto 3px;background-position: 5px center;} .stay_insta {background: url(/pics/feeds_insta.png) no-repeat center;} .stay_inner a:hover::before, .stay_inner a:focus::before {background-position: center bottom;} .stay_insta::before {background: url(/pics/feeds_icon_insta.png) no-repeat center top;} #safeReturn{width: 250px} #safeReturn a img{width: 100%;} /* Featured Photo Album */ #album-sec{position: relative;text-align: center;} #album-sec .HPFeaturedAlbums {margin-bottom: 0px; position: relative;} #album-sec .HPFeaturedAlbums h2 {width: auto;height: auto;text-decoration: none;display: inline-block;font-family: 'Barlow', sans-serif;font-size: 38px;line-height: 42px;font-weight: 700;color: #1a1a1a;position: relative;margin: 0 0 80px -9px;padding: 0;text-align: center;} #album-sec .HPFeaturedAlbums .featuredAlbums {position: relative; margin: 0;text-align: center;left: -5px;} #album-sec .HPFeaturedAlbums ul {margin-top: 0;background: #000;} #album-sec .HPFeaturedAlbums ul li {margin: 0px;border:0;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;background: #000;overflow: visible;} #album-sec .HPFeaturedAlbums ul li h3 {text-shadow: none;text-align: left;top: 0;background: none;bottom: auto;} #album-sec .HPFeaturedAlbums ul li h3 span {width: auto !important;color: #5C5C5C;text-align: center;height: auto;font-size: 20px;font-weight: 700;line-height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-family: 'Barlow', sans-serif;max-width: 100%;position: absolute;left: -0.5px;right: 0;background: none;bottom: 0;letter-spacing: 0.5px;margin: 0 !important;padding: 0 20px;} #album-sec .HPFeaturedAlbums ul li h3 span::before {content: "";position: absolute;background: none;width: 20px;height: 20px;border-top: 2px solid #a6a6a6;border-left: 2px solid #a6a6a6;left: 0.5px;top: 2px;box-sizing: border-box;transition: .35s all ease-in-out;} #album-sec .HPFeaturedAlbums ul li h3 span::after {content: "";position: absolute; background: none; width: 20px;height: 20px;border-top: 2px solid #a6a6a6;border-right: 2px solid #a6a6a6;right: -0.5px;top: 2px;box-sizing: border-box;transition: .35s all ease-in-out;} #album-sec .HPFeaturedAlbums ul li h3 span:hover::before, #album-sec .HPFeaturedAlbums ul li h3 span:focus::before, #album-sec .HPFeaturedAlbums ul li h3 span:hover::after, #album-sec .HPFeaturedAlbums ul li h3 span:focus::after {border-color: #1a1a1a;} @media only screen and (max-width: 1180px) { #seventh-row-inner h2,#album-sec .HPFeaturedAlbums h2{font-size: clamp(25px, 3.30vw, 38px);} #seventh-row-wrapper{grid-template-columns: 750px auto;} #album-sec .HPFeaturedAlbums ul li{width: 100% !important;height: 100% !important;} #album-sec .HPFeaturedAlbums ul li img {width: 265px !important;height: 350px;object-fit: contain;} } @media only screen and (max-width: 1099px) { #seventh-row-wrapper {grid-template-columns: 100%;grid-gap: 75px;} #album-sec .HPFeaturedAlbums ul li {width: 350px !important;height: 350px !important;left: 50%;transform: translateX(-50%);} #album-sec .HPFeaturedAlbums ul {background: none;} #album-sec .HPFeaturedAlbums ul li img {width: 100% !important;height: 100%;} #album-sec .HPFeaturedAlbums .featuredAlbums{left: 0;} } @media only screen and (max-width: 767px) { #seventh-row-inner {padding: 40px 0 65px;} } @media only screen and (max-width: 400px) { #album-sec .HPFeaturedAlbums ul li {width: 310px !important;} } /* Homepage Sections */ section { margin-bottom: 0px; position: relative; } /* Homepage Section Headers */ /* Homepage Sections Containers */ .container {position: relative; margin-top: 0;} /* Email List */ #email {position: relative; display: block; margin-bottom: 10px; background: green; height: 30px;} #email span {color: #fff; font-weight: bold;} /* Homepage Section Table Includes */ #wrapper-index .content table { width: 100%; padding: 0; margin: 0; } /* Other homepage section extras */ .dark {background-color: #004080 !important;color: #fff !important;font-size: 19px !important;font-family: 'Source Sans Pro', sans-serif !important;line-height: 28px !important;font-weight: 400 !important;} .light {background-color: #fdfafa !important;font-weight: 400 !important;font-size: 19px !important;color: #000000 !important;font-family: 'Source Sans Pro', sans-serif !important;line-height: 28px !important;} .dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important;} #wrapper-index .content table { color: #000; } #wrapper-index .content section table a { color: #033b73; text-decoration: none; font-weight: 700; } #wrapper-index .content table #l { padding-top: 8px; } /* Put Display None if you want to hide bullet */ #wrapper-index .content table #r { border-bottom: 1px solid #d1d1d1; padding: 10px 0 10px 0; } #wrapper-index .content table #r b a { display: block; margin-top: 5px; text-decoration: none; } .autoCalendarLinks td, #showAll-0, #showAll-hpbbmessages #r, #showAll-hplinks #r, #showAll-0 #r { border-bottom: 0!important; padding-left: 0!important; padding-bottom: 0!important;} #wrapper-index .content table tr:first-child td, .autoCalendarLinks, #showAll-0, #showAll-hplinks #r, #showAll-0 #r { border-left: 0!important; } #wrapper-index .content table tr:last-child td { border-bottom: 0!important; } /* Quick Poll */ .HPQuickpoll h2 { display: none; } .HPQuickPoll .bar-color { background-color: #003270; } /* results bar color */ .HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only { margin: 0 auto; width: 70%; } /* Side Image */ img.sub {border: 0;} #wrapper img.sub {margin-left: 20px;} /* Page navigation */ #pageNav { border: 0; font-size: 14px; position: relative; background: #004080; margin-left: 20px;border-radius: 0;} #pageNav ul, #pageNav ul li { list-style: none; line-height: 16px;} #pageNav ul { padding: 15px 0 !important; margin: 0 auto!important; width: 300px; height: auto!important;} #pageNav ul li { padding: 0 0 0px!important; margin: 0 0 0px!important; zoom: 1; /* important for IE6 */ } #pageNav td img { display: none; } #pageNav ul li a, #pageNav ul li b, #pageNav ul li strong {min-height: 20px;text-decoration: none;padding: 15px 15px 15px 22px;margin: 0;display: block;font-size: 18px;text-align: left;position: relative;z-index: 0;font-weight: 400;font-family: 'Barlow', sans-serif;color: #fff !important;line-height: 22px;letter-spacing: 1px;} #pageNav ul li b,#pageNav ul li a:hover,#pageNav ul li strong,#pageNav ul li a:focus{ background: #ededed;color: #1a1a1a !important;} #pageNav ul li a { text-decoration: none; color: #fff;} #pageNav ul li a::before, #pageNav ul li b::before, #pageNav ul li strong::before {content: "";position: absolute;background: url(/pics/pagenav_icon1.png) no-repeat center top;width: 100%;height: 10px;left: 0;top: -10px;opacity: 0;transition: .3s all ease-in-out;} #pageNav ul li a::after, #pageNav ul li b::after, #pageNav ul li strong::after {content: "";position: absolute;background: url(/pics/pagenav_icon2.png) no-repeat center bottom;width: 100%;height: 10px;left: 0;top: auto;bottom: -10px; opacity: 0;transition: .3s all ease-in-out;} #pageNav ul li a:hover::before, #pageNav ul li b::before, #pageNav ul li strong::before, #pageNav ul li a:focus::before,#pageNav ul li a:hover::after, #pageNav ul li b::after, #pageNav ul li strong::after, #pageNav ul li a:focus::after {opacity: 1;} #pageNav ul li a:hover::after, #pageNav ul li b::after, #pageNav ul li strong::after, #pageNav ul li a:focus::after{bottom: 5px;} #pageNav ul li a:hover::before, #pageNav ul li b::before, #pageNav ul li strong::before, #pageNav ul li a:focus::before{top: 5px;} /* Footer */ #footer { width: 100%; position: relative;display: grid;} #wrapper #footer{position: absolute;bottom: 0;} #footer_bottom .inside {min-height: 40px !important;} #footer_top {z-index: 9;position: relative;background: url(/pics/footer_top_left.png) center top repeat-y, url(/pics/footer_top_right.png) center top no-repeat, linear-gradient(to right, #00407f 0%, #00407f 50%, rgb(0, 64, 128) 40%, rgb(0, 64, 128) 100%);} #footer .inside{height: 110px;min-height: 110px;height: auto !important;max-width: 1200px;margin: 0 auto;position: relative;} #address-sec{position: relative;margin: -0.5px 0 0 -1px;} #footer .address {margin: 0;font-family: 'Barlow', sans-serif;font-size: 16px;line-height: 26px;font-weight: 400;color: #fff;text-decoration: none;letter-spacing: 0.15px;} #edunet {width: 179px;height: 24px;background: url('/pics/edunet.png') no-repeat;position: relative;top: 7.5px;right: 0;margin: 0 auto;color: #000;left: 0;} #wrapper .content .inside a:hover, #wrapper .content .inside a:focus {color: #004080;} #footer_bottom {background: #fff;} #footer_logo a {display: inline-block;} #footer_top .inside {padding: 63px 0 57.5px;} #footer_logo {margin: 29.5px 0 0 0;} #address-right {margin: 25.5px 0 0 0 !important;display: inline-block;} #app_links {float: right;margin: 0;position: absolute;right: -2px;top: -19px;} #footer_middle {background: #ededed;} #footer_middle .inside {padding: 45.5px 0 46px;} #footer_middle h3 {font-family: 'Barlow', sans-serif;font-size: 18px;line-height: 22px;font-weight: 700;color: #1a1a1a;position: relative;margin: 0 0 9.5px -1.5px;padding: 0;letter-spacing: 0.45px;} #footer_middle p {font-family: 'Barlow', sans-serif;font-size: 15px;line-height: 19px;font-weight: 400;color: #404040;position: relative;margin: 0 0 0 -1px;padding: 0;letter-spacing: 0.37px;} #footer_middle ul {padding: 0;margin: 32px 0 0 0;display: grid;grid-template-columns: 376px 425px auto;} #footer_middle ul li {list-style-type: none;position: relative;} #footer_middle ul li h4 {font-family: 'Barlow', sans-serif;font-size: 14px;line-height: 18px;font-weight: 700;color: #004080;padding: 0;margin: 0 0 45px;letter-spacing: 0.33px;} #footer_middle ul li h5 {font-family: 'Barlow', sans-serif;font-size: 14px;line-height: 18px;color: #1a1a1a;font-weight: 700;padding: 0;margin: 0;position: relative;max-width: 125px;letter-spacing: 0.33px;} #footer_middle ul li h6 {font-family: 'Barlow', sans-serif;font-size: 14px;line-height: 18px;color: #404040;margin: 0 0 0 auto;font-weight: 400;max-width: 145px;padding: 0 51.5px 0 20px;letter-spacing: 0.33px;} #footer_info {display: flex;align-items: flex-start;} #footer_middle ul li p {font-size: 14px;line-height: 18px;margin: 22px 0 0 -0.5px;padding: 0 54px 0 0;letter-spacing: 0.35px;} #footer_middle ul li:nth-child(1)::after,#footer_middle ul li:nth-child(2)::after {content: "";position: absolute;background: #d5d5d5;width: 1px;height: 104%;top: -5px;right: 0;} #footer_middle ul li:nth-child(2)::after{height: 102%;} #footer_middle ul li:nth-child(3) {margin: 0 0 0 38.5px;} #footer_middle ul li:nth-child(2) {margin: 0 0 0 38.5px;padding: 0;} #footer_middle ul li:nth-child(2) h4 {margin: 0 0 27px;max-width: 195px;} #footer_middle ul li:nth-child(2) h6 {padding: 0;margin: 0 0 0 45px;} #footer_middle ul li:nth-child(2) p {margin: 22px 0 0 0;padding: 0 64px 0 0;} #footer_middle ul li:nth-child(3) h6 {padding: 0;margin: 0 0 0 54.5px;} .download-holder img {height: 42px !important;width: 128px !important;border: 2px solid #fff;border-radius: 8px;transition: .5s all ease-in-out;} #app_links a img:hover, #app_links a img:focus { transform: scale(1.06); transition: .5s all ease-in-out; } .download-holder img:first-child {margin: 0 0px 0 0 !important;} #footer_links a:hover, #footer_links a:focus {transform: translateX(7px);padding: 0 0 0 21px;color: #fff;} #footer_links_wrapper {display: grid;grid-template-columns: 329px 350px 225px auto;align-items: flex-start;} #footer_social {margin: 1px 0 0 68.5px;} #footer_social a {font-family: 'Roboto Slab', serif;font-size: 13px;color: #fff;font-weight: 500;line-height: 26px;text-decoration: none;text-transform: uppercase;position: relative;letter-spacing: 1.94px;transition: .4s all ease-in-out;} #footer_social a:hover, #footer_social a:focus {color: #a6a6a6;} #footer_links a {font-family: 'Barlow', sans-serif;font-size: 16px;line-height: 26px;font-weight: 400;padding: 0 0 0 21.5px;color: #ededed;text-decoration: none;display: block;float: left;clear: both;position: relative;transition: .5s all ease-in-out;} #footer_links {margin: 0 0 0 auto;position: relative;left: -11.5px;} #footer_links a::before {content: "";position: absolute;background: #a6a6a6;width: 8px;height: 8px;left: 0;top: 50%;transform: translateY(-50%);transition: .5s all ease-in-out;margin: 0.5px 0 0;} #footer_social ul {padding: 0;margin: 18.5px 0 0 -6.5px;position: relative;max-width: 72px;} #footer_social ul li a {width: 25px;height: 25px;display: block;float: left;position: relative;transition: .5s all ease-in-out;margin: 0 10px 7px 0;background-position: center;box-sizing: border-box;border: 1.5px solid transparent;} #footer_social ul li {list-style-type: none;} #foo_fb {background: url(/pics/foo_fb.png) no-repeat;} #foo_insta {background: url(/pics/foo_insta.png) no-repeat;} #foo_tweet {background: url(/pics/foo_tweet.png) no-repeat;} #foo_youtube {background: url(/pics/foo_tube.png) no-repeat;} #footer_links a:hover:before,#footer_links a:focus:before{background: #fff;} #footer_social ul li:last-child a {margin-right: 0;} #footer_middle ul li h6 a{text-decoration: none;transition: .2s ease-in-out;} #footer_middle ul li h6 a:hover, #footer_middle ul li h6 a:focus {color: #004080;font-weight: 500;background-image: linear-gradient( -225deg, #004080 0%, #868484 75%, #004080 65%, #1a1a1a 100% );background-size: 200% auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: hover_text 1.5s linear infinite;animation-iteration-count: 1;} @media only screen and (max-width: 1225px) { #footer_links_wrapper{grid-template-columns: auto auto auto auto;padding: 0 10px;grid-gap: 40px;} #footer_social,#footer_details {margin: 0;} #footer_middle {padding: 0 25px;} #footer_middle ul{grid-template-columns: auto auto auto;} #footer_logo img {width: clamp(155px, 19.63vw, 241px);} } @media only screen and (max-width: 1099px) { #footer_middle ul{grid-gap: 20px;} #footer_middle ul li:nth-child(3),#footer_middle ul li:nth-child(2) {margin: 0;} #footer_middle ul li h6,#footer_middle ul li h5,#footer_middle ul li:nth-child(2) h4{max-width: 100%;} #footer_middle ul li:nth-child(2) p,#footer_middle ul li p{padding: 0;} #footer_middle ul li h6,#footer_middle ul li:nth-child(2) h6,#footer_middle ul li:nth-child(3) h6{margin: 0;padding: 0 0 0 20px;} #footer_middle ul li{padding: 0 20px 0 0 !important;} #footer_middle ul li:nth-child(3) {padding: 0 !important;} .download-holder img {height: 25px !important;width: auto !important;} #app_links {right: 45px;} #footer_links a{font-size: 15px;} #footer_top {background: linear-gradient(to left, transparent 0%, transparent 75%, #1a1a1a 50%, #1a1a1a 100%),linear-gradient(to right, transparent 0%, transparent 20%, rgb(0, 64, 128) 20%, rgb(0, 64, 128) 100%);} } @media only screen and (max-width: 767px) { #footer_middle ul {grid-template-columns: 100%;grid-gap: 35px;} #footer_middle ul li:nth-child(2) h4,#footer_middle ul li h4{margin: 0 0 20px;} #footer_middle ul li {padding: 0 0 35px 0 !important;} #footer_middle ul li:nth-child(1)::after, #footer_middle ul li:nth-child(2)::after {width: 100%;height: 1px !important;top: auto;bottom: 0;} #footer_links_wrapper{grid-template-columns: 100%;} #footer_top {background: #004080;} #footer_links{left: 0;margin: 0;text-align: center;} #footer_social ul{margin: 18.5px 0 0 0;max-width: 100%;} #footer_social, #footer_details {margin: 0 auto;} #footer_logo {text-align: center;margin: 0;} #footer_social ul li {display: inline;} #footer_social {text-align: center;} #footer_links a{display: inline-block;float: none;clear: none;margin: 0 20px 12px 0;} #app_links{left: 0;right: 0;top: 12px;z-index: 9;} #edunet{top: 12px;} #footer_bottom .inside {padding: 40px 0 10px;} } /*----------------------------------------------------------------------------Responsive css--------------------------------------------------------------------*/ /* PARAMETERS */ /* HEIGHT OF THE MIDDLE SECTION WHERE SCHOOL'S NAME IS LOCATED WILL BE AUTO-ADJUSTED */ :root { --en-header-width: 1200px; --en-header-height: 166px; --en-header-top-bar-height: 46px; --en-header-bottom-bar-height: 40px; --en-header-top-middle-height: calc(var(--en-header-height) - var(--en-header-top-bar-height)); } .en-header-middle-bar-bg { box-sizing: border-box; position: absolute; width: 100%; left: 0; top: var(--en-header-top-bar-height); height: calc(var(--en-header-height) - var(--en-header-top-bar-height)); background: url(/pics/header_middle_bg.png) repeat-y center top; z-index: 9; } div.en-header-top-bar-bg {box-sizing: border-box;position: absolute;height: var(--en-header-top-bar-height);background: #ededed;width: 100%;} header.en-public-header { position: relative; width: var(--en-header-width); margin: 0 auto; } nav.en-nav { font-synthesis: none; position: relative; display: grid; grid-template-columns: 0 0 auto auto; grid-template-rows: var(--en-header-top-bar-height) var(--en-header-top-middle-height) var(--en-header-bottom-bar-height); height: var(--en-header-height); } nav.en-nav div.marquee-container { display: flex; grid-row: 1; grid-column: 1/5; white-space: nowrap; margin-right: 30px; color: #444444; padding: 0; margin: 2px 0 0 0; max-width: 765px; width: 100%; } nav.en-nav div.social-media-container { position: relative; grid-row: 2; grid-column: 4; display: flex; justify-content: flex-start; align-items: flex-end; column-gap: 0; margin:15px 200px 0 0; flex-direction: column; } /* STYLING FOR SMALL ICONS IN THE TOP BAR */ div.social-media-container > a > img { width: 24px; transition: all .5s ease; } /* HOVER ON SMALL ICONS IN THE TOP BAR, IF REQUIRED */ div.social-media-container > a > img:hover { transform: rotate(365deg); } /* THIS IS WHERE WE MOSTLY PUT THE SCHOOL'S NAME AND THE HAMBURGER BUTTON FOR THE MOBILE MENU */ /* STYLING OF THE SCHOOL NAME IN THE HEADER */ div.en-public-header-middle div.en-public-header-website-name { font-size: 40px; font-family: 'Oswald', sans-serif; color: #fff; margin: 0 0 0 0 !important; line-height: 40px; text-transform: uppercase; text-align: left; letter-spacing: 0.4px; font-weight: 400; width: 100%; background: rgba(0,0,0,0.01); } div.en-public-header-middle .header_motto { font-family: 'Karla', sans-serif; font-weight: 700; color: #fff; font-size: 18px; line-height: 37px; text-transform: capitalize; position: relative; top: 0; letter-spacing: 0.1px; background: rgba(0,0,0,0.01); left: 0.5px; } nav.en-nav ul#topnav { grid-row: 3; grid-column: 3 / 5; } /* POSITIONING AND STYLING OF THE SCHOOL LOGO */ header.en-public-header a.en-website-logo { position: relative; grid-row: 1 / 3; grid-column: 1 / 2; display: flex; align-items: center; overflow: visible; width: 100%; margin: 47px 0 0 0; color: #000; } /* POSITIONING AND STYLING OF THE SCHOOL LOGO */ header.en-public-header a.en-website-logo img {width: auto;} header.en-public-header div.en-mobile-header { display: none; } @media only screen and (max-width: 1200px) { header.en-public-header {width: 100%;} nav.en-nav div.social-media-container {margin: 0 auto 0 auto;justify-content: center;} header.en-public-header a.en-website-logo img {width: clamp(85px, 15.00vw, 180px);} #header_moto{font-size: clamp(17px, 2.29vw, 26px);} header.en-public-header::after{width: clamp(55px, 9.74vw, 156px);height: clamp(55px, 9.74vw, 156px);background-size: contain;top: 50%;transform: translateY(-50%);right: 15px;} #social-icons {margin: 0;} #tabs{margin: 0 15px 0 0;} #header_moto{margin: 5px 0 0 0;} nav.en-nav div.marquee-container{max-width: 47%;margin: 0;} #login_link{font-size: clamp(14px, 1.33vw, 16px);margin: 12px 40px 0 0;} } @media only screen and (max-width: 1200px) { /* PARAMETERS */ :root { --en-header-height: 13.8383vw; --en-header-top-bar-height: 3.83vw; --en-header-top-middle-height: calc(var(--en-header-height) - var(--en-header-top-bar-height) - var(--en-header-bottom-bar-height)); --en-header-bottom-bar-height: 3.33vw; } nav.en-nav > ul > li > a {font-size: clamp(14px, 1.6363vw, 18px);} #tabs{grid-column: 4;}nav.en-nav div.social-media-container{grid-column: 4;} #wrapper .content .inside {padding: 20px 20px 380px;} .pageTitle{font-size: clamp(28px, 3.27vw, 40px);margin: 30px 0 150px 0;padding: 0 0 13px;} } @media only screen and (max-width: 1099px) { } @media only screen and (max-width: 768px) { :root { touch-action: pan-x pan-y; overflow-x: hidden !important; } html.has-spotlight-overflow body {overflow-x: hidden !important;} /* insidepage */ div.en-header-top-bar-bg, div.en-header-bottom-bar-bg,.en-header-middle-bar-bg {display: none;} header.en-public-header div.en-mobile-header {display: grid;grid-template-columns: auto 1fr;} nav.en-nav {grid-template-columns: auto 1fr;grid-template-rows: auto 1fr auto auto;} header.en-public-header{background: #004080;} header.en-public-header a.en-website-logo {grid-row: 1 !important;grid-column: 1;} div.en-public-header-middle .header_motto{font-size: clamp(13px, 2.34vw, 18px);line-height: clamp(22px, 5.21vw, 40px);margin: 0 0 0 10px;} .en-public-header-website-name br:nth-child(2) {display: block;margin-bottom: -15px;} header.en-public-header a.en-website-logo img {position: static;width: clamp(120px, 23.47vw, 180px);margin: 15px 0 18px 10px;height: auto;} div.en-public-header-middle div.en-public-header-website-name {font-size: clamp(21px, 5.21vw, 40px);color: #fff;line-height: clamp(26px, 5.21vw, 40px);text-align: left;margin: 0 0 0 10px !important;} nav.en-nav ul#topnav {grid-row: 2;grid-column: 1 / 4;} nav.en-nav div.social-media-container {grid-row: 3;grid-column: 1 / 5;background: #0e0e0e;justify-content: center;column-gap: 40px;padding: 0;margin: 0;box-shadow: 0px -6px 10px rgba(0,0,0,0.1);z-index: 9;align-items: flex-start;} nav.en-nav div.social-media-container > a > img {width: 32px;} nav.en-nav div.marquee-container {max-width: 100%;grid-row: 4;grid-column: 1 / 5;margin: 0px;height: 40px;background: #ededed;vertical-align: middle;font-size: 14px;align-content: center;align-items: center;} .en-marquee-module::before,.en-marquee-module::after {top: 7px;} .en-marquee-module .en-marquee-popup-wrapper{max-width: 315px;} header.en-public-header::after{right: 70px;} .en-marquee-module.popup-top .en-marquee-popup-wrapper .en-marquee-popup-icon {border-top-color: #000 !important;} #header_moto {margin: 12px auto 0;padding: 0 20px;text-align: center;} header.en-public-header div.en-public-header-middle {grid-row: 1;grid-column: 2 / 5;background: #004080;margin: 0;padding: 0;} #social_links a{margin: 0 10px 0 0;} #insta,#tweet,#youtube{margin: 0;} } @media only screen and (max-width: 767px) { #wrapper .content .inside {width: auto;padding: 10px 30px 1100px;} #wrapper .content::before {background: none;} .pageTitle {margin: 35px 0 50px 0;padding: 15px 15px;} } @media only screen and (max-width: 500px) { #wrapper .content .inside {width: auto;padding: 10px 30px 1400px;} } #index-page #edunet_webform li:nth-child(1) .item-wrap .form-item-left { padding-top: 15px; } #index-page #edunet_webform li:nth-child(1) .item-wrap .form-item-right { padding-top: 10px; } #en-hp-alert-box-overlay{z-index: 99998999999 !important;} .en-hp-alert-box{z-index: 9999999999 !important;}