/*  Include ("import") file containing definitions for colors, sizes, etc that
are common across the pages that make up AcknowledgeSoftware.com
*/
/* 
* Include ("import") file containing definitions for colors, sizes, etc that
* are common across the pages that make up AcknowledgeSoftware.com
*
*/
/* 
   Define sizes of devices
*/
/* XXX Right sizes for high-res screens? */
/*  
    Define colors 
*/
/*pale rose */
/* Navbar colors */
/* Background color of the nav bar */
/* A darker version of the background 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)
*/
/* Separator Lines: First and subsequent */
#firstHzLine {
  border-top: 2px solid black;
}
.hzLine {
  border-top: 1px solid gray;
}
/* All pages except the home page have a "Title" e.g. "Testimonials" */
.pageTitleTxt {
  font-weight: 400;
  text-align: center;
  padding-top: 1vh;
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  .pageTitleTxt {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pageTitleTxt {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pageTitleTxt {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) {
  .pageTitleTxt {
    font-size: 26px;
  }
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  .sectionHeading {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sectionHeading {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sectionHeading {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) {
  .sectionHeading {
    font-size: 26px;
  }
}
.subSectionHeading {
  font-weight: 600;
  padding-bottom: 2px;
}
@media only screen and (min-width: 100px) {
  .subSectionHeading {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .subSectionHeading {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) {
  .subSectionHeading {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) {
  .subSectionHeading {
    font-size: 20px;
  }
}
/* Many pages have narrative-type text.  Here is the styling. */
@media only screen and (min-width: 100px) and (max-width: 767px) {
  .normalAckText {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .normalAckText {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .normalAckText {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  .normalAckText {
    font-size: 18px;
  }
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  .lastItem {
    padding-bottom: 1vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .lastItem {
    padding-bottom: 2vh;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .lastItem {
    padding-bottom: 2vh;
  }
}
@media only screen and (min-width: 1200px) {
  .lastItem {
    padding-bottom: 3vh;
  }
}
/**
* Top Slogan Styling
*
*/
.iSolve {
  background-color: #7c71c1;
  /*Same as navbar to look like part of navbar */
  text-align: left;
  font-size: 14px;
  font-style: italic;
  color: #ecf0f1;
  /* text color */
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  .iSolve {
    border-bottom: 5px solid #7c71c1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .iSolve {
    /*text-decoration: underline; */
    border-top: 3px solid #7c71c1;
    border-bottom: 9px solid #7c71c1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .iSolve {
    /* text-decoration: overline; */
    border-top: 7px solid #7c71c1;
    border-bottom: 12px solid #7c71c1;
  }
}
@media only screen and (min-width: 1200px) {
  .iSolve {
    /*text-decoration: overline underline;*/
    border-top: 7px solid #7c71c1;
    border-bottom: 12px solid #7c71c1;
  }
}
#bottomSlogan {
  color: #ecf0f1;
  background-color: #7c71c1;
  font-style: italic;
  font-size: 14px;
  /*) border-bottom: 2px solid  @nbgDefault; */
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  #bottomSlogan {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #bottomSlogan {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #bottomSlogan {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  #bottomSlogan {
    padding-top: 16px;
  }
}
/* Contact info (phone and email) */
#bottomPhone {
  color: #ecf0f1;
  background-color: #7c71c1;
  font-style: normal;
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  #bottomPhone {
    padding-top: 10px;
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #bottomPhone {
    padding-top: 10px;
    font-size: 11px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #bottomPhone {
    padding-top: 10px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  #bottomPhone {
    padding-top: 10px;
    font-size: 14px;
  }
}
#contactImg {
  float: left;
  /* align: absbottom;  Not legal. */
  background-color: #7c71c1;
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  #contactImg {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #contactImg {
    padding-bottom: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #contactImg {
    padding-bottom: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  #contactImg {
    padding-bottom: 14px;
  }
}
/* Styling for navbar;   */
.navbar {
  margin-bottom: 0;
}
.myNavBrand {
  font-size: 16px;
}
.myNavItem {
  font-size: 14px;
}
/* Code for colors (gotten from a website) */
.navbar-default {
  background-color: #7c71c1;
  border-color: #7c71c1;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ecdbff;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ecdbff;
}
.navbar-default .navbar-nav .active > a,
.navbar-default .navbar-nav .active > a:hover,
.navbar-default .navbar-nav .active > a:focus {
  color: #ecdbff;
  background-color: #6b5fb9;
}
.navbar-default .navbar-nav .open > a,
.navbar-default .navbar-nav .open > a:hover,
.navbar-default .navbar-nav .open > a:focus {
  color: #ecdbff;
  background-color: #6b5fb9;
}
.navbar-default .navbar-nav .open > a .caret,
.navbar-default .navbar-nav .open > a:hover .caret,
.navbar-default .navbar-nav .open > a:focus .caret {
  border-top-color: #ecdbff;
  border-bottom-color: #ecdbff;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #ecf0f1;
  border-bottom-color: #ecf0f1;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #ecdbff;
  border-bottom-color: #ecdbff;
}
.navbar-default .navbar-toggle {
  border-color: #6b5fb9;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #6b5fb9;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
@media (max-width: 767px) {
  .navbar-default .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ecdbff;
    background-color: #6b5fb9;
  }
}
/* Footer styling */
#myFooter_CT {
  background-color: #7c71c1;
}
#myFooter {
  position: sticky;
  /* "position" (absolute or fixed? XXX) + "bottom" -> sticky bottom apparently */
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #7c71c1 !important;
}
body {
  padding-top: 50px;
  /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
  width: 100%;
  margin: 0%;
  background-color: #ffffe6;
  font-family: 'Amethysta', sans-serif;
  margin-bottom: 50px;
  /* XXX Needed ? */
}
#aboutDiscussion_CT {
  margin-top: 1vh;
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  #aboutDiscussion_CT {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #aboutDiscussion_CT {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 1vh;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #aboutDiscussion_CT {
    margin-left: 40px;
    margin-right: 60px;
    margin-bottom: 1vh;
  }
}
@media only screen and (min-width: 1200px) {
  #aboutDiscussion_CT {
    margin-left: 40px;
    margin-right: 80px;
    margin-bottom: 1vh;
  }
}
#hairDownJpg {
  margin-top: 8px;
  /* Margin on the containing row isn't working for the photo */
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  #hairDownJpg {
    max-width: 100%;
    max-height: 250px;
    padding-top: 2vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #hairDownJpg {
    max-width: 100%;
    height: auto;
    max-height: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #hairDownJpg {
    max-width: 100%;
    height: auto;
    max-height: 250px;
  }
}
@media only screen and (min-width: 1200px) {
  #hairDownJpg {
    max-width: 100%;
    height: auto;
    max-height: 300px;
  }
}
#diveInQuote {
  font-style: italic;
  display: block;
  margin-top: 5px;
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  #diveInQuote {
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #diveInQuote {
    font-size: 11px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #diveInQuote {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  #diveInQuote {
    font-size: 14px;
  }
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  #richSalz_attribution {
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #richSalz_attribution {
    font-size: 11px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #richSalz_attribution {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1200px) {
  #richSalz_attribution {
    font-size: 14px;
  }
}
/**.aboutInfo ul {
   padding-left:0; 
  list-style-type: none;
 
}
 **/