/****************************************************************************************************************************************************************************************************************** 
MAIN STYLES AND FORMATTING
*******************************************************************************************************************************************************************************************************************/



#header {
  font-family: 'Roboto Slab', serif;
}

/* NAVIGATION */
#navigation {
  /* font-weight: bold; */
  
  font-family: 'Libre Baskerville', serif;
}

/* NAVIGATION */
#footer {
  font-family: 'Libre Baskerville', serif;
}

/* HOME */
#home {
  position: relative;
  /* font-family: 'Acme', sans-serif; */
}

#home::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('../images/cover-photo.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.50;
  pointer-events: none;
}

/* ABOUT */

#about {
  font-family: 'Acme', sans-serif;
  position: relative;
}

#about::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('../images/profile-photo.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.25;
  pointer-events: none;
  z-index: -1;
}

/* SERVICES */

#services {
  position: relative;
  font-family: 'Acme', sans-serif;
}

.pricing, .dosing, .symptoms, .side-effects, .administration {
  background: #f4f4f4;
  padding: 5px;
  border-radius: 8px;
}

#services::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}


/* CONTACT PAGE */
#contact {
  font-family: 'Acme', sans-serif;
  background: url('../images/main.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Your existing CSS */
a {
  color: #ebf2f5;
  text-decoration: none;
}

/* General link styles */
a {
  text-decoration: none;
}

/* Navigation link styles */
#navigation .nav-link {
  color: #ebf2f5;
}
#navigation .navbar-brand {
  color: #ebf2f5;
}

#navigation .nav-link:hover {
  color: #37b3ed;
}
#navigation .navbar-brand:hover {
  color: #37b3ed;
}

/* Footer link styles */
#footer a {
  color: #ebf2f5;
}

#footer a:hover {
  color: #37b3ed;
}

#background-image {
  position: relative;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: 1;
}

#background-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../images/runner2.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  opacity: 0.5; /* Adjust for desired fade level */
  z-index: -1;
}

#background-image-2 {
  position: relative;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: 1;
}

#background-image-2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../images/fitgirl.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  opacity: 0.35; /* Adjust for desired fade level */
  z-index: -1;
}

.text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2; /* Higher than the background's pseudo-element */
}

.text-overlay h1 {
  color: black; /* Ensures the text is jet black */
  text-align: center;
}

.bi-calendar-event {
  color: white;
}

.nav-link {
  color: white !important;
}

#accordionExample {
  padding-top: 100px; /* Adjust this value as needed */
}



#contact-background-image {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  color: #000000; /* Jet black text */
}

#contact-background-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../images/favicon.png'); /* Adjust the path as necessary */
  background-size: 55%; /* Adjust size as needed */
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.5; /* 50% opacity */
  z-index: -1;
}

.contact-text {
  font-weight: bold; /* Thicker text */
  font-size: 2.5em; /* Increased font size */
  position: relative; /* Ensure text is above the pseudo-element */
  color: #000000; /* Jet black text */
}

/* Increase the size of the Schedule Appointment button */
.btn-appointment {
  font-size: 1.75em; /* Larger font size */
  padding: 10px 20px; /* Larger padding for a bigger button */
  display: inline-block; /* Aligns the button properly */
}









/* Other Font Styles */
/* 
font-family: 'Acme', sans-serif;
font-family: 'Bungee Hairline', cursive;
font-family: 'Cinzel', serif;
font-family: 'Exo', sans-serif;
font-family: 'Handjet', cursive;
font-family: 'Hind Madurai', sans-serif;
font-family: 'Indie Flower', cursive;
font-family: 'Kalam', cursive;
font-family: 'Play', sans-serif;
font-family: 'Righteous', cursive;
font-family: 'Rubik 80s Fade', cursive;
font-family: 'Jim Nightshade', cursive;
font-family: 'Stick No Bills', sans-serif;
*/

/****************************************************************************************************************************************************************************************************************** 
IF YOU WANT TO STYLE SPECIFIC ELEMENTS, REMOVE THE FONT-FAMILY FROM THE PAGE IDS AND ASSIGN AN ID TO A LOWER LEVEL ELEMENT
#title1 {
  font-family: 'Stick No Bills', sans-serif;
} 
*******************************************************************************************************************************************************************************************************************/

/* #background-image {
  background-image: url('../images/runner2.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  opacity: 0.5;
  position: relative;
}

.text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: black;
}

.text-overlay h1 {
  color: black;
}



*/