@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");

body {
  font-family: "Raleway", sans-serif;
  /* background-color: var(--color-forth); */
  background-color: #fff;
  /* color:#fff; */
}
/* Optional: You can specify different font weights for different sections */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 800; /* Use a bolder weight for headings */
  color: #000;
}

p {
  font-weight: 400;
  color: #000;
}

a ,blockquote, label{
  text-decoration: none;
  color: #000;
}

:root {
  --color-accent: #b58e41;
  --color-primary: #79532a;
  --color-secondary: #fbe5cc;
  --color-third: #513415;
  --color-clear: rgba(255, 255, 255, 0);
  
  /* --color-background: #ecf0f1;
    --color-text: #2c3e50; */
}
.nav-item {
  margin-left: 10px;
  margin-right: 10px;
  /* font-size: 20px; */
}

.nav-link {
  color: #ffffff;
}
.nav-link:hover,
.nav-link:focus {
  color: var(--color-accent);
}

.navbar-nav .nav-link.active {
  color: var(--color-accent);
  font-weight: 800;
}

.navbar-nav .dropdown-item.active {
  color: var(--color-accent);
  font-weight: 800;
  background-color: var(--color-clear);
}

.navbar .navbar-text {
  font-size: 1.25rem; /* Adjust the size as needed */
  font-weight: bold; /* Make the name bold */
  color: #fff; /* Adjust the color if needed */
}
.navbar-translucent {
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  height: 80px;
}

.navbar .navbar-brand img {
  height: 50px;

  /* Adjust logo height if necessary */
}


.navbar .navbar-nav {
  margin-left: auto;
  margin-right: auto;
}

.navbar-toggler{
  border: none;

}
.navbar-toggler:focus {
  box-shadow: none;
  outline: none;
  border:none;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


.dropdown-item {
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #ffffff;
}

.dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-accent); /* Change the text color to white */
}

.raleway-bold {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


.search-button {
  background: none;
  border: none;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}



#backToTopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed position on the screen */
  bottom: 20px; /* Distance from the bottom */
  right: 30px; /* Distance from the right */
  z-index: 99; /* Ensures it is on top of other elements */
  background-color: var(--color-third); /* Dark background */
  color: #000; /* White text */
  border: none; /* No border */
  padding: 10px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  cursor: pointer; /* Pointer/hand icon */
  font-size: 18px; /* Larger text */
}

#backToTopBtn:hover {
  background-color: var(--color-accent); /* Darker on hover */
}


.button{
  background-color: var(--color-accent); 
  color: #000;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* @font-face {
  font-family: "Amperzand";
  src: url("https://yoursite.com/css/fonts/CustomFont.eot");
  src: url("https://yoursite.com/css/fonts/CustomFont.woff") format("woff"),
  url("https://yoursite.com/css/fonts/CustomFont.otf") format("opentype"),
  url("https://yoursite.com/css/fonts/CustomFont.svg#filename") format("svg");
  }
   */
   
@font-face {
    font-family: 'Amperzand';
    src: url('fonts/Amperzand.ttf') format('truetype');
}
.subheader-title {
  font-family: 'Amperzand'; /* Set the font */
  background: linear-gradient(
    to right, 
    #b58e41 0%,   /* Start with first color */
    #79532a 30%,  /* Middle with second color */
    #b58e41 60%,  /* End with third color */
    #b58e41 100%  /* End with third color */
  );
  -webkit-background-clip: text; /* Clip the gradient to text for WebKit browsers */
  -webkit-text-fill-color: transparent; /* Ensure text color is transparent for WebKit browsers */
  background-clip: text; /* Standard background clip for non-WebKit browsers */
  text-fill-color: transparent; /* Ensure text is transparent (fallback for non-WebKit) */
  color: #79532a; /* Fallback color */
}