/*                                                                      */
/* 		               MAIN STRUCTURE - DESKTOP UP        		        */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version created from WOL desktop.css    */
/*                                                                      */
/*                                                                      */


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

  :root {             
    --left-margin: /*margin-desktop*/ 35px;              /* Left margins at different screen sizes */
    /*--promo-image-height: 300px;*/                            /* Images used to the left or above promos */
}


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

  header.banner,
  nav.primary,
  section#today,
  section.timeline, 
  section#featuredcontent,
  section#main, 
  section.content.promos,           /* ARP 3 has a content section just for promos */
  section#main-select, 
  section#sitemap,
  footer {
    width: 1000px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0 auto;
    clear: left;
    overflow: auto;		/* Added 20oct 2015 as some have floated content */
  }

  header.banner {
    /*position: relative;*/     /* Removed for CIE to let logo drop through and be far left */
  }
  header.banner div#logo {
    margin-left: /*margin-desktop*/ 35px;
  }
  section#today {
    width: 922px;
    border: 1px solid #999;
  }
  section#featuredcontent {
    width: auto;
	/*max-width: 2400px; */
  }
  div#slideshow-nav-outer {
    width: 1000px;
    position: relative;
    margin: 0 auto;
  }
  .slideshow div.slide-content {
    /*xxbackground-image: xrl({_css_image-sprite-feature});*/
  }
  section#main {
  }
  section.content {
    float: left;
    width: 750px;
  }
  section.content.promos {           /* ARP 3 has a full-width content section just for promos */
    float: none;
  }
  div.wrapper.select {
	/*margin-bottom: 10px;*/
  }
  div.breadcrumbs {
    padding-left: /*margin-desktop*/ 35px;
  }

  section#main-select section.content {
	padding-bottom: 40px;
    width: 100%;
    box-sizing: border-box;
  }
  section#today section.content {
    width: 840px;		/* = 1000 - 2 x 40 margins */
    padding: 0 40px;
  }
  section#main section.content {
    /*min-height: 827px;*/
  }
  section#main.suspended section.content {
    min-height: 400px;
  }
  aside {
    float: left;
    margin: 0;
    width: 250px;
    /*border-top: 5px solid white;*/
    margin-top: 10px;
  }
  aside:empty {
    border-top: none;
  }

  body.login section.content,       /* Allow for no promos on these pages */
  body.pass section.content,
  body.accessibility section.content,
  body.privacy section.content,
  body.cookies section.content,
  body.terms-of-use section.content {
    /*width: 100%;*/
    /*box-sizing: border-box;*/             /* Taken out for AZ GMP as no promos anywhere */
  }

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

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

  article p.lozenge {
    width: calc( (100% - /*margin-desktop*/ 35px) / 2 );
    margin-right: /*margin-desktop*/ 35px;
  }
  article p.lozenge:nth-of-type(2n) {
    margin-right: 0;
  }