@import url('http://fonts.googleapis.com/css?family=Patrick+Hand');
/* =========================================================

   Theme Name: Waipara School
   Version: 2.8
   Last modified: 14 August 2018
   Author: Ultranet
   Author contact: charlotte@etime.co.nz
   Author URI: http://www.ultranet.co.nz
   ========================================================= */

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

/*-------------------------------------------------------------------------------
#8b1f47 = primary colour
#162355 = secondary colour
#fff = light colour
-----------------------------------------------------------------------------------*/

/*DARK BGS*/
[data-theme="1"] .u2-paragraph,  [data-theme="1"] .Paragraph,
[data-theme="1"] .u2-heading, [data-theme="1"] .Heading,  [data-theme="1"] #edtHeading,
[data-theme="1"] .ContentWithLinks .Text {
	background-color:#162355;
	width:100%;
	color:#fff;
	padding-bottom:0em;
}

/*DARK BG NEWS CARDS - LIGHT BOXES*/
[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;
}

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

/*ALL MODULES ALIGNED TO CENTRE */
[data-theme="1"] .u2-content, [data-theme="0"] .u2-content, 
[data-theme="1"] .u2-paragraph, [data-theme="0"] .u2-paragraph, [data-theme="1"] .Paragraph, [data-theme="0"] .Paragraph, /*paragraphs*/
[data-theme="1"] .u2-heading, [data-theme="0"] .u2-heading, /*headings*/
[data-theme="1"] .u2-find-more, [data-theme="0"] .u2-find-more, 
[data-theme="1"] .u2-description p, [data-theme="0"] .u2-description p{
	text-align:center;
}

/*LINKS*/
[data-theme="1"] .u2-paragraph a /*dark BG*/{
 color:#fff;
  text-decoration:underline;
}

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

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

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

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

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

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

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

[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:#162355
}

[data-theme="0"] .card-text{
}


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

[data-theme="0"] .ContentWithLinks .Text {
	color:#000;
	padding-bottom:0em;
}


/*--------------------------------------------------------------------------------
	BRANDING & BANNER
-----------------------------------------------------------------------------------*/
/* School logo */
.u2-menu-outer .navbar-brand img { 
  	width: 420px; 
  	height:84px; 
  	margin-top:-15px;  
}

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

/*banner area*/
.u2-menu-outer:not(.stuck) .u2-menu-block, .u2-menu-outer.stuck .u2-menu-block, .u2-menu-outer .u2-menu-block {
	padding: 25px 15px 27px 20px;
  	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:14px;
}


/*--------------------------------------------------------------------------------
	HEADINGS
-----------------------------------------------------------------------------------*/
/* Heading - pages */
main .u2-heading { 
  	color: #162355; 
  	padding-top: 0em; 
  	padding-bottom: .4em; 
  	text-align: left; 
  	font-weight:bold; 
}

h3.u2-heading[data-size='3']{ 
  	font-size:46px; 
  	font-family: 'Patrick Hand', cursive;
}

h3.u2-heading[data-size='2']{ 
  	font-size:28px; 
  	font-family: 'Patrick Hand', cursive;
    	margin-top:50px;
  	margin-bottom:0px;
  	padding-bottom:0px;
}

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

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

[data-theme="0"] .u2-heading  { 
  	background-color:none; 
  	width:100%; 
  	color:#162355; 
  	padding-top:50px; 
  	text-align:center;  
}

[data-theme="1"] .u2-heading { 
  	background-color:#162355; 
  	width:100%; 
  	color:#fff; 
  	padding-top:50px;  
  	padding-bottom:0px; 
  	text-align:center;  
} /*Dark BG*/ /*secondary colour*/

[data-theme="1"][data-u2-module="Heading"]{
  	background:#162355 !important; 
} /*	HEADING BG *//*secondary colour*/


/*--------------------------------------------------------------------------------
	HYPERLINKS
-----------------------------------------------------------------------------------*/
a { 
  	color:#8b1f47; 
} 

a:hover { 
  	color:#8b1f47; 
} 


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

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

/*--------------------------------------------------------------------------------
	CONTENT MODULE - ALL PAGES
-----------------------------------------------------------------------------------*/
.Text {}

/*--------------------------------------------------------------------------------
	BREADCRUMBS NAV BAR
-----------------------------------------------------------------------------------*/
/* 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: ##8b1f47;
    	margin-bottom:70px; 
}

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

.ParentAccessIndicator{ 
  	color:#fff; 
}


/*--------------------------------------------------------------------------------
	PAGES
-----------------------------------------------------------------------------------*/
/* main content */
body,  main.container-fluid, main.container  { 
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7fcff), to(#F4FAFF)); 
  	color:#162355; 
}

/* Background */
main { 
  	padding: 0; 
}

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

main.container-fluid.Subpage{
	padding-bottom:60px;
  	min-height: calc(100vh - 220px);
}

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

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

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

.u2-menu-outer .navbar-nav a[href]:hover{
  color:#9e043e; /*primary colour*/
}

/*dropdown text*/
.u2-menu-outer .navbar-nav .dropdown-menu a{
  	color:#a10c44; /*primary colour*/
}

.nav .open>a{
}

.navbar-toggle{
	margin-right:0px;
}

/*Burger menu on hover*/
.nav>li>a:focus, .nav>li>a:hover{
	background-color:#fff;
	color:#a10c44; /*primary colour*/
}

/*text for lock icon hover*/
.ParentAccessIndicator{ 
  	color:#fff; 
}

.navbar-collapse{
	box-shadow:none;
}


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

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

.list-group a { 
  	color:#a10c44;
}

.panel-default {
  	border:none;
}

/* Module title */
main .module .module_caption { 
  	color: #eff6fb;  
  	font-size: 18px; 
  	line-height: 1.5em; 
  	margin-bottom: 0px; 
  	background-color:#8b1f47; 
  	padding: 6px 15px; 
  	font-family: 'Patrick Hand', cursive;
} /*feature font*/

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

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

/* Panel Titles */
.panel-title { 
  	background:#d3e2f2; 
  	color:#162355; 
  	border:none; 
  	font-family: 'Patrick Hand', cursive; 
} 

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

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

.panel-default > .panel-heading .panel-title a {
  	font-size:16px;
}

/*Item*/
.list-group-item{ 
  	font-size:16px; 
  	font-family: 'Patrick Hand', cursive;
}/*feature font*/



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

#ImgGallery .Album .Item:hover .Slides{ 
  	background-color:#a10c44;
	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;
}


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

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

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

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

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


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

.nav-pills li.active { 
  	background-color:#a10c44;
	}/*primary colour*/

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

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

.news-showcase h6, .NC_NewsBySection_Outer, .ExtraNewsItem { 
  	color:#a10c44; 
} /*News links brighter*/ /*primary colour*/

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

.NewTile:hover{
  	background:#d3e2f2;
}
.u2-SocialMedia{
  	margin-bottom:-30px;
} /*removing footer top margin*/

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

.NC_TitleBase{ 
  	background-color:#162355; 
  	border:none;
}/*Notices section list box heading*/ /*secondary colour*/

.NC_TitleBase_Text{
  	color: #fff;  
  	font-size: 13px;
}

.ExtraNewsItem i {
  	color:#a10c44;
}


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


/*--------------------------------------------------------------------------------
	MODULE - PARAGRAPH
-----------------------------------------------------------------------------------*/
/* Paragraphs */
main .Paragraph, main .Text {
  	font-size:14px;
}


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

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


/*--------------------------------------------------------------------------------
	MODULE - SLIDESHOW MODULE (HOMEPAGE)
-----------------------------------------------------------------------------------*/
.NewsCentreBanner .carousel-caption h1 { 
  	color:#fff; 
  	size: 40px; 
}

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

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


/*--------------------------------------------------------------------------------
	MODULE - SUBPAGE
-----------------------------------------------------------------------------------*/
/* Sub Pages */
main #SubPages .list-group {} /* grey box */
main #SubPages .list-group-item { color:#a10c44; } /* normal */ /*primary colour*/
main #SubPages .list-group-item:hover { color:#a10c44; } /* hover */ /*primary colour*/
main #SubPages .list-group-item i { color:#a10c44; } /* link icon */ /*primary colour*/


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


/*--------------------------------------------------------------------------------
	FOOTERS
-----------------------------------------------------------------------------------*/
/* Footer */
footer { 
	display:none;
}

/*Bottom nav bar*/
.footer-nav { 
  	background: #8b1f47; 
  	margin-top:0px;
} 

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

/* 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: -66px; 
  	box-shadow:none !important; 
  	background-image:none !important; 
  	border:none !important; 
  	border-bottom-left-radius:none !important; 
  	border-bottom-right-radius:none !important;  
  	width:auto;
} 

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

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

.toolbar-loggedout .container {
   	 float: right !important;
}


/*--------------------------------------------------------------------------------
	MOBILE
-----------------------------------------------------------------------------------*/
@media (-webkit-min-device-pixel-ratio: 2) {
    	.ProfileIdentity_Base .PublicToolbarBase a span{
      		background:url('ProfileID_Bar-Hybrid-Retina.png') no-repeat 3px 3px;background-size:105px 117px
    	}
}

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

@media (max-width: 640px) {
  	 .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:55px 0 25px 25px;
  	}
  
  	.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:230px;
	  	height:46px;
	} /*reduced icon sizing*/
}
  

@media (max-width: 500px){ 
	.u2-news-card .u2-content{
     		padding: 15px 0;
	}
   	.u2-menu-outer .navbar-brand img{
	  	width:230px;
	  	height:50px;
	} /*reduced icon sizing*/
}

  @media (max-width: 767px) {
	.u2-menu-outer .navbar-brand img{
	  	width:230px;
	  	height:46px;
	} /*reduced icon sizing*/
    
 	 /*setting mobile subpage hover settings and icon display*/
 	.navbar-header {
	  	height:60px;
	}   /*ADJUST FOR ICON HEIGHT*/
    
 	.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:#a10c44;
	  	border-bottom-left-radius:0;
	  	border-bottom-right-radius:0;
	}
    
	.u2-menu-outer .u2-nav-links a[href] {
	  	color:#eee;
	}
    
	.u2-menu-outer .u2-nav-links .open > a,
	.u2-menu-outer .u2-nav-links a:hover {
	  	color:#a10c44;
	}
    
 	 .breadcrumb {
	   	padding:5px 0px !important;
	 } /*left align breadcrumb*/   
  }


@media (max-width: 992px){
  
  	.u2-menu-outer .navbar-brand img{
    		width:230px;
	  	height:46px; 
	  	margin-top:10px;
	} /*reduced icon sizing*/
  
  	.ContentWithLinks  .col.pull-right {
	  	float:none !important;
	}
  	.ContentWithLinks  .col.pull-right + .content-text {
	  	clear:right;
	  	padding-top:15px;
	}
  	.u2-menu-outer .navbar-nav a{ 
	  color:#fff; 
	  font-size:12px;
	}
}


@media (max-width: 1150px){
    .u2-menu-outer .navbar-brand img{
      		width:230px;
      		height:46px; 
      		margin-top:10px;
    	} /*reduced icon sizing*/
  	
}