/* 
Theme Name: JetLife 
Test Domain: JetLife
Version 1.7
Description: SpindleStack Customized Template - JetLife
Author: Julianna Rogers
*/ @font-face {
	  font-family: 'HelveticaNeueLTBd';
	  src: url('fonts/HelveticaNeueLTStd-BdCn.woff2') format('woff2'),
		   url('fonts/HelveticaNeueLTStd-BdCn.woff') format('woff');

	}
  @font-face {
	  font-family: 'HelveticaNeueLT';
	  src: url('fonts/HelveticaNeueLTStd-Lt.woff2') format('woff2'),
		   url('fonts/HelveticaNeueLTStd-Lt.woff') format('woff');
		   
		   

	}

    body {
      overflow-x: hidden;
	  font-family: 'HelveticaNeueLT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	  border-radius: 0;
	 
    }
	section{
		 margin:0;
		 
	}
	.bold-text{
		
		font-family: 'HelveticaNeueLTBd', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	.card, .form-control {
		border-radius: 0;
	}
	h1,h2,h3,h4,h5{
		
		 text-transform: uppercase;
	}
    /* Thin colored banner */
    .top-banner {
      background-color: #0e347a;
      height: 2rem;
	   text-transform: uppercase;
    }

    /* Hero section */
    .hero {
      position: relative;
      height: 90vh;

    }
    /* Hero section */
    .inner-hero {
      position: relative;
         height: 40vh;
      background: url('../img/hero - Copy.jpg') no-repeat center center/cover;
  
    }
    /* Transparent navbar over hero */
    .navbar {
      background-color: rgba(255, 255, 255, 0.3);
        -webkit-backdrop-filter: blur(6px); /* Safari */
  backdrop-filter: blur(6px); /* Modern browsers */
	  z-index: 90;
    }

    /* Overlay box */
    .hero-overlay {
      position: absolute;
      bottom: 2rem;
      left: 50%;
      transform: translateX(-50%);
      background-color: rgba(14, 51, 122, 0.75);
      color: white;
      padding: 1.5rem 2rem;
  
      text-align: center;
      width: 50vw;
	  
     
    }
	.hero-overlay h1{
		
		font-size: 2.95rem !important;
	}
	.overlay-style {
		 background-color: rgba(14, 51, 122, 0.75);
		
	}
	 .inner-hero-overlay {
      position: absolute;
      bottom: .3rem;
      left: 50%;
      transform: translateX(-50%);
      background-color: rgba(14, 51, 122, 0.75);
      color: white;
      padding: 1.5rem 2rem;
      border-radius: 0.5rem;
      text-align: center;
      width: 50vw;
	  
     
    }


    .navbar-brand img {
     height: 5rem;
		width: auto;
    }
	 .nav-link{
		 
		 text-transform: uppercase;
		 font-weight:bold;
	 }
    p {
      word-break: break-word;
    }
	.btn-primary {
		   background-color: #0e347a;
		   border-radius: 0;
	}
	.dropdown-menu{
		background-color: rgba(14, 51, 122, 0.75);
		border-radius:0;
		margin-top:.15rem;
		padding-top:.15rem;
		
	}
.dropdown-item.active{
		
			background-color: rgba(255, 255, 255, 0.75);
	}
	.dropdown-item:hover{
		
			background-color: rgba(0, 0, 0, 0.75);
	}
	.footer-link{
		
		font-size: 1rem;
		
	}
	.active, .text-primary, .colored-text{
		  color: #0e347a !important;
		
	}
	
		p a {
	  color: #0e347a !important;
	  font-weight: bold;
		text-decoration: none;
	}
	
		p b, p strong{
		 color: #0e347a !important;

	}

	.bg-dark{
		background-color: #333331 !important;
	}
	
	/* Responsive Styles */
/* ------------------------------------------------ */

@media (max-width:500px)  { 


 .inner-hero {
	  height:60vh;
  }
	

	
	.hero{
		height: 100vh;
	}
	

}
/* smartphones, iPhone, portrait 480x320 phones */
@media (max-width:320px)  { 



	.top-banner{
		height: 5.25rem;
	}
	.hero{
		height: 250vh;
	}
	
	.hero-overlay h1{
		font-size: 2em !important;
	}
	.hero-overlay {
		left: 50vw;
		padding: .25rem;
		width: 100vw;
	}


 .inner-hero {
	  height:100vh;
  }
	

 }
 
/* smartphones, iPhone, portrait 480x320 phones */
@media (min-width:320px)  { 



	.top-banner{
		height: 4.25rem;
	}
	.hero{
		height: 120vh;
	}
	
	.hero-overlay h1{
		font-size: 2em !important;
	}
	.hero-overlay {
		left: 50vw;
		padding: .25rem;
		width: 100vw;
	}


 .inner-hero {
	  height:60vh;
  }
	

 }

@media (min-width:375px)  { 
.inner-hero {
	  height:50vh;
  }
	
	
	.hero{
		height: 100vh;
	}
 }




/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (min-width:641px)  { 


	.top-banner{
		height: 3rem;
	}
	
	.nav-link{
		font-size: .9em !important;
		
	}
	
  .inner-hero {
	  height:60vh;
  }
	
	.hero{
		height: 70vh;
	}
	.hero-overlay {
		left: 50vw;
		padding: .25rem;
		width: 80vw;
	}

 }
 
 
  /* Nokia Phones in landscape only */
@media screen and (max-device-width: 320px) and (orientation: landscape) {
 .inner-hero {
	  height:100vh;
  }
	
	.hero{
		height: 200vh;
	}
}


/* Samsung Galaxy S23 FE Landscape */
@media only screen 
  and (min-width: 641px) 
  and (orientation: landscape) {
  
  .inner-hero {
    height: 100vh;
  }

  .hero {
    height: 190vh;
  }
}

/* Samsung Galaxy S23 FE Landscape */
@media only screen 
  and (min-width: 641px) 
  and (orientation: portrait) {
  
  	
	
	.hero{
		height: 90vh;
	}
}



 /* Phones in landscape only */
@media screen and (max-device-width: 812px) and (orientation: landscape) {
 .inner-hero {
	  height:100vh;
  }
	

	
	.hero{
		height: 190vh;
	}
}
/*Samsung Note */
@media screen and (max-width: 1200px) and (orientation: landscape) {
  .inner-hero {
	  height:100vh;
  }
	

	
	.hero{
		height: 190vh;
	}
}


/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:961px)  { 
  .inner-hero {
	  height:40vh;
  }


	.hero {
      height: 90vh;
	  
	}
	
	  /* Overlay box */
    .hero-overlay {
      position: absolute;
      bottom: 2rem;
      left: 50%;
      transform: translateX(-50%);
      background-color: rgba(14, 51, 122, 0.75);
      color: white;
      padding: 1.5rem 2rem;
  
      text-align: center;
      width: 50vw;
	  
     
    }
	.hero-overlay h1{
		
		font-size: 2.95rem !important;
	}

 }
/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px) { 



	.nav-link{
		font-size: .9em !important;
		
		
	}
	
  .inner-hero {
	  height:40vh;
  }
	.hero {
      height: 90vh;
	  
	}
	
	  /* Overlay box */
    .hero-overlay {
      position: absolute;
      bottom: 2rem;
      left: 50%;
      transform: translateX(-50%);
      background-color: rgba(14, 51, 122, 0.75);
      color: white;
      padding: 1.5rem 2rem;
  
      text-align: center;
      width: 50vw;
	  
     
    }
	.hero-overlay h1{
		
		font-size: 2.95rem !important;
	}

}
/* hi-res laptops and desktops */
@media (min-width:1281px) { 


.top-banner{
		height: 2.25rem;
	}

	

	.nav-link{
		font-size: .9em !important;
	
		
	}

  .inner-hero {
	  height:40vh;
  }
	
	.hero {
      height: 90vh;
	  
	}
	
	  /* Overlay box */
    .hero-overlay {
      position: absolute;
      bottom: 2rem;
      left: 50%;
      transform: translateX(-50%);
      background-color: rgba(14, 51, 122, 0.75);
      color: white;
      padding: 1.5rem 2rem;
  
      text-align: center;
      width: 50vw;
	  
     
    }
	.hero-overlay h1{
		
		font-size: 2.95rem !important;
	}
	
 }