/* Agent Sidebar Card */

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  margin: 15px auto 15px auto;
  text-align: center;
  font-family: arial;
  transition: 0.3s;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }

  .card button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: #ef502e;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    width: 75%;
    font-size: 18px !important;
    margin-bottom: 0;
    border: 1px solid #ef502e;
    margin: 0 5% 2% 5%;
    text-transform: uppercase;
  }
  
  .sidebar h1 { font-size: 26px !important; border-bottom: none !important; }
  
  .cardPricePoint
  {
    color: #000 !important;
    font-weight: bold;
    font-size: 14px !important;
    padding: 10px !important;
  }
  
  .cardheader h1 {
    font-size: 20px !important;
    border-bottom: none !important;
}
  
  .cardHeader p
  {
      font-size: 14px !important;
      margin-top: 0 !important;
      color: #a6a6a6 !important;
      border-bottom: 1px solid #c7c7c7;
      margin-right: 5%;
      margin-left: 5%;
  }


   
  .card a {
    text-decoration: none;
    font-size: 16px;
  }

    /* Button Regular Transition */
  
  .card button:hover {
    background-color: #ef502e !important;
    color: #fff;
  }
  
  .card button:active {
    background-color: #ef502e !important;
    color: #fff;
  }
  
  .card button:visited {
    background-color: #ef502e !important;
    color: #fff;
  }
  
  .card button:focus {
    background-color: #ef502e !important;
    color: #fff;
  }


    /* Button Regular Transition */
  
  .card button:hover {
    background-color: #ef502e !important;
    color: #fff;
  }
  
  .card button:active {
    background-color: #ef502e !important;
    color: #fff;
  }
  
  .card button:visited {
    background-color: #ef502e !important;
    color: #fff;
  }
  
  .card button:focus {
    background-color: #ef502e !important;
    color: #fff;
  }

  /* Lender Sidebar Card */

.lenderCard {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: 15px auto 15px auto;
    text-align: center;
    font-family: arial;
    transition: 0.3s;
  }
  
  .lenderCard:hover {
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }
  
    .lenderCard button {
      border: none;
      outline: 0;
      display: inline-block;
      padding: 8px;
      color: #0001fc;
      background-color: #fff;
      text-align: center;
      cursor: pointer;
      width: 75%;
      font-size: 18px !important;
      margin-bottom: 0;
      border: 1px solid #0001fc;
      margin: 0 5% 2% 5%;
    }
    
    .sidebar h1 { font-size: 26px !important; border-bottom: none !important; }
    
    .lenderCardPricePoint
    {
      color: #000 !important;
      font-weight: bold;
      font-size: 14px !important;
      padding: 10px !important;
    }
    
    .lenderCardheader h1 {
      font-size: 26px !important;
      border-bottom: none !important;
  }
    
    .lenderCardHeader p
    {
        font-size: 14px !important;
        margin-top: 0 !important;
        color: #a6a6a6 !important;
        border-bottom: 1px solid #c7c7c7;
        margin-right: 5%;
        margin-left: 5%;
    }
     
    .lenderCard a {
      text-decoration: none;
      font-size: 16px;
    }
  
      /* Button Regular Transition */
    
    .lenderCard button:hover {
      background-color: #0001fc !important;
      color: #fff;
    }
    
    .lenderCard button:active {
      background-color: #0001fc !important;
      color: #fff;
    }
    
    .lenderCard button:visited {
      background-color: #0001fc !important;
      color: #fff;
    }
    
    .lenderCard button:focus {
      background-color: #0001fc !important;
      color: #fff;
    }


    /* Button Slide Transition */

/* .card button {
    box-shadow: inset 0 0 0 0 #31302B;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

  .card button:hover {
  box-shadow: inset 300px 0 0 0 #ef502e;
  color: #fff;
  }
  
  .card button:active {
  box-shadow: inset 300px 0 0 0 #ef502e;
  color: #fff;
  }
  
  .card button:visited {
  box-shadow: inset 300px 0 0 0 #ef502e;
  color: #fff;
  }
  
  .card button:focus {
  box-shadow: inset 300px 0 0 0 #ef502e;
  color: #fff;
  } */

  /* Update Mortgage Calc Button */
  
 .mortgage_calculator dd:last-child a {
      border: none !important;
      outline: 0 !important;
      display: inline-block !important;
      padding: 8px !important;
      color: #fff !important;
      background-color: #ef502e !important;
      text-align: center !important;
      cursor: pointer !important;
      width: 100% !important;
      font-size: 18px !important;
      margin-bottom: 5px !important;
      border: 1px solid #ef502e !important;
      text-shadow: none !important;
      text-transform: uppercase;
  
  }
  
  .mortgage_calculator dd:last-child a:hover {
      background-color: #fff !important;
      color: #ef502e !important;
    }
    
    .mortgage_calculator dd:last-child a:active {
      background-color: #fff !important;
      color: #ef502e !important;
    }
    
    .mortgage_calculator dd:last-child a:visited {
      background-color: #fff !important;
      color: #ef502e !important;
    }
    
    .mortgage_calculator dd:last-child a:focus {
      background-color: #fff !important;
      color: #ef502e !important;
    }

/* Fancy Site List */

/* .fancyList li {
	border-bottom: 1px solid gray;
	font-size: 20px;
	padding: 15px 15px 20px 120px;
	position: relative;
}

.fancyList li:last-child {
	border-bottom: none;
}

.fancyList ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	counter-reset: ordered-list;
}

.fancyList li:before {
	color: gray;
	content: counter(ordered-list);
	counter-increment: ordered-list;
	font-family: sans-serif;
	font-size: 38px;
	left: 60px;
	line-height: 38px;
	position: absolute;
} */

/* Site Buttons */

.userButtonBody {
  width: 50%;
  margin: auto;
}

.userButton button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: #fff;
    background-color: #ef502e;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px !important;
    margin-bottom: 0;
    border: 1px solid #ef502e;
    border-radius: 4px;
    text-transform: uppercase;
  }

      /* Button Regular Transition */

  .userButton button:hover {
    background-color: #fff !important;
    color: #ef502e;
  }
  
  .userButton button:active {
    background-color: #fff !important;
    color: #ef502e;
  }
  
  .userButton button:visited {
    background-color: #fff !important;
    color: #ef502e;
  }
  
  .userButton button:focus {
    background-color: #fff !important;
    color: #ef502e;
  } 

      /* Button Slide Transition */

/* .userButton button {
    box-shadow: inset 0 0 0 0 #31302B;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

  .userButton button:hover {
  box-shadow: inset 300px 0 0 0 #ef502e;
  color: #fff;
  }
  
  .userButton button:active {
  box-shadow: inset 300px 0 0 0 #ef502e;
  color: #fff;
  }
  
  .userButton button:visited {
  box-shadow: inset 300px 0 0 0 #ef502e;
  color: #fff;
  }
  
  .userButton button:focus {
  box-shadow: inset 300px 0 0 0 #ef502e;
  color: #fff;
  } */