body{
	font-family: "Zilla Slab", serif;
	font-weight: 500;
	font-style: normal;
  }
  

/* Override font for all header elements */
h1, h2, h3, h4, h5, h6 {
  
  font-family: "Spectral SC", serif;
  font-weight: 700;
  font-style: normal;

}
p {
  font-size: 1.20rem; /* Example: makes text larger than normal */
}

/* -------------- HERO STYLES ---------------------------*/


/* General hero section background */
section.hero-section {
	min-height: 55vh; 
	overflow: hidden;

}

/* Book rectangle behind the covers */
.book-rectangle {
  position: absolute;
  top: 50%;
  right: 50px;
  width: 320px;
  height: 460px;
 
  
  border-radius: 12px;
  transform: translateY(-50%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 0;
}
	
/* Book covers styling */
.book-image {
  position: absolute;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  transition: transform 0.3s ease;
  cursor: pointer;
  user-select: none;
  max-width: 280px;
}

.book-image-1 {
  top: 50%;
  left: 15rem; /* Left book on top, 10px closer */
  transform: translateY(-50%);
  max-width: 280px;
  z-index: 2;
}

.book-image-2 {
  top: 55%;
  transform: translateY(-50%);
  max-width: 260px;
  z-index: 3;
}

/* Hover effect on books */
.book-image:hover {
  transform: scale(1.05);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
  z-index: 10 !important;
}

#bg-slideshow{
	position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-size: cover;
    background-position: center;
    filter: brightness(0.20);
    z-index: 0;
    transition: background-image 1s ease-in-out;
	
}
/* -------------- CARD STYLES ---------------------------*/

 /* Card icon style */
.card-icon-wrapper {
  position: relative;
  width: 60px;
  height: 60px;
  background-color: #f7f1e1; 
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  font-size: 28px;
  position: absolute;
  top: -30px;
  left: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.feature-card {
  position: relative;
  padding-top: 40px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 2rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background-color: black;
  min-height: 180px;
}

/* Book highlight sections */
.book-highlight {
  padding: 3rem 0;
}
.book-highlight img {
  max-width: 300px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Table of contents and FAQ styles */
.section-padding {
  padding: 3rem 0;
}

/* Default: hide book covers on all screen sizes */
.book-covers {
  display: none;
}
/*---------------- INTERNAL PAGES -----------------------------*/
.internal-banner{
	min-height: 20vh;
}
.book-title{
	
	font-size: 2.5rem;
}
/* --------------- NAV STYLES ---------------------------------*/
.active{
	font-weight: 700 !important;
	text-decoration:underline !important; 
	text-underline-offset: 0.5em;
	text-decoration-color: #ADD8E6;
	text-decoration-thickness: 3px;
}
.dropdown-item.active{
	
	background-color:#18447d;
	color: #fff;
	text-decoration:none !important; 
}

.navbar-brand img{
	
	width: 50vw;
}


/* --------------- BUTTON STYLES ------------------------------*/

.btn-primary{
	
	background-color: #c89e7a;
	background-color: #18447d;
	border: #c89e7a;
}

.paypal{
	height:1rem;
}

/*--------------- CONTACT STYLES -----------------------------*/
.agree{
	
	position: absolute; 
    left: -9999px;
}

/* -------------- RESPONSIVE STYLES ---------------------------*/
/* Addressing anything smaller than normal devices */
@media (max-width:320px)  { 

}

	
 }
 
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (min-width:320px)  { 
	



	
 }
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (min-width:481px)  { 


	
 }

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

	


	 .book-image-1 {
      left: 10rem;
	  width:15rem!important;

    }

    .book-image-2 {
      width:15rem!important;
    }

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

	 .book-covers {
		display: block;
	  }


	 .book-image-1 {
      left: 10rem;
	  width:15rem!important;

    }

    .book-image-2 {
      width:15rem!important;
    }

 }
 @media screen and (max-width: 768px) {
  .dropdown-item {
    white-space: normal; /* allow wrapping */
    word-break: break-word; /* optional: breaks long words if needed */
  }
}
/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:961px)  { 
    	
 	
	.navbar-brand img{
		width: 20vw;
	}

	.book-image-1 {
      left: 10rem;
	  width:15rem!important;

    }

    .book-image-2 {
      width:15rem!important;
    }

	
}
/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px) { 
 .navbar-brand img{
		width:15vw;
	}

	.book-image-1 {
      left: 10rem;
	  width:15rem!important;

    }

    .book-image-2 {
      width:15rem!important;
    }

	
}
/* hi-res laptops and desktops */
@media (min-width:1281px) { 
	 .navbar-brand img{
		width: 15vw;
	}

	 .book-image-1 {
      left: 10rem; 
	  width:15rem!important;

    }
    .book-image-2 {
      width:15rem!important;
    }	
 }