/* =========================================================

   Theme Name: Sheffield School
   Version: 2.8
   Last modified: 10 December 2018
   Author: Charlotte Ivey
   Author contact: charlotte@etime.co.nz
   Author URI: http://www.etime.co.nz

   ========================================================= */

/*-------------------------------------------------------------------------------
	THEMES
Data-theme 0 - LIGHT
Data-theme 1 - DARK

#202753 = primary colour -blue
#00afa0 = secondary colour -teal
#f3f3f3 = wash colour
----------------------------------------------------------------------------------*/

[data-theme="1"] .u2-paragraph,  [data-theme="1"] .Paragraph,
[data-theme="1"] .u2-heading, [data-theme="1"] .Heading,  [data-theme="1"] #edtHeading{
	background-color:#202753;
	width:100%;
	color:#fff;
	text-align:center;
	padding-bottom:0em;
}

[data-theme="1"] .u2-news-card .u2-more,
[data-theme="1"] .u2-news-card .u2-content,
[data-theme="1"] .u2-description p {
	background-color:#fff;
	width:100%;
	color:#000;
	text-align:center;
}


[data-theme="1"][data-u2-module="Heading"]{
	background:#202753 !important;
	padding-bottom: .2em; 
	text-align:center;
	color:#fff;
} /*	HEADING BG */

[data-theme="1"] .u2-content, [data-theme="1"] .u2-paragraph, [data-theme="1"] .u2-heading, [data-theme="1"] .card-text, [data-theme="1"] .u2-find-more, [data-theme="1"] .u2-description p{
	text-align:center;
}

[data-theme="1"] .u2-paragraph a {
	color:#00afa0;
}

[data-theme="1"][data-u2-module="Paragraph"]{
	background:#202753 !important;
	color:#fff;
}

[data-theme="1"][data-u2-module="Page_iframe"]{
	background:#cc0033 !important;
	color:#fff;
}

[data-theme="1"][data-u2-module="Content"]{
  	background:#202753 !important; 
  	color:#fff;
}

[data-theme="1"][data-u2-module="ContentWithLinks"]{
  	background:#202753 !important; 
  color:#fff;
}

[data-theme="1"] .ContentWithLinks{
	background:#202753 !important; 
  	color:#fff;
}

[data-theme="1"][data-u2-module="NewsCentreCards"]{
  	background:#202753 !important;
}

[data-theme="1"][data-u2-module="IconLinks"]{
  	background:#202753 !important; 
}

[data-theme="1"] .card-text{
  	background-color:#fff; 
  	color:#202753;
}


/*LIGHT THEME*/
[data-theme="0"] .u2-content, [data-theme="0"] .u2-paragraph, [data-theme="0"] .u2-heading, [data-theme="0"] .ContentWithLinks .Text, [data-theme="0"] .card-text, [data-theme="0"] .u2-find-more, [data-theme="0"] .u2-description p{
  	color:#202753;
}

[data-theme="0"] .card-text{
	background-color:#cc0033; 
	color:#202753;
}

[data-theme="0"] .u2-paragraph, [data-theme="0"] .u2-heading, [data-theme="0"] .Heading,  [data-theme="0"] #edtHeading{
	text-align:center;
	color:#202753;
	padding-bottom:0em;
}


/*--------------------------------------------------------------------------------
	BRANDING & BANNER
-----------------------------------------------------------------------------------*/

/* School logo */
.u2-menu-outer .navbar-brand img {
	width: 360px;
	height:74px;
	margin-top:0px;
	margin-left:-1px;
}

.u2-menu-outer .u2-menu-block {
	background:#202753;
}

/*banner area*/
.u2-menu-outer:not(.stuck) .u2-menu-block, .u2-menu-outer.stuck .u2-menu-block, .u2-menu-outer .u2-menu-block {
	padding: 8px 0px 20px 0px;
  	position:static !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  	body .u2-menu-outer.stuck{
    		position:static !important;
  	} 
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    	.u2-menu-outer.stuck {
      		position:static !important;
    	}
}

/*logged in view- moving banner to sit below toolbar*/
.u2-menu-outer[data-authenticated="1"].stuck, .u2-menu-outer[data-authenticated="1"]:not(.stuck) {
  	top: 32px;
}


/*--------------------------------------------------------------------------------
	EDIT MODE DISPLAY
-----------------------------------------------------------------------------------*/
#PageHTML_Content, #WikiPages, #Categories, .tab-content, main .Paragraph, main .Text, .outer > .inner li[data-lock='1'] div.Text, .Paragraph .u2-content {
	font-size:15px;
}


/*--------------------------------------------------------------------------------
	HEADINGS
-----------------------------------------------------------------------------------*/
/* Heading - pages */
main .u2-heading {
	color: #202753;
	padding-top:0em;
	padding-bottom: .5em;
	text-align: left;
	font-weight:bold;
	margin-bottom:20px; 
}/*secondary colour*/


h3.u2-heading[data-size='4'], h3.u2-heading[data-size='5'] , h3.u2-heading[data-size='6'] {
	font-size:38px;
	font-weight:600; 
}

h3.u2-heading[data-size='3'] {
	font-size:26px;
	font-weight:600; 
 	 margin-top:50px;
  	margin-bottom:0px;
  	padding-bottom:0px;
}

h3.u2-heading[data-size='2'] {
	font-size:20px;
	font-weight:600; 
  	margin-top:50px;
}

h3.u2-heading[data-size='1'] {
	font-size:20px;
	font-weight:600; 
  	color:inherit;
}

/* Heading - homepage */
.container.Heading {
	margin:0px;
	width:100%;
	padding:0px;
}


/*--------------------------------------------------------------------------------
	BREADCRUMBS NAV BAR
-----------------------------------------------------------------------------------*/
.breadcrumb {
  	display:none;
}

.col-md-12{ /*Hack to remove 1px min height when breadcrumb bar hidden*/
	min-height:0px;
}

.page-head {
	background-color: #00afa0;
}

.page-head .header-wrapper {
	padding-top: 0px;
	padding-bottom: 0px;
	border: none;
	background-color: #00afa0;
}

#header-wrapper .row :before, #header-wrapper .row :after{
	display:none;
}

.ParentAccessIndicator{
	color:#fff;
}/*Lock icon*/

.ParentAccessIndicator .PageTools_ParentToolTip{
	color:#004a3f;
}


/*--------------------------------------------------------------------------------
	HYPERLINKS
-----------------------------------------------------------------------------------*/
/*hyperlinks*/
a, a:hover, a:focus{
	color:#00afa0;
}


/*--------------------------------------------------------------------------------
	PAGES
-----------------------------------------------------------------------------------*/
/* main content */
body {
	background: #fff;
	color:#202753;
}

 main.container-fluid, main.container  {
	background:none;
}

.Page_p li {
	margin:8px 0px;
 } /* list line height override*/

/* Background */
main {
	padding: 0;
	background: #fff;
}

main.container-fluid, main.container {
	padding: 0;
}

main.container-fluid.Subpage{
  	padding-top:70px;
	padding-bottom:70px;
}

/* Text wrapping */
main .u2-heading, main #PageHTML_Content, main #WikiPages, main .Text, main .Paragraph {
	-ms-word-break: break-word;
	word-break: break-word;
 }


/*--------------------------------------------------------------------------------
	MENU
-----------------------------------------------------------------------------------*/
/* Menu offsets */
@media (min-width: 768px) {
	/*Set this to max-width: calc(100% - ({logo width} + 65px)) for best results */
	.u2-menu-outer[data-authenticated='1'] .u2-menu-block .u2-nav-links { max-width: calc(100% - 360px); }
	.u2-menu-outer[data-authenticated='0'] .u2-menu-block .u2-nav-links { max-width: calc(100% - 360px); }
}

.u2-menu-outer .navbar-collapse {
	padding-top:25px;
}

.u2-menu-outer .navbar-nav a { /*Burger menu on desktop*/
  	color:#fff;
  	font-size:12px;
  	font-weight:bold;
}

.u2-menu-outer .navbar-nav a:hover{
  	color:#00afa0;
}

.u2-menu-outer .navbar-nav .dropdown-menu a { /*dropdown text*/
  	color:#00afa0; 
}

.u2-menu-outer .navbar-toggle .icon-bar { /*Burger menu on mobile*/
	background-color: #fff !important;
}

.u2-menu-outer .navbar-nav a[href]:hover{
	color:#00afa0;
}

.nav>li>a:focus, .nav>li>a:hover{
	background-color:#fff;
}

.u2-menu-outer .navbar-nav .dropdown-menu a{
	color:#00afa0;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background:#fff;
	color:#adadad;
}

.ParentAccessIndicator:hover .PageTools_ParentToolTip /*access info on lock icon hover*/ {
	background-color:#f2f2f2;
	border:none;
	color:#2f2f2f;
}

.u2-menu-outer .navbar-nav li.no-hover a{
	text-align:left;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////////////// PAGES STYLING //////////////////////////////////////////////////////////////////////
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
	MODULES  - GENERAL
-----------------------------------------------------------------------------------*/
/* Around each module */
main .module {
	margin-bottom: 16px;
}

/*Module  background*/
.list-group {
	background-color:#202753;
	padding:10px 0 !important;
	border-top:0px;
}

.list-group a{
	color:#fff;
}/*item*/

.panel-default {
	border:none;
}

main .module .module_caption { /* Module title */
	color: #fff;
	font-size: 14px;
	line-height: 2em;
	margin-bottom: 0px;
	background-color:#00afa0;
	padding: 6px 15px;
  	font-weight:bold;
}

.u2-control-menu .u2-edit { /*Module dropdown arrow*/
	color: #fff;
}

.u2-control-menu .u2-edit:hover {
	background-color:#fff;
	color: #7abf2e;
}

/* Panel Titles */
.panel-title, .NC_Base .panel-default > .panel-heading .panel-title a  { /*resource subheading, news centre category heading*/
	background:#6b85a1;
	color:#fff;
	border:none;
	font-size:13px;
	font-weight:bold;
  	padding:4px;
} 

.panel-title  a:hover, .panel-title  a:focus { /*panel title resource heading link hover*/
	color:#fff; 
  	text-decoration:none;
} 

.panel-title .controls a { /*icon in resource subheading*/
	color:#fff;
	margin-right:5px;
} 

.panel-group .panel-heading+.panel-collapse>.list-group{
	border:none;
}

/*Item*/
.list-group-item{
	font-size:12px;
}

.list-group-item:hover{
	background: #202753;
}

.list-group a:hover {/*item*/
	color:#00afa0;
} 

.panel-group{ /*no resources found text*/
	font-size:12px;
} 


/*--------------------------------------------------------------------------------
	MODULE - MEDIA GALLERY
-----------------------------------------------------------------------------------*/
/*Media Gallery*/
#ImgGallery .Album .Item{
  	background-color:#fff;
}

#ImgGallery .Album .Item:hover .Slides{ 
  	background-color:#202753;
  	opacity: 0.8;
}

#ImgGallery { 
  	font-size:11px; 
}

#ImgGallery .Item:hover {
  	background-size:cover;
} /*correcting resize upon hover from contain*/

/*Remove margin around thumbnail*/
#ImgGallery .Album .Item { 	
  	margin:0px; 
}

.panel-default > .panel-heading .panel-title a { 
  	padding: 6px 15px;
}

/*Gap between resource headings*/
.panel-group .panel+.panel { 
  	margin:3px 0px; 
  	border:none;
}

#ImgGallery .Item .Slides .Notes{
	display:none;
}

#ImgGallery .Item .Slides .Title{
	font-size:13px;
	font-weight:bold;
 	 margin-top: -20px;
}

#ImgGallery .Item:before{
	padding-top:100%;
}

/*-------------------------------------------------------------------------------
	MODULE - CONTENT ALL PAGES
-----------------------------------------------------------------------------------*/

.card .card-block p{
	padding:20px 30px;
  	background:#dfdfdf;
} 

.card { /*links card*/
	border:none;
} 


/*--------------------------------------------------------------------------------
	MODULE - PAGE CONTENT
-----------------------------------------------------------------------------------*/
/* Telerik Editor content */
main #PageHTML_Content { }


/*--------------------------------------------------------------------------------
	MODULE - PARAGRAPH
-----------------------------------------------------------------------------------*/
/* Paragraphs */
main .Paragraph, main .Text {}
/*[data-theme="0"] .u2-paragraph{ color:#000;}
[data-theme="1"] .u2-paragraph{ color:#000;}
[data-theme="0"] .ContentWithLinks .Text { color:#000; }
[data-theme="1"] .ContentWithLinks .Text { color:#000; }*/


/*--------------------------------------------------------------------------------
	MODULE - RESOURCES
-----------------------------------------------------------------------------------*/
.list-group-item i.fa { 
  	color:#fff; 
}


/*--------------------------------------------------------------------------------
	MODULE - SUBPAGE
-----------------------------------------------------------------------------------*/
/* Sub Pages */
main #SubPages .list-group {
} /* grey box */

main #SubPages .list-group-item {
 } /* normal */

main #SubPages .list-group-item:hover {
	color:#00afa0;
}

main #SubPages .list-group-item i {
	color:#fff;
 } 


/*--------------------------------------------------------------------------------
	MODULE - WIKI
-----------------------------------------------------------------------------------*/
/* Wiki */
main #WikiPages {}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////////////// HOMEPAGE STYLING //////////////////////////////////////////////////////////////////////
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
	MODULE - CONTENT RESOURCE CARD
-----------------------------------------------------------------------------------*/
.card .list-group{
	background:#eee;
	border-top:none;
}

.card .list-group > a{
	color:#00afa0;
}

.card .list-group > a:hover{
  	background:#fff;
}


/*--------------------------------------------------------------------------------
	MODULE - IMAGES
-----------------------------------------------------------------------------------*/
.IconLinks > .row {
	text-align:center;
}

.IconLinks > .row > .col {
	display:inline-block;
	float:none;
	vertical-align:top;
}

/*--------------------------------------------------------------------------------
	MODULE - NEWS CENTRE
-----------------------------------------------------------------------------------*/
/*News Centre plugin homepage*/
.container.NewsCentreCards {
	background-color:#202753;
	width:100%;
}

.u2-news-card {
	background-color:#fff; 
  	border:none; 
}

.u2-news-card .u2-description { 
  	height:110px; 
  	border-bottom:none; 
}

.u2-news-card .u2-description h4{
	font-weight:bold;
}

.u2-news-card .u2-find-more p { 
  	display:none; 
}

/*News Centre photo thumbnail*/
.u2-news-card .u2-thumb { 
  	height:250px; 
  	background-position:center center;
}

/*News Centre more  list*/
.u2-news-card .u2-more {
	height:442px;
	border-top:none;
}

.u2-news-card .u2-more > a {
	color:#00afa0;
 	font-size:1em;
 }

.u2-news-card .u2-link a {
	color:#00afa0;
  	font-weight:bold;
}


/*--------------------------------------------------------------------------------
	MODULE - SLIDESHOW
-----------------------------------------------------------------------------------*/
.NewsCentreBanner .carousel-caption h1 { 
  	color:#fff; 
  	font-size: 50px; 
  	text-shadow:none; 
}

.NewsCentreBanner .carousel-caption p { 
  	font-size:20px; 
  	margin-bottom:50px; 
}

.NewsCentreBanner .carousel-caption p a { 
  	font-size:14px; 
}

.carousel-control.right, .carousel-control.left/*Shading*/{
	background-image:none;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
//////////////////////////// NEWS CENTRE STYLING ////////////////////////////
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
	NEWS CENTRE PAGE
-----------------------------------------------------------------------------------*/
.nav-pills li a, .nav-pills li i {
	padding:10px;
  	color:#fff;
}

.nav-pills>li>a{
	border-radius:3px;
}/*correcting corner radius error*/

.nav-pills li.active {
	background-color:#202753;
}

.nav-pills li:hover a, .nav-pills li i:hover{
	text-decoration:none;
} /*Also background surrounding buttons on topics*/

.nav-pills li:hover a{
	color:#202753;
}

.NC_NewsBySection_Title, .u2-news-heading {
	color:#00afa0;
  	font-weight:bold;
  	font-size:14px;
} /*News links darker*/

.news-showcase h6, .NC_NewsBySection_Outer, .ExtraNewsItem {
	color:#00afa0;
  	font-weight:600;
} /*News links brighter*/

.ExtraNewsItem{
	font-size:13px;
}

.NewsTile {
	background-color:#f9f9f9;
	margin-top:15px;
	border: solid 1px #ddd !important; 
}/*area surrounding featured articles*/

.news-showcase{
	padding:30px 0px 50px 0px;
}

.NC_TitleBase{
	background-color:#00afa0; 
  	border:none;
}/*Notices section list box heading*/

.NC_TitleBase_Text{
	color: #fff;
	font-size: 14px;
  	font-weight:600;
}

.u2-news-content{
	padding-top:50px;
}

.u2-MoreNews h4, .u2-archives h4{
	font-weight:bold;
    	padding-top:40px;
}

/*--------------------------------------------------------------------------------
	NEWS CENTRE ARTICLES - OPEN
-----------------------------------------------------------------------------------*/
.u2-news-block h3{
	font-weight:bold;
	padding-top:30px;
}

.u2-news-item p{
  	color:#202753;
}


/*--------------------------------------------------------------------------------
	FOOTERS
-----------------------------------------------------------------------------------*/
/* Footer */
footer {
	background-color:#202753;
}/*margin top will cause gap in news centre*/

footer .col a {
	color:#fff;
}

footer .col li a {
	color:#fff !important; 
}

/*Bottom nav bar*/
.footer-nav {
  	background:#202753;
}

.footer-nav .navbar-brand a, .footer-nav li a { 
  	font-size:10px;
  	padding:15px;
  	color:#00afa0;
}

.footer-nav .navbar-brand a:hover, .footer-nav li a:hover{
	background:none;
}

/* Page outer border for fixed width display */
footer, header, main, .u2-menu-block, .footer-nav {
	 border-top: none; 
 	 border-bottom: none;  
}


/*--------------------------------------------------------------------------------
	TOOLBAR
-----------------------------------------------------------------------------------*/
.ProfileIdentity_Base .PublicToolbarBase {
	background-color:#00afa0;
	background-position:3px -66px;
	box-shadow:none !important;
	background-image:none !important;
 	border:none !important;
	width:auto;
} 

 .ProfileIdentity_Base .PublicToolbarBase a {
 	color:#fff;
 	text-shadow:none;
 	border:none !important;
  	 width:auto;
   	padding: 0px 10px;
 }

.ProfileIdentity_Base .PublicToolbarBase a:hover {
	color:#202753 !important;
}


/*--------------------------------------------------------------------------------
	MOBILE
-----------------------------------------------------------------------------------*/

@media screen and (max-width: 400px){
  
  	.ProfileIdentity_Base .PublicToolbarBase a { 
	  	text-align:center;
	}
  
  	.toolbar-loggedout > .container {
	  	width:calc(100vw - 15px)
	}
}


@media (max-width: 640px) {
  
  	.u2-menu-outer:not(.stuck) .u2-menu-block, .u2-menu-outer.stuck .u2-menu-block, .u2-menu-outer .u2-menu-block {
			padding: 35px 0px 0px 0px;
	}
    
  	.ProfileIdentity_Base .PublicToolbarBase a span, .ProfileIdentity_Base .PublicToolbarBase a i {
	  	display:none;
	}
  
  /*Removed padding around news centre tiles , increased height of the text block and centred the image*/
  	.NewsCentreCards  > .row {
    		padding-left:0 !important; 
	  	margin-left:0 !important;
	  	padding-right:0 !important; 
	  	margin-right:0 !important;
	}
  
 	 .NewsCentreCards .u2-news-card .u2-description {
	   	height:100px;
	 }
  
 	 .NewsCentreCards .u2-news-card .u2-description h4 {
	   	margin-bottom: 15px; 
	   	line-height: normal;
	   	text-overflow: ellipsis;
	   	white-space: nowrap;
	   	overflow: hidden;
	 }
  
  	.NewsCentreCards  .u2-news-card .u2-thumb {
	  	background-position: center center;
	}

  /*Reduced the text size of the slideshow for small screens and removed the paging at the bottom*/
  	.NewsCentreBanner .carousel-caption h1 {
	  	font-size:18px;
	}
  
  	.NewsCentreBanner .carousel-caption p {
	  	font-size:13px;
	}
  
  	.NewsCentreBanner .carousel-caption {
	  	padding:90px 15px 15px 15px;
	}
  
  	.NewsCentreBanner .carousel-indicators {
	  	display:none;
	}
  
	  .NewsCentreBanner .carousel .slide {
	    	background-position: center center;
	  }

  /*Tweaks to the menu and footer CSS*/
  	.u2-menu-outer .u2-menu-block {
	  	padding:30px 0 25px 0px;
	}
  
  	.footer-nav .container .navbar-header{
	  	margin:0;
	}
}

@media (max-width: 320px){
 	 /*Tweaks for very small size screens*/
 	 .u2-news-card .u2-content{
	   	padding: 15px;
	 }
  
  	.u2-menu-outer .navbar-brand img{
	  	width:150px;
	  	height:48pxl
		}
}

@media (max-width: 768px) /*iPAD*/ {
  
    /*setting mobile subpage hover settings and icon display*/
    	.navbar-header {
	  	height:73px;
	} 
  
	.u2-menu-outer .navbar-brand img {
	  	width:230px; 
	  	height:47px; 
	  	margin-top:0px;
	}
  
	.u2-menu-outer .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
	  	background:transparent !important;
	}
  
	.u2-menu-outer .u2-nav-controls .open > a.shade,
    	.u2-menu-outer .u2-nav-controls .open > a.shade:focus,
    	.u2-menu-outer .u2-nav-controls .open > a.shade:hover {
      		color:#004a3f;
      		border-bottom-left-radius:0;border-bottom-right-radius:0;
	}
  
 	.u2-menu-outer .u2-nav-links a[href] {
	  	font-size:12px;
	}
  
    	.u2-menu-outer .u2-nav-links .open > a, .u2-menu-outer .u2-nav-links a:hover {
	  	color:#7abf2e;
	}
  
    	.breadcrumb {
	  	padding:5px 0px !important;
	} /*left align breadcrumb*/   
  
    	.u2-menu-outer .dropdown-submenu{
	  	border-left: solid 1px #004a3f;
	}
  
  	.navbar-nav .open .dropdown-menu{
	  	background-color:#f2f2f2; 
	  	border-radius:none !important;
	}
  
  	.u2-menu-outer[data-authenticated='1'] .u2-menu-block .u2-nav-links{
    		margin-left: auto;
    		margin-right: auto;
    		width: 100%;
	}
  
  }

@media (max-width: 992px){
  
  .ContentWithLinks  .col.pull-right {
    	float:none !important;
  }
  
  .ContentWithLinks  .col.pull-right + .content-text {
    	clear:right;
    	padding-top:15px;}
}