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

   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

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


[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;
  	text-align:center;
}


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

 .u2-SocialMedia h4 { 
  	color: #2f2f2f; 
  	padding-top: 60px; 
  	padding-bottom: 30px; 
  	text-align: left; 
  	font-weight:bold; 
}


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

a{
	color:#138a59;
  	font-weight:bold;
}

a:hover, a:focus{ 
  	color:#73be47; 
    	text-decoration:none;
}


/*--------------------------------------------------------------------------------
	ICON
-----------------------------------------------------------------------------------*/
/* School logo */
.u2-menu-outer .navbar-brand img { 
  	width: 420px; 
  	height:65px; 
  	margin-top:-17px; 
}

.u2-menu-outer .u2-menu-block{ 
  	padding: 40px 44px 20px 25px; 
  	background:#f6f8fa;
}


/*--------------------------------------------------------------------------------
	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: 5px 43px !important; 
 	 font-size:9px; 
    	text-transform:uppercase;
  	font-weight:bold;
  	letter-spacing:.03em;
}

.breadcrumb a { 
  	color: #c6ced8; 
}

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

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

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

.page-head { 
  	background-color: #81868f; 
   	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:#3d4655; 
   	padding-bottom:60px;
   	padding-left:0px;
   	padding-right:0px;
 }

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

.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:#138a59;
  	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:#73be47;
}

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

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

.u2-menu-outer .navbar-nav .dropdown-menu a:hover{
	background:none;
}


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

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

.list-group a, .ExtraNewsItem { 
  	color:#138a59;
 	 font-size:13px;
  	font-weight:bold;
} 

.panel-default {
  	border:none;
}

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

/*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, .panel-title  a:focus {
	background:#73be47;
  	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*/


.panel-group {
  -webkit-border-radius: 0em 0em 1em 1em;
    -moz-border-radius: 0em 0em 1em 1em;
    border-radius: 0em 0em 1em 1em;
}

/*--------------------------------------------------------------------------------
	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: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:5px 10px 5px 10px; 
    	color:#c6ced8;
}

.nav-pills li{
	background: #138a59;
  	border:none;
  	margin-right:15px;
}

.nav-pills li.active { 
  	background-color:#73be47; 
 	 border:none;
}

.nav-pills li.active a, .nav-pills li.active a:focus{
  	color:#edf0f4;
  	background:inherit;
}

.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, .ExtraNewsItem i { 
  	color:#138a59; 
} 
.news-showcase h6{
	font-weight:bold;
}

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

.u2-SocialMedia{
  	background:#edf0f4;
}

.u2-SocialMedia h6{
 	 color:#666;
  	display:none;
}

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

.NC_TitleBase{ 
  	background-color:#138a59; 
  	border:none;
  	margin-top:0px;
  -webkit-border-radius: .9em .9em 0em 0em;
    -moz-border-radius: .9em .9em 0em 0em;
    border-radius: .9em .9em 0em 0em;
}/*Notices section list box heading*/

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

.NC_Base, .NC_Base .tab-pane{
	padding:0px;
}


/*--------------------------------------------------------------------------------
	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 - IMAGES
-----------------------------------------------------------------------------------*/

.Page_Media .MediaHolder img, .u2-news-image-block img, .thumbnail .img-responsive, 
.Page_Media .SlideShowHolder {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}



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


#Files {
    background-color: #138a59;
    /* border: solid 2px #e6eaed; */
    -webkit-border-radius: 1em 1em 1em 1em;
    -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
    margin-bottom: 20px;
  padding-bottom:1px;
}

/*--------------------------------------------------------------------------------
	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
-----------------------------------------------------------------------------------*/
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 */


/*--------------------------------------------------------------------------------
	BUTTONS
-----------------------------------------------------------------------------------*/
.form-controls .button-normal {
    padding: 10px 20px;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}
.form-controls .button-normal, .content_button_base a, .iFrameButton .button-normal, .module .button-normal {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 600;
    background-color: #73be47;
    border: none;
    color: #fff !important;
    text-shadow: none;
    margin: 0 auto 30px auto!important;
    box-shadow: none;
    display: inline-block;
    width: 100%;
}
.form-controls .button-normal, .content_button_base, .iFrameButton .button-normal, .module .button-normal {
    text-align: center;
    margin-top: 50px;
    text-transform: uppercase;
    margin-bottom: 30px;
    background-image: none;
    width: 100%;
}

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

footer .col a {
	color:#f6f8fa;
}

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

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

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

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