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

   Theme Name: Paraparaumu Beach School 
   Version: 2.8
   Last modified: 26 November 2018
   Author: Charlotte Ivey
   Author contact: charlotte@etime.co.nz
   Author URI: http://www.etime.co.nz
   ========================================================= */

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

#0087bf - blue
#fcdd2a - yellow
----------------------------------------------------------------------------------*/

/*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: #0087bf;
    width: 100%;
    padding-bottom: 0em;
  color:#fff;
}

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

/*Icon headings*/
h4.u2_icon_title, .IconLinks .col .u2_icon_title{
font-size:10px;
color:#595959;
margin-bottom:25px;
}

.Divider hr{
border-top: 1px solid #858585;
}

/*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: #fff;
background-color:#0087bf;
}

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

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

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

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

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

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

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

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

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

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

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

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

[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{
    color: #000;
}

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

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

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

[data-theme="0"] .u2-heading {
    /*text-align: center;*/
    padding-bottom: 0em;
}

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

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

/*--------------------------------------------------------------------------------
	BRANDING & BANNER
-----------------------------------------------------------------------------------*/

/* School logo */
.u2-menu-outer .navbar-brand img {
    	width: 370px;
    	height: 113px;
}

/*banner area*/
.u2-menu-outer, .u2-menu-outer.stuck{
    	background-image: url('tiles.jpg');
  	background-repeat: repeat-x;
  	background-size: 400px 50px;
  	background-position:bottom; 
 	background-color: #0087bf;
}

/*banner area*/
.u2-menu-outer:not(.stuck) .u2-menu-block, .u2-menu-outer.stuck .u2-menu-block, .u2-menu-outer .u2-menu-block {
	padding: 15px 10px 60px 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 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 {
    	font-size: 14px;
    	color: #000000;
 	 line-height:1.5em;
}

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

/*--------------------------------------------------------------------------------
	HEADINGS
-----------------------------------------------------------------------------------*/
/* Heading - pages */
main .u2-heading {
    color: #000000;
    text-align: left;
    margin-bottom: 30px;
  font-weight:bold;
}

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'], h3.u2-heading[data-size='2'], h3.u2-heading[data-size='1'], .u2-news-block h3, .u2-MoreNews h4, .u2-archives h4 {
  font-size:22px;
color:#000;
  line-height:1.5em;
  margin-top:50px;
  margin-bottom: 0px;
    font-weight:bold;
}

.u2-news-block h3{
	margin-top:0px;
}

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

/*--------------------------------------------------------------------------------
	BREADCRUMBS NAV BAR
-----------------------------------------------------------------------------------*/
/* Breadcrumbs nav bar */
.breadcrumb {
    text-shadow: none;
    padding: 0px 70px !important;
    font-size: 10px;
    min-height: 0px !important;
  display: none;
    background-color: #009fe4;
  font-style:italic;
}

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

.breadcrumb a {
    color: #00438d;
}

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

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

.page-head {
    background-color: #78adf3;
}

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

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

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

.ParentAccessIndicator .PageTools_ParentToolTip {
    color: #868686;
}

/*--------------------------------------------------------------------------------
	HYPERLINKS
-----------------------------------------------------------------------------------*/
/*hyperlinks*/
a, a:hover, a:focus {
    color: #0087bf;
}

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

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

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

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

/* list line height override*/

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

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

/*--------------------------------------------------------------------------------
	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% - 400px);
    }

    .u2-menu-outer[data-authenticated='0'] .u2-menu-block .u2-nav-links {
        max-width: calc(100% - 400px);
    }
}

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

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

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

.u2-menu-outer .navbar-nav a:hover {
    color: #0087bf;
}

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

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

.u2-menu-outer .navbar-nav a[href]:hover {
    color: #0087bf;
    background-color: #f2f2f2;
}

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

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: #fff;
    color: #adadad;
}

.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: 190px;
}

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

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

/*Module  background*/
.list-group, .NC_Base{
      background-color: #f7f6f6;
}

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

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

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

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

.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: #f0eeee;
    color: #0087bf;
    border: none;
    font-size: 12px;
    font-weight: inherit;
    font-weight: 600;
}

.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: #000;
    text-decoration: none;
}

.panel-title .controls a {
    /*icon in resource subheading*/
    color: #0087bf;
    margin-right: 5px;
}

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

/*Item*/
.list-group-item {
 font-size: 12px;
  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 {
        color:#0087bf;
 	 font-weight:600;
}

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

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


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

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

/*--------------------------------------------------------------------------------
	MODULE - IFRAME
-----------------------------------------------------------------------------------*/
.Page_iframe .iFrameDescription{
	font-size:80%;
}

/*--------------------------------------------------------------------------------
	MODULE - QUIZBOX
-----------------------------------------------------------------------------------*/
.nav-pills>li.active>a,{
	background-color:none !important;
}

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

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

#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: 8px 15px;
    font-weight: 600;
}

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

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

.card .card-block p {
    	padding: 10px 30px;
    	background: #0087bf;
  	color:#fff;
  	font-weight: 600;
  	font-size:13px;
  	display:none;
}

.card {
    border: none;
}

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

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

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

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

/*--------------------------------------------------------------------------------
	MODULE - SUBPAGE
-----------------------------------------------------------------------------------*/
main #SubPages .list-group {}

/* grey box */
main #SubPages .list-group-item {}

main #SubPages .list-group-item:hover {
    color: #00adf2;
}
/* link icon */
main #SubPages .list-group-item i {
    color: #0087bf;
}

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

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

/*--------------------------------------------------------------------------------
	MODULE - CONTENT RESOURCE CARD
-----------------------------------------------------------------------------------*/
.card .list-group {
    border-top: none;
    background: #f7f6f6;
}

.card .list-group > a {
    font-size: 12px;
    color: #0087bf;
 	 padding: 2px 30px;
}


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

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

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

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

.u2-news-card .u2-description {
    height: 110px;
    border-bottom: 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: #2a6fbc;
    font-size: 16px;
}

/*--------------------------------------------------------------------------------
	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:#f2f2f2;
  font-size:90%;
}

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

.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 - HOMEPAGE AND NEWS SLIDESHOW
-----------------------------------------------------------------------------------*/
/*homepage slideshow only*/
.NewsCentreBanner.container-fluid .slide{
	height:80% !important;
}

.carousel[data-authenticated='1'] .slide, .carousel[data-authenticated='0'] .slide{
	min-height:400px;
}

.NewsCentreBanner .carousel-caption h1 {
    color: #000;
    font-size: 28px;
    max-width: 350px;
  line-height:1.3em;
    padding: 20px 25px 0px 40px;
    background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.8);
    font-weight: 400;
  text-shadow:none;
  font-style:italic;
}

.NewsCentreBanner .carousel-caption p {
    font-size: 16px;
    padding: 10px 25px 30px 40px;
    color: #000;
    max-width: 350px;
    background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.8);
    font-weight: 600;
    text-shadow:none;
    font-style:italic;
   line-height:1.4em;
}

.NewsCentreBanner .carousel-caption p a {
 	font-weight: 600;
  	color:#0087bf;
}

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

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

.carousel-indicators {
    bottom: 0px;
}

/*--------------------------------------------------------------------------------
	MODULE - HOMEPAGE NOTICES FEED
-----------------------------------------------------------------------------------*/
.Content .u2-news-card .u2-more{
	color:#000;
  	background:#f7f6f6;
  	height:auto;
}

.NC_Marquee{
  	color:#000;
}

.NCH_NewsBySection_Outer{
    	font-size:12px;
  	color:#666;
  	font-weight:600;
}

.NCH_NewsBySection_body{
	color:#666;
    	font-weight:normal;
}

.NCH_NewsBySection_Title{
	font-weight:600;
     	 font-size: 14px;
  	color:#4e4e4e;
}

.Content .u2-news-card .u2-find-more{
	background:#0087bf;
}

.Content .u2-news-card .u2-find-more p{
	color:#fff;
  	font-weight:600;
  	font-size:22px;
  	padding: 20px 30px;
    	text-align:left;
}

.Content .u2-news-card .u2-find-more p a{
	color:#fff;
	text-decoration:underline;
}

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

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


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

.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: #fcdd2a;
    	border: none;
    	color: #0087bf !important;
    	text-shadow: none;
  	margin: 0 auto 30px auto!important;
  	box-shadow:none;
  	display: inline-block;
   	width:100%;
}

.content_button_base a{
      	padding: 15px 20px;
     	 -webkit-border-radius: 0em 0em 1em 1em;
   	 -moz-border-radius: 0em 0em 1em 1em;
    	border-radius: 0em 0em 1em 1em;
}

.form-controls .button-normal{
      	padding: 10px 20px;
      	-webkit-border-radius:1em;
    	-moz-border-radius: 1em;
    	border-radius: 1em;
}

.button-normal a:hover, .content_button_base a:hover, .iFrameButton.button-normal:hover, .module .button-normal:hover{
	background: rgba(159, 33, 67, 1) ;
  	color:#fff !important;
}

.module button{
	padding:10px;
}


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

/*--------------------------------------------------------------------------------
	NEWS CENTRE PAGE
-----------------------------------------------------------------------------------*/
.news-showcase {
    	min-height: calc(100vh - 350px);
  	padding-top:50px;
}

.nav-pills li {
    border: none;
}

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

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

#ClassTasks .panel-body{
}

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

.nav-pills > li > a {
    border-radius: 3px;
    color: #dde4e9;
}

/*correcting corner radius error*/

.page-head .header-wrapper .nav-pills li.active {
   background-color: #525252;
}

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

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

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

.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: #0087bf;
  font-weight:bold;
}

.ExtraNewsItem{
  font-weight:bold;
}

.ExtraNewsItem, .ExtraNewsItem i {
    color: #0087bf;
}

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

.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 {
    margin-bottom: -50px;
    background-color: #1e1e1e;
    color: #fff;
}

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

.panel-body {
    padding: 5px;
}

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

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

.u2-MoreNews, .u2-archives {
  background:#f7f6f6;
}

.u2-content-section{
background:inherit;
}

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

.NC_TitleBase {
    background-color: #0087bf;
    border: none;
    padding: 6px 15px;
    height: 35px;
  color:#fff;
}

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

.NC_NewsBySection {
    padding-bottom: 10px;
}

.NC_NewsBySection_Title {
    margin-bottom: 10px;
}

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


/*--------------------------------------------------------------------------------
	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 60px 30px 60px !important;
}

.u2-news-image-block{
	padding:60px;
}

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

.u2-news-image-block .u2-news-caption{
	background-color:#f0eeee;
  	color:#666;
  	font-size:12px;
  	font-style:italic;
}



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

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

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

/*Bottom nav bar*/
.footer-nav {
  	background:#f0eeee;
  	padding:0px;
}

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

.footer-nav .navbar-brand a:hover, .footer-nav li a:hover { 
  	color: #000; 
}


/* Page outer border for fixed width display */
footer, header, main, .u2-menu-block, .footer-nav {
    /*border: solid 1px #ccc;*/
    border-top: none;
    border-bottom: none;
}


/*--------------------------------------------------------------------------------
	TOOLBAR
-----------------------------------------------------------------------------------*/
.ProfileIdentity_Base .PublicToolbarBase {
	background-color:#0087bf;
	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;
	padding:2px;
} 

 .ProfileIdentity_Base .PublicToolbarBase a {
 	color:#fff;
 	text-shadow:none;
	 border:none !important;
  	text-transform:uppercase;
  	 font-size:9px;
  	 font-weight:600;
  	 font-weight:bold;
 }

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

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

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

    .ProfileIdentity_Base .PublicToolbarBase a span {
        display: none;
    }

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

@media (max-width: 640px) {
  
	.u2-news-image-block{
  		padding:15px;
  	}
  
    /*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: 13px;
      padding:5px;
    }

    .NewsCentreBanner .carousel-caption p {
        font-size: 9px;
      padding:5px;
    }

    .NewsCentreBanner .carousel-caption {
        /*padding: 90px 15px 0px 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 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: 129px;
        height: 45px;
    }
}

@media (max-width: 768px) /*iPAD*/
{
  
  .u2-menu-outer .navbar-collapse, .u2-menu-outer.stuck .navbar-collapse /*gap between brand and mobile dropdown*/{
    padding-top:30px;
}

    /*setting mobile subpage hover settings and icon display*/
    .navbar-header {
        height: 50px;
        margin-top: 30px;
    }

    .u2-menu-outer .navbar-brand img  /*iPAD PORTRAIT LOGO*/ {
        width:129px;
        height: 45px;
    }

    .u2-menu-outer .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
        background: transparent !important;
    }

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

    .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: #3c64ad;
        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: #3c64ad;
    }
  
    .breadcrumb {
        padding: 5px 0px !important;
    }

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

    .navbar-nav .open .dropdown-menu {
        background-color: #f2f2f2;
        border-radius: none !important;
    }

    .u2-menu-outer[data-authenticated='1'] .u2-menu-block .u2-nav-links {
        margin-left: auto;
        margin-right: auto;
       /* width: 100%;*/
    }
  
     /*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: 16px;
    }

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

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