<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

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

   Theme Name: Selwyn College
   Version: 2.8
   Last modified: 31 March 2020
   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

#be191f - red
#c6c6c6 - grey
#9c9d9d - hover grey

----------------------------------------------------------------------------------*


/*DARK BGS IN PUBLISHED AND  EDIT MODE*/
[data-theme="1"] .u2-paragraph, [data-theme="1"] .Paragraph,
[data-theme="1"] .iFrame,
[data-theme="1"] .Content, [data-theme="1"] .NewsCentreBanner, [data-theme="1"] .NewsCentreCards,
 [data-theme="1"] .u2-heading, [data-theme="1"] .Heading,
[data-theme="1"] #edtHeading,
[data-theme="1"] .ContentWithLinks,
[data-theme="1"] .ContentWithLinks .Text,
[data-theme="1"] .Divider {
    	background-color: #c6c6c6;
    	width: 100%;
    	padding-bottom: 0em;
  	color:#000;
}

[data-theme="1"] .IconLinks{
   	 background-color: #c6c6c6;
}

[data-theme="1"] h4.u2_icon_title, [data-theme="1"] .IconLinks .col .u2_icon_title{
	color:#000;
  	font-weight:normal;
}


[data-theme="1"]  .NewsCentreBanner .news-tile{
	color:#000;
}

/*Icon headings - buttons*/
h4.u2_icon_title, .IconLinks .col .u2_icon_title{
	font-size:9px;
	color:#7a7a7a;
	margin-bottom:25px;
}

.Divider hr{
	border-top: 2px solid #e6e6e6;
}

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

/*LIGHT BG NEWS CARDS - DARK BOXES*/
[data-theme="0"] .u2-news-card .u2-more,
[data-theme="0"] .u2-news-card .u2-content,
[data-theme="0"] .u2-description p {
    	width: 100%;
    	color: #000;
  	background-color:#f2f2f2;
}

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

/*DARK BG HEADINGS*/
[data-theme="1"][data-u2-module="Heading"] {
    	background: inherit !important;
    	text-align: center;
    	color: #1e1e1e;
    	border-left: none !important;
}

/*ALL MODULES ALIGNED TO CENTRE */
[data-theme="1"] .u2-content, [data-theme="0"] .u2-content,
[data-theme="1"] .u2-heading, [data-theme="0"] .u2-heading, 
[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;
}

[data-theme="1"] .u2-paragraph,
[data-theme="0"] .u2-paragraph, [data-theme="1"] .Paragraph, [data-theme="0"] .Paragraph{
	 text-align: left;
} 

[data-theme="1"] h3.u2-heading[data-size='3'], [data-theme="0"] h3.u2-heading[data-size='3']{
font-size:32px;
}

/*LINKS*/
[data-theme="1"] .u2-paragraph a /*dark BG*/{
}

[data-theme="1"][data-u2-module="Paragraph"] {
    background:#c6c6c6;
}

[data-theme="1"][data-u2-module="Page_iframe"] {
       background:#c6c6c6;
}

[data-theme="1"][data-u2-module="Content"] {
      background:#c6c6c6;
}

[data-theme="1"][data-u2-module="ContentWithLinks"] {
       background:#c6c6c6;
}

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

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

[data-theme="1"][data-u2-module="Divider"] {
       background:#c6c6c6;
}

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

[data-theme="0"] .u2-content, [data-theme="0"] .u2-paragraph,
[data-theme="0"] .ContentWithLinks .Text, [data-theme="0"] .card-text,
[data-theme="0"] .u2-find-more, [data-theme="0"] .u2-description p {
    color: #333333;
}

[data-theme="0"] .u2-heading{
color:#000;
}

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

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

[data-theme="0"] .u2-heading {
    padding-bottom: 0em;
}

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

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////// BODY STYLING ////////////////////////////////////////////////////////////////////////////////
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------------*/

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
  	padding-right:25px;
 	 padding-left:25px;
}

/*logged in view*/
.u2-menu-outer[data-authenticated="1"].stuck {
  top: 32px;
}

.Spacer {
    	height: 1px !important;
    	background: #28386c;
}

.u2-menu-outer[data-authenticated="0"].stuck + main:before {
    	display: block;
    	height: 0px;
    	content: ' ';
}

.u2-menu-outer:not(.stuck) .u2-menu-block, .u2-menu-outer.stuck .u2-menu-block, .u2-menu-outer .u2-menu-block {
   	 padding: 20px 10px 10px 20px;
}

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

/*--------------------------------------------------------------------------------
	EDIT MODE AND PAGE CONTENT DISPLAY
-----------------------------------------------------------------------------------*/
#PageHTML_Content, #WikiPages, #Categories, main .Paragraph,
main .Text, .outer > .inner li[data-lock='1'] div.Text, /*.Paragraph*/
.u2-content, .u2-news-item p, body, .Post-on, .Post-By, .Paragraph div, .Text div{
    	font-size: 15px;
    	color: #3c3c3c;
  	line-height:1.5em;
  	font-family: "Lato", Arial, sans-serif;
}

div{
  	font-family: "Lato", Arial, sans-serif;
}

body sub i, body i sub {
	top:-5px;
  	bottom:-5px;
  	color:#000;
}

body sub, .Paragraph div sub, .Paragraph div a sub{
	top:-5px;
}

.Post-on, .Post-By {
	font-size:80%
}

.Page_p ul{
	padding-top:0px;
}

/*--------------------------------------------------------------------------------
	HEADINGS
-----------------------------------------------------------------------------------*/
/* Heading - pages */
main .u2-heading {
    	color: #323131;
    	text-align: left;
 	 font-weight:500;
}

[data-theme="1"] .u2-heading:after{
    	content: "";
    	position: absolute;
    	left: 50%;
    	bottom: 0px;
    	width: 50px;
    	height: 1px;
    	margin-left: -25px;
    	background-color: #fff;
}

h3.u2-heading, h3{ 
  	text-transform: uppercase;
	font-weight: 800;
	font-family: "Impact", Charcoal, sans-serif;
  	line-height:1.2em !important;
}

h3.u2-heading[data-size='4'], h3.u2-heading[data-size='5'], h3.u2-heading[data-size='6'] {
	font-size: 55px;
	color: #be191f;
	letter-spacing: 1px;
	margin-bottom: 40px;
  	margin-top:25px;
}

h3.u2-heading[data-size='3']{
    	font-size: 36px;
 	 padding-bottom:0px;
  	font-weight:normal;
    	margin-top:55px;
	color:#9c9d9d;
  	letter-spacing: 1px;
}

.u2-news-fluid-article h3{/*News artice*/
 	 font-size: 36px;
 	 padding-bottom:0px;
  	font-weight:normal;
	color:#9c9d9d;
  	letter-spacing: 1px;
 	 margin-top:-40px;
}

h3.u2-heading[data-size='2'] {
    	font-size: 36px;
 	 padding-bottom:5px;
  	font-weight:normal;
    	margin-top:0px;
	color:#9c9d9d;
  	letter-spacing: 1px;
}

h3.u2-heading[data-size='1'], [data-size='1'] h3.Headings {
    	font-size: 22px;
  	padding-bottom:0px;
  	font-weight:normal;
    	margin-top:40px;
  	color:inherit;
	 text-transform:none;
  	letter-spacing: 1px;
  	margin-bottom:0px;
}

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


/*--------------------------------------------------------------------------------
	BRANDING
-----------------------------------------------------------------------------------*/
/* School logo */
.u2-menu-outer .navbar-brand img {
    	width: 265px;
    	height: 89px;
 	 position:absolute; 
  	margin-bottom:20px;
  	top:0;
}

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

#mainNavigation{
	margin-left:-1px;
 	 margin-bottom:-1px;
}

/*--------------------------------------------------------------------------------
	BREADCRUMBS NAV BAR
-----------------------------------------------------------------------------------*/
.breadcrumb {
    	text-shadow: none;
    	padding: 0px !important;
    	font-size: 11px;
    	min-height: 0px !important;
    	background-color: none;
 	 float:left;
}

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

.breadcrumb a {
    	color: #ba2b16;
}

.breadcrumb a:hover {
	color: #ba2b16;
    	text-decoration:underline;
}

.breadcrumb > li + li:before {
    	color: #bbbbbb;
}

.breadcrumb > .active {
    	color: #8c8c8c;
}

.page-head {
    	background-color: #f5f5f5;
  	border-bottom: none;
}

.page-head .header-wrapper {
    	padding-bottom: 10px;
    	padding-top: 10px;
    	border: none;
    	background-color: #f5f5f5;
}

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

.ParentAccessIndicator {
    	padding: 8px 10px;
}
/*Lock icon*/

.ParentAccessIndicator .PageTools_ParentToolTip {
    	color: #868686;
}

/*--------------------------------------------------------------------------------
	HYPERLINKS
-----------------------------------------------------------------------------------*/
a, a:focus {
    	color: #be191f;
}

 a:hover{
	color:#be191f;
 }

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

.container{
width:100%;
}

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

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

.Page_p li {
    margin: 3px 0px;
}

/* list line height override*/

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

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

main.Subpage.container-fluid > .container > .row{
	padding:0px;
}

/* 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: 769px) {
    /*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% - 300px);
      		font-family: "Lato", Arial, sans-serif;
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
      		margin-right: 20px;
   	 }

    	.u2-menu-outer[data-authenticated='0'] .u2-menu-block .u2-nav-links {
       		 max-width: calc(100% - 300px);
      			font-family: "Lato", Arial, sans-serif;
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
    	}
}

.u2-menu-outer .navbar-collapse /*gap between brand and mobile dropdown*/{
    	padding-top:35px;
}

.navbar-collapse {
    	border-top: none !important;
    	webkit-box-shadow: none;
    	box-shadow: none;
}

.u2-menu-outer .navbar-nav a {
    /*Menu on desktop*/
    	color: #fff;
   	 font-size: 15px;
  	font-weight:normal;
  	padding-bottom:40px;
	letter-spacing:.02em;
}

.u2-menu-outer .navbar-nav a.dropdown-toggle.fa.fa-bars, .ParentAccessIndicator{
  	color: #fff;
}

.u2-menu-outer .navbar-nav a:hover {
    	color: #004f2f;
}

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

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

.u2-menu-outer .navbar-nav a[href]:hover {
    	color: #fff;
    	background-color: inherit;
}

.u2-menu-outer .navbar-nav ul a[href]:hover {
    	color: #be191f;
 	 background:#f0f0f0; 
}

.u2-menu-outer .navbar-nav .dropdown-menu a {
    	color: #1e1e1e;
  	padding-bottom:0px;
  	font-size:14px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    	background: inherit;
    	color: #004f2f;
}

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

.navbar-nav > li > a {
    	padding-top: 5px;
    	padding-bottom: 5px;
}

.dropdown-menu {
    /*increasing width of second level menu*/
    	min-width: 250px;
	-webkit-box-shadow: none;
	box-shadow:none;
  	border:none !important;
  	padding:0px 0px;
}

.navbar .dropdown-menu.expand-on-hover{
	background: #e6e6e6;
}

.nav>li>a:focus, .nav>li>a:hover{
	background:none;
}

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

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

.NC_DatePicker, .NC_DatePicker_Active{
	letter-spacing:normal;
}

/*Module  background*/
.list-group, .NC_Base {
      	background-color: #fff;
  	padding:0px 0px 30px 0px;
}

/*News centre notices newsletters background*/
.NC_Base {
    	padding: 1px 5px 15px 5px !important;
    	border: none;
    	font-size: 12px;
}

.list-group a, .NC_NewsBySection_Outer, .NC_NewsBySection_Outer:before {
    	color:#00a3e3;
  	font-size:13px;
}

.list-group a, .NC_NewsBySection_Outer{
    	font-weight:bold;
}

.NC_NewsBySection_Outer:before{
	font-weight:normal;
}

.NC_PDFExport:before {
    	color: #fff;
}

.panel-default {
    	border: none;
}

.panel {
	-webkit-box-shadow: none;
}

main .module .module_caption {
    /* Module title */
    	color: #9c9d9d;
    	font-size: 18px;
    	line-height: 2em;
    	margin: 40px 0px 20px 0px;
    	background-color: none;
    	padding: 0px 0px 5px 0px;
  	font-weight:600;
  	border-bottom: 2px solid #e6e6e6;
  	text-transform:uppercase;
  	font-weight: 800;
	font-family: "Impact", Charcoal, sans-serif;
 	 line-height:1.2em !important;
        letter-spacing: 1px;
}

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

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

/* Panel Titles */
.panel-title, .NC_Base .panel-default > .panel-heading .panel-title a,
.NC_NewsBySection_Title {
    /*resource subheading, news centre category heading*/
    	background: none;
    	color: #be191f;
    	border: none;
   	 font-size: 13px;
    	font-weight: inherit;
    	font-weight: 600;
    	text-transform:uppercase;
  	letter-spacing:.1em;
}

.NC_Base .panel-default > .panel-heading .panel-title a, .NC_NewsBySection_Title {
    	margin-top: 5px;
}

.panel-title a:hover, .panel-title a:focus {
    /*panel title resource heading link hover*/
    	color: #002948;
    	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: 13px;
  	line-height:1.5em;
  	font-weight:600;
}

.list-group-item:hover {
    	background: inherit;
}

    /*item and icon*/
.list-group a, .list-group-item i.fa, .list-group-item:hover .controls a, main #SubPages .list-group-item i {
        color:#ba2b16;
 	 font-weight:600;
}

.list-group-item i.fa{
	left:0px;
}

.list-group a:hover {
    /*item*/
    	color: #9c9d9d;
}

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

.NC_DatePicker {
    	background: url(/App_Themes/Site_Skin/images/NewSkin/DatePicker.png) no-repeat left bottom;
}


/*--------------------------------------------------------------------------------
	BUTTONS
-----------------------------------------------------------------------------------*/
.form-controls .button-normal, .content_button_base{
	text-align:center;
  	margin-top:10px;
  	text-transform:uppercase;
 	margin-bottom:15px;
}

a.ow-button-hover span{
 	 display:block;
}

a.ow-button-hover{
	width:100%;
    	display:block;
}

.form-controls .button-normal, .content_button_base a, a.ow-button-hover, .Page_iframe .iFrameButton .button-normal, main.button-normal{
   	text-align:center;
 	 text-transform:uppercase;
  	 width:100%;
    	-ms-box-sizing: border-box;
   	 -moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	font-size: 13px;
    	padding: 1em 1em;
    	background: #be191f;
    	color: #fff !important;
  	margin: 20px auto !important;
  	 font-weight:600;
   	letter-spacing: .1em;
      	font-style:normal;
  	border:none !important;
  	text-shadow:none;
  	box-shadow:none;
  	border-radius:0px;
}

.button-normal a:hover, .content_button_base a:hover, .form-controls.button-normal a:hover, .button-normal:hover,  .Page_iframe .iFrameButton .button-normal:hover{
     	background: #9c9d9d;
  	color:#fff !important;
}

.button-normal > span{
	height:auto;
}


/*--------------------------------------------------------------------------------
	MODULE - IFRAME
-----------------------------------------------------------------------------------*/
#Calendar{
	background:#fff;
}

.col .fc-toolbar h2{
	font-size:13px;
}

.Page_iframe .iFrameButton{
	margin:0px;
}

.Page_iframe .iFrameDescription{
	font-size:80%;
}


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

#ImgGallery .Album .Item:hover .Slides {
    	background-color: #000;
    	opacity: 0.6;
}

#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, .NC_NewsBySection_Title {
    	padding: 5px 0px;
    	font-weight: 600;
      	color: #be191f;
}

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


/*--------------------------------------------------------------------------------
	MODULE - TOPICS
-----------------------------------------------------------------------------------*/
#Categories .nav.nav-pills > li.active a{
	background:none;
}

/*-------------------------------------------------------------------------------
	MODULE - CONTENT ALL PAGES
-----------------------------------------------------------------------------------*/
.card-text {
    	font-size: 15px;
    	font-weight: 300;
}

.card .card-block p {
	color: #fff;
	font-size: 13px;
	line-height: 2em;
	margin-bottom: 0px;
	background-color: #bcbdc0;
	padding: 10px 15px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .1em;
 	 -webkit-border-radius: 0.25em 0.25em 0em 0em;
	-moz-border-radius: 0.25em 0.25em 0em 0em;
	border-radius: 0.25em 0.25em 0em 0em;
	height: 45px;
	border: none;
  	text-align:center;
}

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

.card.card-inverse {
	width:100%;
}


/*--------------------------------------------------------------------------------
	MODULE - RESOURCES
-----------------------------------------------------------------------------------*/

.list-group-item:hover .controls a:hover {
    	color: #00a0e4;
}

ul .list-group{
	border-bottom:none;
}


/*--------------------------------------------------------------------------------
	MODULE - SUBPAGE
-----------------------------------------------------------------------------------*/
main #SubPages .list-group-item:hover {
    	color: #eb760e;
}


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

/*--------------------------------------------------------------------------------
	MODULE - CONTENT RESOURCE CARD
-----------------------------------------------------------------------------------*/
.card .list-group {
    	border-top: none;
    	background: #f5f5f5;
  	text-align:center;
  	padding:5px;
}

.card .list-group > a {
    	font-size: 13px;
    	color: #ba2b16;
  	padding:10px;
}

.ContentWithLinks .Text{
	margin-bottom:15px;
}

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

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

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

.u2-news-card {
    	border: none;
    	margin-bottom: 15px;
}

.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: #ba2b16;
    	font-size: 14px;
}

/*--------------------------------------------------------------------------------
	MODULE - NEWS CENTRE NOTICES FEED
-----------------------------------------------------------------------------------*/
.notices .news-tile{
    	background-color:#fff;
  	border:none;
}

.notices .news-tile .news-text{
 	 text-align:center;
  	white-space: pre-wrap;
}

.carousel-control .icon-prev:before, .carousel-control .icon-next:before{
  	color:#fff;
}

.NewsCentreBanner .notices .row:empty{
	background:#fff;
}

.carousel-control .icon-next, .carousel-control .icon-prev{
	font-size:60px;
  	margin-top:-50px;
}

.notices .carousel-control.left, .notices .carousel-control.right{
	width:20px;
}

.NewsCentreBanner .notices .row{
	padding:0px;
}

/*--------------------------------------------------------------------------------
	MODULE - SEARCH
-----------------------------------------------------------------------------------*/
.SearchText_FieldInputBox{
	color:#000;
}

  #htmlSearchData_Ultranet, .Panel_Search_Display_Bubble{
    	background:#fff;
  }
    
.Panel_Search_Display_Bubble{
 	 display:none;
}

#htmlSearchData_Ultranet, #htmlSearchData_DigitalNZ, .Modules_Title, .SearchOptions_Base{
	background-color:#fff;
}

.Modules_Title, .SearchOptions_Base{
  	padding:10px 20px 10px 20px !important;
  	margin-right:-15px;
  	margin-left:-15px;
  	background:#f5f5f5;
  	font-size:90%;
}

.Search_Bg .nav-tabs{
	border-bottom:none !important;
  	background: #f5f5f5;
}

.Search_Bg .nav-tabs>li>a{
  	border-radius:5px 5px 0px 0px!important;
  	border:0px !important;
	 margin-right:0px !important;
  	font-size:10px !important;
  	color:#666;
}

.Search_Bg .nav > li > a:focus,  .Search_Bg .nav > li > a:active{
    	background: #fff;
}

.Search_Bg .nav > li > a:hover{
	background:#fff;
}

.Search_Result{
	padding:20px 0px 20px 0px !important;
	margin:0px 0px 10px 0px !important;
}

.Search_ResultTitle code{
	font-size:inherit !important;
}

.Search_ResultTitle{
	font-size:inherit !important;
}

.EmptyResults{
  	margin:0px !important;
  	padding:20px 0px 10px 15px!important;
}

.EmptyResults b{
  	text-align:left !important;
}


/*--------------------------------------------------------------------------------
	MODULE - SLIDESHOW ON HOMEPAGE
-----------------------------------------------------------------------------------*/

/*homepage slideshow only*/
.NewsCentreBanner.container-fluid .slide {
   	height: 100% !important;
}

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

.carousel[data-authenticated='1'] .slide{
	height:600px !important;
}

.carousel [data-authenticated='1'] .slide, .carousel[data-authenticated='0'] .slide{
	height:600px !important;
  	margin-bottom:0px;
}

.NewsCentreBanner .carousel-caption{
      	/*background: rgb(0, 0, 0); *//* Fallback for older browsers without RGBA-support */
    	/*background: rgba(119, 119, 119, 0.7);*/
      	max-width: 100%;
  	padding:15px;
}

.NewsCentreBanner .carousel-caption h1 {
    	color: #fff;
    	font-size: 26px;
    	max-width: 100%;
 	 line-height:1.3em;
    	padding: 0px 25px 0px 50px;
    	font-weight: 600;
 	 text-shado6:none;
  	text-transform: uppercase;
  	text-align:center;
  	letter-spacing: .02em;
}

.NewsCentreBanner .carousel-caption p {
    	font-size: 0px;
    	padding: 7px 25px 0px 50px;
    	color: #fff;
    	max-width: 100%;
    	font-weight: 600;
    	text-shadow:none;
   	line-height:1.4em;
 	 text-align:center;
}

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

.carousel-caption {
    	padding-left: 0px !important;
    	padding-top: 0px;
}

.carousel-indicators {
    bottom: 0px;
}

.NewsCentreBanner .carousel-caption p a{
   	/*text-align:center;
 	 text-transform:uppercase;
  	 width:250px;
    	-ms-box-sizing: border-box;
   	 -moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	font-size: 13px;
    	padding: .5em .5em;
    	background: #be191f;
    	color: #fff !important;
  	margin: 20px auto !important;
  	 font-weight:600;
   	letter-spacing: .1em;
      	font-style:normal;*/
  display:inline-block !important;
  margin-top:0px !important;
  color:#fff;
  text-transform:uppercase;
  text-decoration:underline;
  font-weight:600 !important;
  padding:15px !important;
  font-size:14px;
}

.NewsCentreBanner .carousel-caption p a:hover{
      	background: #9c9d9d;
  	color:#fff !important;
  text-decoration:none;
}

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

.carousel-indicators{
	display:none;
}


/*--------------------------------------------------------------------------------
	MODULE - MEDIA GALLERY SLIDESHOW
-----------------------------------------------------------------------------------*/

.camera_caption >div{
  	background:#162b56;
  	opacity:0.7;
  	font-size:12px;
}


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

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

.u2-news-block{
	background-color:#fff;
}

.NC_NoArticles{
  	display:none;
}

.NC_NewsBySection_body {   
    	white-space: pre-wrap;
}

.news-showcase {
    	min-height: 0px;  
  	padding:60px 25px 0px 25px;
}

.news-showcase:before{
      	border-top: 1px solid #b3b3b3;
}

.nav-pills li {
    	border-radius: 0px;
  	border:none;
  	background:#e6e6e6;
}

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

.nav-pills li a, .nav-pills li i {
    	color: #be191f;
   	font-weight: 400;
    	font-size: 11px;
}

#ClassTasks .nav.nav-pills > li{
	background:none;
}

#ClassTasks .panel{
	padding:10px;
}

.nav-pills li a {
    	padding: 5px 0px 5px 15px;
}

.nav-pills > li > a {
    	color: #be191f;
}

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

.nav-pills > li > a:focus, .nav-pills > li > a:hover {
    	background: none;
}

.NC_TitleBase .nav-pills li.active{
	background:#bbbcbd;
}

.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: #be191f;
}

.nav-pills li i:hover {
    	color: #be191f;
}

.NC_TitleBase .nav-pills li a {
    	background: none !important;
}

.nav-pills li i {
    	padding: 5px 15px 5px 10px;
}

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

.news-showcase h6 {
    	color: #be191f;
  	font-weight:bold;
}

.ExtraNewsItem{
 	 font-weight:bold;
}

.ExtraNewsItem, .ExtraNewsItem i {
    	color: #be191f;
}

.u2-MoreNews .ExtraNewsItem, .u2-MoreNews .ExtraNewsItem i , .u2-archives .ExtraNewsItem,
.u2-archives .ExtraNewsItem i {
	color:#be191f;
}

.ExtraNewsItem:hover, .ExtraNewsItem i:hover {
    	color: #000;
}

.u2-news-heading h3 {
    	color: #1e1e1e;
}

.NewsTile {
    	background-color: #f9f9f9;
    	margin-top: 15px;
    	border: solid 1px #ddd !important;
}

/*area surrounding featured articles*/
.u2-SocialMedia {
	padding-top:90px;
    	background-color: #454449;
   	 color: #fff;
}

/*removing footer top margin*/
.NC_NewsBySection_Outer:hover {
    	background: inherit;
    	border: none;
}

.panel-body {
    	padding: 5px;
}

.u2-SocialMedia h4 {
    	color: #fff;
        display:none;
}

.u2-SocialMedia .fa{
	display:none;
}

.u2-SocialMedia h6 {
    	color: #f2f2f2;
    	margin-top: 30px;
    	margin-bottom: 10px;
  display:none;
}

.u2-MoreNews{
	background:#fff;
}

.u2-content-section{
	background:inherit;
  	padding:50px 15px 50px 15px;
}

.news-showcase p {
    	color: #000;
  	line-height:1.4em;
}

.NC_TitleBase, .u2-MoreNews h4 {
    	margin-bottom: 0px;
    	padding: 10px 0px;
  	border:none;
  	margin-top:20px;
    	color: #004f2f;
    	font-size: 18px;
    	margin-bottom: 20px;
    	background-color: #fff;
 	 font-weight:600;
  	border-bottom: 2px solid #e6e6e6;
}

.NC_TitleBase{
	height:45px;
}

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

.u2-MoreNews h4, .u2-archives h4{
	line-height:1.8em;
  	margin-bottom:15px;
  	text-transform: uppercase;
	font-weight: 800;
	font-family: "Impact", Charcoal, sans-serif;
  	color:#bbbcbd;
  	font-size:20px;
  	letter-spacing: 1px;
}

.NC_TitleBase_Text {
    	line-height: 2em;
   	 margin-bottom: 0px;
    	padding: 0px 0px;
  	height:45px;
  	border:none;
  	margin-top:-10px;
    	color: #bbbcbd;
    	font-size: 20px;
    	line-height: 2em;
    	margin-bottom: 20px;
    	background-color: none;
  	font-weight:600;
  	font-family: "Impact", Charcoal, sans-serif;
	letter-spacing: 1px;
 	 text-transform:uppercase;
}

.NC_PDFExport:before{
    	color: #00a3e3;
}

.NC_NewsBySection {
    	padding-bottom: 10px;
}

.NC_NewsBySection_Title {
    	margin-bottom: 15px;
}

.NC_NewsBySection_NoData, .NC_NoData {
    	color: #555;
}


/*--------------------------------------------------------------------------------
NEWS CENTRE ARTICLES
-----------------------------------------------------------------------------------*/
.u2-news-image-block .u2-news-caption{
	font-size:13px;
  	background:#9c9d9d;
}


/*--------------------------------------------------------------------------------
	FOOTERS
-----------------------------------------------------------------------------------*/
footer {
    	background-color: #333333;
    	margin-top: 60px;
}

footer .col a{
    	color: #fff;
  	font-weight:600;
}

.footer-nav .navbar-brand a, .footer-nav li a{
	color:#fff;
  	font-size:11px;
	font-family: "PlantinMTPro-Light","Times New Roman'",Times,serif !important;
}

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

.footer-nav li a{
	padding-top:17px;
}

footer .col li a {
    	color: #fff !important;
   	font-weight:600;
}

/*Bottom nav bar*/
.footer-nav {
    	display: block;
 	 background-color:#333333;
}

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

 .ProfileIdentity_Base .PublicToolbarBase a {
 	color:#fff;
 	text-shadow:none;
 	border:none !important;
  	text-transform:uppercase;
   	font-size:9px;
   	font-weight:400;
   	width:auto;
   	padding: 0px 10px;
 }

.ProfileIdentity_Base .PublicToolbarBase a:hover{
  	color:#fff;
	font-weight:bold;
  	font-size:10px;
}

.ProfileIdentity_Base .PublicToolbarBase a i{
	color:#fff;
}

.toolbar-loggedout .container {
    	float: right !important;
  	/*position:relative;*/
}

.PublicToolbarBase a.NewsCentre{
}

.PublicToolbarBase a.SignIn i {
	color:#fff;
}

.PublicToolbarBase a.SignIn i:hover{
	font-size:16px;
}


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

@media screen and (max-width: 400px) {
   	 .ProfileIdentity_Base .PublicToolbarBase a {
        	text-align: center;
        	margin-top:0px;
    	}

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

@media (max-width: 640px) {
  
    .u2-menu-outer .navbar-collapse /*gap between brand and mobile dropdown*/{
    	padding:20px 25px 0px 25px;
}
  
  main.container-fluid.Subpage{
  	padding: 70px 0px 40px 0px;
}
  
  .navbar-nav>li>.dropdown-menu{
  	border-top-left-radius: 5px;
	border-top-right-radius:5px;
  }

    /*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 {
  	text-align:center;
  }
 
    .NewsCentreBanner .carousel-caption h1 {
        font-size: 15px;
      	padding:5px;
    }

    .NewsCentreBanner .carousel-caption p {
        font-size: 0px !important;
      	padding:5px;
    }
  
 .NewsCentreBanner .carousel-caption p a {
        font-size: 12px;
      	padding:5px;
    }

    .NewsCentreBanner .carousel-indicators {
        display: none;
    }

    .NewsCentreBanner .carousel .slide {
        background-position: center center;
    }
  
  /*breadcrumb position*/
  .page-head.container-fluid{
    	padding:0px;
  }

    /*Tweaks to the menu and footer CSS*/
.u2-menu-outer:not(.stuck) .u2-menu-block, .u2-menu-outer.stuck .u2-menu-block, .u2-menu-outer .u2-menu-block {
        padding: 15px 0 10px 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: 200px;
    height: 32px;
      margin-top:10px;
    }
}

@media (max-width: 768px) /*iPAD*/{
  
h3.u2-heading[data-size='4'], h3.u2-heading[data-size='5'], h3.u2-heading[data-size='6']{
  	font-size:36px;
  }
  
  h3.u2-heading[data-size='3']{
    	font-size:24px;
  }
  
  .u2-menu-outer .navbar-nav a{
  	padding-bottom:10px;
  }
  
    /*setting mobile subpage hover settings and icon display*/
    .navbar-header {
        height: 64px;
        margin-top: 30px;
    }
  
  .u2-menu-outer .u2-menu-block{
  	padding:10px 0px 0px 0px;
  }

    .u2-menu-outer .navbar-brand img {
        width: 163px;
    	height: 55px;
     	margin-top:30px;
     	 margin-left:15px;
    }
  
	.u2-nav-links {
    		max-width: 500px;
	}
  
    .u2-menu-outer .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
        background: transparent !important;
    }

  .nav>li>a{
  	padding:7px;
  }
  
    .navbar-toggle {
        	margin-right: 0px;
      	margin-top:15px;
    }
  
  .ProfileIdentity_Base .PublicToolbarBase{
  	margin-right:-24px;
  }

    .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: #00a3e3;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .u2-menu-outer .u2-nav-links a[href] {
        font-size: 10px;
    }

    .u2-menu-outer .u2-nav-links .open > a,
    .u2-menu-outer .u2-nav-links a:hover {
        color: #f0f0f0;
    }
  
    .breadcrumb {
        padding: 5px 0px !important;
    }

    .u2-menu-outer .dropdown-submenu {
        border-left: solid 1px #004a3f;
    }

    .navbar-nav .open .dropdown-menu {
        border-radius: none !important;
    }
  
    .u2-menu-outer[data-authenticated='1'] .u2-menu-block .u2-nav-links {
        margin-left: auto;
        margin-right: auto;
       /* width: 100%;*/
    }

 .NewsCentreBanner .carousel-caption {
  	text-align:center;
  }
  
    .NewsCentreBanner .carousel-caption h1 {
        font-size: 20px;
    }

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

    .NewsCentreBanner .carousel-caption {
        padding: 60px 15px 0px 15px;
    }

    .NewsCentreBanner .carousel-indicators {
        display: none;
    }

    .NewsCentreBanner .carousel .slide {
        background-position: center center;
    }
}

@media (max-width: 992px) {
    .ContentWithLinks .col.pull-right {
        float: none !important
    }

    .ContentWithLinks .col.pull-right + .content-text {
        clear: right;
        padding-top: 15px
    }
}


@media (max-width: 1200px) {
  
  .u2-menu-outer .u2-nav-links a[href] {
        font-size: 12px;
    }
}



