.main-blog-title-h1 {
   margin-top: 1rem;
   text-align: center;
}

section#blog-banner-section {
   max-height: 300px;
   overflow: hidden;
   position: relative;
}

.main-blog-title {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   background: rgb(125 125 125 / 50%);
   color: #fff;
   font-weight: 700;
   font-size: 3em;
   padding-left: 3rem;
}

.navigation-listings {
   max-width: 1320px;
   margin: 2rem auto;
}

.blog-side-nav-wrapper .blog-filters {
   background: #ececec;
   padding: 2rem;
   margin-bottom: 3rem;
}

.navigation-listings p.blog-lists {
   color: var(--main-color);
   font-size: 1.75rem !important;
   margin-bottom: 0 !important;
   font-weight: 700;
}

.blog-side-nav-wrapper .holder {

   display: flex;
   -webkit-box-direction: normal;
   -moz-box-direction: normal;
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
}

.blog-side-nav-wrapper a {
   padding: 0.5rem 0;
   color: #000;
   text-decoration: underline;
}

.blog-page select {
   margin-top: 2rem;
   border: none;
   width: 100%;
   height: 40px;
}

.blog-side-nav-wrapper .blog-filters {
   background: #ececec;
   padding: 2rem;
   margin-bottom: 3rem;
}

.navigation-listings p.blog-lists {
   color: var(--main-color);
   font-size: 1.75rem !important;
   margin-bottom: 0 !important;
   font-weight: 700;
}

section#main-blog-listings {
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   grid-gap: 30px;
}

#main-blog-listings .postSummary {

   display: flex;
   -webkit-box-align: center;
   -moz-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}

#main-blog-listings .post-image {
   width: 50%;
}

.post-image img {
   height: 100%;
   width: 100%;
}

#main-blog-listings .post-info {
   width: 50%;
}

.navigation-listings p.blog-lists {
   color: var(--main-color);
   font-size: 1.75rem !important;
   margin-bottom: 0 !important;
   font-weight: 700;
}

#main-blog-listings .post-details {
   padding: 2rem 0;
}

#main-blog-listings .post-info .readmore {
   margin-top: 10px;
}
@media (min-width: 992px) {
    .blog-listing:nth-child(even) .postSummary {
        display: flex !important;
        flex-direction: row-reverse;
    }
}
.blog-detail-container {
    max-width: 1120px;
    margin: 5rem auto 2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}