/* CORE - START */

body {
  /* UPDATE */ font-family: 'Open Sans', sans-serif;
  /* UPDATE */ font-weight: 300;
  /* UPDATE */ color: #2f4f66;
}

h1 {
  /* UPDATE */ font-family: 'Ubuntu', sans-serif;;
  font-size: 2.3em;
}

h2 {
  /* UPDATE */ font-family: 'Ubuntu', sans-serif;;
  font-size: 1.7em;
}

h3 {
  /* UPDATE */ font-family: 'Open Sans', sans-serif;;
  font-size: 1.3em;
  line-height: 1.4em;
}

h5 {
  font-size: 1.1em;
  line-height: 1.4em;
}

p {
  /* UPDATE */ font-family: 'Open Sans', sans-serif;
  /* UPDATE */ font-weight: 300;
  font-size: 1em;
  line-height: 1.8em;
}


@font-face {
    font-family: 'thickregular';
    src: url('/assets/fonts/loanzify-thick-webfont.woff2') format('woff2'),
         url('/assets/fonts/loanzify-thick-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.font-thick {
    font-family: 'thickregular', Arial, sans-serif;
    font-weight:normal;
    font-style:normal;
}

.font-weight-bold {
    /* UPDATE */ font-weight: 700;
}

.font-weight-normal {
    /* UPDATE */ font-weight: 500;
}

.font-weight-light {
    /* UPDATE */ font-weight: 300;
}

.text-primary {
  /* UPDATE */ color: #fcaf2e !important;
}

.bg-primary {
  /* UPDATE */ background-color: #fcaf2e !important;
}

.text-secondary {
  /* UPDATE */ color: #184478 !important;
}

.bg-secondary {
  /* UPDATE */ color: #184478 !important;
}

.text-accent {
  /* UPDATE */ color: #6bc1d3 !important;
}

.bg-accent {
  /* UPDATE */ color: #6bc1d3 !important;
}

.text {
 /* UPDATE */ color: #2f4f66;
}

.bg-text {
 /* UPDATE */ background-color: #2f4f66;
}

.bg-grey {
  color: #343d44 !important;
}

.bg-light {
  background-color: #f4f6f7 !important;
}

.btn-primary {
  border-radius: 40px;
  padding: 8px 30px;
  margin: 0px;
  color: #ffffff;
  transition: .6s;
  border: none;
  opacity: 1;
  /* UPDATE */ font-weight: 700;
  transition: .6s;
  /* UPDATE */background-color: #fcaf2e;
}

.btn-primary:hover {
  transition: .6s;
  opacity: .8;
  /* UPDATE */ background-color: #fcaf2e;
}

.btn-secondary {
  /* UPDATE */ background-color: #6bc1d3;
  border-radius: 40px;
  padding: 8px 30px;
  margin: 0px;
  color: #ffffff;
  transition: .6s;
  font-weight: 700;
  border: none;
}

@media (min-width: 768px) {
  .btn-secondary {
    margin: 15px 0px;
    background-color: #6bc1d3;
  }
}

.btn-secondary:hover {
  background-color: #48637e;
  color: #ffffff;
  transition: .6s;
}

.btn-light {
  background-color: #184478;
  border-radius: 40px;
  padding: 8px 30px;
  margin: 10px 0px;
  color: #ffffff;
  transition: .6s;
  font-weight: 700;
  border: none;
}

@media (min-width: 768px) {
  .btn-light {
    margin: 15px 0px;
  }
}

.btn-light:hover {
  background-color: #61cd76;
  color: #ffffff;
  transition: .6s;
}

/* FORM - START */

.form-control {
  padding: 20px 10px;
  border-radius: 10px;
}

label {
  text-transform: uppercase;
}

/* FORM - END */

/* CORE - END */

/* TOP NAV - START */

.topnav-wrapper {
  display: none;
}

@media (min-width: 992px) {
  .topnav-wrapper {
    display: block;
  }
}

.topnav-text {
  text-align: center;
  display: none;
  padding: 15px 0px 0px 0px;
}

@media (min-width: 768px) {
  .topnav-text {
    text-align: center;
    display: block;
  }
}

@media (min-width: 768px) {
  .topnav-text {
    text-align: left;
    display: block;
  }
}

.small-text {
  font-size: .8em;
  color: #48637e;
}

/* TOP NAV - END */

/* NAVIGATION - START */

.navbar {
  z-index: 200 !important;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.26);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.26);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.26);
  position: fixed;
  width: 100%;
  top: 0;
}

@media (min-width: 768px) {
  .navbar {
    z-index: 200 !important;
    background-color: transparent;
    box-shadow: none;
    position: initial;
  }
}

.navbar img {
  /* UPDATE */ width: 200px;
}

@media (min-width: 768px) {
  .navbar img {
    /* UPDATE */ width: 250px;
  }
}

.nav-item {
  font-size: 1.3em;
  /* UPDATE */ color: #2f4f66;
  margin: 0px 10px;
}

.nav-link {
  padding: 7px 0px;
 /* UPDATE */ color: #2f4f66 !important;
}

@media (min-width: 768px) {
  .nav-link {
    padding: 0px;
    /* UPDATE */ color: #2f4f66 !important;
  }
}

.dropbtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99;
}

.dropdown-content a {
  color: #003057;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: .7em;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown-menu {
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 10px;
  margin-top: 6px;
  color: #003057;
}

.dropdown-item {
  color: #003057;
}

.dropdown-item:hover {
  color: #003057;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: transparent;
}

.dropdown-item.active, .dropdown-item:active {
   /* UPDATE */ background-color: #6bc1d3 ;
}

.navbar-collapse {
  margin: 0rem;
  padding: 2rem 0rem 3rem 0rem;
}

@media (min-width: 768px) {
  .navbar-collapse {
    margin: 0rem;
    padding: 2rem 0rem 2rem 0rem;
  }
}

.nav-background {
  background-color: red;
}

@media (min-width: 768px) {
  .nav-background {
    background-color: transparent;
  }
}

@media (min-width: 768px) {
  .navbar-collapse {
    background-color: transparent;
  }
}

/* NAVIGATION - END */

/* HERO SECTION - START */

.hero-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(../../assets/img/hero-background-new.png);
  height: 230px;
}

@media (min-width: 768px) {
  .hero-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../../assets/img/hero-background-new.png);
    height: 520px;
    margin-top: -112px;
  }
}

.hero-logo img {
  max-width: 250px;
  height: auto;
}

.hero-logo img {
  padding: 15px;
}

.hero-nav {
  padding: 0px 15px;
  text-align: right;
}

/* HERO SECTION - END */

/* CARD - START */

.card-container {
  margin-top: -100px;
}

@media (min-width: 768px) {
  .card-container {
    margin-top: -195px;
  }
}

.card-wrapper {
  padding: 20px 25px;
  background-color: rgba(255, 255, 255, .9);
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.43);
  -moz-box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.43);
  box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.43);
  margin: 20px 0px;
}

.card-image {
  min-height: 150px;
}

.card-image img {
  max-width: 150px;
}

/* CARD - END */

/* ABOUT US - START */

.about-wrapper {
  background-position: top center;
  background-size: cover;
  background-image: url(../../assets/img/about-background.png);
  padding: 25px 0px;
}

@media (min-width: 768px) {
  .about-wrapper {
    background-position: top center;
    background-size: cover;
    background-image: url(../../assets/img/about-background.png);
    padding: 170px 0px;
  }
}

/* ABOUT US - END */

/* ACCORDIAN - START */


.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: transparent;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 20px;
}

.accordion>.card .card-header {
    margin-bottom: 0px;
}

.card {
    border: none;
}

.card-header:first-child {
    border-radius: 20px;
}

.card-text {
  padding: 0px 20px;
}

/* CUSTOM COLOR */
.accordion .card-header:after {
  content: "\25BD";
  float: right;
  /* UPDATE */color: #6bc1d3;
  transition: .7s;
}

/* CUSTOM COLOR */
.accordion .card-header.collapsed:after {
  content: "\25BD";
  transform: rotate(90deg);
  /* UPDATE */color: #6bc1d3;
  transition: .7s;
}

/* ACCORDIAN - END */

/* BAREBONES OVERWRITE */
.single-field {
    color: #003057;
    margin: 20px 0px;
}

/* TESTIMONIALS */
.testimonial-content {
    padding: 30px;
    webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.08);
    border-radius: 10px;
}

/* TOOLS SECTION */
.tools-wrapper {
    width: 350px;
    height: auto;
    flex: 0 0 33.333333%;
}

/*TESTIMONIALS */
.lo-wrapper {
    border-radius: 10px;
    padding: 10px;
    background-color: #ffffff;
}



@media (min-width: 768px) { 
.lo-wrapper {
    border-radius: 100px;
    padding: 10px;
    background-color: #ffffff;
}
}

.lo-wrapper img {
    max-width: 120px;
}



@media (min-width: 992px) { 
.lo-middle  {
    padding-left: 0px;
}
}

.lo-image img {
    display: none;
}

@media (min-width: 992px) { 
.lo-image img {
    display: block;
}
}

.lo-lm-button button  {
    display: none;
}

@media (min-width: 992px) { 
.lo-lm-button button  {
    display: block;
}
}

/*MORTAGE BASICS */

.link-list {
    list-style-type: none;
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;

}

.link-list li {
   padding: 6px 0px;
}

@media (min-width: 576px) { 
.link-list {
    list-style-type: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
}

.fa-chevron-right {
    font-size: 10px;
}

/*PROFILE */
.profile {
    display: none;
}

@media (min-width: 992px) { 
.profile {
    border-right: 1px solid #f0f0f0;
    height: 450px;
    display: block;
    padding: 20px 0px;
}
}


/*TEMPLATE ADJUSTMENTS */
.headline {
    /* UPDATE */ color: #003057 !important;
    /* UPDATE */ font-weight: 700;
    font-size: 1.7em;
    padding-top: 30px;
    padding-bottom: 34px;
    text-transform: none;
}