/* css styles */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@450&display=swap');

html { 
  --heading-font:    "Raleway", sans-serif;
  --mono-font:       "Raleway", sans-serif;
  --body-font:       "Raleway", sans-serif;
  --navbar-font:     "Raleway", sans-serif;
  
}


/* NAVIGATION BAR */
.navbar {
  background-color:  #22577a;
  font-size: 18px;  /* or try 14px, 13px, etc. */
}

.nav-footer-left, .nav-footer-center, .nav-footer-right {
    font-family: "Raleway", sans-serif;
    font-size: 1rem !important;
    text-align: left !important;
}

/* MAIN */
/* header */
header {
  background-color: #ffffff;
  color: #023047;
  box-shadow: transparent;
  font-size: 25px; /* Bigger title */
  border: transparent;
}

.quarto-title-block {
  background-color: #ffffff;  /* Change to your preferred color */
  color: #003459;               /* Optional: make title text white */
  text-align: left;         /* Optional: center the title text */
  font-size: 25px; /* Bigger title */
  font-weight: 400 !important;
}

.quarto-title-block .description {
  font-size: 22px;
  color: #003459;
  margin-top: -1rem;
  margin-bottom: 2rem;
}

/* Make title, author, and date use normal capitalization */
* {
  text-transform: none !important;
}

/* Force bold weight on all headings */
h1{
  background-color:  #ffffff;
  font-size: 20px;  /* or try 14px, 13px, etc. */
  font-weight: 700 !important;
  font-family: "Raleway", sans-serif !important;
}

h2{
  background-color:  #ffffff;
  font-size: 18px;  /* or try 14px, 13px, etc. */
  font-weight: 600 !important;
  font-family: "Raleway", sans-serif !important;
}

/* Force bold weight on all headings */
h3, h4, h5, h6 {
  background-color:  #ffffff;
  font-size: 17px;  /* or try 14px, 13px, etc. */
  font-weight: 600 !important;
  font-family: "Raleway", sans-serif !important;
}

/* Force bold weight on text */
body {
  background-color: #ffffff;
  font-size: 16px;  /* or try 14px, 13px, etc. */
  color: #003459;
}


/* PACKAGES SECTION */
/* Resize listing page images */
.listing-preview-image {
  max-width: 150px;
  height: 100px;
  object-fit: cover;
}

.listing-preview-image {
  max-width: 50px;
  height: 50px;
  object-fit: cover;
}

/* icons */
.icon-link {
  background-color: transparent;
  color: #023047;
  border: 1px solid #023047;
  padding: 5px 0.4rem;
  margin: 4px 8px 4px 0;
  border-radius: 5px;
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
}

.icon-link:hover {
  background-color: #023047;
  color: #023047;
  border-color: #023047;
}

/* Change color of page numbers in listing pagination */
.pagination .page-item .page-link {
  color: #0d1b2a;         /* Change to your preferred text color */
  background-color: transparent;
  border: none;
}

/* Optional: Active page number (highlighted one) */
.pagination .page-item.active .page-link {
  color: white;           /* Text color of the active page */
  background-color: #778da9; /* Background color of the active page */
  border-radius: 5px;
}

/* Only change link color in main content (i.e., the page text) */
main a {
  color: #415a77;  /* Replace with your preferred color */
  text-decoration: underline;  /* Optional */
}

/* Optional: hover effect for text links */
main a:hover {
  color: #2a9d8f;
  text-decoration: underline;
}