/*
 Theme Name:   NLT Child 04
 Theme URI:    https://neilmerlino.com
 Description:  This is a child theme made from the NLT 1 theme.
 Author:       Neil Merlino
 Author URI:   https://neilmerlino.com
 Template:     nlt-1
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  nlt-child-04
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Navbar
	## Nav links
	## Site Branding
	## Shrink Class
# Parallax
# Sections
	## Section 1
	## Section 3
	## Section 4
# jQuery NavScroll
/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
/***
*
* Small devices under 768px;
*
***/
@media (max-width: 767px) {
  /* Navbar */
  .navbar {
    background: #fff;
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 33, 96, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
}

/*--------------------------------------------------------------
## Nav links
--------------------------------------------------------------*/
.navbar-nav .active > .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link {
  color: #002160;
}

@media (min-width: 768px) {
  .navbar-nav .nav-link {
    color: #fff;
  }

  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-link:focus {
    color: #1a56fe;
  }

  /* Main Navbar Class */
  .main.navbar {
    background: rgba(255, 255, 255, 0.935);
    -webkit-box-shadow: 1px 15px 18px -12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 15px 18px -12px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 15px 18px -12px rgba(0, 0, 0, 0.2);
  }

  .main .navbar-nav .nav-link {
    color: #002160;
  }

  .main .navbar-nav .nav-link:hover,
  .main .navbar-nav .nav-link:focus {
    color: #1a56fe;
  }
}

/*--------------------------------------------------------------
## Site Branding
--------------------------------------------------------------*/
/* Logo */
.custom-logo {
  height: 30px;
}

@media (min-width: 768px) {
  .custom-logo {
    padding-top: 0;
  }
}

@media (min-width: 992px) {
  .custom-logo {
    height: 40px;
  }
}

@media (min-width: 1200px) {
  .custom-logo {
    height: 45px;
  }
}

/*--------------------------------------------------------------
## Shrink Class 
--------------------------------------------------------------*/
@media (min-width: 768px) {
  .navbar.shrink .custom-logo {
    height: 25px;
  }
}

@media (min-width: 992px) {
  .navbar.shrink .custom-logo {
    height: 32px;
  }
}

@media (min-width: 1200px) {
  .navbar.shrink .custom-logo {
    height: 37px;
  }
}

/*--------------------------------------------------------------
# Parallax
--------------------------------------------------------------*/
/***
*
* Parallax effect in header.
*
***/
@media (min-width: 576px) {
  .parallax-overlay {
    padding: 12% 0;
  }
}

@media (min-width: 992px) {
  .parallax-overlay {
    padding: 14% 0 10%;
  }
}

/* Parallax content */
@media (min-width: 992px) {
  .parallax-window .left-content h2 {
    margin-top: 0.5em;
  }
}

/* Button */
.primary-btn {
  display: none;
}

@media (min-width: 768px) {
  .primary-btn {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
.section-header .section-heading {
  color: #002160;
}

/* Horizontal rule */
.style-1 {
  background-color: #1a56fe;
}

/*--------------------------------------------------------------
## Section 1
--------------------------------------------------------------*/
/* Image column */
.nlt-01 .image-column {
  margin-top: 0;
}

@media (min-width: 768px) {
  .nlt-01 .image-column {
    margin-top: 24px;
  }
}

@media (min-width: 992px) {
  .nlt-01 .image-column {
    min-height: 100%;
    margin-top: 0;
  }
}

/* Text column */
@media (min-width: 992px) {
  .nlt-01 .text-column {
    padding: 0 2.5% 0 0;
  }
}

@media (min-width: 1200px) {
  .nlt-01 .text-column {
    padding: 0 3.5% 0 0;
  }
}

/*--------------------------------------------------------------
## Section 3
--------------------------------------------------------------*/
.nlt-03 {
  background: #1f242e;
}

/* Section heading */
.nlt-03 .section-header .section-heading {
  color: #fff;
}

@media (min-width: 992px) {
  .nlt-03 .left-col {
    padding: 0 7.5% 0 0;
    margin-bottom: 0;
  }
}

/* Form adjustments */
.wpcf7 label {
  color: rgba(247, 247, 247, 0.75);
  font-weight: 600;
}

.wpcf7 input {
  background-color: rgba(255, 255, 255, 0.095) !important;
}

.wpcf7 textarea {
  background-color: rgba(255, 255, 255, 0.095) !important;
}

/* Form button */
.wpcf7 input[type="submit"] {
  background-color: #1454e3 !important;
  padding-bottom: 1.75em;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #fff !important;
  color: #404040 !important;
}

/*--------------------------------------------------------------
## Section 4
--------------------------------------------------------------*/
@media (min-width: 992px) {
  /* Text column */
  .nlt-04 .text-column {
    padding: 0 0 0 2.5%;
  }

  /* Image column */
  .nlt-04 .image-column {
    min-height: 375px;
    background-position: left center;
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .nlt-04 .text-column {
    padding: 0;
  }
}

/*--------------------------------------------------------------
# jQuery NavScroll
--------------------------------------------------------------*/
#Our-team {
  display: block;
  padding-top: 24px;
  margin-top: -24px;
}

/*--------------------------------------------------------------
# 404 Page
--------------------------------------------------------------*/
.error404 {
  background: url(images/404-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}

/* Heading */
.error404 .page-title {
  color: #050602;
  opacity: 0.3;
}

/* Content */
.error404 .content-area {
  padding: 15% 0 25%;
}

/* Breakpoint 1 */
@media (min-width: 576px) {
  .error404 .content-area {
    padding: 7.5% 0 15%;
  }
}

/* Breakpoint 2 */
@media (min-width: 768px) {
  .error404 .content-area {
    padding: 7.5% 0 12%;
  }
}

/* Breakpoint 3 */
@media (min-width: 992px) {
  .error404 .content-area {
    padding: 7.5% 0 10%;
  }
}

/* Button */
.error-404 .btn {
  font-size: 1rem;
  text-transform: uppercase;
  padding: 0.75em 1.5em;
  margin: 1.5em 0 0;
}