/*searchEngineStyle.css*/

/*  SUPPRESSES WINDOWS PRINT HEADERS & FOOTERS: */
@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

.linkText {
    font-style:italic;
    color:#3C6A96;
}

#flexstart {
    justify-content: flex-start;
}

#flexend {
    justify-content: flex-end;
}

#center {
    justify-content: center;
}

#spacearound {
    justify-content: space-around;
}

#spacebetween {
    justify-content: space-between;
}

.hyperlinkClass {
    text-decoration:underline;
    font-style:italic;
    color:#3C6A96;
}

html {
  font-size: 16px;
}

body {
  color: black;
  font-family: "Arial";
  background-color: white;
}

.main {
  opacity: 0.9;
  width: 1200px;
  margin: auto;
  max-width: 960;
}

.flex-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* Header Element Section */

.logo-class {
    margin-left: 2rem;
    margin-right: 0rem;
}

.logo-class1234 {
    margin-left: 1rem;
    margin-right: 0rem;
    margin-bottom: 2rem;
}

.header {
  justify-content: center;
  flex-direction: column;
  color: white;
  background-color: #3C6A96;
    /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.header1234 {
  justify-content: center;
  flex-direction: column;
  color: #9BB0C9;
  background-color: white;
    /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.header1234A {
  justify-content: center;
  flex-direction: column;
  color: white;
  background-color: #3C6A96;
    /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.header1234Transparent {
  justify-content: center;
  flex-direction: column;
  color: white;
/*  background-color: #3C6A96;*/
    /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.sideHeader {
    padding-top: 1.0rem;
    padding-left: 2.1rem;
    padding-bottom: 0.5rem;    
    font-family: "Righteous", cursive;
    justify-content: center;
    flex-direction: column;
    color: white;
    background-color: #3C6A96;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.header a {
/*  margin-top: 0.7rem;*/
  margin-bottom: 0;
  font-family: "Righteous", cursive;
  color: #ffffff;
}

.headerRetail a {
  align-items: flex-start;
  margin-bottom: 0;
  font-family: "Righteous", cursive;
  color: #ffffff;
}
 
.big-header {
  font-size: 40px;
  color: white;
}

.big-header1234 {
  font-size: 40px;
  color: #9BB0C9;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */  
  font-family: "Righteous", cursive;  
}

.big-header1234White {
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: white;
  font-family: "Righteous", cursive;  
}

@media print {
.header a {
        color: red;
    }
}

.big-header p {
  font-size: 40px;
  color: white;
}

.big-header1234A {
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-family: "Righteous", cursive;  
}

.med-header {
  font-family: "Righteous", cursive;
  font-size: 35px;
  color: #9BB0C9
}
 
.headerWelcome {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
} 

.pale-teal-letters {
  color: #9BB0C9;
  /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.pale-teal-letters a {
  color: #9BB0C9;
  /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.pale-teal-letters-li2 {
  color: #9BB0C9;
  /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.pale-teal-letters-li {
  color: #d6f5f5;
  /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}


header a {
  font-family: "Righteous", cursive;
  color: #ffffff;
}

.header-row-1 {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.bigHeader {
    margin-top: 20px;
    font-size: 40px;
    font-family: "Righteous", cursive;
    color: white;
    margin-left: 4rem;
    padding-top: 2.1rem;
    text-decoration: none;
}

.mediumHeader {
    margin-top: 13px;
    font-size: 35px;
    font-family: "Righteous", cursive;
    color: #9BB0C9;
    margin-left: 4rem;
    padding-top: 2.1rem;
    text-decoration: none;
}

.subHeader {
    color: white;
    margin-left: 5rem;
    padding-top: 2.3rem;
    font-weight: normal;  
}

.beta {
    padding-top: 3.4rem;
}

.align-top {
    height: 50px;
    vertical-align: top;
}

.headerButtons {
  line-height: 1.5rem;
  padding-right: 1rem;
  width: 100%;
}

nav {
  text-align: right;
  flex-grow: 1;
}

nav span {
  display: inline-block;
  color: white;
  padding: 20px 10px;
}

nav li {
  display: inline-block;
  color: white;
  font-weight: bold;  
  padding-top: 2rem;
  padding-right: 1rem;
/*  padding: 20px 10px;*/
}

.padding5 {
padding: 0.5rem;
}

.diff-font {
  font-family: "Arial";
}

.arial-font {
  font-family: "Arial";
}

.bold-font {
  font-weight: bold;    
}

.arial-font a {
  font-family: "Arial";
}

.bold-font a {
  font-weight: bold;    
}

.row {
  display: flex;
  align-items: center;
  line-height: 17.5px;
}

.search-engine-row {
  display: flex;
  align-items: center;
  line-height: 14px;  /* TO MATCH TEXT HEIGHT */
}

.button-row {
  display: flex;
  justify-content: center;
  line-height: 17.5px;
}

.top-lines {
    flex-direction: column;
}

.teal {
   background-color: #3C6A96;
   /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
 }
 
.teal a {
   color: #3C6A96;
  /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
 }
 
.left-title { 
    text-align: left;
}

 .center-title {
    text-align: center;
}
 
 .right-title {
    text-align: right;
}
 
 .info-row {
    margin-top: 0.25rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
 }

.teal-letters {
  color: #3C6A96;
  /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.dark-gray-letters {
    color: #585050;
}

.very-pale-teal-letters {
  color: #d6f5f5;
  /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.white-letters {
  color: white;
}

.black-letters {
  color: black;
}

.blue-link a {
  color: DodgerBlue;
  text-decoration: underline;
  font-style: italic;
  font-weight: bold;
}

.very-pale-teal-background {
  background-color: #eafafa;
  /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL ; #eafafa = REALLY PALE TEAL*/
}

.blackBorder {
    border: 1px solid black;
}

.flexie {
/*  border: 0.1px solid #e6e6e6;*/
  display: flex;
  flex-direction: row;
}

.propertyDetailWrapper {
    display: flex;
    flex-direction: column;
}

.propertyDetailLine1 {
    display: flex;
    flex-direction: row;
    /* the following seems silly, but it aligns the div just to the right of the image; w/o it, the div border overlaps the image */
    margin-left: .0rem;
}

.propertyDetailLine2 {
    display: flex;
    flex-direction: row;
}

/*.idClassH {
    margin-left: 4.5rem;
    width: 3rem;
    text-align: center;
    text-decoration: underline;
}

.idClass {
    margin-left: 4.5rem;
    width: 3rem;
    text-align: center;
    text-decoration: underline;
}
*/

.partnerQuestion {
background-color: #9BB0C9;
}

.twoButton {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.imgBorder {
}

.imgBorder img {
   border:0.1px dotted #3C6A96;
}

.dummyImgBorder {
width: 100px;
    border:0.1px dotted #3C6A96;
}

.listingIdSort {
    margin-left: 1rem;
    width: 1rem;
    text-align: center;
    font-size: 12px;
    line-height: 1;
}

.SMARTiScoreClassH {
    margin-left:2.0rem;
    width: 1.9rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.SMARTiScoreClass {
    margin-left: 1.5rem;
    display: flex;
    width: 2.2rem;
}

.listingIdClassH {
    margin-left: 2.5rem;
    width: 2.5rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.listingIdClass {
    margin-left: 1rem;
    display: flex;
    width: 5rem;
}

.countyH {
    margin-left: 2.8rem;
    width: 1rem;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.county {
    margin-left: 1rem;
    display: flex;
    width: 1rem;
}

.cityH {
    margin-left: 1.5rem;
    width: 10rem;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.city {
    margin-left: 1.5rem;
    display: flex;
    width: 10rem;
}

.addressClassH {
    display: flex;
    align-items: flex-end;  /* aligns to bottom */
    margin-left: 1.6rem;
    width: 14rem;
    text-decoration: underline;
}

.addressClass {
    margin-left: 1.5rem;
    width: 15rem;
}

.unitsH {
    margin-left: 1.5rem;
    width: 1rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.units {
    margin-left: 1.5rem;
    width: 1rem;
}

.askingClassH {
    margin-left: 4.7rem;
    width: 5rem;
    text-align: right;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.askingHashH {
    margin-left: 43.0rem;
    width: 5rem;
    text-align: right;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.askingClass {
    display: flex;
    margin-left: 3rem;
    width: 4.5rem;
    align-items: flex-end;
    text-align: right;
}

.askingPerSquareFoot {
    margin-left: 40.7rem;
    width: 4.5rem;
    color: black;
    text-align: right;
}

.askingHash {
    margin-left: 42.0rem;
    width: 5rem;
    text-align: right;
    display: flex;
    align-items: flex-end;
}

.squareFeetH {
    margin-left: 1.6rem;
    width: 3rem;
    text-align: right;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.squareFeet {
    margin-left: 3rem;
    width: 2rem;
    text-align: right;
}

.rentsLegend {
    font-size: 10px;
}

.popUpIconButton {
    margin-left: 54.0rem;
    width: 2rem;
}

.topTableFontSize {
    font-size: 14;
}

/*.mapBorder img {*/
   /*padding:1px;*/
/*   border:0.1px dotted #3C6A96;*/
/*}*/

.table-border-double {
    border-style: double;
    border-color: #3C6A96;
  border-radius: 30px;    
}

.table-border-double-square {
    border-style: double;
    border-color: #9BB0C9;
}

.table-border-double1234 {
    border-style: double;
    border-color: #9BB0C9;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */    
    border-radius: 30px;    
}

.table-border-double-gray {
    border-style: double;
    border-color: lightgray;
}

.rentsClassH {
    margin-left: 3.1rem;
    width: 5rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.rentsClass {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-left: 3.0rem;
    width: 5rem;
    text-align: right;    
    color: black;
}

.rentsAboveMedian {
color: green;
}

.rentsBelowMedian {
color: #ff6600;
}

.rentsAreBlack {
color: black;
}

.rentsHashH {
    margin-left: 8.8rem;
    width: 5rem;
    text-align: right;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.rentsHash {
    display: flex;
    align-items: flex-end;
    margin-left: 9rem;
    width: 4.6rem;
    text-align: right;    
}

.grmClassH {
    margin-left: 2.4rem;
    width: 2rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.grmClassHashH {
    margin-left: 0.9rem;
    width: 2rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.grmClass {
    margin-left: 3.8rem;
    width: 1.7rem;
    text-align: right;
}

.grmClassHash {
    margin-left: 2.0rem;
}

.DPClassH {
    margin-left: 2.2rem;
    width: 2rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.DPClassHashH {
    margin-left: 2.5rem;
    width: 2rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.DPClass {
    margin-left: 2.5rem;
    width: 2rem;
    text-align: right;
}

.cashFlowH {
    margin-left: 4.4rem;
    width: 2.5rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.cashFlow {
    margin-left: 4rem;
    width: 2.7rem;
    text-align: right;
}

.totalInvestmentH {
    margin-left: 3.0rem;
    width: 6rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.totalInvestment {
    margin-left: 3.5rem;
    width: 5rem;
    text-align: right;
}

.tenYearNetH {
    margin-left: 1.5rem;
    width: 5rem;
    text-align: right;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.tenYearNetHashH {
    margin-left: 2.5rem;
    width: 5rem;
    text-align: right;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.tenYearNet {
    margin-left: 2.5rem;
    width: 3rem;
    text-align: right;
}

.medianRentsClass {
    margin-left: 53.00rem;
    width: 8.0rem;
    text-align: right;
    display: flex;
    align-items: flex-end;
    flex-direction: row;
}

/* THESE 2 ARE USED IN POPUP ROW */
.medianRentH {
    margin-left: 51.9rem;
    color: #9BB0C9;
}

.medianRent {
    width: 5rem;
    display: flex;
    justify-content: flex-end;
    margin-left: 0.3rem;
}

.sumCashFlowH {
    margin-left: 17.8rem;
    color: #9BB0C9;
}

.sumAppreciationH {
    margin-left: 79.4rem;
    color: #9BB0C9;
}

.sumPrincipalReductionH {
    margin-left: 76.7rem;
    color: #9BB0C9;
}

.sumCashFlow {
    width: 5rem;
    display: flex;
    justify-content: flex-end;
    margin-left: 0.3rem;
}

.sumAppreciation {
    width: 5rem;
    display: flex;
    justify-content: flex-end;
    margin-left: 0.3rem;
}

.sumPrincipalReduction {
    width: 5rem;
    display: flex;
    justify-content: flex-end;
    margin-left: 0.3rem;
}

.cashOnCashROI {
    margin-left: 3.5rem;
    width: 2rem;
    display: flex;
    justify-content: flex-end;
}

.cashOnCashROIH {
    margin-left: .5rem;
    color: #9BB0C9;
}

.tenYearROIH {
    margin-left: 1.7rem;
    width: 5rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.tenYearROIHashH {
    margin-left: 0.8rem;
    width: 5rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.tenYearROI {
    margin-left: 5rem;
    width: 1.5rem;
}

.doublingYearH {
    margin-left: 0.3rem;
    width: 3rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.doublingYear {
    margin-left: 3rem;
    width: 1rem;
    text-align: right;
    color: black;
}

.doublingYearGreenBold {
    color: green;
    font-weight: bold;
    font-style: italic;
}

.areaH {
    margin-left: 1.0rem;
    width: 15.5rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.area {
    margin-left: 2rem;
    color: black;
    width: 17rem;
    text-align: left;
}

.OOOldMortgageH {
    margin-left: 1.5rem;
    width: 3.0rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.OOOldMortgage {
    margin-left: 0rem;
    color: black;
    width: 5rem;
    text-align: left;
}

.OONewMortgageH {
    margin-left: 1.5rem;
    width: 3.0rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.OONewMortgage {
    margin-left: 0rem;
    color: black;
    width: 5rem;
    text-align: left;
}

.OODollarSavingsH {
    margin-left: 2.6rem;
    width: 1.5rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.OODollarSavings {
    margin-left: 0rem;
    color: black;
    width: 5rem;
    text-align: left;
}

.OOPercentSavingsH {
    margin-left: 3.2rem;
    width: 2.0rem;
    text-align: center;
    text-decoration: underline;
    display: flex;
    align-items: flex-end;
}

.OOPercentSavings {
    margin-left: 0rem;
    color: black;
    width: 5.0rem;
    text-align: left;
}

.highRent {
    margin-left: 38rem;
    width: 5rem;
    text-align: right;
}

.averageRent {
    margin-left: .2rem;
    width: 5rem;
    text-align: right;
}

.lowRent {
    margin-left: 2rem;
    width: 5rem;
    text-align: right;
}

.columnHeaderLine {
/*box-sizing: content-box; */
  display: flex;    
  font-weight: bold;
}

.effMoCF {
    display: none;
}

.newPropValue {
    display: none;
}
 
.currFilterField {
    display: none;
}
 
.currFilterOperator {
    display: none;
}
 
.currFilterValue {
    display: none;
}
 
.effMoCF {
    display: none;
}
 
.newPropValue {
    display: none;
}
 
.secondRow {
    display: none;
}
 
.dollar::before {
    content: '$';
}

.percent::after {
    content: '%';
}

.filter-button {
  color: white;
  text-align: center;
  font-size: 17px;
/*  border: 1px solid darkgray;*/
/*  border-radius: 19px;*/
  margin-right: 1.25rem;

}

.filter-button:hover {
  color: #9BB0C9;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.intro-button {
  color: white;
  font-size: 20px;    
  text-align: center;
  margin-right: 1.25rem;
}

.intro-button:hover {
  color: #9BB0C9;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */  
}

.intro-button1234 {
  color: #9BB0C9;
  font-size: 20px;    
  text-align: center;
  margin-right: 1.25rem;
}

.intro-button1234A {
  color: white;
  font-size: 25px;

  text-align: center;
  margin-right: 1.25rem;
}

.intro-button1234:hover {
  color: #3C6A96;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */  
}

.display-button {
    margin-left: 2rem;
}

.cancel-button {
  color: #3C6A96;
  width: 4rem;
  text-align: center;
  font-size: 14px;  
  margin-right: 0.5rem;
}

.cancel-button-new {
  color: white;
  width: 4rem;
  text-align: center;
  font-size: 14px;  
  margin-right: 0.5rem;
}

.footer {
  width: 100%;
  justify-content: center;
  color: white;
  background-color: #3c6a96;
    /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
 }

.sideFooter {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  color: white;
  background-color: #3C6A96;
 
 }

ul.footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
 }

ul.footer li {
  display: inline-block;
  line-height: 1.5rem;
}

 .thin-row  {
   display: flex;
   flex-direction: row;
   justify-content: right;
   margin-right: 0.00rem;
   line-height: 1rem;
 }

.cart{
    border: 1px solid #9BB0C9;
  /*position: fixed;*/
  /*top: 200px;*/
  /*right: 15px;*/
  /*hide it by default*/
  display: none;
  /*z-index: 5;*/
  /*width: 170px;*/
  /*padding: 5px;*/
}

.openCart {
    margin-left: 82.0rem;
}

/* works for Tea Cozy example: */
/*#cart{*/
/*  position: fixed;*/
/*  top: 200px;*/
/*  right: 15px;*/
  /*hide it by default*/
/*  display: none;*/
/*  z-index: 5;*/
/*  background-color: #9BB0C9;*/
/*  width: 170px;*/
/*  padding: 5px;*/
/*  border: 4px solid #3C6A96;*/
/*  border-width: 4px 0;*/
/*  filter:drop-shadow(0px 5px 5px rgba(0,0,0,0.5));*/
/*}*/

/*add top triangle pointer*/
/*#cart::after{*/
/*  content: "\25B2";*/
/*  color: white;*/
/*  position: absolute;*/
/*  top: -118px;*/
/*  right:13px;*/
  /*add a red border to the top of the triangle*/
/*  text-shadow: 0px -8px #3C6A96;*/
/*  z-index: 5;*/
/*}*/
 
#confirm {
  background: transparent;
  top: 200px;
  right: 15px;
  z-index: 5;
  background-color: #9BB0C9;
  width: 170px;
  padding: 5px;
  border: 4px solid #3C6A96;
  border-width: 4px 0;
  filter:drop-shadow(0px 5px 5px rgba(0,0,0,0.5));
}

.cart div { 
  display: inline-block;
/*  display: flex;*/
}

#invisible {
    display: none;
}

.invisible {
    display: none;
}

.input-fields {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  border: 1px solid red;
}

.input-fields input {
  border-radius: 19px;
  margin-right: .625rem;
  height: 2.5rem;
}

.input-fields-heavy input {
  border-radius: 19px;
  background-color: #edf5f7;
  margin-right: .625rem;
  height: 2.5rem;
}

/* THIS IS SIMILAR TO THE .input-box IN THE ANALYZER, BUT A LIGHTER COLOR: */
.input-welcome-box {
background-color: #8DB9CC;
border: 1px solid black;
color: white;
}

.instructionDetail {
    margin-left: 5rem;
}

.instructionDetail2 {
    margin-left: 7.5rem;
}

.instructionDetail3 {
    margin-left: 10rem;
}


/* WELCOME SCREEN: */

#blather .flex-container {
  margin: auto;
  margin-bottom: 2rem;
  align-items: flex-start;
}

.blathertext {
/*  width: 35%;*/
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.blathertext h3 {
  font-weight: bold;
  font-size: 1rem;
  width: 100%;
  padding-left: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #9BB0C9;
}

.blathertext-center a {
  font-weight: bold;
  font-size: 16px;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #9BB0C9;
}

.blathertext a {
color: azure;
  font-weight: bold;
  font-size: 1rem;
  width: 100%;
  padding-left: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
/*  background-color: #8DB9CC;*/
  background-color: #azure;
}

.blathertext li {
  color: black;
  font-size: 1rem;
  text-align: left;
}

/* listing Image Gallery section: */

.side-by-side {
    display: flex;    
}

.thumb-table {
    display: flex;
}

.galleryClickBack {
    height: 10rem;
    display: flex;
    align-items: flex-end;
}

/*filterPopup CSS*/

.allFormsWrapper {
/*    border: 2px solid #3C6A96;*/
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.standardForm {
    width: 33%;
}

.citiesForm {
    width: 33%;
}

.areasForm {
    width: 33%;
}


.standardFormNew {
    width: 0%;
}

.newForm {
    width: 50%;
}

.citiesFormNew {
    width: 25%;
}


.areasFormNew {
    width: 25%;
}


.cropped img {
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
}

.thumbnail2 {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.thumbnail2 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
/*  -webkit-transform: translate(-50%,-50%);*/
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.thumbnail2 img.portrait {
  width: 100%;
  height: auto;
}

.overflowhidden img {
    background-color: #00FF00;
    width: 500px;
    height: 100px;
/*    overflow: hidden;*/
}

.clipped img {
    border: 1px solid red;
    position: relative;
    width: 133px;
    height:100px;
    overflow: hidden;
    clip: rect(150px,835px,650px,195px)
/*    clip: rect(150px,835px,650px,195px)*/
    }
    
/* THIS POSSIBLY SUPPRESSES PRINTING OF LINKS: */
a[href]:after {
   content: initial;
}

.printButton {
	width: 7.0rem;
	height: 1rem;
	margin-left: 110rem;
}

.blackText {

}

.azureText {
color: azure;
}

.highlight-row {
background-color: #d6f5f5;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */

.red-border {
/*border: 1px solid red;*/
}

.green-border {
/*border: 5px solid green;*/
}

.red-border-dotted {
/*border: 5px dotted red;*/
}

.purple-border {
/*border: 5px solid purple;*/
}

.black-border-thick {
/*border: 5px solid black;*/
}

.black-border-dotted {
/*border: 5px dotted black;*/
}

.black-border {
border: 1px solid black;
}

.red-letters {
color: red;
}

.green-letters {
color: green;
}

.lightgray-border {
border: 1px solid lightgray;
}

.gray-border {
border: 1px solid gray;
}

.HP-margin-left {
margin-left: 2rem;
/*  font-size: 15px;*/
/*    font-weight: bold;  */
}

.HP2-margin-left {
margin-left: 10rem;
}

.HP3-margin-left {
margin-left: 2rem;
}

.tiny-font {
  font-size: 10px;
}

.tinyFont {
  font-size: 10px;
}

.smaller-font {
  font-size: 15px;
}

.property-image:hover {
  color: #BFBFBF;
}

/* hover image text */
.wp-caption {
position: relative;
padding: 0;
margin: 0;
}
.wp-caption img {
display: block;
max-width: 100%;
height: auto;
}
.wp-caption-text {
opacity: 0;
position: absolute;
width: 100%;
color: #fff;
    text-align: center;
left: 0;
bottom: 0;
padding: 0.75em 1em;
font-weight: 700;
z-index: 2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #9BB0C9;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.wp-caption:hover .wp-caption-text {
opacity: 1;
}

.table-header {
font-weight: bold;
font-size: 25px;
color: #3C6A96;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */

.table-headerwhite {
font-weight: bold;
font-size: 25px;
color: white;
}

.table-headerpaleteal {
font-weight: bold;
font-size: 25px;
color: #9BB0C9;
}

.table-text {
font-weight: medium;
font-size: 20px;
color: #3C6A96;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */

.table-button-text {
font-weight: medium;
font-size: 15px;
color: #3C6A96;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */

.intro-table-border {
    border-style: solid;
    border-color: #3C6A96;
}

.side-table-border {
    border: 1px solid;
    border-color: lightgray;
}

.trophy-table-border {
border-right: 3.0px solid #3C6A96;
}

.trophy-margin {
margin-top: 1 rem;
}

.intro-header-margin {
margin-top: 1.5rem;
}

.margin-top-1rem {
  margin-top: 1rem;
  justify-content: center;  
 }

.margin-right-1rem {
margin-right: rem;
}

.bold-gray-text {
color: gray;
font-weight: bold;
}

.gray-text {
color: gray;
font-weight: normal;
}

.bold-teal-header {
/* USED IN INTRO INFO PAGES */
font-weight: bold;
font-size: 30px;
color: #3C6A96;
margin-top: 2.0rem;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */

.bold-teal-header2 {
/* USED IN INTRO INFO PAGES */
font-weight: bold;
font-size: 30px;
color: #3C6A96;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */

.bold-teal-subheader {
font-weight: bold;
font-size: 25px;
color: #9BB0C9;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */

.teal-subheader {
font-size: 25px;
color: #9BB0C9;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */


.bold-blue-subheader {
font-weight: bold;
font-size: 25px;
color: #002db3;
}

.bold-teal-subheader20 {
font-weight: bold;
font-size: 20px;
color: #9BB0C9;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */

.bold-teal-subheader20white {
font-weight: bold;
font-size: 20px;
/*color: #9BB0C9;*/
color: white;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */

.teal-subheader20white {
font-size: 20px;
color: white;
}

.button-link:hover {
text-decoration: underline;
}

.underline-link a {
text-decoration: underline;
}

.fa-bullet {
margin-left: 1rem;
}

.fa-bulletA {
margin-left: 1.1rem;
}

.fa-bulletB {
margin-left: 1.2rem;
}

.fa-bulletC {
margin-left: 1.3rem;
}

.fa-bulletD {
margin-left: 0.8rem;
}

.margin-left-20 {
margin-left: 20rem;
}

/* FOR testFadein.php */
#test p {
color: black;
    opacity: 0;
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}

.prev-next-button,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}

.subheaderMarginLeft {
margin-left: 1.3rem;
}

.fixed-col1 {
    position: fixed;
    top: 263px;
}

.step-hover:hover {
text-decoration: underline;
background-color: #d6f5f5;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */  

.step-highlight {
color: white;
background-color: #9BB0C9;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */  

.SMARTiScoreFactors {
    margin-left: 200;
}

.weMeet {
  -webkit-animation: KEYFRAME-NAME 5s infinite;
  -moz-animation:    KEYFRAME-NAME 5s infinite;
  -o-animation:      KEYFRAME-NAME 5s infinite;
  animation:         KEYFRAME-NAME 5s infinite;
}

@-webkit-keyframes KEYFRAME-NAME {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes KEYFRAME-NAME {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes KEYFRAME-NAME {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes KEYFRAME-NAME {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.ez124 {
    font-size: 40px;
    font-family: "Righteous", cursive;
    color: white;
/*    padding-top: 1rem;*/
    text-decoration: none;
    background-color: #3C6A96;
    width: 100%;
}

.statsTitle {
    font-size: 30px;
    font-family: Arial;
    color: white;
/*    padding-top: 1rem;*/
    text-decoration: none;
    background-color: #3C6A96;
    width: 100%;
}

.headerContainer {
  margin-top: 20px;
  height: 1200px;
  width: 100%;
  display: block;
}

.headerContainerMessage {
  margin-top: 20px;
  height: 100px;
  width: 100%;
  display: block;
}

.headerContainerMessage1234 {
  margin-top: 0px;
  height: 100px;
  width: 100%;
  display: block;
}

.headerContainerCool {
  margin-top: 20px;
  height: 50px;
  width: 100%;
  display: block;
}

.headerContainerMosaic {
/*  height: 950px;*/
  width: 100%;
  display: block;
  background-color: azure;
}

.headerBoxSpacer1 {
  width: 2.5%;
  display: inline-block;
}

.headerBoxSpacer2 {
/*  height: 400px;*/
  width: 2.5%;
/*  background-color: purple;*/
/*  border: 1px solid lightgrey;*/
  display: inline-block;
}

.headerBoxTitle {
  height: 400px;
  width: 40%;
/*  background-color: dodgerblue;*/
/*  border: 1px solid lightgrey;*/
  display: inline-block;
}

.headerBoxTitle1234 {
/*  height: 400px;*/
  width: 40%;
/*  background-color: dodgerblue;*/
/*  border: 1px solid lightgrey;*/
  display: inline-block;
}

.headerBoxTitleMessage {
  height: 100px;
  width: 40%;
/*  background-color: dodgerblue;*/
/*  border: 1px solid lightgrey;*/
  display: inline-block;
}

.headerBoxTitleCool {
  height: 100px;
  width: 40%;
/*  background-color: dodgerblue;*/
/*  border: 1px solid lightgrey;*/
  display: inline-block;
}

.headerBoxTitleMosaic {
  height: 40px;
  width: 700px;
  background-color: #3C6A96;
/*  border: 1px solid lightgrey;*/
  display: inline-block;
  margin-top: 20px;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */  

.headerBoxSpacerMosaic2 {
/*  height: 400px;*/
    width: 200px;
/*  background-color: purple;*/
/*  border: 1px solid lightgrey;*/
  display: inline-block;
}

.headerBoxMenu {
/*  height: 400px;*/
  width: 45%;
/*  background-color: green;*/
/*  border: 1px solid lightgrey;*/
  display: inline-block;
  justify-content: space-around;
}

.headerBoxMenuCool {
/*  height: 400px;*/
  width: 45%;
/*  background-color: green;*/
/*  border: 1px solid lightgrey;*/
  display: inline-block;
  justify-content: space-around;
}

.headerBoxMenu1234 {
/*  height: 400px;*/
  width: 45%;
  line-height: 1.75em;    
/*  background-color: green;*/
/*  border: 5px solid red;*/
  display: inline-block;
  justify-content: space-around;
}

.headerBoxMenuMosaic {
/*  height: 400px;*/
  width: 900px;
  background-color: #3C6A96;
/*  border: 1px solid lightgrey;*/
  display: inline-block;
  justify-content: space-around;
}

.headerBoxTagLineMessage8 {
  height: 40px;
  width: 100%;
  font-size: 1.5em;
  background-color: white;
    opacity: 0.7;
    filter: alpha(opacity=50); /* For IE8 and earlier */
/*  border: 1px solid lightgrey;*/
  display: inline-block;
  /* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */  
}

.headerBoxTagLineMessage8 p {
  font-size: 2.0em;
}

.headerBoxTagLineMessage1234GettingStarted {
  margin-left: 0px;
  padding-left: 0.5em;
  height: 40px;
  width: 100%;
  font-size: 35px;
  background: azure; /* For browsers that do not support gradients */
  background: linear-gradient(to right, #3C6A96, white); /* Standard syntax (must be last) */    
  opacity: 0.7;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  display: inline-block;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */  
}

.headerBoxTagLineMessage1234GettingStarted p {
  margin-top: .325em;
  text-align: left;
  font-size: 35px;  
}

.headerBoxTagLineMessage1234 {
  margin-left: 0px;
  height: 50px;
  width: 100%;
  font-size: 35px;
  background: white;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */    
  display: inline-block;
}

.headerBoxTagLineMessage1234Opportunity {
  margin-left: 0px;
  height: 40px;
  width: 100%;
  font-size: 35px;
  background: azure; /* For browsers that do not support gradients */
  background: linear-gradient(to right, #3C6A96, white); /* Standard syntax (must be last) */
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */    
  opacity: 0.7;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  display: inline-block;
}

.headerBoxTagLineMessage1234 p {
margin-top: .325em;
margin-left: 2.3em;
/*  font-size: 1.5em;*/
  font-size: 30px;  
}

.headerBoxTagLineMessage1234Footer p {
  margin-top: .325em;
  font-size: 30px;  
}

.headerBoxTagLineMessage1234Center {
  margin-left: 0px;
  height: 40px;
  width: 100%;
  font-size: 30px;
  background: azure; /* For browsers that do not support gradients */
  background: linear-gradient(to right, white, #3C6A96, white); /* Standard syntax (must be last) */    
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */    
  opacity: 0.7;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  display: inline-block;
}

.headerBoxTagLineMessage1234Center p {
  color: white;
  margin-top: .325em;
  text-align: center;
  font-size: 25px;
}

@media only screen and (min-width: 1900px) {
    .headerBoxTagLineMessage1234Center p {
        font-size: 30px;
    }
}

.headerBoxTagLineMessage1234CenterReverse {
  margin-left: 0px;
  height: 40px;
  width: 100%;
  font-size: 35px;
  background: azure; /* For browsers that do not support gradients */
  background: linear-gradient(to right, #3C6A96, white, #3C6A96); /* Standard syntax (must be last) */    
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */    
  opacity: 0.7;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  display: inline-block;
}

.headerBoxTagLineMessage1234CenterReverse p {
  margin-top: .325em;
  text-align: center;
  font-size: 25px;
  color: #3C6A96;
}

@media only screen and (min-width: 1900px) {
    .headerBoxTagLineMessage1234CenterReverse p {
        font-size: 30px;
    }
}

.comboHeader {
      animation-name: comboHeader;
      animation-duration: 5s;
      animation-fill-mode: forwards;
/* forwards MAKES THE ANIMATION STAY AT THE LAST VALUE */
/*      animation-timing-function: ease-in;*/
      animation-iteration-count: 1;
      animation-delay: 0s, 0s;
      margin-top: 20px;
}

@keyframes comboHeader {
  0% {
    color: #ffffff;
  }
  100% {
    color: #3C6A96;  /* dark teal */    
/* COLOR CODES HERE ARE TRANSPOSED: LAST 2 & FIRST 2 */
  }
}

.comboHeaderReverse {
      animation-name: comboHeaderReverse;
      animation-duration: 5s;
      animation-fill-mode: forwards;
/* forwards MAKES THE ANIMATION STAY AT THE LAST VALUE */
/*      animation-timing-function: ease-in;*/
      animation-iteration-count: 1;
      animation-delay: 0s, 0s;
      margin-top: 20px;
}

@keyframes comboHeaderReverse {
  0% {
    color: #3C6A96;
  }
  100% {
    color: #ffffff;  /* dark teal */    
/* COLOR CODES HERE ARE TRANSPOSED: LAST 2 & FIRST 2 */
  }
}


/******************************************************************************/
/* subtitleBlueBackWhiteText                                                  */
/******************************************************************************/

.subtitleBlueBackWhiteText {
    margin-left: 0px;
    width: 100%;
    font-size: 35px;
    text-align: center;
    background: #A1B7CD;
    line-height: 1rem;
/*  FIRST & LAST PAIRS ARE REVERSED!!!!! S/B #CDB7A1  */
/* #3C6A96 = SREIS TEAL; #CDB7A1 = INTERMEDIATE TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
  display: inline-block;
}

.subtitleBlueBackWhiteText p {
  margin-top: .325em;
  text-align: center;
  font-size: 25px;
/*  color: white;*/
}

@media only screen and (min-width: 1900px) {
    .subtitleBlueBackWhiteText p {
        font-size: 30px;
    }    
}

.subtitleBlueBackWhiteText {
      animation-name: subtitleBlueBackWhiteText;
      animation-duration: 5s;
      animation-fill-mode: forwards;
/* forwards MAKES THE ANIMATION STAY AT THE LAST VALUE */
/*      animation-timing-function: ease-in;*/
      animation-iteration-count: 1;
      animation-delay: 0s, 0s;
}

@keyframes subtitleBlueBackWhiteText {
  0% {
        color: #3C6A96;  /* dark teal */    
  }
  100% {
        color: #ffffff;/* COLOR CODES HERE ARE TRANSPOSED: LAST 2 & FIRST 2 */
  }
}



/******************************************************************************/
/* subtitleDarkBlueBackWhiteText                                              */
/******************************************************************************/

.subtitleDarkBlueBackWhiteText {
    margin-left: 0px;
    width: 100%;
    font-size: 35px;
    background: #3C6A96;
/*  FIRST & LAST PAIRS ARE REVERSED!!!!! S/B #CDB7A1  */
/* #3C6A96 = SREIS TEAL; #CDB7A1 = INTERMEDIATE TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
  display: inline-block;
}

.subtitleDarkBlueBackWhiteText p {
  margin-top: .325em;
  text-align: center;
  font-size: 25px;
  color: white;
}

@media only screen and (min-width: 1900px) {
    .subtitleDarkBlueBackWhiteText p {
        font-size: 30px;
    }    
}

.subtitleDarkBlueBackWhiteText {
      animation-name: subtitleDarkBlueBackWhiteText;
      animation-duration: 5s;
      animation-fill-mode: forwards;
/* forwards MAKES THE ANIMATION STAY AT THE LAST VALUE */
/*      animation-timing-function: ease-in;*/
      animation-iteration-count: 1;
      animation-delay: 0s, 0s;
}

@keyframes subtitleDarkBlueBackWhiteText {
  0% {
        color: #3C6A96;  /* dark teal */    
  }
  100% {
        color: #ffffff;/* COLOR CODES HERE ARE TRANSPOSED: LAST 2 & FIRST 2 */
  }
}




.headerBoxTagLineMessage1234CenterSolidPale {
  margin-left: 0px;
  height: 40px;
  width: 100%;
  font-size: 35px;
  background: #d6f5f5;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */    
  opacity: 0.7;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  display: inline-block;
}

.headerBoxTagLineMessage1234CenterSolidPale p {
  margin-top: .325em;
  text-align: center;
  font-size: 35px;
  color: #3C6A96;
}

.spacerBoxMessage1234 {
  margin-left: 0px;
  height: 60px;
  width: 100%;
  font-size: 1.5em;
    background: azure;
  display: inline-block;    
}

.headerBoxTagLine h1{
margin-top: 0px;
}

#flexstart {
justify-content: flex-start;
}

.totallyTransparent {
    opacity: 0.0;
}

.azure-background {
background-color: azure;
}

.cannot-see {
-webkit-backface-visibility: hidden;
opacity: 0.0;
/*visibility: hidden;*/
}

.div.view-all-button {
    text-align: center;    
}

.view-all-button a {
  display: flex;
  align-items: center;
  font-family: "Arial";
  padding: 10px;
  color: #9BB0C9;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */    
  text-align: center;
  font-size: 20px;  
}

.view-all-button:hover a {
  color: #3C6A96;
}

.view-all-button-white a {
  font-family: "Arial";
  padding: 20px;
  font-weight: bold;    
  color: white;
  text-align: center;
  font-size: 20px;  
}

.view-all-button span {
  display: flex;
  align-items: center;
  font-family: "Arial";
  color: #3C6A96;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */    
  text-align: center;
  font-size: 20px;  
}

.find-the-best-button a {
  display: flex;
  align-items: center;
  font-family: "Arial";
  padding-top: 10px;
  padding-right: 50px;
  padding-bottom: 10px;
  padding-left: 50px;      
  text-decoration: none;
  
  color: #9BB0C9;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */    
  text-align: center;
  font-size: 20px;  
}

.pale-teal-border {
border: 1px solid #9BB0C9;
}
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */

.no-underline {
text-decoration: none;
}

.darken-pseudo:hover p {
  color: #3C6A96;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
	transition: all .2s;
	transform: scale(1.05);	
}

.darken-with-textComboNormal:hover p {
  color: #3C6A96;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
}

.turnBlue:hover p {
  color: #3C6A96;
/* #3C6A96 = SREIS TEAL; #9BB0C9 = PALE TEAL; #d6f5f5 = VERY PALE TEAL */
  transform: scale(1.01);
  transition: all .2s ease-in-out;
}

.superScript {
    font-size: 1.0em;
}

.superScriptSmaller {
    font-size: 0.75em;
}

.normalSREISFontSize a {
    font-size:20px;
    line-height:20px;
}