* { box-sizing: border-box; }

img { border: 0; }

.wsfSOADraft { display: none; }

/* PAOLO04JUL24 .wsfPagedefault  */
.mnToolBar { background-color: #2f67a7; color: #fff; }


/* hiding indvidual personal behaviours for Term3 F5 marks 2019/2020 */
.sisRCVSheetReportSession21 .sisRCVCardPBItem52 { display: none; }
.sisRCVSheetReportSession21 .sisRCVCardPBItem51 { display: none; }
.sisRCVSheetReportSession21 .sisRCVCardPBItem53 { display: none; }
.sisRCVSheetReportSession21 .sisRCVCardPBItem48 { display: none; }

/* hiding indvidual SOCIAL AND EMOTIONAL DEVELOPMENT skils for Term3 PREP 2 2019/2020 */
.sisRCVSheetReportSession19 .sisRCVCardPBItem10 { display: none; }
.sisRCVSheetReportSession19 .sisRCVCardPBItem16 { display: none; }
.sisRCVSheetReportSession19 .sisRCVCardPBItem18 { display: none; }
.sisRCVSheetReportSession19 .sisRCVCardPBItem19 { display: none; }
.sisRCVSheetReportSession19 .sisRCVCardPBItem12 { display: none; }

/* hiding indvidual Personal Behaviours and Work Habits for Term3 PREP 3 2019/2020 */
.sisRCVSheetReportSession19 .sisRCVCardPBItem31 { display: none; }
.sisRCVSheetReportSession19 .sisRCVCardPBItem36 { display: none; }

/* hiding indvidual Personal Behaviours and Work Habits for Term3 PREP 4 2019/2020 */
.sisRCVSheetReportSession19 .sisRCVCardPBItem28 { display: none; }
.sisRCVSheetReportSession19 .sisRCVCardPBItem25 { display: none; }
.sisRCVSheetReportSession19 .sisRCVCardPBItem27 { display: none; }

/* hiding indvidual Personal Behaviours for Term3 J1-J4 2019/2020 */
.sisRCVSheetReportSession19 .sisRCVCardPBItem8 { display: none; }
.sisRCVSheetReportSession19 .sisRCVCardPBItem7 { display: none; }


.wsfPrivacyPolicy, .wsfWebsiteTerms
{
  color:#000;
  font-size:12pt;
}

.spaBoxStart { top: 54px; }
.spaThumbView #oSliderModule { display:none; }

.wsfMobileView .sisHomeInstructions { top:60%; }
.sisHomeInstructions { top:40%; }

@media only screen and (max-height: 500px)
{
  .wsfMobileView .sisHomeInstructions {  top: 30%; }
}

#spaMap { pa dding-top:40px; display:none; }
.sisWebSite #spaMap { display: block; }

.olsHomeIntro { display: none; }
.wsfMobileView .olsHomeIntro { display: block; }

.sisTopMap { display: inline-block; vertical-align: middle; padding-left: 5px; }

.sisTopPhone, .sisTopFB, .sisTopMap { display: none; font-size: 18pt; margin-left:5px; }
.sisTopPhone img { margin-bottom: 3px; height: 19px}
.sisTopFB img { filter: grayscale(0%); height: 23px; width: auto; }
.sisTopMap img { filter: grayscale(0%); height: 24px; width: auto; }

.sisWebSite .sisTopPhone { display: inline-block; }
.sisWebSite .sisTopFB { display: inline-block; }
.sisWebSite .sisTopMap { display: inline-block; }

/* paolo08DEC21 - hiding webpage */
.sisWebSite .sisTopFB { display: none; }
.sisWebSite .sisTopMap { display: none; }

.wsfPagedefault .spaTlbLogo img { height: 70px; }
.spaTlbLogo img { height: 49px; }

.spaTlbLogo { display:block; left:5px; right: auto; width:auto; }
.wsfMobileView .spaTlbLogo { d isplay: none; top: 4px; }
.wsfMobileView .spaTlbLogo { display:block; padding:0; top: 0; right:0; }
.wsfMobileView .spaTlbLogo img { height: 52px; max-width: 70vw;}

.suFormMain .suFormDisclaimer { font-size:12pt; padding-bottom: 25px; }
.suFormMain .suFormDisclaimer a { color:#fff; text-decoration: none; font-weight: bolder; }
.suFormMain .suFormDisclaimer a:hover { text-decoration: underline; }

.FooterCustom 
{
  color: #000;
  font-size: 10pt;
  padding: 5px;
  max-width: <%=PWIDTH%>;
  margin: 40px auto 0 auto;
}

.wsfRespMobileBtn IMG { filter: brightness(2); }

#RespMobileMenu .olsTopContact { padding: 5px 10px; text-align:right; }

.FooterCustom A, .FooterCustom A:Visited, .FooterCustom A:Active, .FooterCustom A:Link, .FooterCustom A:Hover
{
  COLOR: #000;
}

.FooterCustomCredits img
{
  margin-top:10px;
  width:50px;
}

.PageSchema
{
  max-width: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0;
}
.PageSchema2 { padding: 0; }

/* PAOLO04JUL24 */
.CMCHeader { position: relative;background-color: #fff; #6eb4eb; #4d76a2; padding: 30px; border-bottom: 1px solid #fff; }

.wsfPageDefault .CMCHeader { padding: 50px; }
.wsfPageDefault .headerTile { width: 100%; background-color:#fff; }
.wsfPageDefault .PageSchema { padding-top: 0; }
.wsfRespMobileBox { z-index: 11; }
.wsfMobileView .CMCHeader { padding: 30px;  border: 0;  }


.UsrRequestLeft, .BandPageLeft
{
  background-color: #185531;
  color:#fff;
  padding: 20px;
}

.frmUserSec { background-color: #185531; color:#fff; padding:5px; }

.wsfRMobAddrBook { display: none; }

.BandPageRight { padding:10px; }

.BandPageLeft .wsfSubMnItem { color: inherit; font-size: 90%; }
.BandPageLeft .wsfDynMenu A:hover { color:#669933; }
.BandPageLeft .wsfSubMnItemCurrent { color:#669933 !important; }

/* home page specific */

.spaSliderImgFull { }
.spaSliderImgMobile { display: none; }

.wsfPagedefault .mnToolBarBtns { display: none; }

.mnToolBar { max-width: none; overflow: auto; }
 
.wsfPagedefault .mnToolBar
{
  font-size: 14pt;
  height: 20px;
}

.wsfPagedefault .wsfSubMnItem, .wsfPagedefault .wsfSubMnItem1, .wsfPagedefault .wsfSubMnItem2
{
  font-size: 14pt;
}

.wsfPagedefault .mnGroup
{
  border: 0;
  margin: 15px 10px 0 0
}

.edMenuIcon
{
  background-size: 18px;
  background-position: 5px 2px;
  background-repeat: no-repeat;
  padding-left: 28px !important;
  min-height: 10px;
  -webkit-filter: grayscale(100%);
}

.edMenuIconSIS { background-image: url(../ed/SISIcon.png); }

#spaTop { padding-top:0; }
.wsfMobileView #spaTop { padding-top:60px; }

.wsfMobileView .wsfRespMobileBtn { display:inline-block; z-index: 13;}
.wsfMobileView #RespMobileMenu { display:block; }

.spaHome { font-size: 11pt; }

.spa TlbLogo { left: 20px;width: auto; }

.spaBox 
{
  padding: 100px 40px;
  min-height: 90vh;
  overflow:hidden;
}

#spaBox0 
{
  text-align: center;
  padding: 40px 0 40px 0;
  m in-height: 95vh;
  background-image: u rl(sws/Top1.JPG);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

/* empty 3 */
#spaBox2172
{
  text-align: center;
  padding: 130px 0 40px 0;
  mi n-height: 115vh;
  background-image: url(Background5.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

/* achievements */
#spaBox2173
{
  padding: 100px 0;
}

/* empty 3 */
#spaBox2307
{
  text-align: center;
  padding: 130px 0 40px 0;
  m in-height: 115vh;
  background-image: url(Departments.jpg);
  background-position: 25% top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

/* empty 1 */
#spaBox1748
{
  text-align: center;
  padding: 110px 0 40px 0;
  m in-height: 115vh;
  background-image: url(Background3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.spaGrid 
{ 
  padding: 20px 20px 70px 20px;
  width: 90vw;
  max-width: 1200px;
  margin: auto;
}

.spaGridTile
{
  display: inline-block;
  border: 8px solid #fff;
  background-color: #fff;
  margin: 20px 20px 20px 0px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
  transform: rotate(-5deg);
}

.spaGridTile:nth-child(odd)
{
  transform: rotate(8deg);
}

.spaGridImg 
{
  width: auto;
  height:200px;
}

.olsBoxTitleBand { color:#fff; padding: 10px 0; }
#olsDepPreps .olsBoxTitleBand { color: #000; background-color: #ffffffcf; }
#olsDepJuniors .olsBoxTitleBand { color: #000; background-color: #ffffffcf; }
#olsDepSeniors .olsBoxTitleBand { color: #000; background-color: #ffffffcf; }

.olsBoxBullets { display: inline-block; text-align: left; }

.olsCampusPic
{
  height:430px;
  background-image: url(OurCampus.JPG);
  background-repeat: no-repeat;
  background-position: 75%;
  background-size: cover;
}

.olsBxTitleImg { display:none; }
#olsDepPreps, #olsDepJuniors, #olsDepSeniors
{
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
}

#olsDepPreps { background-image: url(PrepDPT.jpg); }
#olsDepJuniors { background-image: url(JrDPT.JPG); }
#olsDepSeniors { background-image: url(SNRGirls.JPG); }

.olsFastFacts
{
  c olumn-count: 3;
  display: flex;
  align-content: stretch;
  flex-wrap: wrap;
}

.olsFactBox
{
  padding: 0 20px 40px 20px;
  d isplay: inline-block;
  width: 45%;
  flex-grow: 2;
  margin: 10px;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
}

.olsFactBox .olsHomeText { width: auto; }

.spaBlurBgImage
{
  background-color:#00000082;
  padding: 20px 80px 60px 80px;
  b order-radius: 10px;
}

.spaImageSecTitle
{
  color:#fff;
  font-size: 36pt;
  font-weight: bolder;
  t ext-shadow: 2px 2px 5px #000000;
  padding: 20px 0 40px;
}

.spaImageSecText
{
  color:#fff;
  font-size: 24pt;
  font-weight: 500;
  t ext-shadow: 2px 2px 5px #000000;
}

/* fast facts */
#spa Box1747
{
  text-align: center;
  padding: 130px 40px 40px 40px;
  min-height: 95vh;
  background-image: url(Background5.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

/* empty 2 */
#spaBox1749
{
  text-align: center;
  padding: 130px 40px 40px 40px;
  m in-height: 95vh;
  background-image: url(Background6.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

/* empty 4 */
#spaBox2174
{
  text-align: center;
  padding: 130px 40px 40px 40px;
  m in-height: 95vh;
  background-image: url(Background6.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  display:none;
}

#spaBoxContacts
{

  padding: 130px 40px 140px 40px;
  m in-height: 95vh;
  background-image: url(Background7.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.spaFadeIncontainers
{
  width:70%;
  margin:auto;
}

.spaFadeIncontainer 
{
  position: relative;
  wid th: 300px;
  overflow:hidden;
  margin:10px;
  display:inline-block;
  box-shadow: 10px 10px 10px #b0b0b0;
}

.spaTileBoxImage {
  display:inline-block;
  width: auto;
  height: 260px;
}
.spaImageBoxContainter{
  position: relative;
  width: 250px;
  padding:10px;
  display:inline-block;
}

.spaTileImageOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .9s ease;
  background-color: #185531;

}

.spaFadeIncontainer:hover .spaTileImageOverlay {
  opacity: 0.8;
  overflow: auto;
 
}

.spaTileTextOverlay {
  color: white;
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  
}

.spaTextCol
{
  column-count: 6;
  width: 100%;
  padding:40px 0;
}

/* pre contact us */
#spaBox1750
{
  display:none;
}

.suSurveyHeaderNote
{
  text-align:center !important;
}

.suFormMain
{
  color: #fff;
  font-size: 12pt;
  background-color: rgba(24, 85, 49, 0.71);
  width: 80%;
  max-width: 600px;
  text-align: left;
  margin: auto;
  padding: 20px;
}

.suQuestion
{
 display: block !important;
}

.suSurveyFooter
{
  padding:30px;
  text-align: center;
}

.suSurveyBtn
{
  background-color:#185531;
  font-size: 14pt;
  color:#fff;
  border: 1px solid #fff;
}

.suFormMain .suSurveyForm { font-size: 100%; }
.suFormMain .wsfFrmInput { margin-top:3px; padding:0; }
.suFormMain .wsfFrmField { width: 100%; padding: 5px; }
.suFormMain .wsfFrmLabel { font-size: 100%; font-weight:normal;  }
.suFormMain .suQuestion_17 .wsfFrmField { text-align:center; }
.suFormMain .suQuestion_17 .wsfFrmLabel { d isplay:none; }
.suFormMain .suQuestion_17 .wsfFrmInput { text-align:center; }
.suFormMain .suQuestion_17 .suChoiceDesc { padding: 10px; }
.suFormMain .suAnswer .TextInput, .suAnswer textarea  { font-size: 100%; width:100% }
.suFormMain #suValidateInfo:not(:empty) { padding: 0 0 20px 0; }
.suFormMain .suSurveyFooterNote { padding: 0; }
.suFormMain .suValidateInfoWrn { font-size: 14pt; color: #F29A9A; }
.suFormMain label.wsfInvalidInput  { background-color: transparent !important; color:#F29A9A }

/* apply now */
#spaBox58
{
  padding: 80px 20px;
}

.olsHomeIntro
{
  padding:10px;
  b ackground-color: rgba(24, 85, 49, 0.87); 
}

.olsDownloadBtn
{
  background-color: #2196F3;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  font-size: 20pt;
  text-align: center;
  width: auto;
  display: inline-block;
  margin: auto;
  cursor: hand;
  cursor: pointer;
}

.olsHomeText
{
  font-size: 13pt;
  width:80vw;
  max-width: 800px;
  margin: auto;
  text-align:justify;
}

.olsApplyNowBtn
{
  background-color:#2196F3;
  font-size: 90%;
  font-weight: normal;
  padding:10px;
  border-radius: 5px;
  margin: 124px auto 0 auto;
  width: 150px;
  cursor:pointer;
}

.sisEmailReal
{
  background-image: url(../images/envelopeGreen.png);
  background-size: contain;
  border-radius: 0;
}

.sisEmailFake
{
  background-image: url(../images/envelopeOrange.png);
  background-size: contain;
  border-radius: 0;
}

.olsApplyNowBtn a { color:#fff !important; text-decoration: none !important;}

.olsTopContact { position:absolute; top:15px; right: 15px; color:#fff; font-size: 18pt; }

.olsSecTitle { font-size: 42px; color:#185531; margin-top:10px; margin-bottom: 40px; }

#spaBoxContacts .olsSecTitle { color:#fff; }

.olsBoxesContainer { padding-top:0; fon t-size:0; }
.olsBoxesContainer .olsBxTitleImg { height: 100px; }

.olsBox { display:inline-block; vertical-align:top; width:33%; padding:20px; text-align:center; border: 0px solid #c0c0c0; border-radius: 4px; font-size:12pt;  margin-bottom:20px; }

.olsBoxTitle { font-size:20pt; padding: 35px 0 15px 0; text-align:center; color:#185531; font-weight: bold; max-width: 300px; margin:auto; }
.olsBoxIn .olsBoxTitle { padding: 0px 0 5px 0 }
.olsSmallTitle { font-size:100%; padding: 10px 0; font-weight: bolder; color:#185531; }
.olsBox img { width: 70px; }
.olsCollapseButton{width:42px !important; height:auto; border:0;  display:block; padding-top:10px; cursor: pointer;  margin-left: auto; margin-right: auto;}

.olsPrincipal
{
  font-size: 15pt;
  padding: 70px 10px 30px 10px;
  text-align: center;
  color: #185531;
  font-weight: normal;
}

.olsPrincipalName
{
  font-size:110%;
  font-weight: bolder;
  display:inline-block;
  padding-bottom:5px;
}

.olsReadMoreButton
{
  display:inline-block;
  margin-top:10px;
  border: 2px solid #5e5e5e;
   border-radius: 5px;
  padding:5px;
  cursor:pointer;
}

.olsBoxIn 
{
  text-align: left; 
  f ont-size:13pt; 
  /*
  overflow: hidden; 
  height:40vh;
  -moz-transition: height 1s ease;
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
  */
}

.olsBoxScroll
{
  max-height: 40vh;
  overflow:auto;
  margin-top: 20px;
}

.olsExpandBox {
   height: 80vh; 
   overflow:auto;
  -moz-transition: height 1s ease;
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

.mnToolBar 
{
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.wsfPagedefault .mnGroup 
{
  border: 0;
  margin: 0;
  padding: 10px;
  border-radius: 4px;
}

.wsfPagedefault .mnGroup:hover
{
  background-color: #03a9f45e;
  color:#fff;
}

#spa Box1747 { padding: 100px 60px; }

.olsFAQ { text-align:left; width:80%; }
.olsQuestion { font-size:14pt; font-weight: normal; cursor:pointer; padding: 20px 0 10px 0; }

.olsQuoteTab { border-collapse: collapse; width: 50%; max-width: 450px; min-width: 300px; }
.olsQuoteTab td { padding: 10px; border: 1px solid #c0c0c0; }
.olsQuoteTab td:nth-child(2) { text-align: right; }
.olsQuoteTab tr:nth-child(even) { background-color: #f0f0f0; }

/* PAOLO04JUL24 */
.spaFooter { height: auto; min-height: 50px; background-color: #2f67a7; #6eb4eb; padding:20px 30px; color:#fff; text-align: left; overflow: auto; }
.olsFooterBox { display: none; width: auto; text-align: left; padding:10px; vertical-align:top; }
.sisWebSite .olsFooterBox { display:block; }
.olsFooterBoxRight { float:right; text-align: right; }
.olsFooterBoxLeft { float:left; }
.olsFooterBox a { color:#fff; } 
#atstbx { padding-right: 30px; }
.olsFooterSec { border-bottom: 2px solid #c0c0c0; font-size: 14pt;}

.wsfUserCountryPrstBtn, .wsfTestEmail { display: none; }

.UsrReqSection { background-color: #f0f0f0; color:#525252; margin: 10px 0 20px 0;}

.sisVideoEmbed
{
  padding:40px 0 0 0;
  width:70%;
  max-width:800px;
  min-width:300px;
  margin:auto;
}

.facebook-responsive 
{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe 
{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media only screen and (max-width: 1200px)
{
  /* .sisMember .spaTlbLogo { right:40%; } */
}

@media only screen and (max-width: 1000px)
{
  .spaTextCol{column-count:4; padding:20px 0;}
  .olsBox { display:block; width:100%; font-size:13pt; }
  .olsBoxIn { min-height: 0; }
  .olsBoxScroll {  max-height: none; overflow:visible; max-width: 800px; width:80vw; margin:auto; padding-top:30px; }

  .olsFactBox { width: 100%; }

  .spa TlbLogo { text-align: left; padding-left: 20px; }

  .wsfMobileView .sisMember  .spaTlbLogo { right:30%; }

  .sisMember .spaTlbLogo { d isplay:none; }

  .wsfPagedefault .mnToolBar { font-size: 11pt; }
}

@media only screen and (max-width: 800px)
{
  .spaBox, .spaPageBox, #spaBox1747 { padding: 50px 20px 40px 20px; }
  .spaBox { min-height: 60vh; }

  #spaBox0 { padding-top:60px; }
  .olsHomeText{max-width:500px; text-align:left;}

  .olsBoxBullets { display: block; }
  .olsBoxBullets ul { padding-left: 20px; }
  
  #spaTop { padding-top:60px; }
  #spaBox1749 { min-height: 40vh; }

  .spaBlurBgImage { padding: 20px}

  .olsFooterBoxRight { float:none; text-align: left; }
  .olsFooterBoxLeft { float:none; }
}

@media only screen and (max-width: 700px)
{
  .spaTlbLogo {
    left: 0;
    right: 0;
  }

  .wsfMobileView .spaTlbLogo { right:0; }
}

@media only screen and (max-width: 600px)
{
  .olsHomeIntro { width: auto; min-width: 0;}
  .olsFooterBox { width: auto; text -align:center; }
  .spaFooter { padding: 20px 10px; }
  .spaTextCol{column-count:2; padding:15px 0;}
  .spaGridImg {width: 100%;height:auto;}
  .suFormMain {width:100%;}
  #spaBoxContacts { padding: 80px 10px; }
  .olsHomeText{width:90%; text-align:left;}

  .olsSecTitle { margin-top:50px; }

  .spaTileBoxImage {width: 100%;height: auto;}

  #spaBox2172, #spaBox1748 { padding: 50px 0; }
  #spaBox1748 { background-position: 60%; }
  .spaImageSecText { font-size: 20pt; }
  .spaImageSecTitle { font-size: 32pt; }
  .olsCampusPic { height: 150px; }
  #spaBox2173 { padding: 30px 0; }
  #spaBox1749 { min-height: 20vh; }

  .spaFadeIncontainers { width:80vw; }
  .spaFadeIncontainer { width: 100%; box-shadow: none; margin:5px; }

  .olsPrincipalName { display:block; }
  .sisTopFB img {height: 36px; width: auto; }
  .sisTopMap img {height: 40px; width: auto; }

  .spaSliderImgFull { display: none; }
  .spaSliderImgMobile { display: block; }
}