/* Import Gotham Black Regular */
@font-face {
    font-family: 'Gotham Black';
    src: url('/fonts/Gotham Black Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  /* Import Poppins Medium */
  @font-face {
    font-family: 'Poppins Medium';
    src: url('/fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
/*Magnifying glass when hovered over */
.menu a {
    color: white;
    text-decoration: none;
    font-family: 'Gotham Book', sans-serif;
    font-weight: bold;
    font-size: 16px;
    padding-right: 10px;
    transition: color 0.3s ease;
}

.menu a:hover {
    color: #fbb033; /* or your highlight color */
    cursor: pointer;
}

.menu a:hover .fa {
    color: #fbb033; /* makes the icon change color too */
}



/* Yellow line separator under each post */
.yellow-line {
    width: 100%;
    height: 1px;
    background-color: #ed9c32;
    margin: 10px 0;
}

/* Post header: title + date side by side */
.post-header {
    margin-bottom: 10px;
    font-family: 'Gotham Book', sans-serif;
}

.post-title-date {
    margin-bottom: 5px;
    font-family: 'Gotham Book', sans-serif;
}


/* Post title styling */
.post-title {
    margin: 0;
    font-size: 1.3em; /* smaller size as requested */
    font-family: 'Gotham Book', sans-serif;
}

.post-title a {
    color: #16a0db;
    text-decoration: none;
    font-family: 'Gotham Book', sans-serif;
}

.post-title a:hover {
    text-decoration: none;
    color: #16a0db;
}

/* Post date styling */
.post-date {
    color: #9a9ca2;
    font-size: 0.9em;
    text-align: right; 
    font-family: 'Gotham Book', sans-serif;
}

/* Excerpt text styling */
.excerpt-text {
    color: #58595b;
    font-size: 1em;
    margin-bottom: 10px;
    font-family: 'Gotham Book', sans-serif;
}
button[type="submit"] {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    transition: color 0.3s ease;
}

/* Target the icon specifically */
button[type="submit"] i {
    transition: color 0.3s ease;
}

/* Hover state for button/icon */
button[type="submit"]:hover,
button[type="submit"]:hover i {
    color: #fbb033; /* Change this to your preferred hover color */
}