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

   Theme Name: eTime
   Version: 2.8
   Last modified: 25 June 2018
   Author: Charlotte Ivey
   Author contact: charlotte@etime.co.nz
   Author URI: http://www.ultranet.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;}


/*Icon headings*/
h4.u2_icon_title, .IconLinks .col .u2_icon_content{
font-size:14px;
font-weight:600;
  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:14px; }


/*--------------------------------------------------------------------------------
	HEADING MODULES
-----------------------------------------------------------------------------------*/
/* Heading - pages */
main .u2-heading { color: ##2f2f2f; text-transform: uppercase; padding-top: 0em; padding-bottom: 1em; text-align: left; }

/* Heading - homepage */
.container.Heading {margin:0px; width:100%; padding:0px; }
[title~="Heading"] { text-align:center; }

/*.container.Heading h3.u2-heading  { color:#fff !important; text-align:center; padding:0px }*/
[data-theme="0"] .u2-heading { background-color:none; width:100%; color:#2c2c2c; padding-top:50px; ; text-align:center;  }
[data-theme="0"] .ContentWithLinks .Text { color:#818181; font-size:13px; line-height: 1.6; } /*text color*/
[data-theme="1"] .u2-heading { background-color:#7abf2e; width:100%; color:#fff; padding-top:50px; text-align:center;  }
[data-theme="1"][data-u2-module="Heading"]{background:#7abf2e !important; } /*	HEADING BG */




/*--------------------------------------------------------------------------------
	HYPERLINKS
-----------------------------------------------------------------------------------*/
/*hyperlinks*/
a { color:#1f8fcf; }
a:hover { color:#1f8fcf; }


/*--------------------------------------------------------------------------------
	ICON
-----------------------------------------------------------------------------------*/
/* School logo */
.u2-menu-outer .navbar-brand img { width: 115px; height:30px; margin-top:10px; }
.u2-menu-outer .u2-menu-block{ padding: 25px 45px 25px 58px; background:#212449;}


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


/*--------------------------------------------------------------------------------
	BREADCRUMBS NAV BAR
-----------------------------------------------------------------------------------*/
/* Breadcrumbs nav bar */
.breadcrumb { text-shadow: none ;padding: 5px 27px !important; float:left; font-size:11px;}
.breadcrumb a { color: #212449; }
.breadcrumb > li + li:before {color:#212449; } /*slash*/
.breadcrumb > .active { color: #fff; }

.page-head { 
  background-color: #1f8fcf; 
  margin-bottom:100px; 
}

.page-head .header-wrapper { 
  padding-top: 2px; 
  padding-bottom: 2px; 
  background-color: #1f8fcf; 
display:none;
}

.ParentAccessIndicator{ color:#fff; }


/*--------------------------------------------------------------------------------
	PAGES
-----------------------------------------------------------------------------------*/
/* body */
body {
  background: #fff; 
  color:##2f2f2f; 
  letter-spacing: .01em;
  font-weight:300;
}

/* Background */
main { padding: 0; background: #fff; }
main.container-fluid, main.container { padding: 0; }

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

/*headings*/
h3.u2-heading[data-size='3']{
font-size:50px;
  text-transform:capitalize;
  font-weight:800;
    padding-bottom:15px;
  line-height:1.3em;
}

h3.u2-heading[data-size='2']{
font-size:22px;
  text-transform:capitalize;
  padding: 50px 0px 0px 0px;
    font-weight:600;
}
.Page_p li{
margin:7px 0;
}

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

.u2-menu-outer .navbar-nav a{
 	 color:#fff;
 	 text-transform:uppercase;
 	 font-weight:700;
 	 font-size:15px;
 	 letter-spacing:.1em;
}

.u2-menu-outer .navbar-nav .dropdown-menu a{
    color:#1f8fcf;
}

.u2-menu-outer .navbar-nav a[href]:hover, .u2-menu-outer .navbar-nav a:hover{
  color:#1f8fcf;
}

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

/*hover on lock icon*/
.ParentAccessIndicator:hover .PageTools_ParentToolTip{
  background:#f2f2f2;
  border:none;
  color:#2f2f2f;
  
}
/*hover on lock icon- link*/
.ParentAccessIndicator:hover .PageTools_ParentToolTip span a{
  color:#1f8fcf;
}

/*Hover burger icon*/
.fa-navicon:before:hover, .fa-reorder:before:hover, .fa-bars:before:hover{
  color:#1f8fcf;
}

.dropdown-toggle.fa.fa-bars.hidden-xs.shade:hover{
  	color:#1f8fcf;
}

.u2-nav-controls .multi-column-dropdown a{
	text-transform:none;
  	letter-spacing:normal;
}

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

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

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

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

/* Panel Titles */
.panel-title, .page-head {}

/* Page view  - HOMEPAGE ONLY
section[data-u2-module={}] {}
li[data-id={module id}] > section {} */



/*--------------------------------------------------------------------------------
	MODULE - IMAGES ON HOMEPAGE
-----------------------------------------------------------------------------------*/
.thumbnail { margin-bottom:0px; }
.IconLinks .thumbnail{ margin-bottom:0px; }


/*--------------------------------------------------------------------------------
	MODULE - MEDIA GALLERY
-----------------------------------------------------------------------------------*/
/*Media Gallery*/
#ImgGallery .Album .Item:hover .Slides{background-color:#1f8fcf;opacity: 0.9; }
#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; border:none; opacity: 1; }

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

/*Border around module list area */
.panel-group .panel {
  	border:none !important;
}


/*--------------------------------------------------------------------------------
	MODULE - NEWS CENTRE
-----------------------------------------------------------------------------------*/
/*News Centre plugin homepage*/
.container.NewsCentreCards{ 
  width:100%;
}/*default setting for background colour. Otherwise controlled in editor.*/

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

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

.u2-news-card .u2-description{
  	height:80px; 
  	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:412px; 
  	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
-----------------------------------------------------------------------------------*/
.nav-pills li a, .nav-pills li i { 
  	padding:10px; 
}

.nav-pills li.active { 
}/*Also backgrund surrounding buttons on topics*/

.nav-pills li:hover a, .nav-pills li i:hover{ 
  	color:#7abf2e; 
}

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

.news-showcase h6, .NC_NewsBySection_Outer, .ExtraNewsItem { 
  	color:#7abf2e; 
} /*News links brighter*/


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


/*--------------------------------------------------------------------------------
	MODULE - PARAGRAPH
-----------------------------------------------------------------------------------*/
main .Paragraph, main .Text {
}

[data-theme="0"] .u2-paragraph{ 
  	color:#2f2f2f;
}


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

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

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


/*--------------------------------------------------------------------------------
	MODULE - SUBPAGE
-----------------------------------------------------------------------------------*/
/* Sub Pages */
main #SubPages .list-group {} /* gray box */
main #SubPages .list-group-item { color:#1f8fcf; } /* normal */
main #SubPages .list-group-item:hover { color:#88c425; } /* hover */
main #SubPages .list-group-item i { color:#1f8fcf; } /* icon */


/*--------------------------------------------------------------------------------
	MODILE - WIKI
-----------------------------------------------------------------------------------*/
/* Wiki */
main #WikiPages { 
  	margin: 15px 15px; 
}

/*--------------------------------------------------------------------------------
	BUTTONS
-----------------------------------------------------------------------------------*/
.button-normal, .content_button_base a{
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
	padding: 3em 2em;
	background: transparent;
	border: 2px solid #1f90d0;
	color: #1f90d0 !important;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	text-shadow: 0 0px 0 rgba(0, 0, 0, 0.05);
	margin: 10px auto !important;
	box-shadow: none;
  	display:inline-block;
  	width:100%;
  	text-align:center;
  	text-transform:uppercase;
   	 letter-spacing:.1em;
}

.button-normal{
 	 width:200px;
 	 padding: 1em 1em;
}

.button-normal:hover, .button-normal a:hover, .content_button_base a:hover{
     	background: #1f90d0;
  	color:#fff !important;
}

.content_button_base a i{
  	display:block;
  	font-size:22px;
  	padding-bottom:10px;
}

/*--------------------------------------------------------------------------------
	PORTFOLIO
-----------------------------------------------------------------------------------*/
h3{
padding-bottom:10px;
  padding-top:30px;
}

/*--------------------------------------------------------------------------------
	FOOTERS
-----------------------------------------------------------------------------------*/
/* Footer */
footer {
  background-color:#212449; 
}

main.container-fluid.Subpage{
  margin-bottom:100px; 
}

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

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

.footer-nav li a:hover {
  	color: #fff;
}

.footer-nav .nav>li>a:focus, .nav>li>a:hover{
	background:inherit;
}

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

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

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

.toolbar-loggedout > .container {
  	width:calc(100vw - 15px)
}


@media (max-width: 640px) {
  
  	.NewsCentreCards  > .row {
	}
  
  	.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;
	}
  
 	 .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:38px;
	 }
}

@media (max-width: 767px) {
    /*setting mobile subpage hover settings and icon display*/

    .navbar-header {height:58px}   /*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:#1f8fcf;border-bottom-left-radius:0;border-bottom-right-radius:0;}/*primary colour*/
    .u2-menu-outer .u2-nav-links a[href] {color:#1f8fcf}
    .u2-menu-outer .u2-nav-links .open > a,
    .u2-menu-outer .u2-nav-links a:hover {color:#1f8fcf}/*primary colour*/

    .breadcrumb {padding:5px 0px !important;} /*left align breadcrumb*/   
  .u2-menu-outer .dropdown-submenu{border-left: solid 1px #1f8fcf;}
  }

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