/*                                                                      */
/* 		           FEATURED CONTENT - TABLET UP            		        */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version created from WOL tablet.css     */
/* v002 06 Aug 2019 -   Modified to new content element names           */
/* v003 07 Aug 2019 -   Pick up new Feature sprite offsets from GS      */
/* v004 19 Dec 2019 -   Fix background colours, as the JS uses them     */
/*                                                                      */
/*                                                                      */

  /* Slideshow */

  div.wrapper.featured { background-color: #5EB9E4 /* __ ARP 3 __ Light Blue (Pantone 2915c)  */; }     /* Essential, as JS uses this colour for transition */

  div.wrapper.featured { position: relative; display: block; }
  section#featuredcontent { position: relative; }
  .slideshow { height: 330px; width: 100%; overflow: hidden; margin: 0 auto; }
  .slideshow > div { background-color: #5EB9E4 /* __ ARP 3 __ Light Blue (Pantone 2915c)  */; }
  a.activeSlide { font-weight: bold; }
  .slide-content { height: 330px; width: 100%; float: left; }
  .slide-content > div { width: 1000px; margin: 0 auto; }
  .content .slide-content h2 { font-size: 150%; margin-top: 0px; }
  .slide-image img { border: none; }
  .slide-image { width: 1000px; float: left; }
  
  /* The page progression indicator */
  #slideshow-nav { position: absolute; margin: 0 auto; top: 300px; right: 10px; z-index: 100;}
  #slideshow-nav a { 
    display: inline-block; 
    overflow: hidden; 
    text-indent: -50px; 
    height: 19px; 				/* Changed from 20px to 19px becauise line in sprite was showing */
    width: 20px; 
    margin-right: 5px; 
	background-position: -243px -460px;
  }
  #slideshow-nav a.activeSlide { background-position: -123px -460px; }
  #slideshow-nav a:hover { 		 background-position: -163px -460px; } 


  .slideshow div.slide-content {
    /*xxbackground: xrl({_css_image-sprite-feature}) no-repeat 50% 0;*/   /* Was -tablet */
  }
  .slideshow div.slide-panel {
    width: 500px;
	min-height: 110px;
    margin: 170px 0 0 50px;
    padding: 20px 20px 0px 0px;
	/*background-color: transparent;*/
	/*border: 5px solid white;*/
  }

  /* New offsets from AZ - with right fade */
  .slideshow div.slide-content			 {	background-position: 100%   -70px; }
  .slideshow div.slide-content.feature1	 {	background-position: 100%   -70px; }
  .slideshow div.slide-content.feature2	 {	background-position: 100%  -410px; }
  .slideshow div.slide-content.feature3	 {	background-position: 100%  -750px; }
  .slideshow div.slide-content.feature4	 {	background-position: 100% -1090px; }
  .slideshow div.slide-content.feature5	 {	background-position: 100% -1430px; }
  .slideshow div.slide-content.feature6	 {	background-position: 100% -1770px; }
  .slideshow div.slide-content.feature7	 {	background-position: 100%   -70px; }

  /* New offsets from AZ GMP */
  .slideshow div.slide-content			 {	background-position: 50%   -70px; }
  .slideshow div.slide-content.feature1	 {	background-position: 50%   -70px; }
  .slideshow div.slide-content.feature2	 {	background-position: 50%  -420px; }
  .slideshow div.slide-content.feature3	 {	background-position: 50%  -770px; }
  .slideshow div.slide-content.feature4	 {	background-position: 50% -1120px; }
  .slideshow div.slide-content.feature5	 {	background-position: 50% -1470px; }
  .slideshow div.slide-content.feature6	 {	background-position: 50% -1820px; }
  .slideshow div.slide-content.feature7	 {	background-position: 50%   -70px; }



  .slideshow h3,
  .slideshow p {
    /*max-width: 75%;*/
    color: white;
  }
  .slideshow h3 {
    font-family: Lexia, Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-weight: 800;
    line-height: 1.1em;
    margin: 0 0 0 0;
    padding: 0;
  }
  .slideshow h3 a {
    color: white;
    text-decoration: none;
  }
  .slideshow p {
    font-family: Lexia, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.5em;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  .slideshow p.intro {
    font-size: 1.5em;
    font-weight: bold;
  }
  .slideshow p a,
  .slideshow a p,
  .slideshow p a p {
    color: white;
  }