/* CSS file for My Domain 2 - 'legal' pages
   Begun 25/04/2024
*/

/* sections */
div.legal {
    padding: 0.5em 0;
    border-top: 0.375em solid var( --link-text );
}

div.second {
    border-top: 1px dashed var( --web-hue );
}

ol.major, ul.major {
    list-style-position: inside;
    margin-bottom: 1.5em;
}

/* elements */
ul.major li {
    margin-bottom: 0;
}

/* display adjustments */
/* widths variable by design */
@media screen and (min-width: 600px) {
  div.first, div.second {
  display: flex;
  }
  div.A, div.C {
    width: 38%;
    padding: 0 1vw 0 0;
  }
  div.B, div.D {
    width: 62%;
    padding: 1.5em 0 0 2vw;
  }
}

@media screen and (min-width: 960px) {
  div.legal {
    display: flex;
  }
  div.first {
    flex: 3;
    padding-right: 2vw;
  }
  div.second {
    flex: 4;
    border-top: 0;
    padding-left: 2vw;
    border-left: 1px dashed var( --web-hue );
  }
}

/* EOF */