/*control your varialbes via the _variables.scss file in utilities folder*/
@import "utilities/variables";
@import "utilities/fonts";



.yellow-link{
color: #E8C06B;
}

.red-link{
color: #9A0A07;
}

.blue-link{
color: #EAA81C;
}

.navbar-nav{
margin-left: auto !important;
}

.navbar-light .navbar-nav .nav-link{
color: #EAA81C;
}

.navbar-light .navbar-nav .btn-secondary .nav-link{
color: #fff !important;
}

.nav li a {
color:white !important;
font-family: $headings-font;
}

.carousel-control-prev{
margin-left: -100px;
 @media screen and (max-width: $tablet-size) {
  margin-left: -60px;
}
@media screen and (max-width: $mobile-size) {
  margin-left: auto;
}
}

.carousel-control-next{
margin-right: -100px;
 @media screen and (max-width: $tablet-size) {
  margin-right: -60px;
}
 @media screen and (max-width: $mobile-size) {
  margin-right: auto;
}
}

  .btn-secondary{
  color: white !important;
  background-color: #9A0A07;
  border: 2px solid #EAA81C;
  border-radius: 0;
  &:hover, &:active, &:focus {
    background-color: #EAA81C;
	 border: 2px solid #9A0A07;
    color: white !important;
  }

  }

section.hero-section {
	 background-image: url(/wp-content/themes/je-ncgdoors/images/hero.jpg);
	 background-size: cover;
     background-repeat: no-repeat;
@media screen and (max-width: $mobile-size) {
  background-image: url(/wp-content/themes/je-ncgdoors/images/hero.jpg);
}	 
	 }
	 
	 
	 section.testimonials-section {
    background-image: url(/wp-content/themes/je-ncgdoors/images/testimonials.jpg);
        background-position: center;
    background-repeat: no-repeat;
    @media screen and (max-width: $tablet-size) {
      background-size: cover;
      background-position: center center !important;
}
    .testimonial-slider {
      padding: 100px 0;
      @media screen and (max-width: $tablet-size) {
        padding: 40px 0;
}
      h3 {
        color: white;
        @media screen and (max-width: $tablet-size) {
        font-size: 1.4rem;
      }
      }
    }
	
	.slick-slide {
    display: flex;
    align-items: center;
    p {
      &:before {
        font: normal normal normal 24px/1 FontAwesome;
        content: "\f10d";
        font-size: 1.9em;
        margin-right: 5px;
        color: #ccc;
      }
    }
  }
  .slick-next {
        position: absolute;
        right: -50px;
        bottom: 50%;
        z-index: 9;
        border: none;
        height: 60px;
        width: 60px;
        font-size: 0;
        &:before {
          color: white;
          font: normal normal normal 24px/1 FontAwesome;
          content: "\f054";
        }
      }
      .slick-prev {
        position: absolute;
          left: -50px;
          bottom: 50%;
          z-index: 9;
          border: none;
          height: 60px;
          width: 60px;
          font-size: 0;
          &:before {
            color: white;
            font: normal normal normal 24px/1 FontAwesome;
            content: "\f053";
          }
      }
	  
	  .slick-dots {
  display: flex;
  list-style: none;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-left: -16px !important;
  }
  
  .slick-dots li {
  font-size: 0;
}
  
	  .slick-active button {
  background-color: #EAA81C !important;
  }
	  
	  .slick-dots button {
  border: none;
  border-radius: 50px;
  height: 20px;
  width: 20px;
  margin: 20px 5px;
  outline: none;
  background-color: white;
  
  }
}

section.recent-post-section {
	 background-image: url(/wp-content/themes/je-ncgdoors/images/cta.jpg);
	 background-size: cover;
     background-repeat: no-repeat;
	 }
	 
	 footer {
	 background-image: url(/wp-content/themes/je-ncgdoors/images/footer.jpg);
	 background-size: cover;
     background-repeat: no-repeat;
	 
	 }