/*                                                                      */
/* 		        	MAIN STRUCTURE     	                   	        	*/
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version cut from WOL mobile.css         */
/* v002 06 Aug 2019 -   Modified to new content element names           */
/*                                                                      */
/*                                                                      */


/* **************************************** */
/* 				CSS VARIABLES				*/
/* **************************************** */

:root {             
  --indent-width: 60px;                                         /* Indented paragraphs */
  --left-margin: /*margin-mobile*/20px;                     /* Left margins at different screen sizes */
  --border-radius-main: /*border-radius-main*/ 25px;              /* Border radius used on most things */
  --border-radius-smaller: /*border-radius-smaller*/ 10px;        /* Smaller border radius used on some panels */
  --grid-margin: 10px;                                          /* Margin between boxes on home page */
  --master-sprite: url(/Images/ar3-ux-01-master-20220529.svg);  /* Master sprite, used as BG or as a mask */
  --icon-sprite: url(/Images/ar3-ux-30-icons-20220728.svg);     /* Icon sprite, always used as a mask */
  --taketime-image-height: 270px;                               /* Take Time image */
  --taketime-image-width: 200px;                                /* Take Time image */
  --promo-image-height: 200px;                                  /* Images used to the left or above promos */
  --audience-color: #5EB9E4 /* __ ARP 3 __ Light Blue (Pantone 2915c)  */;                     /* Overridden in the audience-specific CSS */
}


body, input, textarea, select, button {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 26px;
}
body {
  margin: 0;
  padding: 0;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}


div.wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}

div.wrapper.header    			{  }
div.wrapper.featured  			{ display: none; }
div.wrapper.main   	  			{  }
div.wrapper.timeline    		{  }
div.wrapper.full-width-image	{ background-color: white; }
div.wrapper.main-select		   	{ background-color: white; }
div.wrapper.select				{  }
div.wrapper.sitemap 			{ display: none; background-color: #242746 /* __ ARP 3 __ Midnight Blue (Sitemap) */; }
div.wrapper.footer  			{ background-color: black; }


section.content, 
section#latestnews,
section.timeline,
section#sitemap,
footer {
  width: 83.334%;
  padding: 0% 8.333%;
  margin: 0;
}

/* **************************************** */
/* 				CONTENT DIVS				*/
/* **************************************** */

section#main,
section#main-select {
  overflow: auto;
  min-height: 250px;
}
section.content {
  /*background-color: white;*/      /* Not on AZ GMP as background colour used as borders */
  /*padding-bottom: 10px;*/         /* Not on ARP3 because each article has its own bottom margin */
}

/* **************************************** */
/* 				SELECT AREA					*/
/* **************************************** */

section#main-select section.content {
  background-color: transparent;
  color: white;
}
section#main-select section.content h2 { 
  color: white;
}
section#main-select section.content a {
  color: white;
  font-weight: bold;
}
section#main-select section.content p,
section#main-select section.content p.intro {
  color: white;
}

/* **************************************** */
/* 			IMAGE				 		*/
/* **************************************** */

img {
  max-width: 100%;
}

/* **************************************** */
/* 			BREADCRUMBS 				    */
/* **************************************** */

div.breadcrumbs {
  background-color: white;
  padding: 40px 0 0 var(--left-margin);
  margin-top: var(--grid-margin);
}
div.breadcrumbs ol {
  font-size: 12px;
  line-height: 16px;
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
div.breadcrumbs ol li {
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
}
section.content div.breadcrumbs a {
  color: black;
  font-style: normal;
  text-decoration: none;
}
section.content div.breadcrumbs a.final {
  color: #DD052B /* __ ARP 3 __ Red (Pantone 186c) */;
}

/* **************************************** */
/* 			RESPONSIVE IMAGES 				*/
/* **************************************** */

section.content div.image-container img {
  height: auto;
  margin-bottom: 0px;
  width: 100%;
}
section.content div.image-container {
  text-align: center;
}


span.debug { display: none; }