/* General */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

.loan-type-home {
  margin-bottom: -3em;
}

.loan-type-home-last {
  margin-bottom: 3em;
}

.mobile-home-title {
  display: none;
}

header {
  margin-bottom: 6em;
}

section {
  margin-bottom: 3em;
}

.navbar-nav {
  margin-top: -3em;
}

.home-body {
  background-image: url(../img/bg-blue.jpg);
  /*background-repeat: no-repeat;*/
  background-size: cover;
  color: white;
  -webkit-animation: slide 20s linear infinite;
  repeat: 0 0;
}

@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -400px 0; }
}

.text h1 {
  font-family: 'Times New Roman' !important;
}

.text .btns {
  width: 100%;
  text-align: right;
}

.btns img {
  width: 220px;
  height: 60px; 
}

.orange-btn {
  /*background-color: #ee5a19;*/
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0533f+0,be1e2d+100 */
  background: rgb(240,83,63); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(240,83,63,1) 0%, rgba(190,30,45,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(240,83,63,1) 0%,rgba(190,30,45,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(240,83,63,1) 0%,rgba(190,30,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0533f', endColorstr='#be1e2d',GradientType=0 ); /* IE6-9 */
  color: white;
  text-transform: uppercase;
  border: 0;
  min-width: 180px;
  font-weight: 700;
  font-size: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 0.5em;
}

.image {
  text-align: center;
}

.image img {
  /*max-width: 300px;*/
  /*height: 400px;*/
}

.mobile-text {
  display: none;
}

.mobile-image {
  display: none;
}
/* General */

/* Header */
.social {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  position: absolute;
  right: 20px;                                                                   
  z-index: 9999;
}

.social li {
  margin-right: 1em;
}

.social li a {
  color: #ccc;
}

.call-to {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#874888+0,5b3372+100 */
  /*background: rgb(135,72,136);
  background: -moz-linear-gradient(top,  rgba(135,72,136,1) 0%, rgba(91,51,114,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(135,72,136,1) 0%,rgba(91,51,114,1) 100%);
  background: linear-gradient(to bottom,  rgba(135,72,136,1) 0%,rgba(91,51,114,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#874888', endColorstr='#5b3372',GradientType=0 );
  color: white;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;*/
  width: 260px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  /*padding: 0.5em;*/
  margin-top: -0.3em;  
}

.call-to img {
  width: 200px;
  height: 27px;
}

.call-to a {
  color: white !important;
  text-decoration: none;
}

.call-to a:hover {
  text-decoration: none;
}
/* Header */

/* Hero */
.hero {
  text-align: center;
  margin-top: 10%;      
}

.hero h1 {
  font-weight: 700;
}

.hero .logo {
  margin-bottom: 6em;
}

.hero .row {
  margin-bottom: 1em;
}

.hero .home-btns {
  margin-top: 2em;
  margin-bottom: 3em;
}

.hero .home-btns .col-md-3 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.hero .home-btns button {
  /*background-color: #ee5a19;*/
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0533f+0,be1e2d+100 */
  background: rgb(240,83,63); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(240,83,63,1) 0%, rgba(190,30,45,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(240,83,63,1) 0%,rgba(190,30,45,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(240,83,63,1) 0%,rgba(190,30,45,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0533f', endColorstr='#be1e2d',GradientType=0 ); /* IE6-9 */ 
  color: white;
  text-transform: uppercase;
  border: 0;
  min-width: 250px;
  font-weight: 700;
  font-size: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 0.5em;
}
/* Hero */

/* Blog */
.blog-title {
  width: 100%;
  background-color: #f3f4f6;
  text-align: center;
  padding: 0.5em;
}

.blog {
  margin-top: 2em;
  margin-bottom: 2em;
}

.blog-title h1 {
  font-weight: 700 !important;
  font-size: 26px;
}

.blog-item {
  text-align: center;
}

.blog-item h3 {
  font-family: 'Myriad Pro';
  font-weight: 700;
  margin-bottom: 0em;
  font-size: 16px;
}

.supporting {
  font-size: 18px;
}
/* Blog */

/* Footer */
footer {
  position: absolute;
  width: 100%;
  text-align: center;
  padding-bottom: 1em;
  font-weight: 700;
}

.home-footer {
  position: fixed !important;
  bottom: 0;
}

.blue {
  /*position: relative !important;*/
  background-color: #0c4b8e;
  color: white;
  padding-top: 1em;
  padding-bottom: 1em;
}

.blue .col-md-6:first-child {
  text-align: left !important;
}

.footer-social {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
}

.footer-social li {
  background-color: white;
  color: #0c4b8e;
  width: 40px;
  height: 40px;
  border-radius: 40px; 
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  margin-right: 1em;
  padding-top: 0.15em;
}

.footer-social li a {
  font-size: 25px;
  color: #0c4b8e; 
}

.footer-menu {
  padding-left: 0;
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-menu li {
  margin-right: 1em;
}

.footer-menu li:last-child {
  margin-right: 0;
}

.footer-menu li a {
  color: white;
  text-decoration: none;
}

.sub-footer {
  margin-top: -1em;
}

.sub-footer li a {
  font-weight: normal !important;
  font-style: italic;
}

.trust-logos {
  display: flex;
  list-style-type: none;
  padding-left: 0;
  flex-wrap: wrap;
  justify-content: center;
}

.trust-logos li {
  margin-right: 1em;
  justify-content: middle;
}

.trust-logos li:last-child {
  marign-right: 0;
}

.trust-logos img {
  /*height: 80px;*/
}

.blue .col-md-12 ul,
.blue .col-md-12 p {
  margin-bottom: 2.5em;
}
/* Footer */

/* Navbar */
.navbar {
  z-index: 1;
}
/* Navbar */

/* for multi level menus */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
/* to show the arrow */
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}
.dropdown-toggle a::after{
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-menu .dropdown .dropdown-toggle {
  padding-left: 1.5em;
  color: black !important;
}    

.dropdown-menu .dropdown .dropdown-menu {
  margin-top: -1.6em;
  left: 11em;
}
/* for multi level menus */

/* call us - apply now button on header */
.callus-applynow {
  width: 100%;
  text-align: right;
  margin-top: -3em;
  padding-right: 1.4em;
  position: relative;
  z-index: 99999;
}

.callus-applynow > a:first-child > img {
  width: 250px;
}

.callus-applynow > a:last-child > img {
  width: 174px;
}
/* call us - apply now button on header */

/* bootstrap overrides  */
.navbar-light .navbar-nav .nav-link {
  color: rgba(0,0,0,.9) !important;
}
/* bootstrap overrides  */

/* media queries */
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .reverse-last h1 {
    margin-top: -1em;
  }
  
  .reverse-first h1 {
    margin-top: 1.5em
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  body {
    padding-bottom:   10em;
  }
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .home-btns button {
    min-width: 100% !important;
    font-size: 17px !important;
  }
  
  .blog-item {
    margin-top: 1.5em;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  body {
    /*padding-bottom:   10em;*/
  }
  
  .hero .logo {
    margin-bottom: 2em !important;
  }
  
  .hero .offset-md-2 {
    margin-bottom: 1em;
  }
  
  .hero h1 {
    font-size: 30px !important;
  }
  
  .text {
    margin-top: 0 !important;
  }
  
  .mobile-text {
    display: block !important;
  }
  
  .desktop-text {
    display: none;
  }
  
  .blue {
    text-align: center !important;
  }
  
  /*footer {
    position: relative !important;
  }*/
  
  .home-footer {
    position: relative !important;
  }
  
  .footer-social {
    position: relative !important;
    justify-content: center;
    margin-top: 1em;
  }
  
  .navbar-light .navbar-toggler {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    z-index: 9999;
  }
  
  .navbar {
    margin-top: 3em;
  }
  
  .hero .home-btns button {
    width: 100% !important;
  }
  
  .trust-logos li {
    /*width: 100%;*/
    margin-bottom: 2em !important;
    
  }
  
  .social li {
    margin-right: 0 !important;
  } 
  
  .social li:nth-child(2),
  .social li:nth-child(3),
  .social li:nth-child(4) {
    display: none;
  }
  
  .social {
    position: relative !important;
    justify-content: center;
    right: 0 !important;
    margin-bottom: -2em;  
  }
  
  .image img {
    height: auto !important;
  }
  
  .hero-container-inner {
    margin-top: 5%;
    padding: 1em;
  }
  
  header {
    margin-bottom: 0 !important;
  }
  
  #navbarSupportedContent {
    margin-top: -3em;
  }
  
  .mobile-image {
    display: block !important;
    padding-left: 45px;
    padding-right: 45px;
  }
  
  .image {
    display: none;
  }
  
  section h1 {
    text-align: center;
  }
  
  section .btns {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }
  
  .desktop-home-title {
    display: none;
  }
  
  .mobile-home-title {
    display: block !important;
  }
  
  .callus-applynow {
    display: none;
  }
  
  .navbar-nav {
    margin-top: 3em !important;
  }
  
  .navbar-nav li:nth-child(6),
  .navbar-nav li:nth-child(7),
  .navbar-nav li:nth-child(8) {
    display: none;
  }
  
  .loan-type-home,
  .loan-type-home-last {
    margin-top: 3em !important;
  }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}
/* media queries */