/*  Include ("import") file containing definitions for cfs, sizes, etc that
are common across the pages that make up College Bound (drawn from Acknowledge Sw site)
*/
/* 
* Include ("import") file containing definitions for colors, sizes, etc that
* are common across the pages that make up the College Bound web site (copied from Ack Web site)
*
*/
/* 
   Define sizes of devices
*/
/* XXX Right sizes for high-res screens? */
/*  
    Define colors 
*/
/* Standard Background & Text Colors */
/* @stdBgColor:rgb(255, 255, 255); */
/* Very dark blue-green */
/* @stdHeadingColor: rgb(0,20,60);*/
/* Jen's suggested (pinkish): @stdSongBoxColor: rgb(255, 250, 200); */
/* Banner (former Navbar) colors for CB and EP */
/* Background color */
/* Highlight */
/* Text color */
/* Old Navbar defs from Acknowledge site */
/* Text color for the banner */
/* CB banner text color */
/*  
    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)
*/
body {
  width: 100%;
  margin: 0%;
  background-color: #ffffff;
  font-family: 'Amethysta', sans-serif;
}
/* Styling for the top banner ("College/Bound" or similar) and sub-banner (sub-title) of CB pages */
.CB_Banner01 {
  background-color: #2874a6;
  color: #ecf0f1;
  /* font-style: bold; */
  /* text color */
}
@media only screen and (min-width: 100px) {
  .CB_Banner01 {
    font-size: 22px;
    padding-top: 10px;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .CB_Banner01 {
    font-size: 26px;
    padding-top: 20px;
    text-align: center;
    /* padding-left: @mdSpace;  for attempt to align left with discussion text. */
  }
}
@media only screen and (min-width: 992px) {
  .CB_Banner01 {
    font-size: 38px;
  }
}
.CB_Banner02 {
  background-color: #2874a6;
  color: #ecf0f1;
  font-style: italic;
  /* font-style: bold; */
}
@media only screen and (min-width: 100px) {
  .CB_Banner02 {
    font-size: 14px;
    padding-bottom: 10px;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .CB_Banner02 {
    font-size: 22px;
    text-align: center;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .CB_Banner02 {
    font-size: 26px;
  }
}
/* Styling for discussion sections */
.CB_Discussion_CT,
.EP_Discussion_CT {
  /*  padding-bottom: 2vh; */
  /* padding-top: 1vh; */
}
@media only screen and (min-width: 100px) {
  .CB_Discussion_CT,
  .EP_Discussion_CT {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .CB_Discussion_CT,
  .EP_Discussion_CT {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .CB_Discussion_CT,
  .EP_Discussion_CT {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .CB_Discussion_CT,
  .EP_Discussion_CT {
    margin-left: 40px;
    margin-right: 40px;
  }
}
/* Styling for the side-bar of links */
.linksRow_CB,
.linksRow_EP {
  border-style: groove;
  line-height: normal;
  border-color: #566573;
  background-color: #fffff0;
  /* border-color:#2c3e50; */
}
@media only screen and (min-width: 100px) {
  .linksRow_CB,
  .linksRow_EP {
    /*font-size: @tinyFont; */
    border-width: 1px;
    border-radius: 8px;
    margin-top: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 3px;
    padding-right: 1px;
  }
}
@media only screen and (min-width: 768px) {
  .linksRow_CB,
  .linksRow_EP {
    /* font-size: @xsFont; */
    border-width: 2px;
    margin-top: 9px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 992px) {
  .linksRow_CB,
  .linksRow_EP {
    font-size: 18px;
    border-width: 2px;
    margin-top: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 55px;
  }
}
@media only screen and (min-width: 1200px) {
  .linksRow_CB,
  .linksRow_EP {
    font-size: 22px;
    border-width: 2px;
    margin-top: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.linkSideBar_CB,
.linkSideBar_EP {
  line-height: normal;
}
@media only screen and (min-width: 100px) {
  .linkSideBar_CB,
  .linkSideBar_EP {
    font-size: 8px;
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 768px) {
  .linkSideBar_CB,
  .linkSideBar_EP {
    font-size: 11px;
    padding-bottom: 3px;
  }
}
@media only screen and (min-width: 992px) {
  .linkSideBar_CB,
  .linkSideBar_EP {
    font-size: 18px;
    padding-bottom: 7px;
  }
}
@media only screen and (min-width: 1200px) {
  .linkSideBar_CB,
  .linkSideBar_EP {
    font-size: 18px;
    padding-bottom: 7px;
  }
}
.discussionHead01_CB,
.discussionHead01_EP {
  color: #003c3c;
  /* text color   */
}
@media only screen and (min-width: 100px) {
  .discussionHead01_CB,
  .discussionHead01_EP {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .discussionHead01_CB,
  .discussionHead01_EP {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) {
  .discussionHead01_CB,
  .discussionHead01_EP {
    font-size: 26px;
  }
}
.discussionHead02_CB,
.discussionHead02_EP {
  color: #003c3c;
  /* text color   */
  line-height: normal;
}
@media only screen and (min-width: 100px) {
  .discussionHead02_CB,
  .discussionHead02_EP {
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) {
  .discussionHead02_CB,
  .discussionHead02_EP {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .discussionHead02_CB,
  .discussionHead02_EP {
    font-size: 22px;
  }
}
.discussionText_CB,
.discussionText_EP {
  color: #003c3c;
  /* text color   */
  line-height: normal;
}
@media only screen and (min-width: 100px) {
  .discussionText_CB,
  .discussionText_EP {
    font-size: 11px;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .discussionText_CB,
  .discussionText_EP {
    font-size: 14px;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 992px) {
  .discussionText_CB,
  .discussionText_EP {
    font-size: 18px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .discussionText_CB,
  .discussionText_EP {
    font-size: 20px;
    padding-bottom: 20px;
  }
}
/* Styling for the top banner for Experimental Positions and sub-banner (sub-title) of CB pages */
.EP_Banner01 {
  background-color: #bc6f85;
  color: #ecf0f1;
  /* text color */
}
@media only screen and (min-width: 100px) {
  .EP_Banner01 {
    font-size: 22px;
    padding-top: 10px;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .EP_Banner01 {
    font-size: 26px;
    padding-top: 20px;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .EP_Banner01 {
    font-size: 38px;
  }
}
.EP_Banner02 {
  background-color: #bc6f85;
  color: #ecf0f1;
  /* text color */
  font-style: italic;
}
@media only screen and (min-width: 100px) {
  .EP_Banner02 {
    font-size: 14px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .EP_Banner02 {
    font-size: 22px;
    text-align: center;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .EP_Banner02 {
    font-size: 26px;
  }
}
/* Separator Lines: First and subsequent */
.firstHzLine {
  border-top: 1px solid black;
}
.hzLine {
  border-top: 1px solid gray;
}
/*  Defintions for the footer and its contents */
.bottomSlogan_CB {
  color: #ecf0f1;
  background-color: #2874a6;
  font-style: italic;
  font-size: 14px;
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  .bottomSlogan_CB {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bottomSlogan_CB {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bottomSlogan_CB {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .bottomSlogan_CB {
    padding-top: 16px;
  }
}
.bottomSlogan_EP {
  color: #ecf0f1;
  background-color: #bc6f85;
  font-style: italic;
  font-size: 14px;
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  .bottomSlogan_EP {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bottomSlogan_EP {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bottomSlogan_EP {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .bottomSlogan_EP {
    padding-top: 16px;
  }
}
/* Contact info (phone and email) */
.bottomPhone_CB {
  color: #ecf0f1;
  background-color: #2874a6;
  font-style: normal;
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  .bottomPhone_CB {
    padding-top: 10px;
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bottomPhone_CB {
    padding-top: 10px;
    font-size: 11px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bottomPhone_CB {
    padding-top: 10px;
    font-size: 14px;
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 1200px) {
  .bottomPhone_CB {
    padding-top: 10px;
    font-size: 14px;
    padding-bottom: 4px;
  }
}
.bottomPhone_EP {
  color: #ecf0f1;
  background-color: #bc6f85;
  font-style: normal;
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  .bottomPhone_EP {
    padding-top: 10px;
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bottomPhone_EP {
    padding-top: 10px;
    font-size: 11px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bottomPhone_EP {
    padding-top: 10px;
    font-size: 14px;
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 1200px) {
  .bottomPhone_EP {
    padding-top: 10px;
    font-size: 14px;
    padding-bottom: 4px;
  }
}
/* Footer styling for CB and EP*/
.CB_Footer_CT {
  background-color: #2874a6;
}
.CB_Footer {
  position: sticky;
  /* "position" (absolute or fixed? XXX) + "bottom" -> sticky bottom apparently */
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #2874a6 !important;
}
/* Footer styling for EP */
.EP_Footer_CT {
  background-color: #bc6f85;
}
.EP_Footer {
  position: sticky;
  /* "position" (absolute or fixed? XXX) + "bottom" -> sticky bottom apparently */
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #bc6f85 !important;
}
/* This file: Less files for Experimental Positions Synopsis.
   Note: Most of the definitions for EP are in the CB_Common.less file (for now).
*/