.content .container {
  padding: 0px 0 0px 0;}


.breadcrumb ~ .container {
    padding-top: 75px;
}

 .content p {
   margin: 0 0 1em 0;}

.breadcrumb {
  /*margin-top: 2.5em;*/
}


/* CALL TO ACTION BUTTON */

/* GW 26/09/2017 - Reduced left margin from 20px to 0px, so buttons align with text */
.content .panel.action {
  margin: 1em 40px 1em 0px;}

/* GW 26/09/2017 - Removed this code, as I think this is covered by the existing .content .panel.action code */
/* .content article.altStandardArticle .panel.action {
    margin: 1em 40px 1em 0px;
}*/

/* GW 22/09/2017 - Increased left margin from 20px to 40px, so buttons align with text in full-width mini-templates */
.content .fullWidthPlaceholder .panel.action {
  margin: 1em 40px 1em 40px;}

/* GW 22/09/2017 - MOBILE/PORTRAIT TABLET SCREENS - Reduced margins */
@media only screen and (max-width: 768px) {
  .content .panel.action {
  margin: 1em 0px 1em 0px;}
  
  .content .fullWidthPlaceholder .panel.action {
    margin: 1em 20px 1em 20px;
    }
  /* GW 26/10/2016 Stop info panel getting cut off */
    .content .panel.info {
        margin-right: 4px;
        margin: 0 auto;
    }
    .fullWidthArticle .panel.info {
        margin-right: 4px;
        width: 80%;
        margin: 0 auto;
    }
}


/* GW 26/10/2016 Stop info panel getting cut off */
.content .panel.info {
    margin-right: 4px;
}

/* universal template hs 060616*/

.universalContainer {
   /*overflow: auto;*/
   width: 100%;
}

.universalContainer section {    
    margin-left: auto;
    margin-right: auto; 
    /*overflow: auto;*/
}

.universalContainer section.fullWidthPlaceholder {
  	overflow: hidden;
}

.universalContainer .fullWidthPlaceholder .container {
  	padding-left: 0;
	padding-right: 0;
}
 
 a {
 	word-break: break-word; 
     word-wrap: break-word;
     
 	}
 
 
 
 
.content article.altStandardAside {
    width: 40%;
    float: left;
    padding: 0;
    display: block;
    clear: both;
}

/* GW 13/09/2016*/
/*.content article {padding-bottom: 0em !important; width: 60%;}*/
/* GW 22/09/2017*/
.content article {padding: 0; width: 60%;}



 
 
 .universalContainer h3 {
    margin-top: 0;
}

/*GW 13/09/2016*/
 .universalContainer article,
 .universalContainer aside {
    margin-top: 0px;
} 

/* GW 25/10/2016 Centre align wide cards */
.widget.wide {
    margin: auto;
}

/* GW 26/10/2016 Centre hover-over list items in wide cards */
.content .widget.wide .content .menuList {
    margin: 0 0px 0 0px;
}
 

/* GW 26/09/2017 - TABLET/MOBILE SIZED SCREENS - All cards aligned to the left */
@media only screen and (max-width: 768px) {
  
.widget {
   /* GW 25/10/2016 Remove huge padding above cards in the secondary column 
   GW 09/02/2021 Changed to 'margin' to 'margin-top' so it doesn't interfere with the centre-cards stylesheet*/
    margin-top: 0px !important;
}
  
}

/* GW 26/10/2016 Remove additional padding from widget content in secondary columns */
/*.universalContainer aside .widget .content p {
    padding: 0 15px
}*/

.container.universalContainer aside .widget .content img {
    padding: 5px
}

.content aside {padding-bottom: 0em;}


.content aside.altStandardArticle {
    width: 50%;
}
.fullWidthArticle {
    position: relative;
    min-width: 100%;
  	overflow: hidden;
}
/*
.fullWidthArticle p, .fullWidthArticle h2, .fullWidthArticle h3, .fullWidthArticle h4, .fullWidthArticle h5, .fullWidthArticle h6,  .fullWidthArticle ul li:not(.slick-dots li){
   padding: 0 70px;
}*/


.hero-block__inner p
{
  margin-left:0px !important;
}

.fullWidthPlaceholder {
    position: relative;
    min-width: 100%;
}

#news-host h1,
#news-host h2,
#news-host h3,
#news-host h5,
#news-host h6{
    margin: 0px !important;
}

.fullWidthPlaceholder p,
.fullWidthPlaceholder h1,
.fullWidthPlaceholder h2,
.fullWidthPlaceholder h3,
.fullWidthPlaceholder h4,
.fullWidthPlaceholder h5,
.fullWidthPlaceholder h6,
.fullWidthPlaceholder ul{
    margin: 0 40px 
      /* GW 05/02/2021 - changed margin-bottom to 20px as we were experiencing double line spacing */
      20px; 
}

/* AM 01/05/2020 - Removed excessive margin from news accordion */
.fullWidthPlaceholder .faq h3{
    margin: 0;
}

/* GW 20/03/2018 - Removed excessive margin from news carousel */

.fullWidthPlaceholder .newsevents-slider h3 {
  margin: 0px 0 15px 0;
}

/* GW 22/03/2018 - Removed excessive margin from hero block */

.fullWidthPlaceholder .hero-block h2,
.fullWidthPlaceholder .hero-block p {
  margin-left: 0;
    margin-right: 0;
}



.fullWidthPlaceholder img {
    width: auto;
    height: auto;
}

/* GW 26/10/2016 Add padding to micro copy links in full width placeholder */

.fullWidthPlaceholder .microLinkContainer {
    padding: .25em 2em .25em 40px;
}

/* GW 26/10/2016 Remove padding from full width placeholder content, when in a widget */
.fullWidthPlaceholder .widget .content p,
.fullWidthPlaceholder .widget .content ul{
  margin: 0 0 1em 0;
}

/* GW 13/09/2016 */
.fullWidthArticle img {/*min-width: 100%;*/}
article.altStandardArticleFullWidth {
    position: relative;
    width: 66.666%; 
    float: left;
    clear: none;
    display: inline; 
}

/* GW 13/09/2016 */
aside.altStandardAsideFullWIdth {
     position: relative;
    max-width: 33.333%;
    box: border-box;
    position: relative;
   float: right;  
}

/* GW 13/09/2016 */
.fullWidthPlaceholder aside.altStandardArticle {
    position: relative;
    width: 66.666%; 
    float: left;
    clear: none;
    display: inline;  
}

/* GW 13/09/2016 */
.fullWidthPlaceholder article.altStandardAside {
    position: relative;
    max-width: 33.333%;
    box: border-box;
    position: relative;
   float: left; 
}

/* GW 13/09/2016 */
.fullWidthPlaceholder .col3 {
    width: 33.333%;
    /*padding-left: 3%;*/
    float: left;
 
}


/* JS 31/1/2018 */
.fullWidthPlaceholder .col4 {
    width: 25%;
  	float:left;
}

/* JS 31/1/2018 */
.fullWidthPlaceholder .inner{
   	margin-left:auto;
  	margin-right: auto;
  	display:table;
  
}

/* JS 31/1/2018 */
.fullWidthPlaceholder .inner p
{
    margin-left: auto !important;
    margin-right: auto!important;
    display: table!important;
}


/* JS 08/02/2018 */
.col4Row:after
{
   content: '.';
   opacity: 0;
}

/* JS 12/02/2018 */
.fullWidthPlaceholder .inner p a
{
    text-decoration: none;
    color: #983d83;
    font-weight: 300;
    font-size: 1.3em;
}


/* JS 31/1/2018 */
@media only screen and (max-width: 768px) {
  
  .col4Row
{
 	width:100%;
}

  
}
/* JS 13/03/2018 */
.fullWidthPlaceholder .co60
{
    width:60%;
}

/* JS 13/03/2018 */
.fullWidthPlaceholder .co40
{
    width:40%;
}

/* GW 13/09/2016 */
.fullWidthPlaceholder .col3 img {
    padding-top: 0px;

    
}

/* GW 13/09/2016 */
.fullWidthPlaceholder .col2 {
    width: 50%;
    float: left;
    /*margin-left: 5%;*/
}



/* GW 13/09/2016 */
div.standardWidthPlaceholder section article {
  max-width: 1200px;
width: 100%}

/* to put the news carousel in the aside*/

.altStandardAside .slideshow .slide .content { padding-bottom: 0em; }

.altStandardAside .slideshow .slide .content p { font-size: 1.5em; margin-bottom:  10px; line-height: 1.5em;}

.altStandardAside .slideshow .slide .content .button {
	margin-bottom:50px;
}

/* GW 26/10/2016 To prevent huge padding between carousel dots */
.fullWidthPlaceholder .slideshow .controls .pager p{
  margin: 0
}
 
 

.fullWidthArticle .slideshow #pauseplaybtn {
	width: 34px;
	height:34px;
	border: 0;
	text-indent:-9999px;
	text-decoration:none;
	position:absolute;
	margin: 0 auto;
	 
	left: 250px;
	right: 0;
	z-index: 1001;
	background-color: transparent;
	overflow:visible;
}


 /* GW 31/05/2018 - Commented out slick-dots CSS, as it was overriding the colour of dots on news carousels. Please re-instate if any problems spotted. */
/*		.slick-dots li button {
  background: rgba(0, 0, 0, 0.4);
  }

.slick-dots .slick-active button {
		background: rgba(0, 0, 0, 0.4);
    }*/

.fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle p, .fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle h3 {margin-left: 70px; margin-right: 70px;  }
/* LM additions - 30/6/2016 */

.actionItemContent {
  padding-right: 20px !important;
  box-sizing: border-box;
}


.actionItemContent > ul {
  margin: 0;
}

.actionItemContent > p {
  margin: 0;
  padding: 0;
}

.actionItemContent > h2, 
.actionItemContent > ul li {
  padding: 0;
}

.actionItemInner > p {
  margin: 0;
  padding: 0;
}

.actionItemInner img {
  max-width: 45% !important;
}

/* GW 26/09/2017 - DESKTOP SIZED SCREENS - Changed from min-device-width to min-width) */
@media only screen and (min-width: 769px){

  .campaignHeaderContent p {
    font-size: 1.5em !important;
  }
  
  
}

  

/* GW 25/09/2017 Changed from 920px to 768px, so anything bigger than a portrait iPad will be treated as 'desktop sized' */
@media only screen and (max-width: 768px)  {

  /* GW 13/09/2016 */
  .content p {
    margin: 0 0 1em 0;

}
  
    /* GW 13/09/2016 */
  .content .toolbar {
    margin-right: 80px;}
 
    /* GW 13/09/2016 */
  .content .container {
    padding: 0px 20px 0px 20px;}
  
  .breadcrumb ~ .container {
    padding-top: 15px;
}
  
  
  /* GW 13/09/2016 */
  .content article {
    box-sizing: border-box;
    width: 100%;}
  
  /* GW 26/10/2016 Add padding to micro copy links in full width placeholder on mobile */
.fullWidthPlaceholder .microLinkContainer {
    padding: .25em 20px .25em 20px;
}
  
    /* GW 13/09/2016 */
  .fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle p, 
  .fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle h1
    .fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle h2 
    .fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle h3 
    .fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle h4 
    .fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle h5 
    .fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle h6 
    .fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle ul li 
  {
      /* GW 13/09/2016 */
        margin: 0px 20px 1em 20px;
    }
  
	.fullWidthPlaceholder {width: 0;  }
    .fullWidthPlaceholder p,
    .fullWidthPlaceholder h1,
    .fullWidthPlaceholder h2,
    .fullWidthPlaceholder h3,
    .fullWidthPlaceholder h4,
    .fullWidthPlaceholder h5,
    .fullWidthPlaceholder h6/*,
  	.fullWidthPlaceholder ul li*/{
      /* GW 13/09/2016 and 15/09/2016 */
        margin: 0px 0px 1em 0px;  padding: 0 20px
    }
  
    /* GW 26/09/2017 - TABLET/MOBILE SIZED SCREENS - Added a reduced margin for bullets so they align with other content */
  .fullWidthPlaceholder ul {
    padding: 0 20px 0 40px;
    margin: 0 20px 1em 15px;}
    
  
  .campaignHeaderContent h1 { font-size: 3em !important; padding-top: 50px;}
  

  /* GW 15/09/2016
    .fullWidthPlaceholder h2 {
      width: 90%;
      margin: 0;
      padding: 0 10px;  
    }*/

    
    .content article.altStandardArticle {
        width: 90%;
        float: none;
        display: inline-block;
        clear: both;
        padding-bottom: 0em;
        margin-bottom: 0em; 
    }
    .content aside.altStandardAside {
        display: inline-block;
        padding-bottom: 0em;
        margin-top: 0em;
        width: 100%;
        padding: 0;
    }
    .content aside.altStandardAside img {
        margin-left: auto;
        margin-right: auto;
      /* GW 26/09/2017 - TABLET/MOBILE SIZED DEVICES - Removed this code as it was causing images to stretch full-screen-width on mobile */
       /* min-width: 100%;*/
        float: none;
    }
    .content aside.altStandardAside .widget, .widget.wide {
        
        padding-top: 0;
        margin-top: 0;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .content article.altStandardArticle {
        width: 100%;
        float: none;
        display: inline-block;
        clear: both;
        padding-bottom: 0em;
        margin-bottom: 0em;
    }
    .content aside.altStandardArticle {
        display: block;
        clear: both;
        padding-bottom: 0em;
        margin-top: 0em;
        min-width: 100%;
      /* GW 13/09/2016*/
        padding: 0px 0;
    }
    .content aside.altStandardArticle img {
        margin-left: auto;
        margin-right: auto;
        min-width: 100%;
        float: none;
    }
    .content aside.altStandardArticle .widget {
        padding-top: 0;
        margin-top: 0;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .content article.altStandardAside {
        display: block;
        clear: both;
        padding-bottom: 0em;
        margin-top: 0em;
        min-width: 100%;
        padding: 0;
    }
    .content article.altStandardAside img {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        float: none;
        padding: 0;
    }
    .content article.altStandardAside .widget {
        padding-top: 0;
        margin-top: 0;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
  

/*GW 13/09/2016*/
	.col3 {
	display: block;
	clear: both; 
	min-width: 100%;
	padding: 0px 0px;  }



    .fullWidthPlaceholder .col2 {
      /* GW 13/09/2016 */
        width: 100%; 
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin: 0;
    }
    .fullWidthPlaceholder aside.altStandardArticle {
        position: relative;
        
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        box: border-box;
        position: relative;
       
        clear: none;
        display: inline;
    }
    .fullWidthPlaceholder article.altStandardAside {
        position: relative;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        box: border-box;
        position: relative;
        float: none;
        clear: none;
        display: block;
        padding-left: 0px;
    }
    article.altStandardArticleFullWidth {
        position: relative;
      /* GW 13/09/2016 */
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        box: border-box;
        position: relative;
        float: none;
        clear: none;
        display: block;
    }
    aside.altStandardAsideFullWIdth {
        position: relative;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        box: border-box;
        position: relative;
        float: none;
        clear: none;
        display: inline;
        padding-right: 0px;
    }
   .universalContainer .toolbar {
        margin-left: 0%;
        margin-right: auto;
        position: relative;
        max-width: 70%;
    }
     
   .universalContainer aside img,
     .universalContainer article img{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
       /* GW 13/09/2016*/
    padding-bottom: 0px;
     }
 
    

article.altStandardArticleFullWidth { padding: 0;}
aside.altStandardArticleFullWidth { padding: 0; }
article.altStandardAsideFullWidth { padding: 0; }

.fullWidthArticle p, .fullWidthArticle h3 {
  /* GW 13/09/2016  padding: 5px; margin: 0; */
  max-width: 100%;    }


.fullWidthPlaceholderPadding p /* GW 13/09/2016 */{ margin: 0px}
.fullWidthPlaceholderPadding h3{ text-align: left !important; margin: 20px; }
.slide .content span { color: #333;}

.fullWidthArticle .slideshow .controls .pager a {
	color: #b4bbc2;
	margin-right:  0px;
	text-decoration: none; 
}

.fullWidthArticle .slideshow #pauseplaybtn {
	width: 34px;
	height:34px;
	border: 0;
	text-indent:-9999px;
	text-decoration:none;
	position:absolute;
	margin: 0 auto;
	bottom:8px; 
	right: 0;
	z-index: 1001;
	background-color: transparent;
	overflow:visible;
}
	/*.slick-dots li button{ display: none !important;  }*/
	.slick-slider, p {display: block;} 
    
    
.actionItemContent ul:not([class]) {padding: 0 5px !important;margin-left: auto;margin-right: auto;}

  
  
     .fullWidthPlaceholder .actionItemContent{ 
  padding-top: 20px !important;
  padding-bottom: 20px !important; 
}

.fullWidthPlaceholder {
    position: relative;
  /* GW 13/09/2016*/
    min-width: 100%;
}

  
.fullWidthPlaceholder article ul:not([class]), .actionItemContent article ul:not([class]) {
	 
    /* GW 13/09/2016 */ width: auto;
}
  
 .fullWidthPlaceholder ul:not([class]) li { 
   width: 99%;
   padding: 0 5px !important;
   /* GW 26/09/2017 - TABLET/MOBILE SIZED SCREENS - Removed this margin, so bulleted lists inherit line spacing from the main stylesheet */
   /* margin: 0 !important; */ 
}
  
  
.actionItemContent article ul:not([class]) li { 
   width: 99%;
   padding: 0 5px !important;
   margin: 0 !important; 
}

aside.altStandardAsideFullWIdth img {display: none;}
}




@media only print {

	footer {display: none;}
	header {display: none;}
	img {display: none;}
	.breadcrumb {display: none;}
	.toolbar {display: none;}
	nav {display: none;}
	.banner_container {display: none}
	#scrollUp {disply: none;}
	article {display: block !important; float: none;}
	aside {display: block !important; float: none;}
}




/* override override fixes by LM - something very odd conflicting with Safari with this template :( */

/* GW 25/09/2017 - Tried removing this code, as it was conflicting with the .fullwidthplaceholder padding on mobile */
/*.fullWidthArticle .col2 p {
  	padding: 0;
}*/

.altStandardArticle .banner_subtitle {
  	line-height: 125%;
}

/* GW 25/09/2017 - Tried removing this code, as it was conflicting with the .fullwidthplaceholder padding on mobile 
.fullWidthArticle .col3 li, 
.fullWidthArticle .col3 h3, 
.fullWidthArticle .col3 p {
  	padding-left: 10px !important;
  	padding-right: 10px !important;
}
*/

/* GW 25/09/2017 - Removed this code, as the formatting of 2 column mini-templates is already covered elsewhere
@media only screen and (max-width: 768px) {
  
  	.fullWidthArticle .col2 p {
  		padding: 0 5px;
    }
}
*/

/* GW 25/09/2017 - Changed from 920px to 768px, to incorporate portrait iPad size and smaller */
/* RW 09/01/2024 - Requested removal of padding on .microLinkContainer
@media only screen and (max-width: 768px) {
  
  	.fullWidthArticle .col2 .microLinkContainer {
      	padding-left: 0;
		  padding-right: 0;
    }
*/

/* AM:  */
.fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle p, .fullWidthPlaceholder.fullWidthPlaceholderPadding article.fullWidthArticle h3 {margin-left: 0px; margin-right: 0px;  }
/* GW 25/09/2017 - Changed from 460px to 768px, to incorporate portrait iPad size and smaller */

/* @media only screen and (max-width: 460px) {*/
  
  	.fullWidthArticle .col2 .microLinkContainer .microLinks {
    	display: block;
      	width: 80%;
  	}
}


#spydusfloatlanding .icon.actions .actionPanel li {
  	width: auto !important;
}

#news-host h4{
  margin-top: 30px;
}

#news-host .container ul{
  margin: 0;
}

#news-host h4{
  font-weight: normal;
}