html{
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}

/* Floating Side Form */
#elem {
  width: 250px;
  height: auto;
  background-color:rgb(0,53,86);
  z-index: 99;
  display: unset;
  position: fixed; 
  top: 120px; 
  right: 11%; 
  left: auto;
  background-color:rgb(2,57,85)
}
#elem p{color:white; font-size: 1.5em; text-align: center;font-weight: bold; width:100%}
.card{background-color:rgb(2,57,85);}
.card h4{color: white;}
.card p button{border: 1px solid white;}

#formTitle-1{
  background-color:rgb(67, 133, 168);
  color:white;
  font-weight:bold;
  font-size:2em;
  margin:0px;
}

#formTitle-1:after {
  content: '';
  position: absolute;
  top: 37px;
  left: 25%;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top-color: rgb(67, 133, 168);
  border-bottom: 0;
  margin-left: -20px;
  margin-bottom: -20px;
  z-index: 100;
}

#count{display:none;}


/* BACKGROUNDS */
/* light blue bg */
.blueBG-0{background-color:rgb(5,124,184);color: white; padding:1%;}

/* dark blue bg */
.customizeDiv-0{
  background-color:#023957;
  color:white;
  font-size:2em;
  padding:1% 3%;
  border-radius:5px;
}


/* HEADER AND MENU */
#nb-0{
  position: fixed;
  top:0px;
  padding:0 10%;
  background-color:#023955;
  z-index:1000;
}
#topNavRow{height: 40px;}
#socNav1{padding-right: 0px;}

#socialNav{
  font-size:2em;
  margin:0;
  text-align:right;
  color:white; 
  padding-right:20px;
}
#socialNav a{color:white;}

#bwcLogo{
  width: 300px;
  position: fixed;
  top: 10px;
}

/* MOBILE MENU BUTTON */
#togglerArea{border:1px solid white;}
#togglerBtn{background-image: url('https://www.bridgewellcapital.com/wp-content/uploads/181-1812493_menu-white-menu-button-png-clipart-1.png');}

/* MENU ITEMS AND LISTS */
#hl-0,#hl-1,#hl-2,#hl-3,#hl-4, #hlB{
  padding-left:1.2em;
  padding-right:1.2em;
  font-size: 22px;
  color: white;
  font-weight: bold;
}

#hl-0:hover, #hl-1:hover, #hl-2:hover, #hl-3:hover, #hl-4:hover{
  color: black;
  background-color: white;
}
#hlB{background-color: rgb(5,124,184);}
#hlB:hover{background-color:rgb(1, 148, 221);}
#hlB:active{color: rgb(5,124,184); background: white;}


/* Main header section */
.topContainer-0{
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:25px;
  margin-bottom: 30px;
  padding:0px; 
}


/* Lowest Rates section */
.topPageText{color:black;font-size:1.5em;text-align: center;}
.topPageText h2, #rateText{font-weight:bolder; font-size:1.5em;color:rgb(13,93,137);}
.topPageText p{font-weight: normal;}
#tptWine{float: right; width: 70px;}
#tptLink{font-size: 16px; text-align: center;}

/* Keeps things together instead of on a new line */
.inlineSpan{display: inline-block;}

/* The three rows w/ pic bgs and white squares in them */
.picRow-0{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height:450px;
  margin:0px 5% 0px 5%;
  padding:20px;
  margin:0 auto;
}

.picRowBlueText{
  color:rgb(5,124,184);
  font-size:1.2em;
  font-weight:bold;
}

.lmBox-0{
  width: 100%;
  height: fit-content;
  background-color:white;
  padding:25px;
  border:2px solid rgb(5,124,184);
}
.lmBox-0 h2{font-size:2.5em}
.lmBox-0 p {font-size: 1.5em;}

.lmBox-0 button{
  float:right;
}

#picRowThirds .lmBox-0 button{float:none;}

.lmBox-0 button, .buttonBgWhite{background-color:rgb(13,93,137); border:1px solid rgb(13,93,137); color:white;}
.lmBox-0 button:hover, .buttonBgWhite:hover{background-color: rgb(11, 112, 167);color:white;}
.lmBox-0 button:active, .buttonBgWhite:active{
  background-color: white;
  color:rgb(13,93,137);
}

.respCenterImg{
  margin-left: auto;
  margin-right: auto;
  display: block;
  /* need to adjust width for each image specifically if need be */
  height:auto;
}

.form-0{
  height: auto;
  margin:0% 5% 0% 5%;
  color: white;
  text-align: center;
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 2.5em;
  position: relative;
}
.form-0 p{margin-bottom: 0px;}

#formTitle-0{
  margin-bottom: 0px;
  border-bottom: none;
  background-color: rgb(67, 133, 168);
  border: solid white 1px;
  border-bottom: none;
}

#smlFormInfo{line-height: 1.1;}
#gCapText{font-size:12px;}

.colOptions-0 p{
  text-align: center;
  font-size: 32px;
  margin-bottom: 50px;
}

.spanOption{
  font-weight: bold;
  color:#0f5075;
}

.rentalLogosLP{width:90%;height:160px; margin-bottom: 15px;}

.btnPad{padding: 10px 30px;}

#youDecide{
  font-size:36px;
  text-align:center;
  color:#176593;
}

#rentalPerm{
  text-align:center;
  font-size: 62px;
  border:1px solid #176593;
}

#youInvest{
  text-align: center;
  color: white;
  margin-top:1em;
}

.testimonial-0{
  font-size: 18px;
  margin: 0px 0px 25px 0px;
}

/* HR Lines */
.picRowHR{margin-bottom: 2.5em;border: 5px solid rgb(5,124,184);}
.hrColor{border: 3px solid rgb(4,59,87);}
.hrBlack{border:1px solid black}

/* Line break that only shows up on mobile*/
.rwd-break{ 
  display: block;
}

/* FONT SIZES */
.halfFS{font-size: 0.5em;}
.oneAndHalfFS{font-size: 1.5em;}
.doubleFS{font-size: 2em;}
.tripleFS{font-size: 3em;}
.quadFS{font-size: 4em;}
.fiveFS{font-size: 5em;}

/* FONT cOLORS */
.darkblueText{color:rgb(13,93,135);}
.lightblueText{color:rgb(5,124,184);}


/* Map Key Styiling */
#mapLend, #mapNoLend{font-size: 2em;}
#mapLend{color:rgb(67,133,168)}
#mapNoLend{color:rgb(89,88,90)}

/* Used for tagline at bottom of each page */
.blueStripText{
  margin-top:20px;
  font-size:2.5em;
  font-weight:bold;
}

/* https://stackoverflow.com/questions/48018751/css-background-image-fade-to-white */
#footerBG{
  position: relative;
  background: white;
  overflow: hidden;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(1,56,87, 0.8)), url('https://www.bridgewellcapital.com/wp-content/uploads/Footer_bridge-image_5.1.2020-1.jpg');
  background-position: center;
  padding:3em 20px 4em 15px;
}
#footerBG p{color:white;}

.footerUL{padding-left:20px; margin-right:20px;}
.footerUL li a{color:white; text-decoration:underline;}
.footerUL li a:hover{color:blue;}
.footerULTitle{list-style-type:none; font-size:22px}

#eolLogo{float:left; width:10%;}
#nmlsLogo{float:right; width:15%;}
#bbbALogo{float:unset; margin:0 auto; width:15%;}


/* MOBILE FORMATTING */
@media only screen and (max-width: 1850px) {
  #hl-0, #hl-1, #hl-2, #hl-3, #hl-4, #hlB{font-size: 18px;}
}

@media only screen and (max-width: 1700px) {
  #bwcLogo{width: 200px; top:30px;}
  #socialNav {font-size: 1.5em;}
  .lmBox-0 {top:0px;}
}

@media only screen and (max-width: 1483px){
  #hl-0, #hl-1, #hl-2, #hl-3, #hl-4, #hlB{font-size: 16px;}
}

@media only screen and (max-width: 1360px) {
  #hl-0, #hl-1, #hl-2, #hl-3, #hl-4, #hlB{
        font-size: 14px;
  }
  .blueStripText{font-size: 2em;}
  .lmBox-0 h2{font-size: 2em;}
  .lmBox-0 p{font-size: 1.5em;}

  
  /* Gets rid of line break */
  .lbDisappear{display: none;}
}

@media only screen and (max-width: 1200px){
  #nb-0{border-bottom: 1px solid white;}

  .customizeDiv-0{font-size:1.5em;}
  .picRow-0{width:100%;}

  #bwcLogo{position: unset;}
  #topNavRow{display: none;}  
  #socNav1{width:100%}
  #footerNavRow{display: none;}

  .fiveFS{font-size:2.5em;}
}

@media only screen and (max-width: 1100px) {
  .lmBox-0 button{font-size: 1.5em;}
  #formTitle-0{font-size: 28px;}
  .form-0 p{font-size: 28px;}
  .blueStripText{font-size: 1.5em;}
  .cd-eye-catcher img{display: none;}
  .rentalLogosLP{height:150px;}
}

@media only screen and (max-width: 950px) {
  .customizeDiv-0{font-size:1em;}
  .rentalLogosLP{height:120px;}
}

@media only screen and (max-width: 825px) {
  .lmBox-0 button{font-size: 1.2em;}
  .lmBox-0 h2{font-size: 1.5em;}
  .lmBox-0 p{font-size: 1.5em;}
}

/* http://v3.danielmall.com/articles/responsive-line-breaks/ */
@media screen and (min-width: 768px){
  .rwd-break{
      display: none;
  }
}

@media only screen and (max-width: 767px) {
  #nb-0{padding: 0px 0px;}
  #socNav1{width: 90%; padding-right: 0px;}

  #formTitle-0{font-size: 1em;}
  .form-0 p{font-size: 1em;}
  .lmBox-0 button{font-size: 1.5em;}
  .lmBox-0 h2{font-size: 2.5em;}
  .lmBox-0 p{font-size: 2em;}
  #elem{visibility: hidden;}  

  .customizeDiv-0{font-size:1.5em;}
  .optionsList {padding-left:0px;}
  .optionsList p{text-align:center;}
  .topPageText{font-size: 1.5em;}

  .rentalLogosLP {height:auto;}

  .disLB{display: none;}
}

@media only screen and (max-width: 576px) {
  .rentalLogosLP{width:80%;height:auto;}
}

@media only screen and (max-width: 500px) {
  .oneAndHalfFS{font-size: 1em;}
  .doubleFS{font-size: 1.5em;}
  .tripleFS{font-size: 2em;}
  .quadFS{font-size: 2.5em;}
  .fiveFS{font-size: 3.5em;}
  
  #footerBG{padding-top:1em;}
}

@media only screen and (max-width: 414px) {
  #headerBoxButton{margin-right: 10px;}
  .topContainer-0{margin-top: 0px;}
  .blueStripText{font-size: 1.2em;}
  .lmBox-0 h2{font-size: 2em;}
  .lmBox-0 p{font-size: 1.5em;}
  #eolLogo{width:20%;}
  #nmlsLogo{=width:25%;}
  #bbbALogo{=width:25%;}
}
@media only screen and (max-width: 380px) {
  #bwcLogo{width:150px;}
}


.grecaptcha-badge { visibility: hidden; }