/* Importing a Google Font */
@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Pangolin&family=Quicksand:wght@400;700&display=swap');

/* Global body text */
body {
  font-family: 'Pangolin', sans-serif;
  background-color: #fff0e0;
  color: #4C3921;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
}

/* Quotes and italic text */
.quote, .fst-italic, blockquote {
  font-family: 'Caveat', cursive;
  font-size: 1.5rem;
  color: #4C3921;
}

.pangolin-text {
  font-family: 'Pangolin', cursive;
}

/* Background colour for the header style */
header {
	background-color: #95A387;
}

/* Background color for the navigation bar style */
.navbar {
	background-color: #95A387;
}
.navbar-light .navbar-nav .nav-link {
  color: #4C3921;
}
.navbar-light .navbar-nav .nav-link.active {
  color: #4C3921;
  font-weight: bold;
}

/* Style for the registration card */
.registration-card {
  background-color: #95A387;
  color: #4C3921;
  border: none;
}

.registration-card h3,
.registration-card label,
.registration-card p,
.registration-card a {
  color: #4C3921;
}

#signupModal


/* Effect on social media buttons */
footer a:hover {
	opacity: .5;
}

.site-footer {
  background-color: #95A387;    
}

/* Corporate navbar */
#navbar-corporate a.active {
	color: #800000;
	font-weight: bold;
}

/* Hero Section shadow */
.white-shadow {
	text-shadow: -.01em -.01em .01em white,
		.02em .02em .02em white,
		0 0 .2em white,
		0 0 .5em white;
}

.cover-img {
  width: 100%;
  height: auto;
  display: block;
}

/* Text color */
body,
h1, h2, h3, h4, h5, h6,
p,
.nav-link,
.navbar-brand,
.card-title,
.card-text,
.modal-title,
label {
  color: #4C3921;
}

/* Buttons style */
.btn-custom {
  background-color: #F3B23F;
  color: #4C3921;
  border: none;
  border-radius: 30px;
  padding: 10px 24px;
  font-weight: bold;
  transition: all 0.3s ease;
  text-decoration: none;
}

.btn-custom:hover {
  background-color: #d99d33;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  color: #4C3921;
}

/* Header style */
h2.display-5 {
  color: #4C3921;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #F3B23F;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

/* Modal background and text color */
.modal-content {
  background-color: #95A387;
  color: #4C3921;
  border: none;
  border-radius: 10px;
}

/* Modal title text color */
.modal-title {
  color: #4C3921;
  font-family: 'Quicksand', sans-serif;
}