.blog-container { max-width: 1200px; margin: 0 auto; }
.blog-filters {
    display: flex; justify-content: space-between; margin-bottom: 1.25rem;
}
#blog-search { width: 18.75rem; padding: 1rem; }
#blog-category { padding: 0.625rem; }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; color: #000; }
.blog-post { border-radius: 4px; background: transparent; }
.pagination { margin-top: 1.25rem; text-align: center; color: #000; }
.pagination a {
    padding: 0.625rem  1rem; border: 1px solid #ddd; margin: 0 5px; text-decoration: none;color: #333;
}
.pagination a.current {background-color: #333; color: #fff; }

.blog-image {  }
.blog-image img { /*min-height: 23.312rem;*/ width: 100%; border-radius: 1.25rem; display: block; height: auto; }
.blog-post h2 {
    font-family: 'Fira Sans Regular'; font-size: 1.25rem; line-height: 1.5; color: #000;
}
.blog-meta { margin: 0.625rem 0; }
.blog-category a {
    background: #FE4613;text-transform: uppercase; border-radius: 3.125rem; 
    padding: 0.187rem 0.625rem; color: #fff; font-size: .75rem;
}

#page_content main {  background: #fff; }
/*.read-more img { width: 7px; margin-left: 5px; }
.read-more {
    border: 1px solid;
    border-radius: 50px;
    padding: 8px 1.25rem;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
}*/

.blog-title {  margin: 0; }
.blog-featured-image {
    background-size: cover; background-repeat: no-repeat; min-height: 50vh; height:auto;
    position: relative; display: flex; align-items: end; justify-content: center;
}
.inner-blog-title-wrapper {  position: relative; padding-left:1.25rem; padding-right:1.25rem;}
.blog-date { margin-left: 0.625rem; }
h1.blog-title { margin-bottom: 1.25rem; font-family: 'Fira Sans Regular'; font-size: 3.75rem; }
.inner-blog-container{ max-width: 1200px; margin: auto; }
.inner-blog-container strong { font-size: 1.20rem; }
.inner-blog-container h2 { font-size: 3rem; font-family: 'Fira Sans Regular';}
.inner-blog-container h3 { font-size: 2.5rem; font-family: 'Fira Sans Regular'; }
.inner-blog-container h4 { font-size: 2rem; font-family: 'Fira Sans Regular';}

/* Blog Top Section */
.blog-top-section { position: relative; margin-bottom: 1.25rrem; }
.blog-featured-image { width: 100%; height: 400px; background-size: cover; background-position: center; position: relative; }
/*.overlay { position: absolute; bottom: 0; left: 0; right: 0; color: white; padding: 1.25rem; } */
.blog-title { font-size: 2.5rem; margin: 0; }
.blog-category, .blog-date { display: inline-block;  margin-right:  0.625rem; }

/* Content and Sidebar Wrapper */
.content-sidebar-wrapper { display: flex; justify-content: space-between; margin-top: 1.25rem; color: #000; padding-bottom: 2.5rem; padding-left:1.25rem; padding-right:1.25rem;  }
.content-sidebar-wrapper input#searchsubmit { display: none; }
.widget_label { background: #282822; padding: 0.937rem; border-top-right-radius: 0.625rem; border-top-left-radius: 0.625rem; font-size: 0.937rem; color: #fff; font-weight: 300 !important; font-family: 'Fira Sans Regular'; margin: 0; }
form#searchform { padding: 0.937rem; }
.main-content { width: 70%; }
.sidebar { width: 25%; }
.widget { margin-bottom: 1.25rem; }
.content-sidebar-wrapper .widget form, .sidebar-section { border: 1px solid #d5d5d552; border-radius: 0.625rem; }
form#searchform, .sidebar-section { border-top: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.widget.recent-posts ul { list-style: none; margin: 0; padding: 0.937rem; }
.widget.recent-posts ul li:last-child { border: none; }
.widget.recent-posts ul li { border-bottom: 1px solid #d5d5d552; padding: 0.625rem 0; }
.widget.recent-posts ul li:first-child { padding-top: 0; }
.widget.recent-posts ul li:hover { border-color: #ff4713; }
.sidebar-section { margin: 0; padding: 0.937rem; list-style: none; }
.cat-item.cat-item-2 { display: flex; justify-content: space-between; }
.sidebar-section li { padding: 0.625rem; border-bottom: 1px solid #f5f5f5; display: flex; justify-content: space-between; }
ul.sidebar-section li:last-child { border-bottom: none; padding-bottom: 0; }
ul.sidebar-section li:first-child { padding-top: 0; }
.blog-single-page .blog-meta { display: flex; justify-content: space-between; }
.blog-single-page .blog-meta span { margin: 0; }

/* Author Profile */
.author-profile { margin-top: 2.5rem; padding: 1.25rem; background: #f9f9f9; }
.author-info { display: flex; }
.author-name { margin-left: 0.937rem; font-size: 1.2rem; }

/* Related Articles */
.related-articles { margin-top: 2.5rem; }
.related-articles ul { list-style: none; padding: 0; }
.related-articles { margin-top: 2.5rem; border-top: 1px solid #d5d5d55252; padding-top: 1.25rem; }
.related-articles h2 { font-family: 'Fira Sans Regular'; font-size: 17px; font-weight: 700; margin-bottom: 1.25rem; }
.blog-featured-image:before { content: ''; position: absolute; background: #000; top: 0; bottom: 0; opacity: 0.4; left: 0; right: 0; }
.author-content .author-name { margin: 0; }
.author-content { padding-left: 0.937rem; }
.author-name { font-size: 1rem; text-transform: capitalize; padding-bottom: 5px; }
.author-role { color: #ff4713; margin-bottom: 0.937rem; }
/*.blog-single-page .blog-image img { max-height: 300px; min-height: 300px; }*/
.blog-post h2 { 
    min-height: 5.062rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; line-height: 1.6;  transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; 
    -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; 
}
.blog-post:hover h2 { color: #FE4613; }
select#blog-category { width: auto; border: none; }

/* Search Articles */
.search-title { color: #000; }



/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns for medium devices */
  }
  h1.blog-title { font-size: 2.25rem; } 
  .content-sidebar-wrapper { display: block; }
  .main-content { width: 100%; }
  .sidebar { width: 100%; margin-top:2rem ;}
  .inner-blog-title-wrapper {  position: relative; padding-left:20px; padding-right:20px;}
  .blog-filters { display:block; }
}

/* Small devices (mobile phones, 480px and up) */
@media (max-width: 480px) {
  .blog-grid {
    grid-template-columns: 1fr; /* 1 column for small devices */
  }
}