/**********************  Start of TDSB Banner Items  **********************************/
h3
{
  font-size:24px !important;
  font-family: "open sans" !important;
  font-weight: 500 !important;
  font-style: normal !important;
  /*color: #3367d6 !important;*/
}

body
{
  background-color: #fcfcfc;
}

div#dnnMenu i
{
    padding-right: 5px;
}

Label
{
  font-weight:normal !important;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 4px 0 !important;
}

#TDSBbannerBar
{
	width: 100%;
	background-color:#2a2a2a; 
	height:auto;
	margin:0;
	padding:0;
}

#TDSBbannerBar a {
    font-size: 1.0em;
}

#TDSBBannerWrapper
{
	max-width:1260px;
	margin:auto;
}
	
#TDSBBannerLogoBox
{
	color:#FFF;
	float:left;
	margin:0 0 0 0;
	width:255px;
	height:48px;
}

#schoolBannerBar
{
	height:160px;
} 

.schoolBannerArea
{
 	max-width:1260px;
 	width: 100%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color: #e97f21;
}

/***********************  End of TDSB Banner Items  ******************************/


/***********************  TDSB Main Content Items  ******************************/

/* D1 Left and Right border */
/*#contentContainer 
{
	border-left-style:solid;
	border-left-width:1px;
	border-right-style:solid;
	border-right-width:1px;
	background-color:#fff;
}*/

#contentContainer
{
	margin:0 auto;
	padding:0px 0px 25px 0px;
	width: 100%;
	max-width:1260px;
}

@media screen and (min-width:768px) {
	div#contentContainer.contentContainerA2 {
		padding-top: 0px;
	}
}

#D2TopNavBar #dnnMenu ul.navbar-nav {
    width: 100%;
}

#D2TopNavBar #dnnMenu ul.navbar-nav li {
    width: 25%;
    text-align: center;
}

#D2TopNavBar #dnnMenu ul.subLevel {
    width: 100% !important;
}

#D2TopNavBar .navbar-toggle {
	display: none !important;
}

#D2TopNavBar .navbar-nav {
	margin-top: 0px;
	margin-bottom: 0px;
}

.mainCol, .mainCol.D1-Col-1
{
	float:left;
	width:400px;
	padding-bottom:30px;
} 

.mainCol.D1-Col-1
{
	width:100%;
} 

/* Removed because causing thumbnails not responsive
.mainCol img {
	max-width:none !important;
	height:auto;
	overflow:hidden;	
}
*/


/***********************  Menu *********************************************************/

#D2TopNavBar #dnnMenu ul.navbar-nav li a{
   font-size: 1.3em;
}

#D2TopNavBar #dnnMenu ul.navbar-nav li a:hover{
   font-size: 1.3em;
}

@media (min-width:769px) and (max-width: 1140px) {

   #D2TopNavBar #dnnMenu ul.navbar-nav li a{
      font-size: 1.45vw;
   }

   #D2TopNavBar #dnnMenu ul.navbar-nav li a:hover{
      font-size: 1.45vw;
   }

}


.RadPanelBar
{
   width:100%!important;
   text-align:left!important;
}


@media (min-width: 768px){


/*#D2TopNavBar #dnnMenu ul.navbar-nav li {
	padding-left: 15px;
	padding-right: 15px;
}*/

.pr-0 {
   padding-right: 0px;
}

#D2TopNavBar #dnnMenu ul.navbar-nav li a{
	color: #31364E;
	font-weight: bold;	
}

#D2TopNavBar #dnnMenu ul.navbar-nav li a:hover{
	color:#000;
	font-weight: bold;
	background-color: transparent !important;
}


#D2TopNavBar #dnnMenu ul.navbar-nav li.active{
	background-color: #f5f5f5 !important;
}

#D2TopNavBar #dnnMenu ul.navbar-nav li.active a{
	color: #2D4074;
}

#D2TopNavBar #dnnMenu ul.dropdown-menu li a {
    color: #31364E !important;
    text-shadow:none;
}

#D2TopNavBar #dnnMenu ul.dropdown-menu li a:hover {
    color: #31364E !important;
}



#D2TopNavBar #dnnMenu ul li:nth-child(4n+1)
{
	background:#72C267;
}
#D2TopNavBar #dnnMenu ul li:nth-child(4n+2)
{
	background:#FDC749;
}
#D2TopNavBar #dnnMenu ul li:nth-child(4n+3)
{	
	background:#F47D21;
}
#D2TopNavBar #dnnMenu ul li:nth-child(4n+4)
{
	background:#8EA5C2;	
}



#D2TopNavBar #dnnMenu ul.dropdown
{
	background:#f5f5f5 !important;
}

#D2TopNavBar #dnnMenu ul.dropdown li
{
	background:#f5f5f5 !important;
}

#D2TopNavBar #dnnMenu ul.dropdown-menu li 
{
	background:#f5f5f5 !important;
}

#D2TopNavBar #dnnMenu li.open > a
{
	background-color:transparent !important;
}



}

@media (max-width: 767px){

#D2TopNavBar #dnnMenu {
  /* position: fixed;*/
  
  height: 100%;
  background-color: #f8f8f8;
  border-top: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-left:1px solid #e7e7e7;
}

#D2TopNavBar #dnnMenu ul.navbar-nav li {
    width: 100%;
    text-align: left;
}
#D2TopNavBar #dnnMenu .navbar {
  border: none;
}
#D2TopNavBar #dnnMenu .navbar-header {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;

}
#D2TopNavBar #dnnMenu .active a {
  background-color: transparent;
  margin-right: -1px;
}
#D2TopNavBar #dnnMenu .navbar-nav li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  padding-right: 0px;
}
#D2TopNavBar #dnnMenu .navbar-nav li a {
  padding: 15px;
}
#D2TopNavBar #dnnMenu .navbar-nav li a .glyphicon {
  padding-right: 10px;
}
#D2TopNavBar #dnnMenu #dropdown {
  border: 0;
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
#D2TopNavBar #dnnMenu #dropdown .caret {
  float: right;
  margin: 9px 5px 0;
}
#D2TopNavBar #dnnMenu #dropdown .indicator {
  float: right;
}
#D2TopNavBar #dnnMenu #dropdown > a {
  border-bottom: 1px solid #e7e7e7;
}
#D2TopNavBar #dnnMenu #dropdown .panel-body {
  padding: 0;
  background-color: #f3f3f3;
}
#D2TopNavBar #dnnMenu #dropdown .panel-body .navbar-nav {
  width: 100%;
}
#D2TopNavBar #dnnMenu #dropdown .panel-body .navbar-nav li {
  padding-left: 15px;
  border-bottom: 1px solid #e7e7e7;
}
#D2TopNavBar #dnnMenu #dropdown .panel-body .navbar-nav li:last-child {
  border-bottom: none;
}
#D2TopNavBar #dnnMenu #dropdown .panel-body .panel > a {
  margin-left: -20px;
  padding-left: 35px;
}
#D2TopNavBar #dnnMenu #dropdown .panel-body .panel-body {
  margin-left: -15px;
}
#D2TopNavBar #dnnMenu #dropdown .panel-body .panel-body li {
  padding-left: 30px;
}
#D2TopNavBar #dnnMenu #dropdown .panel-body .panel-body li:last-child {
  border-bottom: 1px solid #e7e7e7;
}

#D2TopNavBar #dnnMenu .navbar-nav > li > a {
    color: #2D4074 !important;
}

#D2TopNavBar #dnnMenu .subLevel > li > a {
    color: #2D4074 !important;
}

#D2TopNavBar #dnnMenu .subLevel > li {
    border: transparent;
}

#D2TopNavBar #dnnMenu .subLevel > li > a:before{
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}


}

/***********************  End of TDSB Main Content Items  ******************************/

/*********************************************************************************/
/****************************     footer container    ****************************/
/*********************************************************************************/

/*  Footer Icons for Social Media Stream  */

.mainFooterBottomBox
{
	margin:0 auto;
	max-width:1260px;
	width: 100%;
	height:30px;
	padding:10px 30px 25px 25px;
	text-align:right;
	border-top-style:solid;
	border-top-width:1px;
	background-color: #e4ebf5;
        border-top-color: #c6c9d0;
}


/***************************  End of Footer Box Items **********************************/
/***************************  End of Footer Box Items **********************************/

@media (max-width: 1024px){
    ul.dnnmega li.root a, ul.dnnmega li.root > span {
    	border-right-style: none !important;
    }

    ul.dnnmega li.mmSelected a, ul.dnnmega li.root a:hover span {
        width: 100%;
        background-color: #FFF !important;
    }

    .TDSBBannerLogoBox img {
        margin: 0 0 0 10px;
    }

    #TDSBBannerLogoBox {
        float: left;
    }

    #contentContainer {
        width: 100%;
    }

    .mainCol {
        width: auto;
    }

    .mainCol.D1-Col-1 {
        width: 100%;
    }

    .mainRightCol {
        margin: 0 0 0 0px;
        float: left;
    }

    .mainFooterBottomBox {
        width: 100%;
    }

}

/* Classic */

/* CSS Document */
/* D1 & D2 default colours */

/******************************************* Neo Classic Over-ride */


#PageWrapper
{
    margin:auto; 
    max-width:1260px;
    border: solid 1px #eee;
    background-color:#fff;
}

#SearchBar
{
    padding-right:4px;
}

#adv-search {
    width: 350px;
    margin: 0 auto;
}


/****************************   End Style Over-ride ****************************/


/****************************     Left Menu       ******************************/

#dnnMenu
{
    padding-left:0px!important;
    padding-right:0px!important;
}


#dnnMenu a {
    font-size: 1.0em;
}



.RadPanelBar
{
   width:100%!important;
   text-align:left!important;
}

.leftNavBox .RadPanelBar .rpLink,
.leftNavBox .RadPanelBar .rpLink a:link
{
	font-weight:300;
}


/****************************     End Left Menu       ******************************/


/******************************************     bootstrap override     ************************/


.navbar {
    margin-bottom: 0;
    border: none;
}

.navbar-inverse
{
  padding-left:5px;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #333;
  background-color: #f9bc60;
}
  
.navbar-inverse .navbar-nav .open .dropdown-menu {
  background-color: #fdc879 !important;
}

.navbar-inverse .navbar-toggle {
    border-color: transparent;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}

.nav .navbar-nav li
{
	padding-left:15px !important;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 5px 0;
    font-size: 18px;
    line-height: 20px;
}

ul.dropdown-menu {
    background-color: #f3f3f3;
}

/*remove bootstrap grid gutters*/
.school-library-central .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.row.no-gutter{
     margin-left:0px !important;
     margin-right:0px !important;
}
.no-gutter > [class*='col-'] {
     padding-right:0;
     padding-left:0;
 }
 
 .row.equal {
     display: flex;
     flex-wrap: wrap;
 }

.underline
{
     border-bottom:1px solid #333333;	
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  color: #666;
}
/*******************************************    End bootstrap Overrides    *********************/

/*Style.css*/

@media (max-width: 1024px){

	#schoolBannerBar, .schoolBannerArea, .schoolBannerArea img
	{
		width:100% !important;
		height:auto !important;
		overflow:hidden !important;
	}

}

@media (max-width: 991px){

	
	#sidebar
	{
	    background-color: #FFF;
	}
	
	.container {
		width:100%;
	}
	
	#contentContainer {
	    margin: 0 auto;
	    padding: 10px 10px 10px 10px;
	    border: none;
	    width: auto !important;
	}
	
	.navbar-collapse {
	
	  padding-right: 0px;  
	  padding-left: 0px;
	}	
	
	
	.D1buttonBar {
		width:100%;
		background-color:#FFF;
		height:36px;
		float: left;
	}
	
	.leftNavBox
	{
		width:100%!important;
		/*background-color:#FFF!important;*/
		border:none!important;
	}
	
	#SearchBar
	{
	    padding-right: 8px;
	    padding-left:8px;
	}

	
}

@media (min-width: 992px){

     .navbar-collapse {
        padding-right: 0px;  
        padding-left: 2px;
        overflow-x: hidden;
     }

    .col-md-3 {
	
	  width: 20% !important;
	
     }
     .col-md-9 {
        
      width: 80% !important;	
	
     }
}

@media (max-width: 767px) {


	#ProfileIcon
	{
		display: none !important;       
	}

	#AccessibilityIcon
	{
		display: none !important;       
	}

	#SearchButton
	{
		display: none !important;
	}


	.navbar-inverse .navbar-nav > .open > a,
	.navbar-inverse .navbar-nav > .open > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus {
  		color: #f5f5f5;
  		background-color: #2a2a2a;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #f5f5f5 !important;
	}


	.navbar-inverse .navbar-nav .open .dropdown-menu {
  		background-color: #2a2a2a !important;
	}

	.navbar-inverse .navbar-toggle {
	    border-color: transparent !important;
	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	    border-color: transparent !important;
	}

	ul.dropdown-menu {
	    background-color: #2a2a2a;
	}
	
	.menuseparator {
	    display:none;
	}


	.navbar-collapse.in {
		overflow-y: hidden;
		overflow-x: hidden;
	}

	.navbar-nav {
		margin: 7.5px 0px;
	}

	.dropdown > a:after 
	{ 
		content: '\f0d7';
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		margin:0px 0px 0px 10px;
		text-decoration:none;
	}

	/*center and resize Search bar */

	#SearchBar
	{
	    padding-left:4px !important;
	    padding-right:4px !important;
	}

	#adv-search 
	{
	    width:95% !important;
	}
	

}

@media (max-width: 500px){

   .TDSBBannerLogoBox
   {
        display: none;
   }
   

}

@media (min-width: 768px) and (max-width:967px)
{
	
	/*Show and Hide the Search Button and Search Bar between these screen sizes to prevent wrapping */
	#SearchButton.navbar-toggle
	{
	    display:block!important;
	    float:right!important;
	    text-align: right;
    	margin: 4px 0px;
	}
	
	#SearchBar.navbar-collapse.collapse {
	    display: none!important;
	    height: auto!important;
	    padding-bottom: 0;
	    overflow: visible!important;
	}
	
	#SearchBar.navbar-collapse.collapse.in {
	    display: block!important;
	    height: auto!important;
	    padding-bottom: 0;
	    overflow: visible!important;
	}
	
	/*center and resize Search bar */
	
	#SearchBar
	{
	    padding-left:4px !important;
	    padding-right:4px !important;
	}
	
	#adv-search 
	{
	    width:95% !important;
	}
	

}


/******* ICO Moon Font ********/

@font-face {
    font-family: 'IcoMoon-Free';
    src: url('font/IcoMoon-Free.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'IcoMoon-Free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-newspaper:before {
    content: "\e904";
}

.icon-home:before {
    content: "\e900";
}
.icon-home2:before {
    content: "\e901";
}
.icon-home3:before {
    content: "\e902";
}

/* Octicons Font */ 

@font-face {
  font-family: 'octicons';
  src: url('octicons.eot?#iefix') format('embedded-opentype'),
       url('octicons.woff') format('woff'),
       url('font/octicons.ttf') format('truetype'),
       url('octicons.svg#octicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

.mega-octicon {
    font-size: 32px;
}

.mega-octicon-lg {
    font-size: 98px !important;
}

.octicon, .mega-octicon {
    font: normal normal normal 16px/1 octicons;
    display: inline-block;
    text-decoration: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.octicon-bookmark:before { content: '\f07b'}


/*Yaf Fixes */


.adminMenu h3 a{
	font-size: 75% !important;
	font-weight: bold !important;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 1.25em !important;
}

.yafnet .forum_customimage_nonewposts
{
     height: auto !important;
     Width: auto !important;
}



/* Admin Console Fix */

.console-large h3 {
    font-size: 1em !important;
}


/* Horizontal margin fix */
footer .row {
    margin-left: 0px;
    margin-right: 0px;
}

footer .row .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}

footer {
    max-width: 1260px;
    margin: 0 auto;
}
.AwBanner .row {
    margin-left: 0px;
    margin-right: 0px;
}

.AwBanner .row .col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/* Main body section */

.side-body {
  margin-left: 310px;
}

.navbar-default .navbar-nav li > a {
    color: #2D4074 !important;
}

.mylibrarywapper
{
	text-align: center;
}

.top-space{
    padding-top:15px;
}
/*********************   Responsive Text Size ******************/

@media all and (min-width: 501px) { /* screen size until 1000px */
    body {
        font-size: .90em !important; /* 1.2x default size */
        }
    }
@media all and (max-width: 500px) { /* screen size until 500px */
    body {
        font-size: 0.80em !important; /* 0.8x default size */
        }
}



/* fontawesome fa-lg adjust */

.fa-lg
{
  vertical-align: 0%;
}

.fa span
{
  font-family:arial,helvetica;
}

/* end fontawesome */