@charset "UTF-8"; 
/* Declare the encoding (if needed) */



/*============================================
**
**             LEFT   S I D E B A R (Mobile First)
**
**============================================*/

.aside {padding:1em;}

/* ========== Base (Mobile First) ========== */
.latest-post {
  margin-bottom: 2rem;
}

.post-flex {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}


/* Post left container */
.post-left {
    width: 100%;
    text-align: center; /* Centers the content inside this div */
    position: relative; /* Ensures positioning of the category text is relative to this div */
}

.post-category {
    margin-top: 0.5rem;
    font-size: 0.9rem;
    color: #555; /* Change to match your design */
    text-transform: capitalize; /* Optionally, capitalize the category name */
}

/* Optional: Make sure the thumbnail and category name are centered properly */
.post-left .post-thumb {
    display: block;
    margin: 0 auto; /* Center the thumbnail */
}

/* On larger screens (>= 768px) */
@media screen and (min-width: 768px) {
    .post-left {
        text-align: left; /* For desktop, align the text to the left if needed */
    }
    .post-category {
        font-size: 1rem;
    }
}



.post-right {
  width: 100%;
}

.post-right p {
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.5;
}

.latest-post h3 {
  font-size: 1rem;
  margin: 0 0 0.5rem;
  line-height: 1.4;
}

.hide {
  display: none;
}

/* ========== Desktop / Tablet ========== */
@media screen and (min-width: 768px) {
  .post-flex {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 1rem;
  }

  .post-left {
    flex: 0 0 40%;
  }

  .post-right {
    flex: 1 1 56%;
  }

  .post-thumb {
    max-width: 100%;
    height: auto;
  }
}

/*********************************************************************************************************************************/

/* General section titles :not(first-child) */
.aside > h3{  font-family:  Arial, verdana, helvetica, sans-serif;}

.latest-post h3/*:not(:first-of-type)*/ {
    margin: 1rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    font-family: 'Oswald', Arial, sans-serif;
    font-weight: 300;
	letter-spacing:.06em;
    font-size: 1.3rem;
    text-transform: uppercase;
}




.aside > h3:first-of-type{
      border-bottom:1px solid ;

}
/*
.latest-post:not(:first-of-type) h3 {  .latest-post:first-of-type
      border-bottom: 1px solid #ccc;

}
*/

.aside > h3 {
    font-size: calc(1.8rem + 1vw); /* Normal font size at smaller screen widths */
}

@media (min-width: 768px) {
.aside > h3 {
        font-size: calc(1.2rem + 0.5vw); /* Normal font size from 768px onward */
    }
}

@media (min-width: 1024px) {
.aside > h3{
        font-size: calc(min(1.5rem, max(1.3rem, 1vw + 1rem))); /* Max font size at larger screens */
    }
	
}


/* Category list styling */
.aside ul {
    list-style-type: none;
    padding-left: 0;
    margin:1rem;
}

.aside .cat-item {
    margin-bottom: 5px;
}

.aside .cat-item a {
    text-decoration: none;
    
    transition: color 0.2s ease-in-out;
}

.aside .cat-item a:hover {
  /*  color: #005177;*/ color: #0073aa;
}

/* Archive list styling */
.aside #archive-list li {
    margin-bottom: 5px;
}

.aside #archive-list a {
    text-decoration: none;
    color: #0073aa;
    transition: color 0.2s ease-in-out;
}

.aside #archive-list a:hover {
    color: #005177;
}

/* Optional: Tag cloud list for consistent style */
.aside .tag-cloud {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.aside .tag-cloud li a {
    text-decoration: none;
    background-color: #f0f0f0;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    color: #333;
    transition: background-color 0.2s ease-in-out;
}

.aside .tag-cloud li a:hover {
    background-color: #ddd;
}