/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */


body {
background: url('images/body-bg-d.png') repeat top center;
color: #555555;
font-size: 14px;
font-family: 'Open Sans';
}

#page {
margin-top: 1em;
}

/*
 * Text and formatting
 */
 
 a:link, a:visited {
    text-decoration: none;
}

/* Horizontal rule for breaking floats */
#region-content .content hr {
height: 1px;
    color: transparent;
   /*  background: transparent; */
    font-size: 0;
    border: 0;
	clear: both;
	padding: 1em;
} 
 /* Horizontal rule for breaking floats END */

 
#zone-content .content ul {
margin-left: 20px;
}

#zone-content .content img{
height: 100% !important;
}
#zone-content .content img[align="left"],
#zone-content .content img[style*="float: left"],
#zone-content .content img[style*="float:left"]{
    margin: 5px 30px 30px 0px;
	clear: left;
}
#zone-content .content img[align="right"],
#zone-content .content img[style*="float: right"],
#zone-content .content img[style*="float:right"]{
    margin: 5px 0px 30px 30px;
	clear: right;
}

/*
 * Header
 */

 
#zone-branding-wrapper {
margin-bottom: 3em;
} 

/* Social Profile and Search buttons */

#zone-branding #header-buttons {
margin-top: 1em;
line-height: 40px;
}

#zone-branding #header-buttons a.facebook, #zone-branding #header-buttons a.twitter, #zone-branding #header-buttons a.youtube, #zone-branding #header-buttons a.search {
line-height: 40px;
width: 40px;
height: 40px;
margin-right: 5px;
color: transparent;
display: inline-block;
font-size: 0.1em;
}

#zone-branding #header-buttons a.facebook {
background: url(images/sprites.png) 0px -59px no-repeat;
}
#zone-branding #header-buttons a.twitter {
background: url(images/sprites.png) 0px -112px no-repeat;
}
#zone-branding #header-buttons a.youtube {
background: url(images/sprites.png) 0px -167px no-repeat;
}
#zone-branding #header-buttons a.search{
background: url(images/sprites.png) 0px 0px no-repeat;
}
/* Social Profile and Search buttons END */


 
 /*
 * Header END
 */

/*
 * Navigation
 */

#navigation ul li.leaf, #navigation ul li.expanded {
list-style-image: none;
list-style-type: none;
}

 
#navigation .pane-content > ul > li > a {
color: #12485e;
}

#navigation .pane-content > ul > li > a.active-trail {
color: #00d4ff;
}

/*
 * Navigation END
 */


/*
 * Page title/Breadcrumbs
 */
 
#zone-menu-wrapper {
background: #156f91;
margin-bottom: 3em;
}

.front #zone-menu-wrapper {
background: transparent;
margin-bottom: 1em;
}
.context-get-involved  #zone-menu-wrapper, .context-whats-on #zone-menu-wrapper {
margin-bottom: 2em;
}


/* Page title */

#zone-menu-wrapper #mini-panel-content_top .pane-page-title {
float: left;
}

#zone-menu-wrapper #mini-panel-content_top .pane-page-title h1 {
color: #fff;
margin: 0.5em 0;
font-size: 50px;
text-transform: capitalize;
line-height: 1em;
}

/* Breadcrumbs */

#zone-menu-wrapper #mini-panel-content_top .pane-page-breadcrumb .breadcrumb .separator {
color: #00d4ff;
margin: 0 5px;
}
#zone-menu-wrapper #mini-panel-content_top .pane-page-breadcrumb .breadcrumb .separator:first-child {
display:none;
}

#zone-menu-wrapper #mini-panel-content_top .pane-page-breadcrumb .breadcrumb {
float: right;
margin-top: 40px;
color: #fff;
white-space: nowrap;
}

#zone-menu-wrapper #mini-panel-content_top .pane-page-breadcrumb a.active-trail {
color: #fff;
}
#zone-menu-wrapper #mini-panel-content_top .pane-page-breadcrumb a {
color: #00d4ff;
text-decoration: none;
}

/*
 * Page title/header/Breadcrumbs END
 */
 
 
 /*
 * Content zone
 */
#zone-content-wrapper {
 margin-bottom: 4em;
 }


 .homepage-strapline .pane-content h2, .homepage-strapline .pane-content h3, .homepage-strapline .pane-content h4, .homepage-strapline .pane-content h5, .homepage-strapline .pane-content h6, #home-strapline .pane-content h2, #home-strapline .pane-content h3, #home-strapline .pane-content h4, #home-strapline .pane-content h5, #home-strapline .pane-content h6 { 
  color: #156f91;
 }
 #home-strapline .pane-content h3 {
 color: #00d4ff;
 }
/* Landing pages */

.node-type-landing-page .boxes-container {
	display: flex;
    width: 100%;.homepage-strapline .pane-content h2
	    padding-top: 2em;
}
.node-type-landing-page .boxes-container .grid-6 {
	padding-top: 2em;
	padding-bottom: 2em;
}

.node-type-landing-page .boxes-container .grid-6.alpha {
	background: #CAD9E0;
    margin-right: -10px;
     margin-left: -1000px;
    padding-left: 1000px;
	padding-right: 2em;
}
.node-type-landing-page .boxes-container .grid-6.alpha h2, .node-type-landing-page .boxes-container .grid-6.alpha h3, .node-type-landing-page .boxes-container .grid-6.alpha h4, .node-type-landing-page .boxes-container .grid-6.alpha h5, .node-type-landing-page .boxes-container .grid-6.alpha h6 {
	color: #156F91;
}
.node-type-landing-page .boxes-container .grid-6.omega {
	background: #ffffff;
     margin-left: -10px;
   margin-right: -1000px;
    padding-right: 1000px;
	padding-left: 2em;
	color: #156F91;
}
.node-type-landing-page .downloads .pane-title {
	text-align: center;
	margin-top: 1em;
}

.node-type-landing-page .downloads .pane-title:after {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    margin: auto;
    border-bottom: 1px solid #555555;
    margin-top: 10px;
}

/* Landing pages END */
 
 /* Date card */
.published-date, .view-date-card {
float: left;
width: 50px;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-family: 'Maven Pro';
}
.published-day, .view-date-card .views-field-field-event-date {
padding: 5px 0; 
background: #156f91;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
.published-month, .view-date-card .views-field-field-event-date-1 {
padding: 0; 
background: #028fb0;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}
.view-date-card .views-field-field-event-date-2 {
color: #000;
line-height: 1em;
}
 /* Date card END */
 
/* Event detail header */
#mini-panel-event_detail_header {
font-size: 18px;
margin-bottom: 2em;
}
 
#mini-panel-event_detail_header h2 {
color: #156f91;
font-size: 16px;
margin: 0;
} 

#mini-panel-event_detail_header .pane-node-title .pane-content {
font-weight: bold;
}

#event .panel-separator {
clear: both;
}

#mini-panel-event_detail_header .field-name-field-audience .field-item {
float: left;
}
#mini-panel-event_detail_header .field-name-field-audience .field-item:after {
content: ',';
padding-right: 0.2em;
}
#mini-panel-event_detail_header .field-name-field-audience .field-item:last-child:after {
content: '';
padding-right: 0;
}

/* Event detail header END */

/* Event content */
#mini-panel-event_content_body {

}
/* Event content END */

/* Events listing */
.view-event-search table, .view-event-search tbody, .view-event-search table thead th, .view-event-search table th, tr.even, tr.odd, tr.odd td, tr.even td {
border: none;
background: transparent;
}
.view-event-search table th {
  color: #fff;
  font-size: 18px;
}
.view-event-search thead {
  background: #12485e;
  }
.view-event-search thead th, .view-event-search table td {
    padding: 6px 20px;
  }
.view-event-search .views-field-view-node a {
color:transparent;
font-size: 0.1em;
display: inline-block;  /*set display*/
width: 22px;
height: 22px;
background: url(images/sprites.png) -10px -953px no-repeat;
}  

/* Border radius only on TDs */  
.view-event-search table { border-collapse: separate; }
.view-event-search thead th:first-child { 

  -moz-border-radius: 5px 0 0 5px;
-webkit-border-radius:  5px 0 0 5px;
border-radius:  5px 0 0 5px;
}
.view-event-search thead th:last-child {

  -moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}

.views-field-field-event-date {
white-space: nowrap;
}

/* Events listing END */

/* Resource section - Case Studies */
#sub-section .pane-content {
display: none;
}
#casestudies-landing  .views-field-field-image img{
float: left;
}

#casestudies-landing  #casestudy-listing .article-listing-wrap, .pane-case-studies-casestudiescarousel-pane .article-listing-wrap {
margin-left: 180px;
 }
#casestudies-landing  #casestudy-featured .article-listing-wrap {
margin-left: 380px;
 }
#casestudies-landing  #casestudy-featured {
background: #fff;
border-bottom: 3px solid #f1efeb;
padding: 15px;
}
 
#casestudies-landing .article-listing-wrap .article-title h2 a:link, #casestudies-landing .article-listing-wrap .article-title h2 a:visited, #casestudies-landing .article-listing-wrap .article-title h2 a:hover, #casestudies-landing .article-listing-wrap .article-title h2 a:active {
color: #000;
text-decoration: none;
}
#casestudies-landing .article-listing-wrap .article-title h2 {
margin-bottom: 0;
line-height: 1em;
}

#casestudies-landing .article-listing-wrap .media-source {
font-size: 18px;
color: #156f91;
margin-bottom: 20px;
}
.pane-case-studies-casestudiescarousel-pane {
	float: left;
	width: 100%;
	clear: both;
}
.pane-case-studies-casestudiescarousel-pane .pane-title {
	margin-top: 2em;
}
.pane-case-studies-casestudiescarousel-pane .views-field-field-image {
	float: left;
}

/* Media section */
.pane-media-centre-media-inthenews-pane .pane-title, .pane-media-centre-media-pressreleases-pane .pane-title, .pane-downloads-media-pack-pane .pane-title, .pane-downloads-toolkit-pane .pane-title, #sub-section .pane-title, #sub-section-heading h2.pane-title, h2.bar-heading {
  background: #12485e;
  padding: 8px 20px;
  color: #fff;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform: capitalize;
font-size: 25px;
}
 
.view-media-centre .views-row, .view-search-results .views-row, #casestudies-landing  #casestudy-listing .views-row  {
 padding: 30px 15px 34px 15px;
 }
 
#casestudies-landing  #casestudy-listing .views-row {

}
.view-media-centre .views-row-even, .view-search-results .views-row-even, #casestudies-landing  #casestudy-listing .views-row-even, tr.even {
background: #f1efeb;
 }
 
 /* Supporters */
.pane-supporters-sponsorslisting-pane .view-supporters .views-field-field-sponsor-logo img{
margin-left: 10px;
}
.view-supporters .article-listing-wrap {
margin-left: 10px;
 }
 
.view-supporters .views-row {
	margin-bottom: 30px;
	clear: both;
}

 /* Latest News - Footer */
 .pane-media-centre-latest-news-pane .view-media-centre .published-date {
font-size: 14px;
width: 40px;
margin-right: 15px;
}
 .pane-media-centre-latest-news-pane .view-media-centre .views-row {
 border-bottom: dotted 1px #028fb0;
 clear: both;
 padding: 15px 0;
 }
.pane-media-centre-latest-news-pane .view-media-centre .views-row-first {
padding-top: 0;
} 
.pane-media-centre-latest-news-pane .view-media-centre .views-row-even {
background: transparent;
 }
.pane-media-centre-latest-news-pane .view-media-centre .views-row-last {
 border-bottom: none;
}
.article-footer-wrap .article-title h2 {
font-size: 14px;
margin-bottom: 0;
}
 /* Latest News - Footer END */


 .article-listing-wrap {
margin-left: 60px;
 }

.article-listing-wrap .article-title h2 a:link, .article-listing-wrap .article-title h2 a:visited, .article-listing-wrap .article-title h2 a:hover, .article-listing-wrap .article-title h2 a:active {
color: #000;
text-decoration: none;
}
.article-listing-wrap .article-title h2, .node-type-media-article .pane-node-title h2 {
margin-bottom: 0;
line-height: 1em;
color: #000;
}

.article-listing-wrap .media-source, .pane-node-field-media-source, #in-the-news .media-source {
font-size: 18px;
color: #156f91;
margin-bottom: 20px;
}

/* Media pack */

.downloads .pane-title {
	
}
.downloads .pane-title:after {
    border-bottom: 1px solid #fff;
}

.pane-downloads-toolkit-pane table, .pane-downloads-media-pack-pane table, .downloads table {
border: 0;
}
.pane-downloads-toolkit-pane table caption, .pane-downloads-media-pack-pane table caption, .downloads table caption {
display: none;
}
.pane-downloads-toolkit-pane .views-view-grid #td-wrapper, .pane-downloads-media-pack-pane .views-view-grid #td-wrapper, .downloads .views-view-grid #td-wrapper {
background: #fff;
border-bottom: 3px solid #f1efeb;
padding: 15px;
}
.pane-downloads-toolkit-pane .views-view-grid #td-wrapper .download-thumb img,.pane-downloads-media-pack-pane .views-view-grid #td-wrapper .download-thumb img, .downloads .views-view-grid #td-wrapper .download-thumb img {
width: 100%;
height: auto;
border: 1px solid #f1efeb;
}
.pane-downloads-toolkit-pane .views-view-grid #td-wrapper .download-thumb img, .pane-downloads-media-pack-pane .views-view-grid #td-wrapper .download-thumb img, .downloads .views-view-grid #td-wrapper .download-thumb img {
width: 100%;
height: auto;
}
.pane-downloads-toolkit-pane .views-view-grid #td-wrapper .download-title, .pane-downloads-media-pack-pane .views-view-grid #td-wrapper .download-title, .downloads .views-view-grid #td-wrapper .download-title {
font-weight: bold;
}

.pane-downloads-toolkit-pane .views-view-grid #td-wrapper .download-link, .pane-downloads-media-pack-pane .views-view-grid #td-wrapper .download-link, .downloads .views-view-grid #td-wrapper .download-link  {
text-align: right;
}
.pane-downloads-toolkit-pane .views-view-grid #td-wrapper a.download-link, .pane-downloads-media-pack-pane .views-view-grid #td-wrapper a.download-link, .downloads .views-view-grid #td-wrapper a.download-link  {
text-transform: capitalize;
color: #00d4ff;
text-decoration: none;
padding-right: 18px;
background: url(images/sprites.png) 113% -898px no-repeat;
}

.pane-downloads-toolkit-pane .views-view-grid td, .pane-downloads-media-pack-pane .views-view-grid td {
padding: 15px;
width: 33%;
}
.downloads .views-view-grid td  {
padding: 15px;
width: 25%;
}

/* Media pack END */

/* Media section END */
 
 /* Accordion fields */
 .ui-accordion {
	 font-family:'Maven Pro';font-style:normal;font-weight:normal;
 }
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    /* border: 1px solid #d3d3d3;
    background: #e6e6e6 url(/misc/ui/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555; */
	background: #e4e5de none 0 0 no-repeat;
    padding: 8px 20px;
    color: #12485e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 25px;
	border: 1px solid transparent;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #12485e;
}
 
 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	 color: #12485e;
 }
 .ui-widget-content {
	 background: transparent;
 }
.ui-accordion .ui-accordion-header a {
    padding: 0;
	padding-left: 15px;
}
 
/* Sidebars */

#sidebar
{
margin-bottom: 4em;
}

 #sidebar h2.pane-title {
 color: #156f91;
 margin: 0;
 }
 
 #sidebar ul.menu {
 margin: 0;
 }
 
 #sidebar ul.menu li.leaf {
font-size: 18px;
text-transform: capitalize;
list-style: none;
margin: 0;
padding: 10px 0;
border-bottom: 1px #e4e5de dotted;
 }
 
 #sidebar ul.menu li:before {
content: '> ';
}

 #sidebar ul.menu li.leaf a {
color: #04263c;
 }
 #sidebar ul.menu li.leaf a.active, #sidebar ul.menu li.active-trail:before {
color: #00d4ff;
 }
 
 
/* Sidebars END */ 

 
 /*
 * Content zone END
 */
 
 /*
  * Slider zone
  */
 #zone-slider-wrapper {
 background: #12485e;
 color: #fff;
 }
 
/* Quote carousel */
 #zone-slider h2.pane-title {
text-align: center;
margin: 1em 0;
color: #00d4ff;
font-size: 34px;
font-weight: bold;
/* text-transform: capitalize; */
  }
  
.view-quote-carousel {
text-align: center;
}

.views-field-field-statement {
font-size: 25px;
font-style: italic;
}

.view-quote-carousel .source-wrapper {
  display: table;
  height: 75px;
  margin: 1em auto;
}
.view-quote-carousel .source-details {
display: table-cell;
 vertical-align: middle;
 padding-left: 10px;
 text-align: left;
}
.view-quote-carousel .source-name {
font-weight: bold;
}
 
.view-quote-carousel .source-wrapper .source-thumb img {
 -moz-border-radius: 50em;
-webkit-border-radius: 50em;
border-radius: 50em;
} 
  /* Quote carousel END  */
 
  /*
  * Slider zone END
  */
 
  /*
  * Detail zone
  */
  
#zone-detail h2.block-title {
text-align: center;
margin: 1em 0;
font-size: 34px;
font-weight: bold;
color: #156f91;
  }

#zone-detail .block {
 margin-bottom: 50px;
 }  

	/* Further Reading box */
	
	.node-type-landing-page #zone-detail-wrapper {
	 background: #fbd16f;
	 padding-top: 1em;
	}
	.node-type-landing-page #zone-detail .block {
	 margin-bottom: 0;
	 }  
	#mini-panel-further_reading {
		display: -webkit-flex;
		display: flex;
		-ms-flex: 1;
	}
	#mini-panel-further_reading > .panel-panel {
		margin-top: auto;
		margin-bottom: auto;
	}
	#mini-panel-further_reading > .panel-panel:first-child {
		margin-top: auto;
		margin-bottom: inherit;
	}
	/* Further Reading box END */

   /*
  * Detail zone END
  */
 
 
 /*
  * Postscript zone
  */
 #zone-postscript-wrapper {
 background: #e4e5de;
 }
 
 #zone-postscript .block {
 margin-bottom: 50px;
 }
 
/* Sponsor carousel */
#mini-panel-sponsor_carousel h2.pane-title {
text-align: center;
font-size: 18px;
margin: 1em 0;
}

.view-sponsor-carousel .views-field-field-sponsor-logo a, .view-sponsor-collection .views-field-field-sponsor-logo a  {
width: 170px;
height: 123px;
background: #fff;
text-align: center;
display: block;
overflow: hidden;
}

.view-sponsor-carousel .views-row, .view-sponsor-collection .views-row {
float: left;
margin: 5px;
}

.view-sponsor-carousel .views-slideshow-cycle-main-frame, .view-sponsor-collection .views-slideshow-cycle-main-frame {
margin: auto;
}

/* Logo centered vertically */ 
.view-sponsor-carousel .views-field-field-sponsor-logo a:before, .view-sponsor-collection .views-field-field-sponsor-logo a:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0; /* Adjusts for spacing */
}
.view-sponsor-carousel .views-field-field-sponsor-logo img, .view-sponsor-collection .views-field-field-sponsor-logo img{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%; width: auto !important; height: auto; margin: 0; padding: 0;
}

/* Sponsor carousel END */
  
  /*
  * Postscript zone END
  */
  
 
 /*
  * Footer
  */
 
#zone-footer-wrapper {
 background: #04263c;
 color: #fff;
}

#zone-footer-wrapper #zone-footer {
 padding-top: 4em;
}

#zone-footer-wrapper #zone-footer a{
color: #00d4ff;
text-decoration: none;
}

#zone-footer h2 {
text-transform: capitalize;
}

/* Quick Links */

#zone-footer ul.links {
list-style: none;
margin-bottom: 0;
}
#zone-footer ul.links li:before{
content: '> ';
}
#zone-footer-wrapper #zone-footer ul.links a, #zone-footer-wrapper #contactus-footer a {
color: #fff;
margin-right: 5px;
}

/* Quick Links END */

/* Social Profile buttons */

#zone-footer #social-profiles {
margin-top: 1em;
}

#zone-footer #social-profiles a {
line-height: 40px;
width: 40px;
height: 40px;
margin-right: 5px;
color: transparent;
display: inline-block;
font-size: 0.1em;
}

#zone-footer #social-profiles a.facebook {
background: url(images/sprites.png) 0px -662px no-repeat;
}
#zone-footer #social-profiles a.twitter {
background: url(images/sprites.png) 0px -741px no-repeat;
}
#zone-footer #social-profiles a.youtube {
background: url(images/sprites.png) 0px -825px no-repeat;
}
/* Social Profile buttons END */

/* Mailchimp Newsletter signup */
#mc_embed_signup label {
display: none;
}
#mc_embed_signup input.email {
width: 100%;
height: 30px;
font-family: 'Open Sans';
}
/* Mailchimp Newsletter signup END */

/* Latest Tweets */
#latest-tweets h2, #latest-tweets p {
margin-bottom: 0px;
}
#latest-tweets h2 {
background: url(images/sprites.png) -8px -1060px no-repeat;
padding-left: 40px;
}

#latest-tweets a#twitter-name {
font-size: 18px;
font-style: italic;
color: #028fb0;
}

#latest-tweets img.avatar {
display:none;
}

/* Latest Tweets END */

  /*
  * Footer END
  */
  
  /*
  * General carousel styling (Pagers, navigation)
  */

/* Responsive slide */
.views_slideshow_cycle_main { width: 100%; }
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame { width: 100% !important; height: auto; }
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; height: auto; }
.views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; }
.views_slideshow_cycle_main .field-content img { max-width: 100%; height: auto; margin: 0; padding: 0; }

.view-quote-carousel .views_slideshow_cycle_main {
margin: auto;
}
/* Responsive slide END */
  

/* 
.views-slideshow-controls-text-previous:after, .views-slideshow-controls-text-next:before {
font-family: 'FontAwesome';
font-size: 4em;
color: #fff;
  }
.views-slideshow-controls-text-next a, .views-slideshow-controls-text-previous a, .views-slideshow-controls-text-next a:hover, .views-slideshow-controls-text-previous a:hover{
text-decoration: none;
color: #fff;
}
  
.views-slideshow-controls-text-previous a:before{
font-family: 'FontAwesome';
content: "\f104";
font-size: 4em;
color: #156f91;
text-decoration: none;
  }
.views-slideshow-controls-text-next a:after {
font-family: 'FontAwesome';
content: "\f105";
font-size: 4em;
color: #156f91;
text-decoration: none;
  }
.views-slideshow-controls-text-previous a:hover:before, .views-slideshow-controls-text-next a:hover:after {
color: #fff;
text-decoration: none;
} */
  

/*arrow left/previous control*/
.views-slideshow-controls-text-previous {
background: url(images/sprites.png) -5px -302px no-repeat;
display: inline-block;  /*set display*/
width: 25px;
height: 40px; 
position: absolute;
left: 0;
z-index: 20;
  }
  
.views-slideshow-controls-text-previous a, .views-slideshow-controls-text-next a,.views-slideshow-controls-text-previous a:hover, .views-slideshow-controls-text-next a:hover  {
color:transparent;
font-size: 0.1em;
text-decoration:none;
}
.views-slideshow-controls-text-next {
background: url(images/sprites.png) -5px -236px no-repeat;
display: inline-block;  /*set display*/
width: 25px;
height: 40px;
position: absolute;
right: 0;
z-index: 20;
  } 
.views-slideshow-controls-text-previous:hover, #zone-slider .view-quote-carousel .views-slideshow-controls-text-previous:hover  {
background: url(images/sprites.png) -5px -584px no-repeat;
text-decoration: none;
}
.views-slideshow-controls-text-next:hover, #zone-slider .view-quote-carousel .views-slideshow-controls-text-next:hover {
background: url(images/sprites.png) -5px -510px no-repeat;
text-decoration: none;
}
  
.views-slideshow-controls-text-pause {
display: none;
font-size: 0px; 
color: transparent;
text-decoration: none;
}

/* Zone slider slideshow arrows */
#zone-slider .views-slideshow-controls-text-previous {
background: url(images/sprites.png) -4px -370px no-repeat;
}
#zone-slider .views-slideshow-controls-text-next {
background: url(images/sprites.png) -5px -439px no-repeat;
}



/* Pager */

.views-slideshow-controls-bottom {
text-align: center;
}

.widget_pager {
/* width: 50%;
display: block;
margin: auto; */
text-align: center;
}


.views-slideshow-pager-fields .views-slideshow-pager-field-item  {
width: 15px;
height: 15px;
 -moz-border-radius: 50em;
-webkit-border-radius: 50em;
border-radius: 50em;
background: #fff;
font-size: 0.1em; 
overflow: hidden;
color: transparent;
display: inline-block;
margin: 5px;
padding: 0;
}
.views-slideshow-pager-fields .views-slideshow-pager-field-item.active {
background: #00d4ff;
}
.views-slideshow-pager-fields .views-slideshow-pager-field-item a {
	color: transparent;
    text-decoration: none;
}
  /*
  * General carousel styling (Pagers, navigation) END
  */


/* Responsive images */
img {
max-width: 100%;
height: auto;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 ratio */
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
}
.content .embed-container iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.media_embed iframe, .pane-content iframe {
	max-width: 100%;
}

/* .panel-separator {
clear: both;
} */


/* Buttons */
.article-readmore {
margin-top: 1em;
}

.header-button.pledge, #pledge-button .pledge, .article-readmore a, .field-name-field-event-more-info a, input.form-submit, input.button, .button_link a {
background: #00d4ff;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 5px 25px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* 10% black box shadow */
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px #00afff;
white-space: nowrap;

border: 0;
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
text-shadow: none;
}
.header-button.pledge {
margin: 0 20px;
/* display: inline-block;
padding: 0 25px; */
}
#pledge-button {

}

#pledge-button .pledge {
font-size: 18px;
text-transform: uppercase;
padding: 5px 25px;
}

.form-actions input.form-submit:hover {
background: #00d4ff;
}
.form-item input {
	max-width: 100%;
}

/* Site-wide pagers */

.item-list ul.pager {
float: right;
background: #fff;
border: 1px solid #e4e5de;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.item-list ul.pager li {
position: relative;
left: 0;
top: 0;
border-right: 1px solid #e4e5de;
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
font-size: 14px;
}
.item-list ul.pager li.pager-next {
border-left: 0;
border-right: 0;
}
.item-list ul.pager li.last {
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
}

.item-list ul.pager li a, .item-list ul.pager li.pager-first a, .item-list ul.pager li.pager-previous a, .item-list ul.pager li.pager-next a, .item-list ul.pager li.pager-last a, .pager li.pager-current {
width: auto;
text-align: center;
padding: 6px 10px;
color: #555555;
background: transparent;
}
.item-list ul.pager li a {
background: #fff;
}
.pager li.pager-current {
background: #12485e;
color: #fff;
outline: 0;
}

ul.pager li.pager-first, ul.pager li.pager-last {
display: none;
}
/* Site-wide pagers END */

/* Flippy content navigation */
ul.flippy li a {
color:transparent;
font-size: 0.1em;
z-index: 20;
display: inline-block;  /*set display*/
width: 25px;
height: 40px; 
}

ul.flippy li.prev a {
background: url(images/sprites.png) -5px -370px no-repeat;
position: absolute;
left: 0;
}

ul.flippy li.next a {
background: url(images/sprites.png) -5px -438px no-repeat;
position: absolute;
right: 0;
} 
/* Flippy content navigation END */


/*
 * Homepage
 */
.lightblue-title h2.pane-title {
    color: #00d4ff;
    font-size: 34px;
    font-weight: bold;
}
.darkblue-title h2.pane-title {
    color: #156f91;
    font-size: 34px;
    font-weight: bold;
}
 
#home-strapline {
font-size: 20px;
text-align: center;
margin: 1em 0;
} 
#home-strapline h2, #home-strapline h3, #home-strapline h4, #home-strapline h5, #home-strapline h6{
font-weight: 700;
} 
#home-strapline.top-strapline {
margin: 0 0 2em 0;
} 

/* Featured homepage blocks */ 
#home-featured/* , #audience-button */ {
background: #156f91;
border-radius: 5px;
 -moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #b6e1fc;
height: 130px;
overflow: hidden;
padding-right: 5px;
margin-bottom: 10px;
} 
/* #audience-button {
	padding: 0;
	height: auto;	
}
 */
#home-featured p/* , #audience-button p */ {
margin:0;
} 
#home-featured a,#home-featured a:hover,#home-featured a:visited,#home-featured a:active/* , #audience-button a,#audience-button a:hover,#audience-button a:visited,#audience-button a:active */  {
text-decoration: none;
color: #b6e1fc;
}
#home-featured h3/* , #audience-button h3 */{
color: #fff;
border-bottom: #fff dotted 1px;
padding-bottom: 5px;
margin-bottom: 5px;
}
 #audience-button h3 {
    margin-left: 100px;
	padding-top: 20px;
 }
	
#home-featured h3 a, #home-featured h3 a:hover,#home-featured h3 a:visited,#home-featured h3 a:active/* , #audience-button h3 a, #audience-button h3 a:hover,#audience-button h3 a:visited,#audience-button h3 a:active */ {
color: #fff;
}
#home-featured  .featured-thumb {
float: left;
margin-right: 10px;
width:130px;
height: auto;
overflow: hidden;
}
#audience-button .featured-thumb {
	float: left;
	margin-right: 10px;
	/* width:130px; */
	height: auto;
	overflow: hidden;
}
#home-featured  .featured-strapline, #audience-button .featured-strapline {
margin-left: 140px;
padding: 5px;
}

#home-featured img, #audience-button img{
max-width: none;
}
#zone-content #audience-button .pane-content img {
	margin: 10px;
}
 /* Featured homepage blocks END */ 
 
/* Audience boxes */

#audience-button {
/* 	border-radius: 5px;
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #555555;
	height: 130px; */
	overflow: hidden;
	padding-right: 5px;
	margin-bottom: 25px;
	    overflow: visible;
	/* text-align: center; */
}
#audience-button .pane-content {
	display: flex;
}
#audience-button .pane-content .label {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 92px;
}

#mini-panel-audience_detail .pane-content a, #more-involved .pane-content a, #audience-button .pane-content a {
line-height: 72px;
display: block;
text-decoration: none;
color: #555555;
font-size: 25px;
font-family: 'Maven Pro';
font-style: normal;
font-weight: normal;
}
#audience-button .pane-content a {
	line-height: 1em;
	/* margin-top: 20px; */
}
#audience-button .pane-content p a {
/*     padding-top: 30px;
    padding-bottom: 30px; */
}
#zone-content #audience-button .pane-content a img {
	/* margin-top: -20px; */
	float: none;
}
#mini-panel-audience_detail .pane-content img, #more-involved .pane-content img, #audience-button .pane-content img {
margin-right: 15px;
}

/* Audience boxes END */

/*
 * Homepage END
 */

 
 /*
 * Get Involved 
 */
 #heading-quote-wrapper {
 width: 100%;
 height: auto;
 overflow: hidden;
 background: #fbd16f url('images/quotemarks.png') no-repeat 100% 100% ;
 margin-bottom: 3em;
 }
 .context-whats-on #heading-quote-wrapper {
margin-bottom: 1em;
} 
 
  #heading-quote-wrapper .quote-image{
  float: left;
  width: 100%;
   height: 265px;
  overflow: hidden;
  display: none;
  }
    #heading-quote-wrapper .quote-image img{
max-width: none;
height: auto !important;
  }
   #heading-quote-wrapper .quote-text{
     float: left;
  width: 100%;
  background: url('images/quotemarks.png') no-repeat 0 0 ;
  padding: 30px 0 10px 0;
  }
   #heading-quote-wrapper .quote-text .quote,  #heading-quote-wrapper .quote-text .source {
     color: #555555;
	 padding: 0 50px;
   }
   #heading-quote-wrapper .quote-text .quote{
font-size: 18px;
font-family: 'Maven Pro';
font-style: normal;
font-weight: normal;
}
  
  
 /*
 * Get Involved END
 */
 
 
 /*
  * Spotlight box
  */
  .spotlightbox {
    background: #156f91;
    border-radius: 5px;
    color: #b6e1fc;
    overflow: hidden;
    padding: 10px;
  }
   .spotlightbox a:link, .spotlightbox a:active, .spotlightbox a:hover, .spotlightbox a:visited {
    color: #fff;
  }
 
 /* Search page */
   .view-search-results  .article-listing-wrap {
margin-left: 0px;
 }
  /* Search page END */

/*
 * Site admin dash board
 */

 /* CKEditor overrides */

body.cke_editable, .cke, .cke_panel_frame, body.cke_show_borders, .cke_panel_block, .cke_panel_listItem   {
	background: #fff;
	font-family: 'Open Sans';
}
body.cke_editable h1, body.cke_editable h2, body.cke_editable h3, body.cke_show_borders h1, body.cke_show_borders h2, body.cke_show_borders h3 {
 {
    margin-top: 20px;
    margin-bottom: 10px;
}
body.cke_editable p, body.cke_show_borders p {
	margin: 0px 0px 10px;
}
body.cke_editable img[align="left"],
body.cke_editable img[style*="float: left"],
body.cke_editable  img[style*="float:left"],
body.cke_show_borders img[align="left"],
body.cke_show_borders img[style*="float: left"],
body.cke_show_borders  img[style*="float:left"] {
margin: 5px 30px 0px 0px;
clear: left;
}
body.cke_editable img[align="right"],
body.cke_editable img[style*="float: right"],
body.cke_editable  img[style*="float:right"],
body.cke_show_borders img[align="right"],
body.cke_show_borders img[style*="float: right"],
body.cke_show_borders  img[style*="float:right"] {
margin: 5px 0px 0px 30px;
clear: right;
}
body.cke_editable span.button_link a, body.cke_show_borders span.button_link a{
background: #00d4ff;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 5px 25px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* 10% black box shadow */
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px #00afff;
white-space: nowrap;
border: 0;
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
text-shadow: none;
}
body.cke_editable span.button_link a, body.cke_editable span.button_link a:visited {
/* color: #FFF; */
}
body.cke_editable span.button_link a:hover, body.cke_editable span.button_link a:active  {
/* color: #79a8d6; */
}
body.cke_editable h2.bar-heading {
  background: #12485e;
  padding: 8px 20px;
  color: #fff;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform: capitalize;
font-size: 25px;
}
/* CKEditor overrides END */