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

   Theme Name: Bromley School
   Version: 2.8
   Last modified: 28 August 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
----------------------------------------------------------------------------------*/

[data-theme="1"] .u2-paragraph,
[data-theme="1"] .u2-heading,
[data-theme="1"] .ContentWithLinks .Text,
[data-theme="1"] .u2-news-card .u2-more,
[data-theme="1"] .u2-news-card .u2-content
{ background-color:#2f2f2f; width:100%; color:#fff;  text-align:center; }

[data-theme="1"][data-u2-module="Heading"]{background:#2f2f2f !important; padding-bottom: .2em; } /*	HEADING BG */
[data-theme="1"][data-u2-module="Paragraph"]{background:#2f2f2f !important; color:#fff;}
[data-theme="1"][data-u2-module="Page_iframe"]{background:#2f2f2f !important; color:#fff;}
[data-theme="1"][data-u2-module="Content"]{background:#2f2f2f !important; color:#fff;}


[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:#2f2f2f;}

/*--------------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------------*/
/* Make the menu bar stick to the top when scrolling */

/*
.u2-menu-outer {position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky;} 
.u2-menu-outer.stuck .u2-menu-block { box-shadow: 0 1px 3px rgba(0, 0, 0, .2); padding: 34px 15px 0 15px;}
.u2-menu-outer[data-authenticated="0"].stuck + main:before { display: block; height: 84px; content: ' '; }
.u2-menu-outer[data-authenticated="1"].stuck + main:before { display: block; height: 50px; content: ' '; }
.u2-menu-outer:not(.stuck) .u2-menu-block{ padding: 50px 15px 15px 15px; }
.u2-menu-outer.stuck {  z-index: 90; top: 0;}
*/

/*.u2-menu-outer.stuck .navbar-brand { margin:0 0 0 -15px}*/


/*--------------------------------------------------------------------------------
	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: #2f2f2f; 
  	padding-top: 0em; 
  	padding-bottom: .5em; 
  	text-align: left; 
  	font-weight:bold; 
}

h3.u2-heading[data-size='3']{ 
  	font-size:36px; 
  	line-height:1.1em; 
  	margin-top:-5px;
}

h3.u2-heading[data-size='2']{ 
  	line-height:1.1em; 
  	margin-top:50px;
  	margin-bottom:0px;
  	padding-bottom:0px;
}

h3.u2-heading[data-size='1']{ 
  	color:inherit;
}

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


/*--------------------------------------------------------------------------------
	HYPERLINKS
-----------------------------------------------------------------------------------*/

a, a:hover, a:focus{ 
  	color:#7abf2e; 
}

a:hover, a:focus {
  	text-decoration:underline;
}


/*--------------------------------------------------------------------------------
	ICON
-----------------------------------------------------------------------------------*/
/* School logo */
.u2-menu-outer .navbar-brand img { width: 450px; height:70px; margin-top:-20px;  }
.u2-menu-outer .u2-menu-block{ padding: 40px 44px 15px 25px; background:#f6f6f6;}


/*--------------------------------------------------------------------------------
	IMAGE MODULE - HOMEPAGE
-----------------------------------------------------------------------------------*/
.IconLinks > .row {text-align:center;}
.IconLinks > .row > .col {display:inline-block; float:none; vertical-align:top;}


/*--------------------------------------------------------------------------------
	BREADCRUMBS NAV BAR
-----------------------------------------------------------------------------------*/
.breadcrumb { 
  	text-shadow: none ;
  	padding: 8px 43px !important; 
 	 font-size:11px; 
}

.breadcrumb a { 
  	color: #7abf2e; 
}

.breadcrumb > li + li:before {
  	color:#7abf2e; 
} /*slash*/

.breadcrumb > .active { 
  	color: #f6f6f6; 
}

header.page-head{
   	background-image:none !important;
}

.page-head { 
  	background-color: rgba(70,70,70,1); 
   	background-image:none;
}

.page-head .header-wrapper { 
  	padding-top: 2px; 
  	padding-bottom: 2px; border: none; 
  	background-opacity:1;
}

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

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


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

 main.container-fluid, main.container  {
	background:none;
	color:#2f2f2f; 
   	padding-bottom:60px;
   	padding-left:0px;
   	padding-right:0px;
 }

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

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

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

/* 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% - 295px); }
	.u2-menu-outer[data-authenticated='0'] .u2-menu-block .u2-nav-links { max-width: calc(100% - 295px); }
}

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

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

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

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

.u2-menu-outer .navbar-nav .dropdown-menu a{
	color:#6d6d6d;
  	font-size:13px;
}



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

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

.list-group a, .ExtraNewsItem { 
  	color:#464646;
 	 font-size:13px;
} 

.panel-default {
  	border:none;
}

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

/*Module dropdown arrow*/
.u2-control-menu .u2-edit { 
  	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 {
	background:#82c321;
  	color:#fff; 
  	border:none;
  	font-size:13px;
  	font-weight:bold;
} 

.panel-title  a:hover { 
  	color:#00703f;
	text-decoration:none;
} 

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

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

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

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



/*--------------------------------------------------------------------------------
	MODULE - MEDIA GALLERY
-----------------------------------------------------------------------------------*/
/*Media Gallery*/
#ImgGallery .Album .Item{background-color:#fff;}
#ImgGallery .Album .Item:hover .Slides{ background-color:#7abf2e;opacity: 0.95; }
#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;
	font-size:13px;
  	font-weight:bold;
}

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



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

[data-theme="1"] .ContentWithLinks .Text {
  	color:#000; 
}

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

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

.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:#7abf2e;  
  	font-size:1em; 
}

.u2-news-card .u2-link a { 
  	color:#7abf2e; 
}


/*--------------------------------------------------------------------------------
	NEWS CENTRE PAGE
-----------------------------------------------------------------------------------*/

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

.nav-pills li a, .nav-pills li i { 
  	padding:10px; 
}

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

.nav-pills li:hover a, .nav-pills li i:hover{ 
  	color:#7abf2e; 
} /*Also background surrounding buttons on topics*/

.NC_NewsBySection_Title, .u2-news-heading { 
  	color:#464646; 
} /*News links darker*/

.news-showcase h6, .NC_NewsBySection_Outer, .ExtraNewsItem { 
  	color:#7abf2e; 
} 
.news-showcase h6{
	font-weight:bold;
}

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

.u2-SocialMedia{
  	margin-bottom:-50px;
} /*removing footer top margin*/

.news-showcase{ 
  	padding:60px 20px 30px 20px;
}

.NC_TitleBase{ 
  	background-color:#464646; 
  	border:none;
  	margin-top:0px;
}/*Notices section list box heading*/

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



/*--------------------------------------------------------------------------------
	NEWS CENTRE ARTICLES
-----------------------------------------------------------------------------------*/
.u2-news-block{
	background:#fff;
}

.u2-news-block article.u2-news-item.image-after{
	padding:0px
}

.u2-news-fluid-article{
  	padding:60px;
}

.u2-news-content-fluid h3{
	font-weight: bold;
}

.ShareBr{
margin-top:5px;
}


/*--------------------------------------------------------------------------------
	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:#464646; 
}


/*--------------------------------------------------------------------------------
	MODULE - SLIDESHOW MODULE (HOMEPAGE)
-----------------------------------------------------------------------------------*/
.NewsCentreBanner .carousel-caption h1 { 
  	color:#fff; 
  	font-size: 70px; 
  	font-weight:bold; 
  	text-shadow:none;
}

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

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


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

main #SubPages .list-group-item { 
  	color:#7abf2e;
} /* normal */

main #SubPages .list-group-item:hover { 
  	color:#88c425;
} /* hover */

main #SubPages .list-group-item i { 
  	color:#7abf2e;
} /* link icon */


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


/*--------------------------------------------------------------------------------
	FOOTERS
-----------------------------------------------------------------------------------*/
/* Footer */
footer { 
  	background-color:#2f2f2f; 
}/*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: #b4b4b4; 
}

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

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

/* 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:#fff;
  	background-position:3px -66px; 
  	box-shadow:none !important; 
  	background-image:none !important; 
  	border:#f2f2f2 solid 2px; 
  	border-bottom-left-radius:none !important;
  	border-bottom-right-radius:none !important;  
  	margin-top:-2px;
  	width:auto;
} 

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

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


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

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


@media (max-width: 640px) {
  
 	 /*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 25px;
  }
  
  .footer-nav .container .navbar-header{
    	margin:0;
  }
  
  /*Toolbar*/
  .ProfileIdentity_Base .PublicToolbarBase a i {
    display: none;
}

@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:23px}
}

@media (max-width: 768px) /*iPAD*/ {
    /*setting mobile subpage hover settings and icon display*/
	.navbar-header {
      		height:50px
    	}   /*ADJUST FOR ICON HEIGHT*/
  
	.u2-menu-outer .navbar-brand img {
  		width:230px; 
  		height:36px; 
  		margin-top:10px;
	}
  
	.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:11px;
 	}

  	.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;
	 }
  }

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