/
VARIABLES
*/
/*Breakpoints*/
/*Spacing*/
/*Nav Top Positioning*/
/*Mobile Menu Button styling*/
/*40px*/
/*17px*/
/*1em*/
/*0.7em*/
/* 0.4em*/
/*0.25em*/
/*1.6em*/
/*0.2em*/
/* The width of the button area*/
/* The height of the button area */
/* The thickness of the button bars */
/* The left/right padding between button area and bars */
/* The spacing between button bars */
/* The transition duration */
/* Colours */
/*Search icon Positioning*/
/*Mobile Side Menu styling*/
/*Mobile Side Menu Content styling*/
/*Colours*/
/* $currentAccordionButtonBackgroundColor: #CADEB6; */
/* $currentSubButtonBackgroundColor: #E3EDD8; */
/*Image Links*/
/*Font Styles*/
/*@import 'reset';*/
/*@import 'normalize';*/
/*Responsive TopNav and Menu*/
/
*


_mobileTopTDSBnav.scss

*
*/
@media screen and (max-width: 1000px) {
  /*#TDSBpageFrame {
		background-position: $pageFrameMobile-BackgroundPosition;
	}*/
.TDSBtopBannerBox {
/*    width: 100%; */
}
  
.TDSBtopBannerBoxLeft {
    width: 100%;
	height: auto;
    max-width: 325px;
	max-height: 105px;
    margin-left: 0.55em;
}

.TDSBtopBannerBoxLeft img {
	width:100%;
	height:auto;
    max-width: 325px;
	max-height: 105px;	
}

.TDSBtopBannerBoxLeft a {
    float: left;
}
  
  .TDSBtopBannerBox > .TDSBtopBannerBoxRight {
    margin: -15px 0px 20px 15px;
    width: 100%;
    min-height: 60px;
    height: auto;
    background-image: url("/images/TDSB/grey_gradient_on.jpg");
    background-repeat: repeat-x no-repeat;
	
	display:none!important;
}

  .TDSBtopBannerBoxRight > div {
    margin: 8px;
  }
  
  .TDSBtopBannerBoxRight .TBBR1 {
    display: inline-block;
    margin: 6px 75px 6px 6px;
  }
  .TDSBtopBannerBoxRight .TBBR2 {
    display: none;
  }
  .TDSBtopBannerBoxRightMobile,
  .mobileHideTopNav {
    display: none;
  }

  details.treeview-mobile .treeview-navigation {
    margin: 0;
    padding-left: 2%;
  }
}

@media screen and (max-width: 635px) {
  .TDSBtopBannerBoxRight .TDSBtopBannerBoxRight {
    width: 50px;
    margin: 0;
    position: absolute;
    top: 122px;
    right: 2%;
  }
  
  .TDSBtopBannerBoxRight .TDSBtopBannerBoxRight > a,
  .TDSBtopBannerBoxRight .TDSBtopBannerBoxRight > span {
    display: none;
  }
  
  #languageImageBox {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  #languageImageBox a {
    margin: 0;
  }
  
}

/
*



_mobileMenuButton.scss

*
*/
#menu-trigger-button,
#menu-trigger-button img {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 40px !important;
  height: 40px !important;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer !important;
}

#menu-trigger-button:hover,
#menu-trigger-button img:hover {
  cursor: pointer !important;
}

/*Base/unclicked hamburger icon*/
/*#menu-trigger-button {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: $button-width;
  height: $button-height;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background $button-transistion-duration;
}

#menu-trigger-button:focus {
  outline: none;
}

#menu-trigger-button span {
  display: block;
  position: absolute;
  top: $button-width * 0.45833333;
  left: $button-pad;
  right: $button-pad;
  height: $bar-thickness;
  background: $c-hamburger-line-color;
}

#menu-trigger-button span::before,
#menu-trigger-button span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: $bar-thickness;
  background-color: $c-hamburger-line-color;
  content: "";
}

#menu-trigger-button span::before {
  top: (-1) * $button-width * 0.2083333333;
}

#menu-trigger-button span::after {
  bottom: (-1) * $button-width * 0.2083333333;
}*/
/*X (with hover colours) hamburger style and animation*/
/*#menu-trigger-button {
  background-color: $c-hamburger--x-bgcolor;
}

#menu-trigger-button:hover {
  background-color: $c-hamburger--x-bgcolor-hover;
}

#menu-trigger-button span {
  transition: background 0s $button-transistion-duration;
}

#menu-trigger-button span::before,
#menu-trigger-button span::after {
  transition-duration: $button-transistion-duration, $button-transistion-duration;
  transition-delay: $button-transistion-duration, 0s;
}

#menu-trigger-button span::before {
  transition-property: top, transform;
}

#menu-trigger-button span::after {
  transition-property: bottom, transform;
}*/
/* active state, i.e. menu open */
/*.dl-active #menu-trigger-button {
  background-color:  $c-hamburger--x-active-bgcolor;
}

.dl-active #menu-trigger-button:hover {
  background-color:  $c-hamburger--x-active-bgcolor-hover;
}

.dl-active #menu-trigger-button span {
  background: none;
}

.dl-active #menu-trigger-button span::before {
  top: 0;
  transform: rotate(45deg);
}

.dl-active #menu-trigger-button span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.dl-active #menu-trigger-button span::before,
.dl-active #menu-trigger-button span::after {
  transition-delay: 0s, $button-transistion-duration;
}*/
#openMenuButton {
  display: none !important;
  float: left;
  margin: 10px 20px;
}

@media screen and (max-width: 1000px) {
  .TDSBtopBannerBox #menu-trigger-button.dl-trigger {
    display: inline-block;
  }
  .TDSBtopBannerBox #openMenuButton {
    display: inline-block !important;
    float: left;
  }
}

/
*




_mobileSearchOption.scss

*
*/
#dnn_ÐÓ°ÉProWwwTopMenu_avtSearchHeader_pnlInputMobile {
  display: none;
  float: right;
  width: 50px;
  height: 50px;
  background-image: url("/images/TDSB/icons/magnifyingGlass_on.png");
  -ms-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 20px;
}

#dnn_ÐÓ°ÉProWwwTopMenu_avtSearchHeader_pnlInputMobile:hover {
  cursor: pointer;
}

#dnn_ÐÓ°ÉProWwwTopMenu_avtSearchHeader_pnlInput .searchBox {
  height: 23px;
}

@media screen and (max-width: 1000px) {
  #dnn_ÐÓ°ÉProWwwTopMenu_avtSearchHeader_pnlInputMobile {
    display: none!important;
 /*   display: block;  */
    float: none;
    position: absolute;
    top: 37px;
    right: -5px;
  }
  #dnn_ÐÓ°ÉProWwwTopMenu_divSearchBoot {
    display: none;
    position: absolute;
    top: 60px;
    right: -10px;
    margin: 0;
  }
  #dnn_ÐÓ°ÉProWwwTopMenu_avtSearchHeader_pnlInput .searchBox {
    position: absolute;
    top: 5px;
    left: auto;
    right: 105px;
  }
  #dnn_ÐÓ°ÉProWwwTopMenu_avtSearchHeader_pnlInput .sbInp .searchBtn {
    margin: 0;
    padding: 5px;
    z-index: 1000;
    width: 63px;
    height: 12px;
    position: absolute;
    top: 8px;
    left: auto;
    right: 30px;
  }
  #dnn_ÐÓ°ÉProWwwTopMenu_avtSearchHeader_pnlInput .searchManageBtn {
    width: 100px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 16px;
  }
}

@media screen and (max-width: 635px) {
  #dnn_ÐÓ°ÉProWwwTopMenu_avtSearchHeader_pnlInputMobile {
    top: 100px;
    left: 40%;
  }
  #dnn_ÐÓ°ÉProWwwTopMenu_divSearchBoot {
    top: 190px;
    right: auto;
    left: -72px;
  }
  #dnn_ÐÓ°ÉProWwwTopMenu_divSearchBoot {
    width: 100%;
    margin-right: -5px;
  }
  #dnn_ÐÓ°ÉProWwwTopMenu_avtSearchHeader_pnlInput .searchBox {
    position: absolute;
    left: 92px;
    right: auto;
  }
  #dnn_ÐÓ°ÉProWwwTopMenu_avtSearchHeader_pnlInput .sbInp .searchBtn {
    margin: 0;
    padding: 5px;
    z-index: 1000;
    width: 63px;
    height: 12px;
    position: absolute;
    top: 8px;
    left: 300px;
    right: auto;
  }
  #dnn_ÐÓ°ÉProWwwTopMenu_avtSearchHeader_pnlInput .searchManageBtn {
    position: absolute;
    top: 30px;
    left: 297px;
    right: auto;
    width: 100px;
  }
}

/
*




_desktopNavSize.scss

*
*/
#desktopNavSize {
  display: block;
}

#desktopNavSize .showMore,
#desktopNavSize .showMore2,
#desktopNavSize .showMoreDiv,
#desktopNavSize .showMoreDiv2 {
  display: none;
}

#desktopNavSize #topnavMobileSecondColumn {
  display: none;
}

#desktopNavSize ul#topnav li ul.menuCol .level2menu a,
#desktopNavSize ul#topnav li ul.menuCol .level2menu a:hover {
  height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/
*




_mobileNavSize.scss

*
*/
.mobileHandheld {
  display: none;
}

#mobileNavSize.mobileHideTopNav {
  display: none;
  position: absolute;
  left: 0px;
  top: 185px;
  z-index: 9999;
  max-width: 400px;
  width: 100%;
  /*height: 100%;*/
}

#mobileNavSize.mobileHideTopNav .TDSBwwwNavBarBox.TDSBwwwNavBarBoxMobile {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

#mobileNavSize.mobileHideTopNav #dl-menu.dl-menuwrapper {
  height: 100%;
  width: 100%;
  z-index: 9999;
  background-color: #FCDFA7;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

#mobileNavSize.mobileHideTopNav #topnav,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn {
  /*height: 100%;*/
}

#mobileNavSize.mobileHideTopNav #topnav {
  position: relative;
  top: 0;
  left: 0;
  width: 50%;
  padding: 5px 0 0 0;
  margin: 0 0 0 5px;
  background-color: #FFF6ED;
  text-decoration: none;
  list-style-type: none;
}

#mobileNavSize.mobileHideTopNav #topnav ul {
  text-decoration: none;
  list-style-type: none;
}

#mobileNavSize.mobileHideTopNav #topnav li {
  width: 100%;
  text-decoration: none;
  list-style-type: none;
  border-bottom: 1px solid #B3B3B3;
  position: relative;
  padding: 5px 0;
  min-height: 20px;
}

#mobileNavSize.mobileHideTopNav #topnav > li {
  margin: 0;
  padding-right: 20px;
  padding-left: 5px;
  background-color: #FFF6ED !important;
}

#mobileNavSize.mobileHideTopNav #topnav a {
  width: 100%;
}

#mobileNavSize.mobileHideTopNav #topnav li a {
  padding: 0;
}

#mobileNavSize.mobileHideTopNav #topnav a:link,
#mobileNavSize.mobileHideTopNav #topnav a:visited {
  color: #43347b !important;
  text-decoration: none;
}

#mobileNavSize.mobileHideTopNav #topnav li:hover,
#mobileNavSize.mobileHideTopNav #topnav a:hover {
  background: none;
}

#mobileNavSize.mobileHideTopNav #topnav .menuTitle {
  display: none;
}

#mobileNavSize.mobileHideTopNav #topnav .dl-submenu {
  display: none;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
}

#mobileNavSize.mobileHideTopNav #topnav .dl-submenu .subMenuBoxLeft {
  width: 100%;
  margin-left: -5px;
}

#mobileNavSize.mobileHideTopNav #topnav .dl-submenu li {
  width: 100%;
}

#mobileNavSize.mobileHideTopNav #topnav .dl-submenu .menuCol {
  margin: 5px 0 -5px 0 !important;
}

#mobileNavSize.mobileHideTopNav #topnav .dl-submenu .menuCol > li {
  padding-left: 12.5%;
  padding-right: 15.625%;
  width: 75%;
}

#mobileNavSize.mobileHideTopNav #topnav .dl-submenu .menuCol > li > a {
  line-height: 1em;
}

#mobileNavSize.mobileHideTopNav #topnav .dl-submenu > li {
  margin: 0;
  max-width: 75%;
}

#mobileNavSize.mobileHideTopNav #topnav .dl-submenu .menuCol .dropdownSubHead a {
  background-image: none;
  display: inline-block;
  position: relative;
  top: 0px !important;
}

#mobileNavSize.mobileHideTopNav #topnav .dl-submenu .menuCol li {
  min-height: 20px;
}

#mobileNavSize.mobileHideTopNav #topnav .dl-subsubmenu {
  display: none;
}

#mobileNavSize.mobileHideTopNav #topnav .dropdownMobileOverviewHead {
  width: 100%;
  border-bottom: 1px solid #B3B3B3 !important;
}

#mobileNavSize.mobileHideTopNav #topnav .dropdownMobileOverviewHead > a {
  color: #43347b;
  font-weight: bold !important;
}

#mobileNavSize.mobileHideTopNav #topnav .showMore,
#mobileNavSize.mobileHideTopNav #topnav .showMore2 {
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 0px;
  left: auto;
  float: right;
  width: 25px;
  height: 25px;
  cursor: pointer;
  z-index: 2000;
}

#mobileNavSize.mobileHideTopNav #topnav .showMore .showMoreDiv,
#mobileNavSize.mobileHideTopNav #topnav .showMore2 .showMoreDiv2 {
  width: 25px;
  height: 25px;
  cursor: pointer;
  z-index: 2000;
}

#mobileNavSize.mobileHideTopNav #topnav .showMore .showMoreDiv {
  background-image: url("/images/TDSB/arrow_main.png");
}

#mobileNavSize.mobileHideTopNav #topnav .showMore:hover .showMoreDiv {
  background-image: url("/images/TDSB/arrow_mainOn.png");
}

#mobileNavSize.mobileHideTopNav #topnav .showMore2 .showMoreDiv2 {
  background-image: url("/images/TDSB/arrow_sub.png");
}

#mobileNavSize.mobileHideTopNav #topnav .showMore2:hover .showMoreDiv2 {
  background-image: url("/images/TDSB/arrow_subOn.png");
}

#mobileNavSize.mobileHideTopNav #topnav li:hover .showMoreDiv,
#mobileNavSize.mobileHideTopNav #topnav a:hover .showMoreDiv {
  background-image: url("/images/TDSB/arrow_mainOn.png");
}

#mobileNavSize.mobileHideTopNav #topnav .dl-submenu li:hover .showMoreDiv2,
#mobileNavSize.mobileHideTopNav #topnav .dl-submenu a:hover .showMoreDiv2 {
  background-image: url("/images/TDSB/arrow_subOn.png");
}

#mobileNavSize.mobileHideTopNav #topnav .selectedMenuItem {
  background: none;
  background-color: #627FB9 !important;
}

#mobileNavSize.mobileHideTopNav #topnav .selectedMenuItem > a {
  background-color: #627FB9;
  color: white !important;
}

#mobileNavSize.mobileHideTopNav #topnav .selectedMenuItem ul,
#mobileNavSize.mobileHideTopNav #topnav .selectedMenuItem li {
  background-color: #EFEAE7;
}

#mobileNavSize.mobileHideTopNav #topnav .selectedMenuItem > .showMore .showMoreDiv {
  background-image: url("/images/TDSB/arrow_mainOn.png");
}

#mobileNavSize.mobileHideTopNav #topnav .selectedSubMenuItem {
  background: none;
  background-color: #F49213 !important;
}

#mobileNavSize.mobileHideTopNav #topnav .selectedSubMenuItem ul,
#mobileNavSize.mobileHideTopNav #topnav .selectedSubMenuItem li,
#mobileNavSize.mobileHideTopNav #topnav .selectedSubMenuItem div {
  background-color: transparent;
}

#mobileNavSize.mobileHideTopNav #topnav .selectedSubMenuItem > .showMore2 .showMoreDiv2 {
  background-image: url("/images/TDSB/arrow_subOn.png");
}

#mobileNavSize.mobileHideTopNav #topnav .selectedSubSubMenuItem ul {
  display: none;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn {
  display: block;
  position: relative;
  width: 47.25%;
  top: 0;
  left: -5px;
  float: left;
  padding: 5px 0 0 0;
  margin: 0 0 0 1.25%;
  /*min-height: $sidemenu-MinHeight;*/
  text-decoration: none;
  list-style-type: none;
  height: 100%;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer {
  display: block;
  width: 103%;
  padding: 0;
  border: none;
  margin: 0;
  margin-left: 1%;
  background: none;
  text-decoration: none;
  list-style-type: none;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownSubHead {
  width: 100%;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownSubHead .dl-subsubmenu {
  text-decoration: none;
  list-style-type: none;
  padding: 0;
  width: 92.30769%;
  z-index: 3000;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownSubHead li {
  width: 100%;
  text-decoration: none;
  list-style-type: none;
  border-bottom: 1px solid #B3B3B3;
  position: relative;
  min-height: 20px;
  margin: 0 0 0 -0.5%;
  padding: 5px 2.6% 5px 5.12821%;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer li a {
  padding: 0;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer a:link,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer a:visited {
  color: #43347b !important;
  text-decoration: none;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer li:hover,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer a:hover {
  background: none;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownflyOutHead {
  display: none;
  border-bottom: 1px solid #B3B3B3 !important;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownMobileflyOutHead {
  border-bottom: 1px solid #B3B3B3 !important;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownMobileflyOutHead > a {
  font-weight: bold !important;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .selectedSubSubMenuItem {
  background-color: #F49213 !important;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn li {
  display: none;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navHomeSecondColumn,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navEYSecondColumn,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navESSecondColumn,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navHSSecondColumn,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navALSecondColumn,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navCommunitySecondColumn,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent {
  /*min-height: $sidemenu-MinHeight;*/
  height: 100%;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navHomeSecondColumn,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navEYSecondColumn,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navESSecondColumn,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navHSSecondColumn,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navALSecondColumn,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navCommunitySecondColumn {
  z-index: -999;
  /*cursor: default !important;*/
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent {
  background-image: none;
  width: 100%;
  height: 100%;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfTBBR1 a {
  display: block;
  padding: 5px 2.6455%;
  border-bottom: 1px solid #B3B3B3;
  width: 97.8836%;
  min-height: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfTBBR1 span,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfTBBR1 br,
#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfTBBR1 #languageImageBox {
  display: none;
  margin: 0;
  padding: 0;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom {
  /*position: absolute;*/
  bottom: 0;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .copyOfAccessibilityAndMissionContent {
  padding: 5px 2.6455%;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .copyOfAccessibilityAndMissionContent .copyOfAccessibilityLink a {
  font-size: 1.2em;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .copyOfAccessibilityAndMissionContent .copyOfAccessibilityLink img {
  width: 60px;
  height: 60px;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .copyOfAccessibilityAndMissionContent .copyOfMissionHeading .headingMain {
  font-size: 1em;
  line-height: 2em;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .footerImage div {
  width: 103.1746%;
  padding: 0;
  height: 20px;
  background-image: url("/images/TDSB/people.png");
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .footerImageFooter {
  width: 103.1746%;
  background-image: url("/images/TDSB/colour_bars_elementary_on.jpg");
  background-repeat: repeat-x;
  height: 11px;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .promoMenuImage {
  height: auto;
  /*width: $sidemenu-PromoMenuImage-Width;*/
  width: 100%;
  z-index: -999;
  position: absolute;
  bottom: 0;
  /*right: 0;*/
  left: 0;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .promoMenuImage > a:first-child {
  display: none;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .promoMenuImage .promoImageButton {
  position: absolute;
  bottom: 11px;
  z-index: 999;
  width: 103%;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .promoMenuImage img {
  width: 100%;
  height: auto;
}

#mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .promoMenuImage .promoMenuImageFooter {
  width: 103%;
  background-image: url("/images/TDSB/colour_bars_adultLearners_on.jpg");
  background-repeat: repeat-x;
  height: 11px;
  position: absolute;
  bottom: 0;
  z-index: 999;
}

@media screen and (max-width: 1000px) {
  #desktopNavSize {
    display: none;
  }
  #mobileNavSize #topnav .copyOfTBBR1 {
    display: none;
  }
  .TDSBtopBannerBoxRight .TBBR1 {
    border-right: 1.5px solid #DBD0BC;
  }
}

@media screen and (max-width: 635px) {
  .TDSBtopBannerBoxRight .TBBR1 {
    border-right-width: 0px !important;
  }
  #mobileNavSize #topnav .copyOfTBBR1 {
    display: block;
  }
}

@media screen and (max-width: 420px) {
  .TDSBtopBannerBoxRight .TBBR1 {
    border-right-width: 0px !important;
  }
  #mobileNavSize {
    left: 0px;
    width: 100%;
  }
  #mobileNavSize #topnav {
    margin: 0 0 0 1.25%;
    height: 100%;
  }
  #mobileNavSize #topnav > li > a,
  #mobileNavSize #topnav .selectedMenuItem > a {
    padding-left: 2.5%;
  }
  #mobileNavSize #topnavMobileSecondColumn .copyOfContent .copyOfAccessibilityAndMissionContent {
    padding-top: 4%;
  }
}



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

 /
*
_accordion.scss
*
*/

  .leftMenuAccordion,
  .leftMenuSubAccordion {
    /* float: left; */
    /* width: 95%; */
  }
  
 

.accordion_rMenu {
  /* accordion all headers */
  /* accordion arrows */
  /* accordion main content */
  /* accordion sub headers */
  /* currently active main headers */
  /*.homeContentPaneBottomRight {
		float: right;
	}*/
}

.accordion_rMenu .rpItem .rpItem {
  width: 100%;
}

.accordion_rMenu .rpItem .openSubMenu {
  position: absolute;
  right: 3px;
  top: 3px;
}

.accordion_rMenu .rpItem a,
.accordion_rMenu .rpItem ul,
.accordion_rMenu .rpItem .rpItem {
  border-bottom: none !important;
}

.accordion_rMenu .rpItem .rpExpandable {
  display: block;
  height:35px;
  min-height:33px!important;
}

 .accordion_rMenu .rpItem a {
  padding: 0 65px 0 0px;
} 

.accordion_rMenu .rpExpandable .rpText   {
	padding-top:5px;
}

.accordion_rMenu .rpItem {
  border-bottom: 1px dotted #C9CDCD;
  padding: 1px 0 2px 30px;
  width: 97%;
  height: auto;
}

.accordion_rMenu .rpExpandable .rpExpandHandle {
	left:15px;
	margin-top:9px;
}


.accordion_rMenu .rpItem .openSubMenu {
  display: none;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.8em;
  height: 1.8em;
  margin: 4px 3px 3px 3px;
  box-shadow: #888888 1px 1px 5px 0;
  background: #E3EDD8;
  border: 1px solid #BD831F;
  border-radius: 5px 5px 5px 5px;
  color: #949494;
}

.accordion_rMenu .subAccordion {
  display: block;
  padding: 1px -10px 2px 10px;
}

.accordion_rMenu .accordionTitle {
  display: none;
  font-size: 0.78rem;
  box-shadow: #888888 1px 1px 9px 0;
  background: #95B275;
  border: 1px solid #BD831F;
  border-radius: 4px 4px 4px 4px;
  font: normal normal bold normal 0.78rem/1.4rem Verdana, Geneva, sans-serif;
  color: white;
  margin: 15px 0px 7px 0;
  padding: 2px 12px 2px 30px;
  cursor: pointer;
  min-height: 1.4em;
  font-weight: bold;
}

h2.accordionTitle, h2.accordionTitle current  {
  font-size: 0.98rem!important;
  padding: 5px 12px 7px 30px!important;
}


.accordion_rMenu .accordionTitle img,
.accordion_rMenu .openSubMenu img {
  font-size: 1.4rem;
  line-height: 1rem;
  margin: 0 10px;
  width: 20px;
}

.accordion_rMenu .accordionTitle img {
  margin-top:-3px;
  margin-bottom: -1px;
  padding-right: 5px;
}

.accordion_rMenu .openSubMenu img {
  padding-top: 0px;
  padding-left: 0px;
  width:10px;
}

.accordion_rMenu .pane {
  display: block;
}

.accordion_rMenu .subAccordion .pane {
  display: block;
}

.accordion_rMenu .pane .accordionTitle {
  margin: 5px 5px 5px 0;
  padding: 9px 12px 10px 10px;
  background: #E3EDD8;
  color: #949494;
}

.accordion_rMenu .current {
  border: 3px dotted #1F86BD;
  color: white;
}

.accordion_rMenu .openSubMenu.current {
  border: 2px dotted #1F86BD;
  color: #ADADAD;
}

.accordion_rMenu .TDSBrightADs img {
  padding-right: 10px;
}

.featuredItemsAccordion {
  margin-top: 0;
} 
  
  
}

@media screen and (max-width: 780px) {
  .featuredItemsAccordion {
    float: left;
    width: 100%;
  }
  .featuredItemsAccordion {
    margin-top: 0;
  }
  .featuredItemsAccordion .pane {
    margin-top: 50px;
  }
  
  
  
  
}

/*Clearfix*/
.clearfix:after {
  content: "\00A0";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}