/*                                                                      */
/* 		           MAIN STRUCTURE - DESKTOP 1400 UP        		        */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version created from WOL desktop.css    */
/* v002 06 Aug 2019 -   Modified to new content element names           */
/*                                                                      */
/*                                                                      */


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

  :root {             
    --left-margin: /*margin-desktop1400*/ 50px;             /* Left margins at different screen sizes */
  }


/* **************************************** */
/* 				MAIN SECTIONS				*/
/* **************************************** */

  body {
	background-color: #D2D1CF /* __ ARP 3 __ Pebble Grey (Page pasteboard) */;
  }

  div.wrapper { 
	width: 1400px; 
	margin: 0 auto;
  }
  div.wrapper.header {
  }
  header.banner, 
  nav.primary, 
  section#main, 
  section.content.promos, 
  section#main-select, 
  div#slideshow-nav-outer,
  section#sitemap, 
  footer {
	width: 1400px; 
  }
  .slide-content > div {
    width: 1350px;
  }
  /*div.wrapper.sitemap*/ div.search-bar {
    width: 1250px;
  }
  section.content {
	width: 1150px;
	padding-left: 0;
	padding-right: 0;
  }
  div.breadcrumbs {
    padding-left: var(--left-margin);
  }
  section#main-select section.content {
	width: 1400px;
    padding-right: 0;
  }
  div.wrapper.sitemap div.search-bar form {
  }


  header.banner div#logo {
    margin-left: var(--left-margin);
  }
  header.banner h1 {
    padding-left: var(--left-margin);
  }

  nav.primary ul {
    padding-left: var(--left-margin);
    text-align: right;              /* Whole nav is right justified on ARP 3 */
  }
  nav.primary ul li {
  }
  .slideshow div.slide-content {
  }
  .slideshow div.slide-panel {
    width: 500px;
  }
  section.content article.highlight-box {
    margin-left: var(--left-margin);
    margin-right: var(--left-margin);
    width: calc(100% - 2 * var(--left-margin) );     /* This feels like a bodge */
  }
  section#main-select aside {
    display: block;
    margin-top: 40px;
  }

  section#sitemap, 
  footer {
    padding-left: var(--left-margin);
    padding-right: var(--left-margin);
  }
  section#sitemap ul {
    width: 20%;
  }
  section#sitemap.cols2 ul { width: 615px; margin-right: 10px; } /* = 1250/2 - 10 */
  section#sitemap.cols3 ul { width: 406px; margin-right: 10px; } /* = 1250/3 - 10 */
  section#sitemap.cols4 ul { width: 302px; margin-right: 10px; } /* = 1250/4 - 10 */
  section#sitemap.cols5 ul { width: 240px; margin-right: 10px; } /* = 1250/5 - 10 */
  section#sitemap.cols6 ul { width: 198px; margin-right: 10px; } /* = 1250/6 - 10 */


  div.wrapper.search .search-bar {
	width: 1200px;
	margin-top: 100px;
  }
 
  div.wrapper.today {
	width: 100%;
  }
  

/* **************************************** */
/* 			PAGES WITHOUT AN ASIDE  		*/
/* **************************************** */

  body.accessibility section.content, 
  body.privacy section.content, 
  body.cookies section.content, 
  body.legal section.content, 
  body.search section.content { 
    padding-right: 0;
  }

/* **************************************** */
/*          HORIZONTAL PROMOS               */
/* **************************************** */

  section.content.promos div.promo {
  }
  section.content.promos div.promo:before {
  }

  /* **************************************** */
  /*              LOZENGE                     */
  /* **************************************** */

  /* change them to two columns, but only in an article, not in the side bar */

  article p.lozenge {
    width: calc( (100% - 2 * var(--left-margin) ) / 3 );
    margin-right: var(--left-margin);
  }
  article p.lozenge:nth-of-type(2n) {
    margin-right: var(--left-margin);   /* Override the margin set at tablet */
  }
  article p.lozenge:nth-of-type(3n) {
    margin-right: 0px;
  }