/* 
* Include ("import") file containing definitions for colors, sizes, etc that
* are common across the pages that make up the On Displayweb site (copied from Ack Web site) XXX Still has College/Bound and EP material.
*
*/
/* 
   Define sizes of devices
*/
/* XXX Right sizes for high-res screens? */
/*  
    Define colors 
*/
/* Standard Background & Text Colors */
/* @stdBgColor:rgb(255, 255, 255); */
/* Misty Rose White*/
/* Misty Rose White #ffe4e1 */
/*  */
/* @stdHeadingColor: rgb(0,20,60);*/
/*  
    Define font size 
*/
/*  
    Define text weights (i.e. thinness/thickiness of letters
*/
/*  
    Define space sizes for padding & margins for page txt (not including the nav bar & footer)
*/
/* Navbar styling. */
.myNav-item .myNav-link {
  display: block;
  padding-top: 0;
  padding-right: 0.5rem;
  padding-bottom: 0;
  padding-left: 0.5rem;
  font-size: 18px;
  /* 2px bigger than default of 16px i.e. font-size not previously set */
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  /* Semi-transparent white */
  background-color: transparent;
  border-bottom: 0.25rem solid transparent;
  text-decoration: underline;
  text-decoration-thickness: 15%;
}
.myNav-item .myNav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}
.myNav-link.active {
  color: rgba(255, 255, 255);
}
/*discussion sections */
/* Separator Lines: First and subsequent */
.firstHzLine {
  border-top: 2px solid black;
}
.hzLine {
  border-top: 1px solid gray;
}
/* Banner image for pages other than home page. */
.img-OD_Banner {
  width: 100%;
  height: auto;
  float: left;
  max-width: 100%;
}
@media only screen and (min-width: 100px) {
  .img-OD_Banner {
    padding-bottom: 3px;
  }
}
@media only screen and (min-width: 768px) {
  .img-OD_Banner {
    padding-bottom: 3px;
  }
}
@media only screen and (min-width: 992px) {
  .img-OD_Banner {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .img-OD_Banner {
    padding-bottom: 10px;
  }
}
.about-heading {
  color: #ffd2e1;
  font-weight: 600;
  line-height: normal;
  /* Interline spacing */
  justify-content: flex-start;
  text-decoration: underline;
}
@media only screen and (min-width: 100px) {
  .about-heading {
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 3px;
  }
}
@media only screen and (min-width: 768px) {
  .about-heading {
    font-size: 22px;
    padding-bottom: 3px;
  }
}
@media only screen and (min-width: 992px) {
  .about-heading {
    font-size: 26px;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 1200px) {
  .about-heading {
    font-size: 26px;
    padding-bottom: 5px;
  }
}
.about-discussion {
  color: #ffe4e1;
  /* text color   */
  justify-content: flex-start;
  text-indent: 1.5em;
}
@media only screen and (min-width: 100px) {
  .about-discussion {
    font-size: 18px;
    padding-bottom: 5px;
    line-height: normal;
    /* Most browsers have "normal" as larter than 100% */
  }
}
@media only screen and (min-width: 768px) {
  .about-discussion {
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 110%;
    /* Most browsers have "normal" as larter than 100% */
  }
}
@media only screen and (min-width: 992px) {
  .about-discussion {
    font-size: 22px;
    padding-bottom: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  .about-discussion {
    font-size: 26px;
  }
}