/* imports and fonts imports */
@import url("/apps/js/polls/polls-pack.css");

/* General */
html {font-size: 62.5%;overflow-y: scroll;}
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, a:visited { 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; }

/* Font styles */

@font-face {
    font-family: 'metabookroman';
    src: url('/shared/fonts/meta_book_roman.otf'); /* IE9 Compat Modes */
    src: url('/shared/fonts/meta_book_roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/shared/fonts/meta_book_roman.woff2') format('woff2'), /* Super Modern Browsers */
         url('/shared/fonts/meta_book_roman.woff') format('woff'), /* Pretty Modern Browsers */
         url('/shared/fonts/meta_book_roman.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/shared/fonts/meta_book_roman.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'EamesCenturyModernRegular';
    src: url('/shared/fonts/EamesCenturyModernRegular.otf'); /* IE9 Compat Modes */
    src: url('/shared/fonts/EamesCenturyModernRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/shared/fonts/EamesCenturyModernRegular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/shared/fonts/EamesCenturyModernRegular.woff') format('woff'), /* Pretty Modern Browsers */
         url('/shared/fonts/EamesCenturyModernRegular.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/shared/fonts/EamesCenturyModernRegular.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'PlayfairDisplay-Bold';
    src: url('/shared/fonts/PlayfairDisplay-Bold.otf'); /* IE9 Compat Modes */
    src: url('/shared/fonts/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/shared/fonts/PlayfairDisplay-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('/shared/fonts/PlayfairDisplay-Bold.woff') format('woff'), /* Pretty Modern Browsers */
         url('/shared/fonts/PlayfairDisplay-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/shared/fonts/PlayfairDisplay-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'Oswald-Light';
    src: url('/shared/fonts/Oswald-Light.otf'); /* IE9 Compat Modes */
    src: url('/shared/fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/shared/fonts/Oswald-Light.woff2') format('woff2'), /* Super Modern Browsers */
         url('/shared/fonts/Oswald-Light.woff') format('woff'), /* Pretty Modern Browsers */
         url('/shared/fonts/Oswald-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/shared/fonts/Oswald-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'Oswald-Regular';
    src: url('/shared/fonts/Oswald-Regular.otf'); /* IE9 Compat Modes */
    src: url('/shared/fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/shared/fonts/Oswald-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/shared/fonts/Oswald-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('/shared/fonts/Oswald-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/shared/fonts/Oswald-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'InterSemiBold';
    src: url('/shared/fonts/InterSemiBold.otf'); /* IE9 Compat Modes */
    src: url('/shared/fonts/InterSemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/shared/fonts/InterSemiBold.woff2') format('woff2'), /* Super Modern Browsers */
         url('/shared/fonts/InterSemiBold.woff') format('woff'), /* Pretty Modern Browsers */
         url('/shared/fonts/InterSemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/shared/fonts/InterSemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
  }


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 {
margin: 0 0 15px 0;
font-family: 'Playfair Display', serif;
font-weight: 700;
color: #007161;
}


/*--------------------------- basic header css -------------------------------*/

:root {
  --en-header-width: 1100px;
  --en-header-height: 190px;
  --en-header-top-bar-height: 35px;
  --en-header-bottom-bar-height: 50px;
}
/* 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 */
header.en-public-header div.en-public-header-middle div.en-public-header-website-name a {font-family: 'EamesCenturyModernRegular';font-size: 56px;font-size: 5.6rem;line-height: 55px;line-height: 5.5rem;font-weight: 400;color: #0d1a18;text-decoration: none;}

/* <br>'S IN THE SCHOOL'S NAME WILL BE IGNORED, AND LATER ENABLED FOR MOBILE */
header.en-public-header div.en-public-header-middle br {display: none;}
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-public-header a.en-website-logo{position: relative;grid-row: 1 / 4;grid-column: 1;z-index: 1;}

header.en-debug div.en-public-header-top-bar {background: #fff;}
header.en-debug div.en-public-header-bottom-bar {background: transparent;}

/* header bottom background*/
.en-header-bottom-bar-bg {position: absolute;background: url(/pics/menu_bg.png) repeat;width: 100%;height: clamp(35px,4.5454vw,50px);bottom: 10px;z-index: 9;}

/* 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 600px;}
#wrapper .content:before{background: #fff;position: absolute;top: 0;width: 100%;height: 140px;content: "";}
#wrapper .content .inside { padding: 20px 0; line-height: 20px;line-height: 2.0rem;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: 19px 0 0 -26px;font-size: 38px;color: #0d1a18;position: relative;font-size: 3.8rem;line-height: 44px;line-height: 4.4rem;font-family: 'Playfair Display', serif;font-weight: 700;background: #fff;padding: 0 25px 38px;letter-spacing: 0;}
#wrapper .content .inside, #wrapper .neutral, #wrapper table {font-weight: 400;font-size: 16px;color: #0d1a18;font-family: 'Inter', sans-serif;line-height: 24px;font-size: 1.6rem;line-height: 2.4rem;}
#wrapper .content .inside {max-width: 1100px;margin: 0 auto;}

/* Top */

/* Marquee */
#marquee_wrapper{flex-grow: 1;position: relative;align-items: center;display: flex;}
#marquee-new {width: 100% !important;float: left;position: relative;font-family: 'Inter', sans-serif;height: 23px;font-size: 15px;font-size: 1.5rem;color: #191c2f;font-weight: 400;line-height: 19px;line-height: 1.9rem;z-index: 10000;}
#marquee-new .fade { position:absolute; z-index:10; }
#marquee-new .fade.leftFade {left: 0px;}
#marquee-new .fade.rightFade { right:0;}
#marquee-new .marqueeMessage{text-align: center;font-family: 'Roboto', sans-serif;color: #fff !important;padding: 4px 8px 8px;}
#marquee-new .toolTipWrapper .toolTipArrow{border-color: transparent transparent #000 transparent;}
#marquee-new .toolTipWrapper .marqueeStaticView{background: #000 !important;box-shadow: none;padding: 0 0 9px;}
#marquee-new .marqueeStaticView .marqueeButtons button{background: #007161;color: #fff !important;border-radius: 3px;border: 0;padding: 3px 10px;font-size: 18px;font-size:1.8rem;cursor: pointer;font-family: 'Roboto', sans-serif;}
#marquee-new .marqueeStaticView .marqueeButtons button[aria-pressed="true"],
#marquee-new .marqueeStaticView .marqueeButtons button:hover,#marquee-new .marqueeStaticView .marqueeButtons button:focus{background: #fff;color: #000 !important;}

#tabs { width: auto; padding: 0; float: right; position: relative;z-index: 10000;}

/* Translate */
#googleTranslate { opacity:0; filter: alpha(opacity = 0); width: 83px !important;
height: 20px; top: 0; left: 0; position: absolute; cursor: pointer;border: 0;}
.translate-button {float: left;border-radius: 0;top: 0;left: 18.7px;margin: 9px 0 7.5px 20.7px !important;position: relative;font-weight: 500;color: #232726 !important;font-family: 'InterSemiBold' !important;font-size: 15px !important;font-size: 1.5rem !important;line-height: 20px;line-height: 2.0rem;background: url('/pics/translate.png') no-repeat right top 7px;letter-spacing: -0.1px !important;padding: 0 16.3px 0 0 !important;text-transform: capitalize !important;}
.translate-button.focused { outline:2px solid #005fcc; }
    
/* Search */
#search-button {float: left;position: relative;background: none;padding: 0;top: 0;margin: 12px 30px 0 48.5px;}
#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;font-size: 1.6rem;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: 15px;height: 16px;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;}


/* Popup */
.popup-wrapper {position: fixed;top: 0;  right: 0; bottom: 0;left: 0; display: none; overflow: hidden;outline: 0; z-index: 99999;}
.popup-backdrop {position: fixed;width: 100%;height: 100%; top: 0; right: 0;bottom: 0;left: 0;z-index: 10; display: block; overflow: hidden; outline: 0; background-color:rgba(0, 0, 0, 0.5);}
.popup-content { position: relative;width: 100%; pointer-events: auto; background-color: #fff;background-clip: padding-box; border: 1px solid rgba(0,0,0,.2);border-radius: .3rem; outline: 0; z-index: 20;  max-width: 500px; margin: 300px auto;}
.popup-body {position: relative;padding: 20px; font-family: 'Be Vietnam', sans-serif; }
#popup-close {position: absolute; right: -10px; background: #007161;color: #fff; text-decoration: none; font-weight: 600; width: 20px; border-radius: 50%; overflow: hidden; top: -8px;min-height: 20px; text-align: center; line-height: 20px;line-height: 2.0rem;
border: 2px solid #bdbdbd; font-size: 11px;font-size: 1.1rem;}
.button{letter-spacing: 0 !important;padding: 0 !important;top:0 !important;}
.button:hover {background-color: transparent !important;}

/* social icons */
#social-icons{position: relative;float: left;margin: 7.3px 0 0 63px;}
#social-icons a{transition: all .5s ease;position: relative;float: left;color: #000;}
#fb {background: url('/pics/fb_icon.png') center top no-repeat;width: 16px;height: 16px;margin: 4.5px 0 0 0;}
#tweet {background: url('/pics/tweet_icon.png') center top no-repeat;width: 17px;height: 15px;margin: 5.5px 0.7px 0 20px;}
#instagram {background: url('/pics/instagram_icon.png') center top no-repeat;width: 15px;height: 15px;margin: 5.5px 0 0 19.5px;}
#youtube {background: url('/pics/youtube_icon.png') center top no-repeat; width: 17px;height: 12px;margin: 7.5px 0 0 20px;}
#social-icons a:hover ,#social-icons a:focus{transform: rotate(365deg);}
#social-icons::before {content: "";position: absolute;background: #e1e1e1;width: 2px;height: 20px;left: -32px;top: 2px;}

/* 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;}
#header-name {position: relative;float: left;margin: 25px 0 0 222px;font-family: 'ModernCenturyCondRegular';font-size: 60px;font-size: 6rem;line-height: 55px;line-height: 5.5rem;font-weight: 400;color: #0d1a18;text-decoration: none;letter-spacing: 1px;}

/* Index properties */
#index-wrapper {  }
#index-top {position: relative;top: 0;margin: 0px 0 0 0;overflow: hidden;}

/* Rows WRapper */
#rows-wrapper,.rows{position: relative;width: 100%;}
.rows-inner {position: relative;margin: 0 auto;max-width: 1100px;display: grid;}

/*Rotating Images*/
.simple {
    background: #017162 !important;
}
#slideshow_wrap_hp .simple h2 {
    background: black;
    color: white;
}
#slideshow_wrap_hp .infowrap.infowrap-horizontal::after {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4542191876750701) 50%, rgba(0,0,0,0.8575805322128851) 100%);
}

/* first row */
#first-row {background: url(/pics/quicklinks_bg.png) no-repeat center top;}
#first-row-inner {padding: 58px 0 92px;}
#inq_one {margin: 0 0 0 80px;letter-spacing: 1.1px;}
#inq_two {font-style: normal;font-weight: 400;top: -8px;position: relative;letter-spacing: 1.1px;margin: 0 0 0 -4px;}
#inq_three {font-style: normal;display: block;margin: -26px 0 0 160px;font-weight: 800;}
#inquire_title {font-family: 'Playfair Display', serif;font-size: 58px; font-size: 5.8rem;line-height: 92px;line-height: 9.2rem;font-weight: 700;color: #0d1a18;font-style: italic;}
#first_row_wrapper {position: relative;display: flex;}
#inquire_title {width: 415px;}

/* #quick_links {max-width: 640px;margin: 0 auto;display: grid;grid-gap: 20px;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));} */
#quick_links {max-width: 640px;margin: 0 auto;width: 100%;display: grid;grid-auto-rows: 100px;grid-template-columns: repeat(auto-fit, minmax(0, 200px));grid-gap: 20px;margin-left: 46px;margin-top: 22px;}
#quick_links a {position: relative;font-family: 'Oswald-Regular';font-size: 26px;font-size: 2.6rem;line-height: 30px;line-height: 3.0rem;font-weight: 400;background: #007161;color: #fff;text-decoration: none;text-transform: uppercase;width: 100%;min-height: 100px;display: flex;align-content: center;align-items: center;justify-content: center;text-align: left;box-sizing: border-box;padding: 0 54px 2px 25px;transition: .5s all ease-in-out;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
#quick_links a::before {content: "";position: absolute;background: #e7cb11;width: 5px;height: 70px;left: 0;top: 50%;transform: translateY(-50%);transition: .5s all ease-in-out;}
#quick_links a:hover::before, #quick_links a:focus::before {height: 100%;width: 10px;}
#quick_links a:hover, #quick_links a:focus {background: #0d1a18;padding: 0 35px 2px 30px;}
#quick_links a::after {content: "";position: absolute;background: url(/pics/quicklinks_icon.png) no-repeat;width: 65px;height: 60px;top: 0px;right: 10px;opacity: 0;transition: .5s all ease-in-out;}
#quick_links a:hover::after, #quick_links a:focus::after {opacity: 1;top: -20px;}


/* second row */
#second-row-inner {padding: 20px 0 87px;}
#imp_reosurces h2 a {font-family: 'PlayfairDisplay-Bold';font-size: 35px;font-size: 3.5rem;line-height: 34px;line-height: 3.4rem;font-weight: 700;color: #0d1a18;text-align: left;text-decoration: none;letter-spacing: -0.7px;}
#second_row_wrapper {position: relative;display: flex;}
#home_news {max-width: 700px;}
#imp_reosurces .news_main .HPNews .en-hp-module-item.en-hp-module-news-item,
#imp_reosurces .news_main .HPLinks .en-hp-module-item.en-hp-module-news-item {background: none;}
#home_news .tabs_2 {margin: 0 0 35px;}
#imp_reosurces {margin: 19px 0 0 80px;}
#imp_reosurces h2 {margin: 0 0 48.5px;}
#imp_reosurces .news_main .HPNews .en-hp-module-item.en-hp-module-news-item a,
#imp_reosurces .news_main .HPLinks .en-hp-module-item.en-hp-module-news-item a {letter-spacing: 0.05px;padding: 0 0 0;margin: 0 0 15px;}
#second_row_wrapper #home_news .panels_2 {position: relative;overflow-y: scroll;max-height: 568px;}


/* News Tabbed */
.tab_2 {position: relative;font-family: 'PlayfairDisplay-Bold';font-size: 35px;float: left;font-size: 3.5rem;letter-spacing: -0.7px;text-decoration: none;padding: 10.5px 56px 12px 27.5px;background-color: #fff;text-align: left;display: flex;box-sizing: border-box;min-height: 110px;width: 349px;align-items: center;margin: 0 1px 0 0;justify-content: center;cursor: pointer;line-height: 35px;line-height: 3.5rem;color: #757f7d;font-weight: 700;justify-content: left;border: 2px solid #f3f1f1;}
.panel_2{display:none;}
#home_news .radio{display:none;}
#one:checked ~ .panels_2 #one-panel,
#two:checked ~ .panels_2 #two-panel,
#three:checked ~ .panels_2 #three-panel{display:block}
#one:checked ~ .tabs_2 #one-tab, #two:checked ~ .tabs_2 #two-tab, .tab_2:hover, .tab_2:focus {background: #fff;color: #0d1a18;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);border: 2px solid transparent;border-top: 2px solid #007161;}

/* News */
.news_main .HPNews .tableLeft,
.news_main .HPLinks .tableLeft {display: none;}
.news_main .HPNews .en-hp-module-item.en-hp-module-news-item a,
.news_main .HPLinks .en-hp-module-item.en-hp-module-news-item a {font-family: 'InterSemiBold';font-size: 16px;font-size: 1.6rem;line-height: 24px;line-height: 2.4rem;font-weight: normal;color: #007161;text-decoration: none;letter-spacing: 0px;transition: .5s all ease-in-out;}
.news_main .HPNews .en-hp-module-item.en-hp-module-news-item,
.news_main .HPLinks .en-hp-module-item.en-hp-module-news-item {font-family: 'Inter', sans-serif;font-weight: 400;font-size: 16px;font-size: 1.6rem;line-height: 24px;line-height: 2.4rem;text-align: left;color: #0d1a18;padding: 0 0 11px;background: url(/pics/news_border.png) repeat-x bottom left;letter-spacing: 0.55px;margin: 0 0 14px;}
.news_main .HPNews .row:nth-last-child(2) .en-hp-module-item.en-hp-module-news-item,
.news_main .HPLinks .row:nth-last-child(2) .en-hp-module-item.en-hp-module-news-item {background: none;}
.news_main #showAll-0 .tableRight a,.news_main #showAll-1 .tableRight a,.news_main #showAll-30 .tableRight a,.news_main #showAll-2 .tableRight a {position: relative;font-family: 'Playfair Display', serif;font-size: 18px;font-size: 1.8rem;line-height: 20px;line-height: 2.0rem;font-weight: 700;font-style: italic;text-transform: lowercase;text-decoration: none;padding: 0 0 0 16px;color: #0d1a18;transition: .5s all ease-in-out}
.news_main #showAll-0 .tableRight a::before,.news_main #showAll-1 .tableRight a::before,.news_main #showAll-30 .tableRight a::before,.news_main #showAll-2 .tableRight a::before{content: "";position: absolute;background: #e7cb11;width: 8px;height: 8px;left: 0;top: 50%;border-radius: 50px;transform: translateY(-50%);transition: .5s all ease-in-out;margin: 2px 0 0 0;}
.news_main #showAll-0 div:first-child,.news_main #showAll-30 div:first-child,.news_main #showAll-2 div:first-child {display: none;}
.news_main #showAll-0,.news_main #showAll-1,.news_main #showAll-30,.news_main #showAll-2 {margin: 0px 0 0 0;}
.news_main .HPNews .en-hp-module-item.en-hp-module-news-item a:hover, .news_main .HPNews .en-hp-module-item.en-hp-module-news-item a:focus,
.news_main .HPLinks .en-hp-module-item.en-hp-module-news-item a:hover, .news_main .HPLinks .en-hp-module-item.en-hp-module-news-item a:focus {color: #000;}
.news_main #showAll-0 .tableRight a:hover,.news_main #showAll-1 .tableRight a:hover, .news_main #showAll-30 .tableRight a:hover, .news_main #showAll-2 .tableRight a:hover {color: #235a33;padding: 0 16px 0 0;}
.news_main #showAll-0 .tableRight a:hover::before,.news_main #showAll-1 .tableRight a:hover::before, .news_main #showAll-30 .tableRight a:hover::before, .news_main #showAll-2 .tableRight a:hover::before{left: auto;right: 0;transition: .5s all ease-in-out;border-radius: 0;width: 10px;height: 4px;background: #235a33;}

/* third row */
#slide-1 {position: relative;background-image: url(/pics/parallex.jpg);-pie-background-image: url(/pics/parallex2.jpg);behavior: url(/shared/pie.htc);background-position: top center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;width: 100%;color: #fff;min-height: 310px;}
#slide-1::after {content: "";position: absolute;background: url(/pics/parallex_overlay.png) repeat-x;width: 100%;height: 100%;left: 0;right: 0;bottom: 0;}


/* fourth Row */
#news-section .bx-wrapper .bx-viewport{background: none; box-shadow: none;padding: 0; border: 0;/*min-height: 600px;*/height: auto !important;left: 0px;}
#news-section .homepage-news{padding-bottom: 0;}
#news-section .homepage-news .bx-wrapper .bx-controls-direction a { display: none;}

#news-section .homepage-news li {background: none;border: none !important;box-sizing: border-box;float: none !important;min-height: 39px !important;width: 319.5px !important;margin-right: 0 !important; height:50px;}
#news-section .homepage-news .news-thumb{position: relative;border:none;display: table-cell;display: none;}
#news-section .homepage-news .news-wrap {margin: 0;width: 319.5px;float: left;min-height: 39px;box-sizing: border-box;padding: 5px 0;}
#news-section .homepage-news .news-text { color: #000; font-size: 17px;font-size: 1.7rem;font-family: 'SourceSansPro-Regular'; line-height: 27px;line-height: 2.7rem;display: none;}
#news-section .homepage-news .news-title{margin-bottom: 0px;}
#news-section .homepage-news .news-title a {font-family: 'InterSemiBold';font-size: 16px;font-size: 1.6rem;line-height: 24px;line-height: 2.4rem;font-weight: normal;color: #007161;text-decoration: none;letter-spacing: 0px;transition: .5s all ease-in-out;}
#news-section .caption{text-align: center;}
#news-section .homepage-news li:hover .news-title a:hover, #news-section .homepage-news li:focus .news-title a:focus{color: #000;}

.layout-3 .news-showAll {display: inherit !important;text-align: left !important;margin-top: 47px !important;}

#news-section .news-showAll a{position: relative;font-family: 'Playfair Display', serif;font-size: 18px;font-size: 1.8rem;line-height: 20px;line-height: 2.0rem;font-weight: 700;font-style: italic;text-transform: lowercase;text-decoration: none;padding: 0 0 0 16px;color: #0d1a18;transition: .5s all ease-in-out; }
#news-section .news-showAll a:before{content: "";position: absolute;background: #e7cb11;width: 8px;height: 8px;left: 0;top: 50%;border-radius: 50px;transform: translateY(-50%);transition: .5s all ease-in-out;margin: 2px 0 0 0;}
#news-section .news-showAll a:hover::before,#news-section .news-showAll a:focus::before{left: auto;right: 0;transition: .5s all ease-in-out;border-radius: 0;width: 10px;height: 4px;background: #235a33;}
#news-section .news-showAll a:hover,#news-section .news-showAll a:focus{color: #235a33;padding: 0 16px 0 0;}


/* fourth row */
#fourth-row {margin: -230px 0 0 0;}
#fourth-row-inner {padding: 0 0 62px;}

/* events */
.events_wrapper {display: flex;flex-direction: column;justify-content: center;padding: 0;position: relative;left: 0;background: url(/pics/events_bg.png) no-repeat center top #007161;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.events-title-wrapper .events-title {font-family: 'PlayfairDisplay-Bold';font-size: 35px;font-size: 3.5rem;line-height: 35px;line-height: 3.5rem;font-weight: 700;color: #fff;text-decoration: none;letter-spacing: -0.8px;}
.events-button-wrapper a {position: relative;font-family: 'Playfair Display', serif;font-size: 18px;font-size: 1.8rem;line-height: 20px;line-height: 2.0rem;color: #fff;font-weight: 700;letter-spacing: 0;text-decoration: none;font-style: italic;padding: 0 0 0 16.5px;text-transform: lowercase;transition: .5s all ease-in-out;}
.events-button-wrapper a:hover, .events-button-wrapper a:focus {color: #e7cb11;}
.events-button-wrapper a:hover::before, .events-button-wrapper a:focus::before {border-radius: 0;transition: .5s all ease-in-out;height: 15px;width: 5px;}
.events-button-wrapper a::before {content: "";position: absolute;background: #e7cb11;height: 8px;width: 8px;left: 0;top: 50%;transform: translateY(-50%);transition: all 0.5s ease 0s;border-radius: 50px;margin: 1.5px 0 0 0;}
.events-date-wrapper {background: none !important;border: 0 !important;margin: 0px;background: none;width: 100px !important;height: 52px !important;left: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex !important;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
.events-date-wrapper .day {color: #fff;font-weight: 300;letter-spacing: 0px;font-family: 'Oswald-Light';font-size: 60px;position: relative;font-size: 6.0rem;line-height: 22px;line-height: 2.2rem;margin: 0;-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;top: 12px;left: 9px;}
.events-date-wrapper .month {padding: 0 !important;color: #fff;letter-spacing: 1px;text-transform: uppercase;font-weight: 400;font-family: 'Oswald-Regular';font-size: 22px;position: relative;font-size: 2.2rem;line-height: 22px;line-height: 2.2rem;margin: 28px 0 0px -4px;-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1;align-content: center;align-items: center;align-self: flex-start;display: flex;justify-content: center;}
.events-day-wrapper li .title a {text-decoration: none;color: #fff !important;font-size: 16px !important;margin-bottom: 0px !important;display: block;position: relative !important;text-align: center;line-height: 23px;font-family: 'InterSemiBold';font-weight: 600 !important;letter-spacing: 0.4px;font-size: 1.6rem !important;line-height: 24px;line-height: 2.4rem;}
.events-day-wrapper li {text-align: center !important;color: #fff !important;font-family: 'Inter', sans-serif;font-size: 16px;font-size: 1.6rem !important;line-height: 24px;line-height: 2.4rem;font-weight: 400;margin: 33px 0 0 0 !important;}
.events-day-wrapper {border: none !important;margin-right: 40px !important;background: none !important;padding: 0 !important;}
.events-header-wrapper {display: flex;justify-content: space-between;margin: 53px 0 42px;padding: 0 50px;}
.events-button-wrapper {margin: 15.5px 0.5px 0 0;}
.events-button-wrapper a:first-child {margin: 0 27.5px 0 0;}
.homepage-events {padding-bottom: 48.5px !important;}
.events-day-wrapper li .title a:hover, .events-day-wrapper li .title a:focus {color: #e7cb11 !important;text-decoration: none !important;}
.events-day-wrapper li div.date span:first-child {  display: none; }

/*Events arrow*/
#prev-selector, #next-selector {text-indent: -9999px;}
#prev-selector .bx-prev,#next-selector .bx-next {top: 146px;width: 33px;height: 57px;position: absolute;background-position: 0 0;}
#prev-selector .bx-prev {background: url(/pics/left_arrow.png) no-repeat;left: -52px;}
#next-selector .bx-next {background: url(/pics/right_arrow.png) no-repeat;right: -50px;}
#prev-selector .bx-prev:hover,#next-selector .bx-next:hover {background-position: -35px 0;}
#prev-selector .bx-prev:focus, #next-selector .bx-next:focus {background-position: -77px 0;outline: none !important;width: 42px;height: 60px;}
#prev-selector .bx-prev:focus {left: -55px;}
#next-selector .bx-next:focus {right: -56px;}
.events .bx-controls-direction {display: none;}
.events_wrapper .homepage-events h2,
.events_wrapper .homepage-events .events-links {display: none;}
.events-title {font-size: 27px;}
li.event .time span:not(.timefrom):not(.timeto),
li.event .location span {display: none;}


/* fifth row */
#fifth-row {margin: 0 0 70px;}
#fifth-row-wrapper {position: relative;display: flex;}
#fifth-row-inner {padding: 91px 0 79px;}
#stay_connect {float: left;width: 188px;}
#stay_connect h2 {font-family: 'PlayfairDisplay-Bold';font-size: 35px;font-size: 3.5rem;color: #0d1a18;line-height: 35px;line-height: 3.5rem;font-weight: 700;text-align: left;margin: 0 0 26px;letter-spacing: -0.8px;}
#stay_connect ul li a {position: relative;background-color: #fff;width: 43px;height: 43px;border-radius: 50px;float: left;margin: 0 5px 0 0;transition: .5s all ease-in-out;}
#stay_insta {background: url(/pics/stay_insta.png) no-repeat 14px 14px;}
#stay_fb {background: url(/pics/stay_fb.png) no-repeat 17px 12px;}
#stay_tweet {background: url(/pics/stay_tweet.png) no-repeat 13px 14px;}
#stay_connect ul{margin: 0 0 0 1px; padding: 0;}
#stay_connect ul li{list-style-type: none;}
#instagram_feed {min-height: 150px;max-width: 790px;margin: -10px 0 0 42px;width: 100%;display: grid;}
#stay_connect ul li a:hover, #stay_connect ul li a:focus {transform: translateY(7px);}
#stay_connect ul li a::before {content: "";position: absolute;background: #007161;width: 100%;height: 0;left: 0;top: 0;transition: .7s all ease-in-out;opacity: 0;}
#stay_connect ul li a:hover::before, #stay_connect ul li a:focus::before {height: 8px;opacity: 1;}
#stay_youtube {background: url(/pics/stay_tube.png) no-repeat center;background-position: 12px 14px;}
#stay_connect ul li:last-child a {margin: 0;}


/* sixthh row */
#sixth-row {margin: 0 0 70px;}
#sixth-row-inner {max-width: 1400px;}
.glance {position: relative;}
.glance::before {content: "";position: absolute;width: 100%;height: 100%;left: 0;right: 0;bottom: 0;}
#glance1::before{background: url(/pics/glance1_overlay.png) repeat;}
#glance2::before{background: url(/pics/glance2_overlay.png) repeat;}
#glance3::before{background: url(/pics/glance3_overlay.png) repeat;height: 381px;}
#glance4::before{background: url(/pics/glance2_overlay.png) repeat;}
#glance5::before{background: url(/pics/glance5_overlay.png) repeat;}
#glance6::before{background: url(/pics/glance6_overlay.png) repeat;}

#sixth-row-wrapper{
  display: grid;
  height: 500px;
  grid-template-columns: 450px 240px 250px 460px;
  grid-template-rows: 280px 220px 500px 250px 250px 500px;  
  grid-template-areas:
    "glance1 glance3 glance4 glance6"
    "glance2 glance3 glance5 glance6";
grid-gap: 0;}

#glance1 {background: url(/pics/glance1.jpg) no-repeat;grid-area: glance1;}
#glance2 {background: url(/pics/glance2.jpg) no-repeat;grid-area: glance2;}
#glance3 {background: url(/pics/glance3.jpg) no-repeat;grid-area: glance3;}
#glance4 {background: url(/pics/glance4.jpg) no-repeat;grid-area: glance4;height: 250px;}
#glance5 {background: url(/pics/glance5.jpg) no-repeat;grid-area: glance5;height: 250px;margin: -30px 0 0 0;}
#glance6 {background: url(/pics/glance6.jpg) no-repeat;grid-area: glance6;}
.stats-details {position: absolute;right: 0;bottom: 0;}
#glance1 .stats-details {right: 14px;bottom: 6px;}
.stats-details li span {float: left;clear: initial;}
.glance li {list-style-type: none;float: left;clear: both;width: 100%;display: inline-block;margin: 0 0 13.5px 0;}
.stats-details li .stat_number {margin: 0 12px 0 0;}
#glance1 .stats-details li:nth-child(2) {margin: 0 0 13.5px 7.5px;}
#glance2 .stats-details span {float: right;}
#glance2 .stats-details {bottom: 23px;right: 23.5px;}
#glance2 .stats-details .stat_text {margin: 0 2px 5px 0;}
#glance3 .stats-details span {float: right;text-align: right;}
#glance3 .stats-details {right: 22.5px;bottom: 30.5px;}
#glance3 .stats-details .stat_text {top: 7px;left: -2px;}
#glance3 .stats-details span:nth-child(3) {top: 7px;left: -2px;}
#glance3 .stats-details span:nth-child(4) {top: 10px;}
#glance4 .stats-details {left: 22px;bottom: 19px;}
#glance4 .stats-details .stat_number {margin: 0 0 8px;}
#glance4 .stats-details .stat_text {margin: 0 0 0 2px;}
#glance5 .stats-details {right: 23.5px;bottom: 21px;}
#glance5 .stats-details span:nth-child(2) {margin: 7px 0 24px;}
#glance5 .stats-details span:nth-child(3) {margin: 0 0 7px;}
#glance6 .stats-details li span:nth-last-child(2) {margin: 0 10px 0 0;}
#glance6 .stats-details li {margin: 0 0 12.5px -2px;}
#glance6 .stats-details span:nth-last-child(2) {margin: 0 0 4.5px -3px;}
#glance6 .stats-details {left: 24.5px;bottom: 20.5px;}
.stats-details .stat_number {position: relative;font-family: 'Oswald-Light';font-size: 60px;font-size: 6rem;font-weight: 300;color: #fff;line-height: 57px;line-height: 5.7rem;text-transform: uppercase;background-color: rgba(0,0,0,0.01);}
.stats-details span {float: left;clear: both;}
.stats-details .stat_text {position: relative;font-family: 'Oswald-Regular';font-size: 24px;font-size: 2.4rem;line-height: 30px;line-height: 3rem;color: #fff;font-weight: 400;text-transform: uppercase;background-color: rgba(0,0,0,0.01);}
#glance5 .stats-details span {float: right;}
#glance6 .stats-details p {font-family: 'Oswald', sans-serif;color: #fff;position: relative;font-size: 24px;font-size: 2.4rem;line-height: 30px;line-height: 3rem;font-weight: 600;text-transform: uppercase;margin: 0 0 13px 0;background-color: rgba(0,0,0,0.01);}


/* seventh row */
#seventh-row-wrapper {padding: 0 0 70px;}

/* Links */
#wrapper-index .content section#links h2{display: block;text-align: left;margin: 0 0 31.5px -3px;}
#links h2 a {font-family: 'PlayfairDisplay-Bold';font-size: 35px;font-size: 3.5rem;line-height: 35px;line-height: 3.5rem;font-weight: 700;color: #0d1a18;text-decoration: none;letter-spacing: -0.7px;}
#wrapper-index .content table.HPLinks tr {width: 212px;min-height: 80px;display: inline-block;box-sizing: border-box;margin: 0 10px 10px -3.7px;background: #fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);}
#wrapper-index .content table.HPLinks tr:nth-child(5n){margin-right: 0;}

#wrapper-index .content table.HPLinks #l,#wrapper-index .content table.HPLinks .tableLeft{display: none;}
#wrapper-index .content table.HPLinks #r,#wrapper-index .content table.HPLinks .tableRight{display: flex;width: 100%;height: 100%;box-sizing: border-box;position: relative;padding: 0;min-height: 80px;
box-sizing: border-box;}
#wrapper-index #links .container {left: 3.5px;}
#wrapper-index .content section table.HPLinks a {color: #007161;font-size: 22px;font-size: 2.2rem;font-weight: 400;font-family: 'Oswald-Regular';line-height: 24px;line-height: 2.4rem;text-align: left;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;min-height: 80px;padding: 12px 12px 14px 12px;box-sizing: border-box;transition: .5s all ease-in-out;}
#wrapper-index .content table.HPLinks tr a:hover,#wrapper-index .content table.HPLinks tr a:focus{background: #007161; color: #fff;}
#showAll-hplinks .tableRight a:hover, #showAll-hplinks .tableRight a:focus {background: none !important;box-shadow: none;color: #988609 !important;padding: 0 16px 0 0 !important;}
#wrapper-index .content table.HPLinks tr:hover #r:before,#wrapper-index .content table.HPLinks tr:hover .tableRight:before,#wrapper-index .content table.HPLinks tr:focus #r:before,#wrapper-index .content table.HPLinks tr:focus .tableRight:before{}
#showAll-hplinks {position: absolute;top: -54.5px;background: none !important;min-height: 40px !important;margin: 0 !important;right: 4px;width: auto !important;box-shadow: none !important;}
#showAll-hplinks .tableRight {min-height: 24.5px !important;}
#showAll-hplinks .tableRight::before {content: none !important;}
#showAll-hplinks .tableRight a {position: relative;font-family: 'Playfair Display', serif !important;font-size: 18px;font-size: 1.8rem !important;line-height: 20px;line-height: 2.0rem !important;font-weight: 700 !important;font-style: italic;text-transform: lowercase;text-decoration: none;padding: 0 0 0 16px !important;color: #0d1a18 !important;transition: 0.5s all ease-in-out !important;min-height: 24.5px !important;}
#wrapper-index .content section table.HPLinks a::before {content: "";position: absolute;background: url(/pics/quicklinks_border.png) repeat-x;width: 100%;height: 2px;top: 0;left: 0;transition: .5s all ease-in-out;}
.HPLinks a:hover::before,.HPLinks a:focus::before {background: url(/pics/quicklinks_hover.png) repeat-x !important;}
#showAll-hplinks .tableRight a::before {content: "";position: absolute;background: #e7cb11 !important;width: 8px !important;height: 8px !important;left: 0;top: 50% !important;border-radius: 50px;transform: translateY(-50%);transition: .5s all ease-in-out;margin: 2px 0 0 0;}
#showAll-hplinks .tableRight a:hover::before, #showAll-hplinks .tableRight a:focus::before {left: auto !important;right: 0;transition: .5s all ease-in-out;border-radius: 0;width: 10px !important;height: 4px !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: #007161 !important;color: #fff !important;font-size: 16px !important;font-family: 'Inter', sans-serif !important;line-height: 24px !important;font-size: 1.6rem !important;line-height: 2.4rem !important;}
.light {background-color: #fdfafa !important;font-weight: 300 !important;font-size: 16px !important;color: #000000 !important;font-family: 'Inter', sans-serif !important;line-height: 24px !important;font-size: 1.6rem !important;line-height: 2.4rem !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: #f3f1f1; margin-left: 20px;font-size: 1.4rem;}

#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px;line-height: 1.6rem;}
#pageNav ul { padding: 15px 0 45px !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: 11px 15px 11px 22px;margin: 0;display: block;font-size: 17px;text-align: left;position: relative;z-index: 0;font-weight: 500;font-family: 'Inter', sans-serif;color: #0d0d0d !important;font-size: 1.7rem;line-height: 22px;line-height: 2.2rem;}
#pageNav ul li b,#pageNav ul li a:hover,#pageNav ul li strong,#pageNav ul li a:focus{color: #fff !important; background: #007161;}
#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;width: 10px;height: 100%;left: 0px;top: 0;background: #e7cb11;transition: .5s all ease;}
#pageNav ul li a::before{opacity: 0;}
#pageNav ul li a:hover::before, #pageNav ul li b:hover::before, #pageNav ul li strong::before,
#pageNav ul li a:focus::before, #pageNav ul li b:focus::before, #pageNav ul li strong::before{opacity: 1;}


/* Footer */
#footer { width: 100%; position: relative;display: grid;}
#wrapper #footer{position: absolute;bottom: 0;}
#footer_bottom .inside {min-height: 40px !important;}
#privacy_link {font-family: 'Inter', sans-serif;font-size: 14px;font-size: 1.4rem;color: #fff;float: left;line-height: 23px;line-height: 2.3rem;font-weight: 400;position: relative;margin: 10px 0 0 0;letter-spacing: 0.32px;}
#privacy_link:hover, #privacy_link:focus {color: #e7cb11;text-decoration: none;}
#footer_name a {font-family: 'EamesCenturyModernRegular';font-size: 50px;font-size: 5rem;line-height: 52px;line-height: 5.2rem;font-weight: normal;color: #fff;text-decoration: none;position: relative;margin: 0 0 0 0;}
#footer_top{background-color: #007161 !important;position: relative;}
#footer_details {grid-template-columns: repeat(auto-fit, minmax(0, 250px));display: grid;}
#footer_text {position: relative;font-family: 'Inter', sans-serif;font-size: 13px;font-size: 1.3rem;line-height: 16px;line-height: 1.6rem;font-weight: 400;color: #fff;margin: 42px 0 29.5px -2px;letter-spacing: 0.4px;}
#footer_text a {color: #fff;}
.footer_details_item a img {margin: 13.5px 0 0 0;}
#footer_logos{grid-template-columns: repeat(auto-fit, minmax(0, 285px));display: grid;}
#footer_logo a img {position: absolute;right: 0;left: 1px;margin: 0 auto;top: 40px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);border-radius: 50%;}
#footer_text::before {content: "";position: absolute;background: url(/pics/footer_border.png) repeat-x center left;width: 480px;height: 2px;top: -23.5px;left: 2px;}
#footer .inside{height: 110px;min-height: 110px;height: auto !important;max-width: 1100px;margin: 0 auto;position: relative;}
#logo {width: 173px;height: 139px;background: url('/pics/footer_logo.png') no-repeat;position: absolute;float: left;margin:-25px 0 0 -3px;z-index: 1;color: #fff;}
#footer #name {position: relative;background: url('/pics/footer_name.png') no-repeat;float: left;width: 416px;height: 64px;margin: 23px 0 0 219px;color: #fff;}
#address-sec{position: relative;float: left;margin: 13px 0 0 0;}
#footer .address {color: #fff;margin: 0;font-size: 16px;text-decoration: none;color: #fff;font-weight: 400;font-size: 1.6rem;font-family: 'Inter', sans-serif;line-height: 23px;line-height: 2.3rem;display: inline-block;text-align: left;letter-spacing: 0.4px;}
#footer_name {margin: 57.5px 0 7px 0.2px;}
#edunet {width: 184px;height: 21px;background: url('/pics/edunet.png') no-repeat;position: relative;top: 7px;right: 45px;margin: 0 auto;color: #fff;}
#wrapper .content .inside a:hover, #wrapper .content .inside a:focus {color: #007161;}
#staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt {padding-bottom: 2px;}
#index-page #form-wrap{padding: 20px !important;}
#address-sec::after {content: "";position: absolute;background: url(/pics/gradient_border.png) no-repeat;width: 322px;height: 1px;top: 64px;left: 15px;}
#footer_bottom {background: #006052;}
#address-right {
  letter-spacing: 0.3px !important;
}


/*----------------------------------------------------------------------------Responsive css--------------------------------------------------------------------*/


/*--------------------------Max-width-1100px -------------------*/
@media only screen and (max-width: 1100px) {

  /* PARAMETERS */
  .en-public-header-params {
    --header-height: clamp(140px,18.18vw,200px);
    --top-bar-height: max(30px, 3.1818vw);
    --bottom-bar-height: 4.5454vw;
  }

  header.en-public-header {
    width: 100%;
    min-height: 100px;
  }

  header.en-public-header div.en-public-header-middle div.en-public-header-website-name a {
    font-size: clamp(16px, 5.09vw, 56px);
  }

  #footer .inside{max-width: 100%;padding: 0 30px;width: auto;}
  #footer_logo a img{right: 35px;height: 30%;top: 65px;left: auto;margin: 0;}

#marquee_wrapper {
  margin: 12px -15px 0 15px;
}

  /* first row */
  #first_row_wrapper {display: initial;}
  #inquire_title{width: 100%;text-align: center;}
  #inq_two{margin: 0 0 0 -50px;}
  #quick_links{max-width: 100%;margin-left: 0;justify-content: center;}
  #first-row-inner {padding: 58px 50px 92px 50px;}

  /* seond row */
  #second_row_wrapper {display: inherit;}
  #imp_reosurces {margin: 25px 0 0 0;background: #f3f1f1;padding: 25px 30px;}
  #home_news {max-width: 100%;padding: 0 30px;}
  #imp_reosurces h2 a br {display: none;}
  #imp_reosurces h2 {margin: 0 0 25px;}

  /* stay connected */
  #fifth-row {margin: 0 0 70px;background: #f3f1f1;}
  #fifth-row-inner {padding: 91px 30px 79px 30px;}
  #stay_connect ul li a{width: 39px;height: 39px;background-position: center;}

  #sixth-row-inner {max-width: 100%;}

  #sixth-row-wrapper {
  height: auto;
  min-height: 500px;
    padding: 0 30px;
    grid-template-columns: 450px 240px 250px 460px;
    grid-template-rows: 280px 220px 300px 250px 250px 380px;
    grid-template-areas: "glance1" "glance2" "glance3" "glance4" "glance5" "glance6";
  }

  #seventh-row-wrapper {padding: 0 30px 70px 30px;}

 #tabs #social-icons {
  margin: 7.3px 22px 0 63px;
}

.news_main .bx-wrapper{margin: 0 !important;}

}

/*--------------------------Min-width-1100px -------------------*/
@media only screen and (min-width: 1100px) {

  /* header.en-public-header div.en-public-header-logo-container{margin: 25px 0 0 -1px;} */
  header.en-public-header div.en-public-header-middle div.en-public-header-website-name a{margin: -7.5px 0 0 20px;display: block;}
  #marquee_wrapper{margin: 8px 0 0 -30px;}

  /* events */
  .homepage-events .bx-wrapper {max-width: 965px !important;padding: 0 0;width: auto !important;}

  /* first row */
  #first-row {background: url(/pics/quicklinks_bg.png) no-repeat center top;}

  /* second row */
  #second-row {background: url(/pics/news_bg.png) repeat-y center top;margin: -20px 0 0 0;}

  /* fifth row */
  #fifth-row {background: url(/pics/connected_bg.png) repeat-y center top;}



  /* footer */
  #footer_top{background: url(/pics/footer_bg_right.png) no-repeat center top,url(/pics/footer_bg.png) repeat-y center;}
  #footer_top .inside::after {content: "Photo Credit: Ellen Dubin";position: absolute;letter-spacing: 0.4px;padding-top: 4px;width: 200px;height: 30px;bottom: -22px;right: -5px;font-size: 16px;font-family: 'Inter', sans-serif;text-align: center;color: #fff;display: flex;align-items: center;justify-content: center;text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5), 0px 0px 9px rgba(0, 0, 0, 0.5), 0px 0px 9px rgba(0, 0, 0, 0.5), 0px 0px 9px rgba(0, 0, 0, 0.5), 0px 0px 9px rgba(0, 0, 0, 0.5), 0px 0px 9px rgba(0, 0, 0, 0.5), 0px 0px 9px rgba(0, 0, 0, 0.5), 0px 0px 9px rgba(0, 0, 0, 0.5);}
}


/*--------------------------Min-width-768px to max-1099px -------------------*/
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .tab_2 {width: 332px;}
}


/*--------------------------Max-width-767px -------------------*/
@media only screen and (max-width: 800px) {

  :root {
    touch-action: pan-x pan-y;
    overflow-x: hidden !important;
  }

  html.has-spotlight-overflow body {
    overflow-x: hidden !important;
  }

  /* insidepage */
  #wrapper .content .inside {width: auto;padding: 10px 30px;}

 
#wrapper #en-cms-contact-form tr td {
  float: inherit;
}
  .pageTitle{padding: 0 15px 38px;font-size: 22px;font-size: 2.2rem;line-height: 24px;line-height: 2.4rem;}
  #wrapper img.sub {margin-left: 0;}
.vAlignTop #pageContentWrapper img {
  width: 100%;
}

  /* PARAMETERS */
  .en-public-header-params {--header-height: 130px;--bottom-bar-height: 3px;}

  /* POSITIONING AND STYLING OF THE HAMBURGER BUTTON */
  header.en-public-header button.en-nav-menu-hamburger-button {position: relative;margin: 0 15px;background: #007161;color: #fff;border-radius: 0;width: 45px;height: 45px;border-radius: 50px;top: 6.5px;}
  header.en-public-header button.en-nav-menu-hamburger-button span {width:20px;height: 2px;background: #fff;display: block;margin: 0 0 5.5px 6px;border-radius: 50px;}
  header.en-public-header button.en-nav-menu-hamburger-button #two_line {width: 12px;margin-left: 13.5px;}
  header.en-public-header button.en-nav-menu-hamburger-button #first_line {margin-top: 8px;}
  header.en-public-header {grid-template-columns: calc(var(--header-height) - var(--top-bar-height) - var(--bottom-bar-height)) 1fr;grid-template-rows: var(--top-bar-height) 1fr var(--bottom-bar-height);min-height: initial;}
  header.en-public-header div.en-public-header-top-bar {grid-column: 1 / 3  ;}
  header.en-public-header div.en-public-header-logo-container {grid-row: 2;}
  header.en-public-header div.en-public-header-logo-container a {position: absolute;top: 10px;margin: 0 0 0 10px;}
  header.en-public-header a.en-website-logo{grid-row: 2 / 4;}

  /* <BR>'s ENABLED TO CONTROL THE WRAPPING IN THE SCHOOL'S NAME */
  header.en-public-header div.en-public-header-middle br {display: inline;}
  header.en-public-header div.en-public-header-bottom-bar {grid-column: 1 / 3;}

  /*-------- header -------*/
  .en-header-bottom-bar-bg{display: none;}
  header.en-public-header div.en-public-header-middle div.en-public-header-website-name a {font-size: 18px;font-size: 1.8rem;line-height: 21px;line-height: 2.1rem;margin: 17px 0 0 8px;display: inline-block;font-weight: 600;}
  #tabs{margin: 0 20px 0 0;}
  #marquee_wrapper {margin: 12px -15px 0 15px;}
  #search-button{margin: 12px 15px 0 35px;}
  #marquee-new,.translate-button{font-size: 14px;font-size: 1.4rem;}

#index-top {
  margin: 0;
}
#bottom_icon {z-index: 0 !important;}
  /* social links */
  #social-icons::before { content: none;}
  #social-icons {margin: -3px 67px 0 0;}
  #tweet,#instagram,#youtube{margin: 5.5px 0.7px 0 15px;}

  /* second row */
  .tab_2 {width: 45%;min-height: 85px;font-size: 25px;font-size: 2.5rem;line-height: 28px;line-height: 2.8rem;}
  #second-row-inner {padding: 0 0 0;}

  /* events */
  .events-header-wrapper {flex-direction: column;align-items: center;margin: 50px 0 60px;}
  .events-button-wrapper a:first-child {margin: 0 22px 0 0;}
  .events-button-wrapper {margin: 22px 0px 0 0;}
  .events-button-wrapper a{padding: 0 0 0 10px;font-size: 15px;font-size: 1.5rem;line-height: 20px;line-height: 2.0rem;}
 
  #stay_connect ul li a:hover::before, #stay_connect ul li a:focus::before {height: 6px;}

  /* glance  */
  #sixth-row-wrapper {
    padding: 0 30px;
    grid-template-columns: 450px 240px 250px 460px;
    grid-template-rows: 280px 220px 300px 250px 250px 380px;
    grid-template-areas: "glance1" "glance2" "glance3" "glance4" "glance5" "glance6";
  }
  #glance3 {width: 50%;height: 250px;margin: 0 0 0 50%;}
  #glance4 {grid-column: 1;grid-row: 3;margin: 0 0 0 0;width: 50%;height: 250px;}  
  #glance5 {grid-column: 1;grid-row: 2;width: 50%;}
  #glance6 {grid-column: 1;grid-row: 4;height: 370px;margin: -50px 0 0 0;}
  .stats-details .stat_number{font-size: 40px;font-size: 4rem;line-height: 42px;line-height: 4.2rem;}
  .stats-details .stat_text{font-size: 18px;font-size: 1.8rem;line-height: 21px;line-height: 2.1rem;}
  .glance li{margin: 0 0 18px 0;}
  #glance3 .stats-details span:nth-child(2) {margin: 8px 0 8px 0;}
  #glance3 .stats-details span:nth-child(3) {margin: 0 0 6px 0;}
  #glance2{width: 50%;margin: 0 0 0 50%;}
  #sixth-row-wrapper {height: auto;max-height: 1120px;}
  #glance5 {height: 220px;margin: 0;}

  /* links */
  #wrapper-index .content table.HPLinks tr{width: 31.33%;}
  #wrapper-index .content table.HPLinks tr:nth-child(5n) {margin-right: 10px;}
  #wrapper-index .content table.HPLinks tr:nth-child(3n) {margin-right: 0;}

  /*-------- footer -------*/
  #footer .inside {max-width: 100%;padding: 0 30px;width: auto;}
  #footer_name a{font-size: 30px;font-size: 3rem;line-height: 34px;line-height: 3.4rem;font-weight: 600;}
  #footer_logo a img{height: 22%;top: 65px;}
  #footer_details {grid-template-columns: repeat(auto-fit, minmax(0, 200px));}
  .footer_details_item a img {margin: 13.5px 0 0 50px;}
  #footer_text br {display: none;}
  #footer_text{margin: 30px 0 30px -2px;}
  #edunet{background-size: contain;width: 125px;right: 0;left: 0;}
  #privacy_link {font-size: 11px;font-size: 1.1rem;position: absolute;}
}


/*--------------------------Max-width-520px -------------------*/
@media only screen and (max-width: 520px){

  /* search-fied */
  .popup-content {max-width: 325px;}
  #search-field {width: 85%;;}
  #search-img {margin: 10px -3px 10px 0;}
  #popup-close{right: -8px;top: -12px;}
  .popup-backdrop{background-color: rgba(0, 0, 0, 0.8);}
  .popup-content{z-index: 9999999;}

  /* first row */
  #inquire_title{font-size: 22px;font-size: 2.2rem;line-height: 48px;line-height: 4.8rem;}
  #inq_one {margin: 0 0 0 15px;}
  #inq_three {margin: -26px 0 0 63px;}
  #quick_links{grid-template-columns: repeat(auto-fit, minmax(0, 50%));grid-gap: 0;}
  #quick_links a {font-size: 16px;font-size: 1.6rem;min-height: 75px;padding: 0 20px;line-height: 19px;line-height: 1.9rem;}
  #quick_links a::before{height: 45px;}
  #first-row-inner {padding: 35px 30px 35px 30px;}
  #quick_links > div {margin: 0 10px 0 0;}
  #quick_links a::after {width: 40px;height: 40px;background-size: contain;}

  /* second row */
  #home_news {padding: 0 30px;}
  #imp_reosurces {margin: 30px 0 0 0;padding: 30px 30px;}
  .tab_2 {width: 49%;min-height: 75px;font-size: 16px;font-size: 1.6rem;line-height: 19px;line-height: 1.9rem;padding: 10.5px 5px 12px 12px;}
  #imp_reosurces h2 a{font-size: 23px;font-size: 2.3rem;}
  #imp_reosurces {margin: 40px 0 0 0;}
  #imp_reosurces h2 {margin: 0 0 15px;}
  .news_main #showAll-0 .tableRight a,.news_main #showAll-30 .tableRight a, .news_main #showAll-1 .tableRight a, .news_main #showAll-2 .tableRight a {font-size: 16px;font-size: 1.6rem;}
  #imp_reosurces .news_main .HPNews .en-hp-module-item.en-hp-module-news-item,
  #imp_reosurces .news_main .HPLinks .en-hp-module-item.en-hp-module-news-item {padding: 0 0 0;}
  .news_main #showAll-2 {margin: 0;}
  #home_news .tabs_2 {margin: 0 0 20px;}
  .news_main .HPNews .en-hp-module-item.en-hp-module-news-item a,.news_main .HPNews .en-hp-module-item.en-hp-module-news-item a,
  .news_main .HPLinks .en-hp-module-item.en-hp-module-news-item a,.news_main .HPLinks .en-hp-module-item.en-hp-module-news-item a {font-size: 14px;font-size: 1.4rem;}

  /* events */
  .events-title-wrapper .events-title {font-size: 24px;font-size: 2.4rem;line-height: 19px;line-height: 1.9rem;}
  .events-date-wrapper .month{font-size: 16px;font-size: 1.6rem;}
  .events-date-wrapper .day{font-size: 40px;font-size: 4rem;top: 0px;left: 5px;line-height: 55px;line-height: 5.5rem;}
  .events-day-wrapper li{margin: 15px 0 0 0 !important;}
  .events-day-wrapper li .title a {font-size: 14px !important;font-size: 1.4rem !important;}
  #prev-selector .bx-prev, #next-selector .bx-next {top: 147px;width: 22px;height: 30px;position: absolute;background-position: 3px -1px !important;background-size: cover !important;z-index: 9;}
  #prev-selector .bx-prev {left: -3px;}
  #next-selector .bx-next{right: -1px;}
  .events-header-wrapper {margin: 35px 0 20px;}
  .events-button-wrapper a{font-size: 14px;font-size: 1.4rem;}
  .events_wrapper{margin: 0 18px;}
  .homepage-events {padding-bottom: 50px !important;}
  #fourth-row {margin: -200px 0 0 0;}

  /* stay connected */
  #fifth-row-wrapper {display: initial;}
  #stay_connect h2{font-size: 23px;font-size: 2.3rem;line-height: 22px;line-height: 2.2rem;margin: 0 0 15px;}
  #instagram_feed{float: left;margin: 20px 0 0 0;}
  #fifth-row-inner {padding: 30px 30px 40px 30px;}

  /* stats */
  .stats-details .stat_number {font-size: 30px;font-size: 3rem;line-height: 42px;line-height: 4rem;}
  .stats-details .stat_text {font-size: 15px;font-size: 1.5rem;line-height: 21px;line-height: 1.8rem;}
  .glance li {margin: 0 0 15px 0;}
  #glance5::before,#glance1::before {background-position: center right;}
  #glance6::before {background-position: center left;}
  #glance5 .stats-details span:nth-child(2) {margin: 7px 0 15px;}
  #glance2,#glance3,#glance6 {background-position: center;}

  /* links */
  #wrapper-index .content table.HPLinks tr {width: 47.2%;}
  #wrapper-index .content table.HPLinks tr:nth-child(2n) {margin-right: 0;}
  #wrapper-index .content table.HPLinks tr:nth-child(3n) {margin-right: 10px;}
  #links h2 a {font-size: 24px;font-size: 2.4rem;line-height: 19px;line-height: 1.9rem;}
  #showAll-hplinks .tableRight a {font-size: 16px;font-size: 1.6rem !important;}
  #wrapper-index .content section table.HPLinks a {font-size: 16px;font-size: 1.6rem;}
  #wrapper-index .content table.HPLinks #r, #wrapper-index .content table.HPLinks .tableRight,#wrapper-index .content section table.HPLinks a,#wrapper-index .content table.HPLinks tr{min-height: 65px;}
  #seventh-row-wrapper {padding: 0 30px 60px 30px;}


  /*-------- footer -------*/
  #footer .inside{max-width: 100%;padding: 0 30px;width: auto;}
  #footer_name a {font-size: 23px;font-size: 2.3rem;line-height: 26px;line-height: 2.6rem;}
  #footer_logo a img {height: 22%;top: 32px;right: 30px;}
  .footer_details_item a img {margin: 13.5px 0 0 28px;height: 73%;}
  #footer .address{font-size: 14px;font-size: 1.4rem;line-height: 20px;line-height: 2rem;}
  #footer_details {grid-template-columns: repeat(auto-fit, minmax(0, 150px));}
  #footer_text {margin: 31.5px 0 27px -2px;font-size: 12px;font-size: 1.2rem;}
  #privacy_link {font-size: 0.9px;font-size: 0.9rem;margin: 6px 0 0 0;position: absolute;}
  #footer_name {margin: 35px 0 7px 0.2px;}
  #footer_text::before {width: 100%;top: -20px;}
}

@media only screen and (max-width: 480px) {

  #sixth-row-wrapper {grid-template-columns: 100%;}
  

}


@media only screen and (max-width: 450px) {

  /*-----------fourth row---- */

  /* ----------events----- */
  .events-date-wrapper{justify-content: center;}
  .events-day-wrapper {border: none !important; margin-right: 10px !important;}
  .events-button-wrapper {margin: 22px 0px 0 0;position: absolute;bottom: 30px;}

}


@media only screen and (min-width: 800px) and (max-width: 1099px) {
  #glance2 {width: 50%;margin: 0 0 0 50%;}
  #glance3 {width: 50%;height: 250px;margin: 0 0 0 50%;}
  #glance4 {grid-column: 1;grid-row: 3;margin: 0 0 0 0;width: 50%;height: 250px;}
  #glance5 {height: 220px;margin: 0;grid-column: 1;grid-row: 2;width: 50%;}
  #glance6 {grid-column: 1;grid-row: 4;height: 370px;margin: -50px 0 0 0;}
  .stats-details .stat_number {font-size: 40px;font-size: 4rem;line-height: 42px;line-height: 4.2rem;}
  .stats-details .stat_text {font-size: 18px;font-size: 1.8rem;line-height: 21px;line-height: 2.1rem;}
  #sixth-row-wrapper {height: auto;max-height: 1120px;}
}

@media only screen and (min-width: 800px) and (max-width: 1099px) {
  #sixth-row-wrapper{max-width: 450px;justify-content: center;position: relative;left: 50%;transform: translateX(50%);}
}


@media only screen and (min-width: 1100px) and (max-width: 1230px) {
  #sixth-row-inner {max-width: 1100px;}
  #sixth-row-wrapper{grid-template-columns: 285px 240px 250px 460px;left: -5px;position: relative;}
}


@media only screen and (min-width: 524px) and (max-width: 773px) {
  #sixth-row-wrapper {
    max-width: 450px;
    justify-content: center;
    position: relative;
    left: 50%;
    transform: translateX(50%);
  }
}


/* PARAMETERS */
/* HEIGHT OF THE MIDDLE SECTION WHERE SCHOOL'S NAME IS LOCATED WILL BE AUTO-ADJUSTED */
:root {
  --en-header-width: 1100px;
  --en-header-height: 190px;
  --en-header-top-bar-height: 35px;
  --en-header-bottom-bar-height: 50px;
}

div.en-header-top-bar-bg {
  box-sizing: border-box;
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: var(--en-header-top-bar-height);
  border-bottom: 2px solid #f3f1f2;
}

div.en-header-bottom-bar-bg {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: var(--en-header-bottom-bar-height);
  left: 0;
  top: calc(var(--en-header-height) - var(--en-header-bottom-bar-height));
  background: #0f7763;
}

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: 160px 40px auto auto;
  grid-template-rows: var(--en-header-top-bar-height) 1fr var(--en-header-bottom-bar-height);
  height: var(--en-header-height);
}

nav.en-nav div.marquee-container {
  display: flex;
  grid-row: 1;
  grid-column: 2 / 4;
  white-space: nowrap;
  margin-right: 30px;
  color: #444444;
  padding: 5px 0;
  margin: 4px 0 0 0;
  font-size: 17px;
}

nav.en-nav div.social-media-container {
  position: relative;
  grid-row: 1;
  grid-column: 4;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 18px;
}

/* 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 */
header.en-public-header div.en-public-header-middle {
  grid-row: 2;
  grid-column: 3 / 5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

/* STYLING OF THE SCHOOL NAME IN THE HEADER */
div.en-public-header-middle div.en-public-header-website-name {
  font-size: 56px;
  font-family: 'EamesCenturyModernRegular';
  color: #333333;
  margin-left: 0px;
  line-height: normal;
  margin: 0 0 0 20px;
}

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 / 4;
  grid-column: 1 / 3;
  display: flex;
  align-items: center;
  overflow: visible;
  width: 100%;
}

/* POSITIONING AND STYLING OF THE SCHOOL LOGO */
header.en-public-header a.en-website-logo img {
  width: 100%;
  border-radius: 50%;
  box-shadow: 0px 10px 6px -6px rgb(0 0 0 / 15%);
}

header.en-public-header  div.en-mobile-header {
  display: none;
}

/* SMALL VERSION */
/* BROWSER WIDTH STARTS BECOMING SMALLER THAN REQUIRED FOR THE FULL SIZE DESKTOP VERSION */
/* UPDATE THE BREAKPOINT AS REQUIRED */
@media only screen and (max-width: 1100px) {

  /* PARAMETERS */
  :root {
      --en-header-height: 17.2727vw;
      --en-header-top-bar-height: max(30px, 3.1818vw);
      --en-header-bottom-bar-height: max(40px, 4.5454vw);
  }

  header.en-public-header {
      width: 100%;
  }

  nav.en-nav {
      grid-template-columns: 15.18vw 3vw auto auto;
  }

  /* REDUCE PADDINGS AND GAPS TO SAVE SOME SPACE */
  nav.en-nav div.marquee-container {
      margin-right: 2.7272vw;
      padding: max(4px, 0.4545vw) 0;
      font-size: max(14px, 1.5454vw);
  }

  /* REDUCE PADDINGS AND GAPS TO SAVE SOME SPACE */
  header.en-public-header div.social-media-container {
      column-gap: max(12px, 1.6363vw);
      margin-right: 6px;
  }

  header.en-public-header div.social-media-container img {
      width: 2.1818vw;
  }

  header.en-public-header div.en-public-header-website-name {
      font-size: clamp(20px, 4.95vw, 56px);
      margin-left: 0.9090vw;
  }

}

/* MOBILE VERSION */
/* BREAKPOINT HAS TO BE THE SAME AS PROVIDED IN NAVIGATION MENU SETTINGS IN E-IMPORT (mobileBreakpoint parameter) */
@media only screen and (max-width: 768px) {

  /* REMOVE BACKGROUNDS THAT ARE NOT NEEDED IN MOBILE */
  div.en-header-top-bar-bg, div.en-header-bottom-bar-bg {
      display: none;
  }

  /* MAKE MOBILE HEADER VISIBLE. MAKE GRID COLUMNS SAME AS THE COLUMNS OF EN-NAV */
  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 a.en-website-logo {
      grid-row: 1;
      grid-column: 1;
      background: #0f7763;
  }

  header.en-public-header a.en-website-logo img {
      content: url("/pics/mobile_header_logo.png");
      position: static;
      width: clamp(45px, 7.5vw, 60px);
      margin: 10px;
  }

  header.en-public-header div.en-public-header-middle {
      grid-row: 1;
      grid-column: 2 / 4;
      background: #0f7763;
      justify-content: space-between;
  }

  div.en-public-header-middle div.en-public-header-website-name {
      font-size: min(20vw, 4.5vw, 28px);
      color: #fff;
  }

  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 / 4;
      background: #ffffff;
      justify-content: center;
      border-top: 1px solid #cccccc;
      column-gap: 40px;
      padding: 10px 0;
      margin: 0;
  }

  nav.en-nav div.social-media-container > a > img {
      width: 32px;
  }

  nav.en-nav div.marquee-container {
      grid-row: 4;
      grid-column: 1 / 4;
      margin: 12px 16px;
      background: var(--en-website-color-1);
      color: var(--en-website-color-2);
      vertical-align: middle;
      font-size: 14px;
  }


}







div.en-public-footer-container {
  background: #007060;
}

div.en-public-footer {
  position: relative;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  width: 1100px;
  height: 460px;
  color: #ffffff;
  font-family: Arial;
}


div.en-public-footer a {
  color: #ffffff;
}

div.en-public-footer div.en-footer-left {
  grid-row: 1;
  grid-column: 1;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 14px 14px 0 clamp(0px, calc(564px - 50vw), 14px);
}

div.en-footer-left img.en-footer-school-logo {
  position: absolute;
  left: calc(100% - 125px);
  top: 40px;
}

div.en-footer-left div.en-footer-school-name {
  margin: 45px 0 20px 0;
  width: 100%;
  font-size: 50px;
  font-family: 'EamesCenturyModernRegular';
  line-height: 105%;
}

div.en-footer-school-name br.en-footer-name-long {
  display: none;
}

div.en-footer-left div.en-footer-school-address {
  width: 45%;
  font-size: 16px;
}

div.en-footer-left div.en-footer-ada-notice {
  margin: 10px 10% 0 0;
  padding-top: 15px;
  border-top: 2px dotted #505050;
  width: 100%;
}

div.en-footer-left div.en-footer-ada-notice p {
  position: relative;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 16px;
  line-height: 1.6rem;
  font-weight: 400;
  color: #fff;
  margin: 0;
  letter-spacing: 0.4px;
}

div.en-public-footer div.en-footer-right  {
  grid-row: 1;
  grid-column: 2;
}


@media only screen and (max-width: 1100px) {
  div.en-public-footer {
      width: 100%;
      grid-template-columns: 550px 1fr;
  }

  div.en-footer-left img.en-footer-school-logo {
      height: 22.72vw;
      left: calc(100% - 11.36vw);
      top: 3.6363vw;
  }

  div.en-public-footer div.en-footer-right  {
      overflow-x: hidden;
  }

}


@media only screen and (max-width: 768px) {

  div.en-public-footer {
      grid-template-columns: 71.6145vw 1fr;
  }

  div.en-footer-left img.en-footer-school-logo {
      position: static;
      height: 20vw;
  }

 div.en-footer-left div.en-footer-school-name {
      margin: 10px 0;
      font-size: 30px;
  }

  div.en-footer-school-name br {
      display: none;
  }

  div.en-footer-school-name br.en-footer-name-long {
      display: inline;
  }

  div.en-footer-left div.en-footer-school-address {
      width: 60%;
      font-size: clamp(14px, 2.0833vw, 16px);
  }

  div.en-footer-left a.en-footer-nycdoe-logo {
      position: relative;
      width: min(144px, 40%);
  }

  div.en-footer-left a.en-footer-nycdoe-logo img {
      width: 100%;
      height: auto;
  }

  div.en-footer-left div.en-footer-ada-notice {
      margin-top: 10px;
      padding-top: 10px;
      margin-right: 2.6041vw;
  }

  div.en-footer-left div.en-footer-ada-notice p {
      font-size: clamp(13px, 1.8229vw, 14px);
  }

}

@media only screen and (max-width: 480px) {
  div.en-footer-school-name br.en-footer-name-long {
      display: none;
  }

}


div.en-footer-left div.en-footer-school-name a {
  text-decoration: none;
}










#showAll-1, #showAll-30 {
  position: sticky;
  bottom: 0;
  background: #fff;
}

#imp_reosurces .news_main {
  position: relative;
  overflow-y: scroll;
  max-height: 578px;
}

#imp_reosurces .layout-3 .news-showAll {
  position: sticky;
  bottom: 0;
  background: #f3f1f1;
  padding: 10px 0 0 0;
}

div.en-footer-left div.en-footer-ada-notice p a:hover, div.en-footer-left div.en-footer-ada-notice p a:focus {
  text-decoration: none;
  color: #e7cb11;
}


/* ------------------------ */

#footer_bottom .inside {
  padding: 0 !important;
}

#wrapper #news28wrapper .en-hp-module-item.en-hp-module-news-item a,#wrapper #news30wrapper .en-hp-module-item.en-hp-module-news-item a {
  font-family: 'InterSemiBold';
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-weight: normal;
  color: #007161;
  text-decoration: none;
  letter-spacing: 0px;
  transition: .5s all ease-in-out;
}

#wrapper #news28wrapper .en-hp-module-item.en-hp-module-news-item,#wrapper #news30wrapper .en-hp-module-item.en-hp-module-news-item {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  text-align: left;
  color: #0d1a18;
  padding: 0 0 11px;
  background: url(/pics/news_border.png) repeat-x bottom left;
  letter-spacing: 0.55px;
  margin: 0 0 0;
}

#wrapper #news28wrapper #showAll-28 a,#wrapper #news30wrapper #showAll-30 a {
  position: relative;
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2.0rem;
  font-weight: 700;
  font-style: italic;
  text-transform: lowercase;
  text-decoration: none;
  padding: 0 0 0 16px;
  color: #0d1a18;
  transition: .5s all ease-in-out;
}
#wrapper #news28wrapper .row:nth-last-child(2) .en-hp-module-item.en-hp-module-news-item,#wrapper #news30wrapper .row:nth-last-child(2) .en-hp-module-item.en-hp-module-news-item {background: none;}

#wrapper #news28wrapper #showAll-28 a:hover,#wrapper #news28wrapper #showAll-28 a:focus,#wrapper #news28wrapper #showAll-30 a:hover,#wrapper #news28wrapper #showAll-30 a:focus{color: #235a33;}

#wrapper #news28wrapper #showAll-28 a::before,#wrapper #news30wrapper #showAll-30 a::before {
  content: "";
  position: absolute;
  background: #e7cb11;
  width: 8px;
  height: 8px;
  left: 0;
  top: 50%;
  border-radius: 50px;
  transform: translateY(-50%);
  transition: .5s all ease-in-out;
  margin: 2px 0 0 0;
}

#wrapper #news28wrapper .en-hp-module-item.en-hp-module-news-item a:hover, #wrapper #news28wrapper .en-hp-module-item.en-hp-module-news-item a:focus ,#wrapper #news30wrapper .en-hp-module-item.en-hp-module-news-item a:hover, #wrapper #news30wrapper .en-hp-module-item.en-hp-module-news-item a:focus {
  color: #000;
}

#wrapper #news28wrapper #showAll-28 a:hover, #wrapper #news30wrapper #showAll-30 a:hover
,#wrapper #news28wrapper #showAll-28 a:focus, #wrapper #news30wrapper #showAll-30 a:focus {color: #235a33;
  padding: 0 16px 0 0;}
#wrapper #news28wrapper #showAll-28 a:hover:before, #wrapper #news30wrapper #showAll-30 a:hover:before,#wrapper #news28wrapper #showAll-28 a:focus:before, #wrapper #news30wrapper #showAll-30 a:focus:before{
  left: auto;
right: 0;
transition: .5s all ease-in-out;
border-radius: 0;
width: 10px;
height: 4px;
background: #235a33 !important;
}

#wrapper table .topLine {
  background-color: #007161 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-family: 'Inter', sans-serif !important;
  line-height: 24px !important;
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
}

#wrapper table .bottomLine {
  background-color: #fdfafa !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  color: #000000 !important;
  font-family: 'Inter', sans-serif !important;
  line-height: 24px !important;
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
  border-bottom: 1px solid #DFDFDF;
}

#edunet_webform .form-item.dropdown .item-wrap .form-item-right select { max-width: 650px; width: auto; }




@media only screen and (max-width: 1100px) {

.vAlignTop #pageContentWrapper img {
  width: 100%;
}
}

@media (max-width: 700px) {
 #staff.staffR1.staff-v-1 table tr:first-child{
         display: block !important; 
    }

 #pageAsideWrapper.pageAsideRightWrapper{
		 width:100%;
	}

 .staffPageContactInfo #pageTitle{
		display: block !important; 
   }
}