@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Roboto:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Lato:wght@400;700&family=Montserrat:wght@400;700&family=Poppins:wght@400;700&family=Open+Sans:wght@400;700&family=Merriweather:wght@400;700&family=Playfair+Display:wght@400;700&family=Source+Sans+Pro:wght@400;700&family=Raleway:wght@400;700&family=Ubuntu:wght@400;700&family=Nunito:wght@400;700&family=PT+Sans:wght@400;700&family=Dosis:wght@400;700&family=Titillium+Web:wght@400;700&family=Work+Sans:wght@400;700&family=Quicksand:wght@400;700&family=Inter:wght@400;700&family=Barlow:wght@400;700&display=swap");

/*========Fallback Image=========*/
.elementor-control-media__preview {
 background-image: url("../images/placeholder.jpg"); /* Relative path */
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}

/* Blog Grid Main Container */
.blog-grid-container {
 padding: 20px;
 text-align: center;
}

/* Category Filter */
.category-filter {
 list-style: none;
 padding: 0;
 display: flex;
 justify-content: center;
 gap: 10px;
 flex-wrap: wrap;
}

.category-filter li {
 padding: 10px 15px;
 cursor: pointer;
 border: 1px solid #333;
 color: #333;
 transition: all 0.3s;
}

.category-filter li.active {
 background-color: #333;
 color: #fff;
}

/* Blog Grid Layout */
.blog-grid {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 20px;
 margin-top: 20px;
}

.blog-grid-filter * {
 /*font-family: "Poppins", sans-serif;*/
}

/* Blog Post Item */
.blog-post {
 padding: 15px;
 border: 1px solid #e5e3e3;
 background: #f9f9f9;
 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
 text-align: center;
 overflow: hidden;
}

/* Blog Post Image */
.blog-post .post-thumbnail {
 width: 100%;
 height: auto;
 display: block;
 overflow: hidden;
}

/* Blog Post Title */
.blog-post .post-title {
 font-family: "Poppins", sans-serif;
 font-size: 20px;
 color: #0073e6;
 font-weight: 600;
 text-align: center;
 margin-top: 0;
 margin-bottom: 10px;
}

.blog-post .post-title a {
 color: #0073e6;
}

/* Post Meta */
.post-meta {
 font-family: "Poppins", sans-serif;
 font-size: 14px;
 color: #666;
 margin-bottom: 10px;
}

.post-meta .post-date,
.post-meta .post-author,
.post-meta .post-category {
 font-family: "Poppins", sans-serif;
 color: #666;
 font-size: 14px;
 font-weight: 400;
 position: relative;
 display: inline-block;
 margin-right: 10px;
}

.post-meta a {
 color: #666;
}

.post-meta a:hover {
 color: #0061cc;
}

.post-meta > span:before {
 position: absolute;
 content: "|";
 right: -14px;
 width: 17px;
 text-align: center;
}

.hide-date-separator .post-date::before {
 content: none;
}

.hide-category-separator .post-category::before {
 content: none;
}

.post-meta span:last-child:before {
 display: none;
}

/* Read More Button */
.blog-post .read-more {
 font-family: "Poppins", sans-serif;
 display: inline-flex;
 align-items: center;
 padding: 8px 12px;
 background-color: #0073e6;
 color: #fff;
 text-decoration: none;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 transition: all 0.3s;
 gap: 5px;
}

.blog-post .read-more:hover {
 background-color: #005bb5;
 color: #fff;
}

/*.read-more i,*/
/*.read-more .read-more-icon-svg svg {*/
/*    vertical-align: middle;*/
/*    display: inline-block;*/
/*}*/

.read-more {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 0.5em; /* Let Elementor override this via the icon spacing control */
}

.read-more i,
.read-more .read-more-icon-svg svg {
 width: auto;
 height: 1em;
 line-height: 1;
 flex-shrink: 0;
}

.read-more-icon-svg svg {
 width: 1em;
 height: 1em;
 vertical-align: middle;
 fill: currentColor; /* Allows color inheritance */
}

/* Responsive Design */
@media (max-width: 1024px) {
 .blog-grid-columns.columns-3 .blog-post,
 .blog-grid-columns.columns-4 .blog-post {
  width: 48%;
 }
}

@media (max-width: 768px) {
 .blog-grid-columns.columns-2 .blog-post,
 .blog-grid-columns.columns-3 .blog-post,
 .blog-grid-columns.columns-4 .blog-post {
  width: 100%;
 }
}

.blog-post .post-thumbnail {
 width: 100%;
 height: auto;
 margin-bottom: 10px;
}

.blog-grid-container {
 width: 100%;
 margin: 20px 0;
}

.category-filter {
 list-style: none;
 /*display: flex;*/
 gap: 10px;
 padding: 0;
 margin-bottom: 20px;
 display: none;
}

.category-filter .filter {
 cursor: pointer;
 padding: 5px 10px;
 background: #ddd;
 border-radius: 5px;
 transition: 0.3s;
}

.category-filter .filter.active {
 background: #000;
 color: #fff;
}

.blog-grid {
 display: grid;
 gap: 20px;
}

.post-thumbnail img {
 max-width: 100%;
 height: auto;
 display: block;
 margin: 0 auto;
}

.post-excerpt {
 font-family: "Poppins", sans-serif;
 font-size: 16px;
 color: #202020;
 margin-bottom: 10px;
}

/*=====Pagination======*/
.pagination {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 8px;
 margin-top: 30px;
 padding: 15px 0;
}

.pagination a,
.pagination span {
 padding: 10px 16px;
 background: #0073aa;
 color: #fff;
 border-radius: 5px;
 text-decoration: none;
 transition: all 0.3s ease-in-out;
 font-weight: 600;
 display: inline-block;
 border: 1px solid #005580;
}

.pagination .current {
 background: #005580;
 font-weight: bold;
}

.pagination a:hover {
 background: #004466;
 color: #fff !important; /* Ensuring text remains visible */
 transform: scale(1.1);
}

.pagination .prev,
.pagination .next {
 background: #005580;
 color: #fff;
}

.pagination .prev:hover,
.pagination .next:hover {
 background: #003355;
}

.blog-posts-container {
 display: grid;
 gap: 20px;
}

/* Default: 3 columns */
.blog-posts-container[data-columns="3"] {
 grid-template-columns: repeat(3, 1fr);
}

/* Tablet: 2 columns */
@media (max-width: 1024px) {
 .blog-posts-container[data-columns="2"] {
  grid-template-columns: repeat(2, 1fr);
 }
}

/* Mobile: 1 column */
@media (max-width: 768px) {
 .blog-posts-container[data-columns="1"] {
  grid-template-columns: repeat(1, 1fr);
 }
}

#pagination .pagination {
 margin: 20px auto 0;
}
.blog-grid-filter {
 min-height: 100px;
}
.blog-posts-container {
 /*transition: min-height 0.8s ease-in-out;*/
 min-height: 100px;
}

/*===Grid Loader====*/
#pagination {
 min-height: 20px;
}
.blog-grid-filter.loading {
 position: relative;
}

/*.blog-grid-filter.loading::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    width: 60px;*/
/*    height: 60px;*/
/*    border: 6px solid #ccc;*/
/*    border-top-color: #0073aa;*/
/*    border-radius: 50%;*/
/*    animation: spin 1s linear infinite;*/
/*    transform: translate(-50%, -50%);*/
/*    z-index: 10;*/
/*    background-color: rgba(255, 255, 255, 0.8);*/
/*}*/

/* HTML: <div class="loader"></div> */
.blog-grid-filter.loading::after {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 z-index: 10;
 /*width: 50px;*/
 /*height: 50px;*/
 /*aspect-ratio: 1;*/
 /*border-radius: 50%;*/
 /*background: */
 /*radial-gradient(farthest-side,#090275 94%,#0000) top/8px 8px no-repeat,*/
 /*conic-gradient(#0000 30%,#090275);*/
 /*-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);*/
 /*animation: l13 1s infinite linear;*/
}
@keyframes l13 {
 100% {
  transform: rotate(1turn);
 }
}

.blog-grid-filter.loading::after {
 --c: no-repeat linear-gradient(#090275 0 0);
 background: var(--c), var(--c), var(--c), var(--c), var(--c), var(--c),
  var(--c), var(--c), var(--c);
 background-size: 12px 12px;
 border-radius: 4px;
 animation: l32-1 1s infinite, l32-2 1s infinite;
}
@keyframes l32-1 {
 0%,
 100% {
  width: 35px;
  height: 35px;
 }
 35%,
 65% {
  width: 50px;
  height: 50px;
 }
}
@keyframes l32-2 {
 0%,
 40% {
  background-position: 0 0, 0 50%, 0 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0,
   50% 0, 50% 50%;
 }
 60%,
 100% {
  background-position: 0 50%, 0 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0,
   50% 0, 0 0, 50% 50%;
 }
}

.blog-grid-filter.loading-overlay {
 position: relative;
}

.blog-grid-filter.loading-overlay::after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(255, 255, 255, 0.8);
 backdrop-filter: blur(5px);
 z-index: 10;
}

.blog-grid-filter.loading-overlay::before {
 content: "Loading...";
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 font-size: 16px;
 color: #333;
 z-index: 11;
}

@keyframes spin {
 from {
  transform: translate(-50%, -50%) rotate(0deg);
 }
 to {
  transform: translate(-50%, -50%) rotate(360deg);
 }
}

.blog-post {
 opacity: 0;
 transform: translateY(20px);
 transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.blog-post.loaded {
 opacity: 1;
 transform: translateY(0);
}

.post-thumbnail {
 position: relative;
}

.news-grid-content {
 display: flex;
}

.post-overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
}

.post-category a {
 display: inline-block;
}

ul.custom-fields {
 padding: 0;
 margin: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
}

ul.custom-fields.cf-horizontal {
 flex-direction: row;
}

ul.custom-fields.cf-vertical {
 flex-direction: column;
 width: 100%;
}

ul.custom-fields li {
 margin-right: 10px;
}

/*===Common Grid css====*/
.post-meta .post-date,
.post-meta .post-author,
.post-meta .post-category {
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -webkit-transition: all ease 0.3s;
 transition: all ease 0.3s;
}

/*===List Layout====*/
.blog-posts-container.list-layout .blog-post {
 text-align: left;
 position: relative;
 display: flex;
 overflow: hidden;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}

.blog-posts-container.list-layout .blog-post .post-thumbnail {
 width: 40%;
 overflow: hidden;
 margin-bottom: 0;
}

.blog-posts-container.list-layout .blog-post .post-thumbnail img {
 -webkit-border-radius: 4px;
 border-radius: 4px;
}

.blog-posts-container.list-layout .blog-post .news-grid-content {
 position: relative;
 width: 100%;
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 flex-direction: column;
 align-items: flex-start;
}

.blog-posts-container.list-layout
 .blog-post
 .post-thumbnail
 + .news-grid-content {
 width: calc(60% + 1px);
 padding-left: 20px;
}

.blog-posts-container.list-layout .blog-post .post-title {
 text-align: left;
}

/*===Grid Layout====*/
.blog-posts-container.grid-layout .blog-post {
 display: flex;
 flex-direction: column;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}

.blog-posts-container.grid-layout .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 width: 100%;
 padding-top: 75%;
 display: flex;
}

.blog-posts-container.grid-layout .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}

.blog-posts-container.blog-grid-layout .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 /*padding-bottom: 45px;*/
}

.blog-posts-container.blog-grid-layout .blog-post .post-thumbnail {
 margin-bottom: 0;
}

.blog-posts-container.blog-grid-layout .blog-post a {
 color: #111;
}

.blog-posts-container.blog-grid-layout .post-meta a {
 color: #666;
}

.blog-posts-container.blog-grid-layout .blog-post a:hover,
.blog-posts-container.blog-grid-layout .post-meta a:hover {
 color: #0061cc;
}

.blog-posts-container.blog-grid-layout .blog-post .post-title {
 text-align: left;
 line-height: 1.4;
 font-family: "Oswald", sans-serif;
 font-weight: 400;
 color: #111;
 margin-top: 10px;
 margin-bottom: 0px;
}

.blog-posts-container.blog-grid-layout .post-meta {
 margin-top: 15px;
}

.blog-posts-container.blog-grid-layout .post-meta .post-date,
.blog-posts-container.blog-grid-layout .post-meta .post-author,
.blog-posts-container.blog-grid-layout .post-meta .post-category {
 color: #666;
 font-size: 11px;
 font-weight: 400;
 text-transform: uppercase;
 font-family: "Roboto Condensed", sans-serif;
 position: relative;
 display: inline-block;
 margin-right: 15px;
}

.blog-posts-container.blog-grid-layout .post-meta span:before {
 position: absolute;
 content: "/";
 right: -12px;
 width: 10px;
 text-align: center;
}

.blog-posts-container.blog-grid-layout .post-meta span:last-child:before {
 display: none;
}

.blog-posts-container.blog-grid-layout a.read-more {
 background-color: #111;
 color: #fff;
 padding: 5px 20px;
 letter-spacing: 3px;
 display: inline-block;
 margin-top: 20px;
 font-family: "Roboto Condensed", sans-serif;
 text-transform: uppercase;
 font-size: 12px;
 border-radius: 0;
 position: absolute;
 bottom: 0;
}

.blog-posts-container.blog-grid-layout a.read-more:hover,
.blog-posts-container.blog-grid-layout a.read-more:focus {
 background-color: #0061cc;
 color: #fff;
}

.blog-posts-container.blog-grid-layout .post-excerpt {
 margin-bottom: 0;
 margin-top: 5px;
 font-family: "Roboto Condensed", sans-serif;
 font-size: 14px;
 font-weight: 400;
}

.blog-posts-container.blog-grid-layout .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 display: flex;
 width: 100%;
 padding-top: 75%;
}

.blog-posts-container.blog-grid-layout .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.post-thumbnail:after,
.post-thumbnail:before {
 position: absolute;
 content: "";
 left: 0;
 right: 0;
 bottom: 0;
 top: 0;
 z-index: 0;
 pointer-events: none;
}

.full-width-alternativ-grid .post-thumbnail:after,
.full-width-alternativ-grid .post-thumbnail:before {
 z-index: 1;
}

/*=======Common CSS=========*/
.read-more-text {
 text-align: center;
}

/*===News Layout====*/
.blog-posts-container.news-grid-layout .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 padding-bottom: 0;
}

.blog-posts-container.news-grid-layout .blog-post .post-thumbnail {
 margin-bottom: 0;
}

.blog-posts-container.news-grid-layout .blog-post a {
 color: #fff;
}

.blog-posts-container.news-grid-layout .post-meta a {
 color: #fff;
}

.blog-posts-container.news-grid-layout .blog-post a:hover,
.blog-posts-container.news-grid-layout .post-meta a:hover {
 color: #e91e63;
}

.blog-posts-container.news-grid-layout .blog-post .post-title {
 text-align: left;
 line-height: 1.4;
 font-family: "Oswald", sans-serif;
 font-weight: 400;
 color: #fff;
 margin-top: 5px;
 margin-bottom: 0px;
}

.blog-posts-container.news-grid-layout .post-meta {
 margin-top: 15px;
 line-height: 1;
}

.blog-posts-container.news-grid-layout .post-meta .post-date,
.blog-posts-container.news-grid-layout .post-meta .post-author,
.blog-posts-container.news-grid-layout .post-meta .post-category {
 color: #fff;
 font-size: 11px;
 font-weight: 400;
 text-transform: uppercase;
 font-family: "Roboto Condensed", sans-serif;
 position: relative;
 display: inline-block;
 margin-right: 15px;
}

.blog-posts-container.news-grid-layout .post-meta span:before {
 position: absolute;
 content: "/";
 right: -12px;
 width: 10px;
 text-align: center;
}

.blog-posts-container.news-grid-layout .post-meta span:last-child:before {
 display: none;
}

.blog-posts-container.news-grid-layout .post-excerpt {
 margin-bottom: 0;
 margin-top: 5px;
 color: #fff;
}

.blog-posts-container.news-grid-layout .custom-fields {
 /*display: none;*/
}

.blog-posts-container.news-grid-layout .blog-post .post-thumbnail:before {
 background-color: transparent;
 background-image: linear-gradient(180deg, #c20a0a00 53%, #000000 100%);
}

.blog-posts-container.news-grid-layout .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 display: flex;
 width: 100%;
 padding-top: 75%;
}

.blog-posts-container.news-grid-layout .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.blog-posts-container.news-grid-layout .blog-post .news-grid-content {
 position: absolute;
 bottom: 0;
 left: 0;
 padding: 20px;
 width: 100%;
}

.blog-posts-container.news-grid-layout a.read-more {
 /*display: none;*/
}

.blog-posts-container.news-grid-layout .post-overlay {
 position: absolute;
 top: auto;
 left: 0;
 width: 100%;
 height: 40%;
 bottom: 0;
 pointer-events: none;
}

.blog-posts-container.news-grid-layout .post-thumbnail a img {
 z-index: -1;
}

/*===News Layout 2====*/
.blog-posts-container.news-grid-layout-2 .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 padding-bottom: 0;
}

.blog-posts-container.news-grid-layout-2 .blog-post .post-thumbnail {
 margin-bottom: 0;
}

.blog-posts-container.news-grid-layout-2 .blog-post a {
 color: #fff;
}

.blog-posts-container.news-grid-layout-2 .post-meta a {
 color: #fff;
}

.blog-posts-container.news-grid-layout-2 .blog-post a:hover,
.blog-posts-container.news-grid-layout-2 .post-meta a:hover {
 color: #e91e63;
}

.blog-posts-container.news-grid-layout-2 .blog-post .post-title {
 text-align: left;
 line-height: 1.4;
 font-family: "Oswald", sans-serif;
 font-weight: 400;
 color: #fff;
 margin-top: 5px;
 margin-bottom: 0px;
}

.blog-posts-container.news-grid-layout-2 .post-meta {
 margin-top: 15px;
 line-height: 1;
}

.blog-posts-container.news-grid-layout-2 .post-meta .post-category {
 position: absolute;
 left: 20px;
 top: 20px;
}

.blog-posts-container.news-grid-layout-2 .post-meta .post-category a {
 display: inline-block;
 background-color: #e91e63;
 padding: 4px 5px 3px;
 margin-right: 5px;
 border-radius: 3px;
 text-transform: capitalize;
 font-size: 14px;
 letter-spacing: 0.5px;
}

.blog-posts-container.news-grid-layout-2 .post-meta a:hover {
 color: #fff;
 background-color: #5b5b5b;
}

.blog-posts-container.news-grid-layout-2 .post-meta .post-date,
.blog-posts-container.news-grid-layout-2 .post-meta .post-author,
.blog-posts-container.news-grid-layout-2 .post-meta .post-category {
 color: #fff;
 font-size: 12px;
 font-weight: 400;
 text-transform: uppercase;
 font-family: "Roboto Condensed", sans-serif;
 display: inline-block;
 margin-right: 15px;
}

.blog-posts-container.news-grid-layout-2 .post-meta span:last-child:before {
 display: none;
}

.blog-posts-container.news-grid-layout-2 .post-excerpt {
 margin-bottom: 0;
 margin-top: 5px;
 color: #fff;
}

.blog-posts-container.news-grid-layout-2 .custom-fields {
 /*display: none;*/
}

.blog-posts-container.news-grid-layout-2 .blog-post .post-thumbnail:before {
 background-color: transparent;
 background-image: linear-gradient(180deg, #c20a0a00 53%, #000000 100%);
}

.blog-posts-container.news-grid-layout-2 .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 display: flex;
 width: 100%;
 padding-top: 75%;
 min-height: 300px;
}

.blog-posts-container.news-grid-layout-2 .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.blog-posts-container.news-grid-layout-2 .blog-post .news-grid-content {
 position: absolute;
 bottom: 0;
 left: 0;
 padding: 20px;
 width: 100%;
 top: 0;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
}

.blog-posts-container.news-grid-layout-2 a.read-more {
 /*display: none;*/
}

.blog-posts-container.news-grid-layout-2 .post-overlay {
 position: absolute;
 top: auto;
 left: 0;
 width: 100%;
 height: 40%;
 bottom: 0;
 pointer-events: none;
}

.blog-posts-container.news-grid-layout-2 .post-thumbnail a img {
 z-index: -1;
}
/*===alternativ-grid====*/
.blog-posts-container.alternativ-grid .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 padding-bottom: 0;
 display: flex;
}

.blog-posts-container.alternativ-grid .blog-post .post-thumbnail {
 width: 50%;
 overflow: hidden;
 margin-right: 0;
 margin-bottom: 0;
 min-height: 300px;
}

.blog-posts-container.alternativ-grid .blog-post .news-grid-content {
 position: relative;
 padding: 20px;
 width: 50%;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 background-color: #ead4bd;
}

.blog-posts-container.alternativ-grid
 .blog-post:nth-child(even)
 .news-grid-content {
 background-color: #142131;
}

.blog-posts-container.alternativ-grid .blog-post a {
 color: #fff;
}

.blog-posts-container.alternativ-grid .post-meta a {
 color: #fff;
}

.blog-posts-container.alternativ-grid .blog-post a:hover,
.blog-posts-container.alternativ-grid .post-meta a:hover {
 color: #e91e63;
}

.blog-posts-container.alternativ-grid .blog-post .post-title {
 text-align: left;
 line-height: 1.4;
 font-family: "Poppins", sans-serif;
 font-weight: 600;
 color: #fff;
 margin-top: 5px;
 margin-bottom: 0px;
}

.blog-posts-container.alternativ-grid .post-meta {
 margin-top: 15px;
 line-height: 1;
}

.blog-posts-container.alternativ-grid .post-meta .post-category {
 position: absolute;
 left: 20px;
 top: 20px;
}

.blog-posts-container.alternativ-grid .post-meta .post-category a {
 display: inline-block;
 background-color: #e91e63;
 padding: 4px 5px 3px;
 margin-right: 5px;
 border-radius: 3px;
 text-transform: capitalize;
 font-size: 14px;
 letter-spacing: 0.5px;
}

.blog-posts-container.alternativ-grid .post-meta a:hover {
 color: #fff;
 background-color: #5b5b5b;
}

.blog-posts-container.alternativ-grid .post-meta .post-date,
.blog-posts-container.alternativ-grid .post-meta .post-author,
.blog-posts-container.alternativ-grid .post-meta .post-category {
 color: #fff;
 font-size: 12px;
 font-weight: 400;
 text-transform: uppercase;
 font-family: "Poppins", sans-serif;
 display: inline-block;
 margin-right: 15px;
}

.blog-posts-container.alternativ-grid .post-meta span:last-child:before {
 display: none;
}

.blog-posts-container.alternativ-grid .post-excerpt {
 margin-bottom: 0;
 margin-top: 5px;
 color: #142131;
 font-family: "Poppins", sans-serif;
 font-weight: 300;
}

.blog-posts-container.alternativ-grid .blog-post:nth-child(even) .post-excerpt {
 color: #fff;
}

.blog-posts-container.alternativ-grid .custom-fields {
 /*display: none;*/
}

.blog-posts-container.alternativ-grid .blog-post .post-thumbnail:before {
 background-color: transparent;
 background-image: linear-gradient(180deg, #c20a0a00 53%, #000000 100%);
}

.blog-posts-container.alternativ-grid .blog-post .post-thumbnail a {
 position: relative;
 height: 100%;
 width: 100%;
 display: flex;
}

.blog-posts-container.alternativ-grid .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.blog-posts-container.alternativ-grid a.read-more {
 /*display: none;*/
}

.blog-posts-container.alternativ-grid .post-overlay {
 position: absolute;
 top: auto;
 left: 0;
 width: 100%;
 height: 40%;
 bottom: 0;
 pointer-events: none;
}

.blog-posts-container.alternativ-grid .post-thumbnail a img {
 z-index: -1;
}

.blog-posts-container.alternativ-grid
 .blog-post:nth-child(odd)
 .news-grid-content
 .post-date,
.blog-posts-container.alternativ-grid
 .blog-post:nth-child(odd)
 .news-grid-content
 .post-title,
.blog-posts-container.alternativ-grid
 .blog-post:nth-child(odd)
 .news-grid-content
 .post-title
 a {
 color: #142131;
}

@media (min-width: 1025px) {
 .blog-posts-container.alternativ-grid[data-column="3"]
  .blog-post:nth-child(6n + 4),
 .blog-posts-container.alternativ-grid[data-column="3"]
  .blog-post:nth-child(6n + 5),
 .blog-posts-container.alternativ-grid[data-column="3"]
  .blog-post:nth-child(6n + 6) {
  flex-direction: row-reverse;
 }

 .blog-posts-container.alternativ-grid[data-column="2"]
  .blog-post:nth-child(4n + 3),
 .blog-posts-container.alternativ-grid[data-column="2"]
  .blog-post:nth-child(4n + 4) {
  flex-direction: row-reverse;
 }

 .blog-posts-container.alternativ-grid[data-column="1"]
  .blog-post:nth-child(2n + 1) {
  flex-direction: row-reverse;
 }
}

@media (max-width: 1024px) and (min-width: 769px) {
 .blog-posts-container.alternativ-grid[data-column-tablet="3"]
  .blog-post:nth-child(6n + 4),
 .blog-posts-container.alternativ-grid[data-column-tablet="3"]
  .blog-post:nth-child(6n + 5),
 .blog-posts-container.alternativ-grid[data-column-tablet="3"]
  .blog-post:nth-child(6n + 6) {
  flex-direction: row-reverse;
 }

 .blog-posts-container.alternativ-grid[data-column-tablet="2"]
  .blog-post:nth-child(4n + 3),
 .blog-posts-container.alternativ-grid[data-column-tablet="2"]
  .blog-post:nth-child(4n + 4) {
  flex-direction: row-reverse;
 }

 .blog-posts-container.alternativ-grid[data-column-tablet="1"]
  .blog-post:nth-child(2n + 1) {
  flex-direction: row-reverse;
 }
}

@media (max-width: 768px) {
 .blog-posts-container.alternativ-grid[data-column-mobile="3"]
  .blog-post:nth-child(6n + 4),
 .blog-posts-container.alternativ-grid[data-column-mobile="3"]
  .blog-post:nth-child(6n + 5),
 .blog-posts-container.alternativ-grid[data-column-mobile="3"]
  .blog-post:nth-child(6n + 6) {
  flex-direction: row-reverse;
 }

 .blog-posts-container.alternativ-grid[data-column-mobile="2"]
  .blog-post:nth-child(4n + 3),
 .blog-posts-container.alternativ-grid[data-column-mobile="2"]
  .blog-post:nth-child(4n + 4) {
  flex-direction: row-reverse;
 }

 .blog-posts-container.alternativ-grid[data-column-mobile="1"]
  .blog-post:nth-child(2n + 1) {
  flex-direction: row-reverse;
 }
}

/*===Full Width alternativ-grid====*/
.blog-posts-container.full-width-alternativ-grid {
 grid-template-columns: repeat(1, 1fr) !important;
}

@media (max-width: 1024px) {
 .blog-posts-container.full-width-alternativ-grid {
  grid-template-columns: repeat(1, 1fr) !important;
 }
}

@media (max-width: 768px) {
 .blog-posts-container.full-width-alternativ-grid {
  grid-template-columns: repeat(1, 1fr) !important;
 }
}

.blog-posts-container.full-width-alternativ-grid .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 padding-bottom: 0;
 display: flex;
}

.blog-posts-container.full-width-alternativ-grid .blog-post:nth-child(even) {
 flex-direction: row-reverse;
}

@media (max-width: 600px) {
 .blog-posts-container.full-width-alternativ-grid .blog-post,
 .blog-posts-container.full-width-alternativ-grid .blog-post:nth-child(even) {
  flex-direction: column;
 }
}

.blog-posts-container.full-width-alternativ-grid .blog-post .post-thumbnail {
 width: 50%;
 overflow: hidden;
 margin-right: 0;
 margin-bottom: 0;
 min-height: 300px;
}

@media (max-width: 600px) {
 .blog-posts-container.full-width-alternativ-grid .blog-post .post-thumbnail {
  width: 100%;
 }
}

.blog-posts-container.full-width-alternativ-grid .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 width: 100%;
 height: 100%;
 display: flex;
 padding-bottom: 0;
}

.blog-posts-container.full-width-alternativ-grid
 .blog-post
 .post-thumbnail
 a
 img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.blog-posts-container.full-width-alternativ-grid .blog-post .news-grid-content {
 position: relative;
 padding: 12vw 8vw;
 width: 50%;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 background-color: #e7e7e7;
 flex-direction: column;
 justify-content: center;
 flex-wrap: wrap;
 align-items: flex-start;
}

@media (max-width: 1024px) {
 .blog-posts-container.full-width-alternativ-grid
  .blog-post
  .news-grid-content {
  padding: 6vw;
 }
}

@media (max-width: 600px) {
 .blog-posts-container.full-width-alternativ-grid
  .blog-post
  .news-grid-content {
  width: 100%;
 }
}

.blog-posts-container.full-width-alternativ-grid .post-meta {
 margin-top: 0;
 line-height: 1;
}

.blog-posts-container.full-width-alternativ-grid .post-meta .post-date,
.blog-posts-container.full-width-alternativ-grid .post-meta .post-author,
.blog-posts-container.full-width-alternativ-grid .post-meta .post-category {
 color: #1c1c1c;
 font-size: 12px;
 font-weight: 400;
 text-transform: uppercase;
 font-family: "Poppins", sans-serif;
 display: inline-block;
 margin-right: 15px;
}

.blog-posts-container.full-width-alternativ-grid .post-meta a:hover {
 color: #1c1c1c;
}

.blog-posts-container.full-width-alternativ-grid .post-meta span {
 position: relative;
}

.blog-posts-container.full-width-alternativ-grid .post-meta span:before {
 position: absolute;
 content: "/";
 right: -14px;
 width: 10px;
 text-align: center;
}

.blog-posts-container.full-width-alternativ-grid
 .post-meta
 span:last-child:before {
 display: none;
}

.blog-posts-container.full-width-alternativ-grid .post-meta .post-category a {
 color: #727272;
}

.blog-posts-container.full-width-alternativ-grid
 .post-meta
 .post-category
 a:hover {
 color: #1c1c1c;
}

.blog-posts-container.full-width-alternativ-grid .blog-post .post-title {
 text-align: left;
 line-height: 1.2;
 font-family: "Playfair Display", sans-serif;
 font-size: 40px;
 font-weight: 600;
 color: #2d2d2d;
 margin-top: 5px;
 margin-bottom: 15px;
}

@media (max-width: 768px) {
 .blog-posts-container.full-width-alternativ-grid .blog-post .post-title {
  font-size: 30px;
 }
}

.blog-posts-container.full-width-alternativ-grid .blog-post .post-title a {
 color: #2d2d2d;
}

.blog-posts-container.full-width-alternativ-grid .post-excerpt {
 color: #142131;
 font-family: "Poppins", sans-serif;
 font-size: 16px;
 margin-top: 0;
 margin-bottom: 20px;
}

.blog-posts-container.full-width-alternativ-grid .custom-fields {
 /*display: none;*/
}

.blog-posts-container.full-width-alternativ-grid a.read-more {
 font-family: "Poppins", sans-serif;
 background-color: transparent;
 font-size: 18px;
 color: #142131;
 border-radius: 50px;
 border: solid 2px rgb(20 33 49 / 21%);
 padding: 10px 30px;
}

@media (max-width: 768px) {
 .blog-posts-container.full-width-alternativ-grid a.read-more {
  padding: 8px 20px;
 }
}

.blog-posts-container.full-width-alternativ-grid a.read-more:hover {
 background-color: #142131;
 color: #fff;
}

/*===News Layout - 4====*/
.blog-posts-container.news-grid-layout-4 .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 padding-bottom: 0;
 overflow: hidden;
 border-radius: 20px;
 /*padding-top: 100px;*/
 /*min-height: 400px;*/
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 align-content: flex-start;
 flex-wrap: wrap;
}

.blog-posts-container.news-grid-layout-4 .blog-post a {
 color: #1c1c1c;
}

.blog-posts-container.news-grid-layout-4 .post-meta a {
 color: #1c1c1c;
}

.blog-posts-container.news-grid-layout-4 .blog-post a:hover,
.blog-posts-container.news-grid-layout-4 .post-meta a:hover {
 color: #8e692b;
}

.blog-posts-container.news-grid-layout-4 .blog-post .post-title {
 text-align: left;
 line-height: 1.2;
 font-family: "Inter", sans-serif;
 font-size: 30px;
 font-weight: 700;
 color: #2d2d2d;
}

.blog-posts-container.news-grid-layout-4 .post-meta {
 line-height: 1;
}

.blog-posts-container.news-grid-layout-4 .post-meta .post-author {
 display: none;
}

.blog-posts-container.news-grid-layout-4 .post-meta .post-date,
.blog-posts-container.news-grid-layout-4 .post-meta .post-author,
.blog-posts-container.news-grid-layout-4 .post-meta .post-category {
 color: #1c1c1c;
 font-size: 11px;
 font-weight: 400;
 text-transform: uppercase;
 font-family: "Inter", sans-serif;
 position: relative;
 display: inline-block;
 margin-right: 15px;
}

.blog-posts-container.news-grid-layout-4 .post-meta .post-date {
 position: absolute;
 top: -9px;
 padding: 5px 10px;
 background-color: #fff;
 border-radius: 5px;
 left: 18px;
}

.blog-posts-container.news-grid-layout-4 .post-meta .post-date:before {
 display: none;
}

.blog-posts-container.news-grid-layout-4 .post-meta span:before {
 position: absolute;
 content: "/";
 right: -12px;
 width: 10px;
 text-align: center;
}

.blog-posts-container.news-grid-layout-4 .post-meta span:last-child:before {
 display: none;
}

.blog-posts-container.news-grid-layout-4 .custom-fields {
 /*display: none;*/
}

.blog-posts-container.news-grid-layout-4 .blog-post .post-thumbnail {
 border-radius: 20px;
 overflow: hidden;
 position: relative;
 top: 0;
 width: 100%;
 height: 100%;
 margin-bottom: 0;
}
.blog-posts-container.news-grid-layout-4 .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 display: flex;
 width: 100%;
 height: 0;
 padding-top: 100%;
}

.blog-posts-container.news-grid-layout-4 .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.blog-posts-container.news-grid-layout-4 .blog-post .news-grid-content {
 position: absolute;
 bottom: 2px;
 left: 2px;
 padding: 20px;
 width: 70%;
 border-radius: 18px;
 background-color: rgba(255, 255, 255, 0.9);
 right: auto;
}

@media (max-width: 768px) {
 .blog-posts-container.news-grid-layout-4 .blog-post .news-grid-content {
  width: calc(100% - 4px);
  right: 2px;
 }
}

.blog-posts-container.news-grid-layout-4 .post-excerpt {
 color: #2d2d2d;
 font-size: 16px;
 font-family: "Inter", sans-serif;
}

.blog-posts-container.news-grid-layout-4 a.read-more {
 background-color: #8e692b;
 color: #fff;
 font-family: "Inter", sans-serif;
 font-size: 16px;
}

.blog-posts-container.news-grid-layout-4 a.read-more:hover {
 background-color: #1c1c1c;
 color: #fff;
}

/*===blog grid layout 2====*/
.blog-posts-container.blog-grid-layout-1 {
}
.blog-posts-container.blog-grid-layout-1 .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 padding-bottom: 0;
 display: flex;
}

.blog-posts-container.blog-grid-layout-1 .blog-post .post-thumbnail {
 width: 50%;
 border-radius: 15px;
 overflow: hidden;
 margin-right: 10px;
 margin-bottom: 0;
}

.blog-posts-container.blog-grid-layout-1 .blog-post .news-grid-content {
 position: relative;
 padding: 20px;
 width: 100%;
 display: flex;
 justify-content: flex-end;
 background-color: #cce3fd;
 border-radius: 15px;
 margin-top: 15px;
 margin-bottom: 15px;
 flex-wrap: wrap;
 flex-direction: column;
 align-items: flex-start;
}

.blog-posts-container.blog-grid-layout-1
 .blog-post
 .post-thumbnail
 + .news-grid-content {
 width: calc(50% + 40px);
 margin-left: -40px;
}

.blog-posts-container.blog-grid-layout-1 .blog-post a {
 color: #010726;
}

.blog-posts-container.blog-grid-layout-1 .blog-post a:hover,
.blog-posts-container.blog-grid-layout-1 .post-meta a:hover {
 color: #e91e63;
}

.blog-posts-container.blog-grid-layout-1 .blog-post .post-title {
 text-align: left;
 line-height: 1.4;
 font-family: "Oswald", sans-serif;
 font-weight: 400;
 color: #010726;
}

.blog-posts-container.blog-grid-layout-1 .post-meta {
 margin-top: 35px;
 line-height: 1;
}

.blog-posts-container.blog-grid-layout-1 .post-meta .post-category {
 position: absolute;
 left: 20px;
 top: 20px;
}

.blog-posts-container.blog-grid-layout-1 .post-meta .post-category a {
 display: inline-block;
 background-color: #e91e63;
 padding: 4px 5px 3px;
 margin-right: 5px;
 margin-bottom: 4px;
 border-radius: 3px;
 text-transform: capitalize;
 font-size: 14px;
 letter-spacing: 0.5px;
 color: #fff;
}

.blog-posts-container.blog-grid-layout-1 .post-meta a:hover {
 color: #fff;
 background-color: #5b5b5b;
}

.blog-posts-container.blog-grid-layout-1 .post-meta .post-date,
.blog-posts-container.blog-grid-layout-1 .post-meta .post-author,
.blog-posts-container.blog-grid-layout-1 .post-meta .post-category {
 color: #010726;
 font-size: 12px;
 font-weight: 400;
 text-transform: uppercase;
 font-family: "Roboto Condensed", sans-serif;
 display: inline-block;
 margin-right: 15px;
}
.blog-posts-container.blog-grid-layout-1 .post-meta .post-category:before,
.blog-posts-container.blog-grid-layout-1 .post-meta span:last-child:before {
 display: none;
}

.blog-posts-container.blog-grid-layout-1 .post-excerpt {
 font-family: "PT Sans", sans-serif;
}

.blog-posts-container.blog-grid-layout-1 .custom-fields {
 /*display: none;*/
}

.blog-posts-container.blog-grid-layout-1 .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 display: flex;
 width: 100%;
 padding-top: 0;
 height: 100%;
 min-height: 230px;
}

.blog-posts-container.blog-grid-layout-1 .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.blog-posts-container.blog-grid-layout-1 a.read-more {
 color: #fff;
 font-family: "Roboto";
 font-size: 14px;
}

.blog-posts-container.blog-grid-layout-1 a.read-more:hover {
 background-color: #010726;
}

.blog-posts-container.blog-grid-layout-1 .post-thumbnail a img {
 z-index: -1;
}

/*===List View====*/
.blog-posts-container.list-view {
}
.blog-posts-container.list-view .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 padding-bottom: 0;
 display: flex;
 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
 border: solid 1px #fff;
 border-radius: 5px;
 overflow: hidden;
}

.blog-posts-container.list-view .blog-post .post-thumbnail {
 width: 40%;
 overflow: hidden;
 margin-bottom: 0;
}

.blog-posts-container.list-view .blog-post .news-grid-content {
 position: relative;
 padding: 20px;
 width: 100%;
 display: flex;
 justify-content: flex-end;
 background-color: #cce3fd;
 flex-wrap: wrap;
 flex-direction: column;
 align-items: flex-start;
}

.blog-posts-container.list-view
 .blog-post
 .post-thumbnail
 + .news-grid-content {
 width: calc(60% + 1px);
}

.blog-posts-container.list-view .blog-post a {
 color: #010726;
}

.blog-posts-container.list-view .post-meta a {
 color: #010726;
}

.blog-posts-container.list-view .blog-post a:hover,
.blog-posts-container.list-view .post-meta a:hover {
 color: #e91e63;
}

.blog-posts-container.list-view .blog-post .post-title {
 text-align: left;
 line-height: 1.4;
 font-family: "Oswald", sans-serif;
 font-weight: 400;
 color: #010726;
}

.blog-posts-container.list-view .post-meta {
 margin-top: 0;
 line-height: 1;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 width: 100% !important;
}

.blog-posts-container.list-view .post-meta .post-date,
.blog-posts-container.list-view .post-meta .post-author,
.blog-posts-container.list-view .post-meta .post-category {
 color: #010726;
 font-size: 12px;
 font-weight: 400;
 text-transform: uppercase;
 font-family: "Roboto Condensed", sans-serif;
 display: inline-block;
 margin-right: 15px;
 margin-bottom: 2px;
 order: 2;
}

.blog-posts-container.list-view .post-meta .post-category {
 order: 1;
 margin-bottom: 20px;
 width: 100%;
}

.blog-posts-container.list-view .post-meta .post-category:before {
 display: none !important;
}

.blog-posts-container.list-view .post-date {
 order: 2;
}

.blog-posts-container.list-view .post-meta .post-category a {
 display: inline-block;
 background-color: #e91e63;
 padding: 4px 5px 3px;
 margin-right: 5px;
 border-radius: 3px;
 text-transform: capitalize;
 font-size: 14px;
 letter-spacing: 0.5px;
 color: #fff;
 margin-bottom: 1px;
}

.blog-posts-container.list-view .post-meta a:hover {
 color: #fff;
 background-color: #5b5b5b;
}

.blog-posts-container.list-view .post-meta span:last-child:before {
 display: none;
}

.blog-posts-container.list-view .post-excerpt {
 font-family: "Roboto Condensed", sans-serif;
 font-size: 14px;
 font-weight: 400;
}

.blog-posts-container.list-view .custom-fields {
 /*display: none;*/
}

.blog-posts-container.list-view .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 display: flex;
 width: 100%;
 padding-top: 0;
 height: 100%;
 /*min-height: 180px;*/
}

.blog-posts-container.list-view .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.blog-posts-container.list-view a.read-more {
 color: #fff;
 font-family: "Roboto";
 font-size: 14px;
}

.blog-posts-container.list-view a.read-more:hover {
 background-color: #010726;
}

.blog-posts-container.list-view .post-thumbnail a img {
 z-index: -1;
}

/*===News Layout - 5====*/
.blog-posts-container.news-grid-layout-5 .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 padding-bottom: 0;
}

.blog-posts-container.news-grid-layout-5 .blog-post a {
 color: #fff;
}

.blog-posts-container.news-grid-layout-5 .post-meta a {
 color: #fff;
}

.blog-posts-container.news-grid-layout-5 .blog-post a:hover,
.blog-posts-container.news-grid-layout-5 .post-meta a:hover {
 color: #e91e63;
}

.blog-posts-container.news-grid-layout-5 .blog-post .post-title {
 text-align: left;
 line-height: 1.4;
 font-family: "Oswald", sans-serif;
 font-weight: 400;
 color: #fff;
 margin-bottom: 10px;
}

.blog-posts-container.news-grid-layout-5 .post-meta {
 line-height: 1;
}

.blog-posts-container.news-grid-layout-5 .post-meta .post-date,
.blog-posts-container.news-grid-layout-5 .post-meta .post-author,
.blog-posts-container.news-grid-layout-5 .post-meta .post-category {
 color: #fff;
 font-size: 11px;
 font-weight: 400;
 text-transform: uppercase;
 font-family: "Roboto Condensed", sans-serif;
 position: relative;
 display: inline-block;
 margin-right: 15px;
}

.blog-posts-container.news-grid-layout-5 .post-meta span:before {
 position: absolute;
 content: "/";
 right: -12px;
 width: 10px;
 text-align: center;
}

.blog-posts-container.news-grid-layout-5 .post-meta span:last-child:before {
 display: none;
}

.blog-posts-container.news-grid-layout-5 .post-excerpt {
 color: #fff;
 font-family: "PT Sans", sans-serif;
}

.blog-posts-container.news-grid-layout-5 .custom-fields {
 /*display: none;*/
}
.blog-posts-container.news-grid-layout-5 .blog-post .post-thumbnail {
 border-radius: 20px;
 overflow: hidden;
 margin-bottom: 0;
}
.blog-posts-container.news-grid-layout-5 .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 display: flex;
 width: 100%;
 padding-top: 100%;
}

.blog-posts-container.news-grid-layout-5 .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.blog-posts-container.news-grid-layout-5 .blog-post .news-grid-content {
 position: absolute;
 bottom: 10px;
 left: 10px;
 padding: 20px;
 width: auto;
 border-radius: 15px;
 background-color: rgba(0, 0, 0, 0.8);
 right: 10px;
}

.blog-posts-container.news-grid-layout-5 a.read-more {
 font-family: "Roboto Condensed", sans-serif;
 color: #fff;
 background-color: transparent;
 border: solid 1px #fff;
 background-color: rgba(255, 255, 255, 0.1);
}

.blog-posts-container.news-grid-layout-5 a.read-more:hover {
 background-color: #fff;
 color: #0073e6;
}

.blog-posts-container.news-grid-layout-5 .post-thumbnail a img {
 z-index: -1;
}

/*===Portfolio Grid Layout====*/
.blog-posts-container.portfolio-grid-layout .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 padding-bottom: 0;
 -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

.blog-posts-container.portfolio-grid-layout .post-meta {
 opacity: 0;
 -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

.blog-posts-container.portfolio-grid-layout:hover .post-meta {
 opacity: 1;
}

.blog-posts-container.portfolio-grid-layout .post-meta .post-date,
.blog-posts-container.portfolio-grid-layout .post-meta .post-author,
.blog-posts-container.portfolio-grid-layout .post-meta .post-category {
 color: #fff;
 font-size: 11px;
 font-weight: 400;
 text-transform: uppercase;
 font-family: "Roboto Condensed", sans-serif;
 position: relative;
 display: inline-block;
 margin-right: 15px;
 line-height: 1;
 -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

.blog-posts-container.portfolio-grid-layout .post-meta a {
 color: #fff;
}

.blog-posts-container.portfolio-grid-layout .post-meta a:hover {
 color: #fff;
}

.blog-posts-container.portfolio-grid-layout .post-meta span:before {
 position: absolute;
 content: "/";
 right: -12px;
 width: 10px;
 text-align: center;
}

.blog-posts-container.portfolio-grid-layout .post-meta span:last-child:before {
 display: none;
}

.blog-posts-container.portfolio-grid-layout .custom-fields {
 /*display: none;*/
}

.blog-posts-container.portfolio-grid-layout .blog-post .post-thumbnail {
 border-radius: 0;
 position: absolute;
 overflow: hidden;
 width: 100%;
 height: 100%;
}

.blog-posts-container.portfolio-grid-layout .blog-post .post-thumbnail:before {
 background-image: linear-gradient(180deg, #c20a0a00 53%, #032076 100%);
 z-index: 1;
}

.blog-posts-container.portfolio-grid-layout .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 display: flex;
 width: 100%;
 height: 100%;
}

.blog-posts-container.portfolio-grid-layout .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.blog-posts-container.portfolio-grid-layout .blog-post .news-grid-content {
 display: flex;
 flex-direction: column;
 flex-wrap: wrap;
 align-items: flex-start;
 justify-content: flex-end;
 position: relative;
 padding: 50px 20px;
 width: auto;
 border-radius: 0;
 background-color: rgba(0, 0, 0, 0.1);
 min-height: 400px;
 -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;
 z-index: 1;
}

.blog-posts-container.portfolio-grid-layout .blog-post .post-title {
 text-align: left;
 font-family: "Playfair Display", sans-serif;
 font-size: 40px;
 line-height: 1.2;
 font-weight: 400;
 color: #fff;
 margin-top: 5px;
 margin-bottom: -5px;
 -webkit-transition: all 0.6s ease;
 transition: all 0.6s ease;
}

@media (max-width: 768px) {
 .blog-posts-container.portfolio-grid-layout .blog-post .post-title {
  font-size: 30px;
 }
}

.blog-posts-container.portfolio-grid-layout .blog-post .post-title a {
 color: #fff;
}

.blog-posts-container.portfolio-grid-layout .post-excerpt {
 margin-bottom: 10px;
 margin-top: 0;
 color: #fff;
 font-family: "PT Sans", sans-serif;
 font-size: 16px;
 opacity: 0;
 visibility: hidden;
 max-height: 0;
 -webkit-transition: all 0.6s ease;
 transition: all 0.6s ease;
}

.blog-posts-container.portfolio-grid-layout a.read-more {
 width: 150px;
 font-family: "PT Sans", sans-serif;
 font-size: 16px;
 color: #fff;
 background-color: transparent;
 border: solid 1px #fff;
 background-color: rgba(255, 255, 255, 0.1);
 -webkit-transition: all 0.9s ease;
 transition: all 0.9s ease;
 text-align: center;
 margin-top: 10px;
 margin-bottom: -30px;
}

.blog-posts-container.portfolio-grid-layout a.read-more:hover {
 background-color: #fff;
 color: #0073e6;
}

.blog-posts-container.portfolio-grid-layout
 .blog-post:hover
 .news-grid-content {
 background-color: rgba(0, 0, 0, 0.5);
}

.blog-posts-container.portfolio-grid-layout .blog-post:hover .post-excerpt {
 opacity: 1;
 visibility: visible;
 max-height: 100px;
}

.blog-posts-container.portfolio-grid-layout .blog-post:hover .post-title {
 margin-bottom: 10px;
}

.blog-posts-container.portfolio-grid-layout .blog-post:hover a.read-more {
 margin-bottom: 0;
}

/*===Team Member Layout====*/
.blog-posts-container.team-member-layout .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 overflow: hidden;
 padding-bottom: 0;
 -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

.blog-posts-container.team-member-layout .post-meta {
 display: none;
}

.blog-posts-container.team-member-layout .custom-fields {
 color: #fff;
 margin-top: 5px;
 -webkit-transition: all 0.6s ease;
 transition: all 0.6s ease;
}

.blog-posts-container.team-member-layout .blog-post .post-thumbnail {
 border-radius: 0;
 position: relative;
 overflow: hidden;
 width: 100%;
 height: auto;
 margin-bottom: 0 !important;
}

.blog-posts-container.team-member-layout .blog-post .post-thumbnail:before {
 background-image: linear-gradient(180deg, #c20a0a00 53%, #032076 100%);
 z-index: 1;
}

.blog-posts-container.team-member-layout .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 display: flex;
 width: 100%;
 padding-top: 120%;
}

.blog-posts-container.team-member-layout .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.blog-posts-container.team-member-layout .blog-post .news-grid-content {
 display: flex;
 flex-direction: column;
 flex-wrap: wrap;
 align-items: flex-start;
 justify-content: flex-end;
 position: absolute;
 top: 0;
 padding: 30px 20px;
 width: 100%;
 height: 100%;
 border-radius: 0;
 background-color: rgba(0, 0, 0, 0);
 -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;
 z-index: 1;
}

.blog-posts-container.team-member-layout .blog-post .post-title {
 text-align: left;
 font-family: "Playfair Display", sans-serif;
 font-size: 32px;
 line-height: 1.2;
 font-weight: 400;
 color: #fff;
 margin-top: 5px;
 margin-bottom: -5px;
 -webkit-transition: all 0.6s ease;
 transition: all 0.6s ease;
}

@media (max-width: 768px) {
 .blog-posts-container.team-member-layout .blog-post .post-title {
  font-size: 30px;
 }
}

.blog-posts-container.team-member-layout .blog-post .post-title a {
 color: #fff;
}

.blog-posts-container.team-member-layout .post-excerpt {
 margin-bottom: 10px;
 margin-top: 10px;
 color: #fff;
 font-family: "PT Sans", sans-serif;
 font-size: 16px;
 -webkit-transition: all 0.6s ease;
 transition: all 0.6s ease;
}

.blog-posts-container.team-member-layout a.read-more {
 width: 150px;
 height: 50px;
 padding: 13px 12px;
 font-family: "PT Sans", sans-serif;
 font-size: 16px;
 color: #fff;
 background-color: transparent;
 border: solid 1px #fff;
 background-color: rgba(255, 255, 255, 0.1);
 -webkit-transition: all 0.6s ease;
 transition: all 0.6s ease;
 text-align: center;
 position: absolute;
 left: 0;
 right: 0;
 top: 120%;
 bottom: 0;
 margin: auto;
 z-index: 1;
}

.blog-posts-container.team-member-layout a.read-more:hover {
 background-color: #fff;
 color: #0073e6;
}

.blog-posts-container.team-member-layout .blog-post:hover .news-grid-content {
 background-color: rgba(0, 0, 0, 0.9);
}

.blog-posts-container.team-member-layout .blog-post:hover .post-title,
.blog-posts-container.team-member-layout .blog-post:hover .post-excerpt,
.blog-posts-container.team-member-layout .blog-post:hover .custom-fields {
 opacity: 0.1;
}

.blog-posts-container.team-member-layout .blog-post:hover a.read-more {
 top: 0;
}

/*===Event Grid Layout====*/
.blog-posts-container.event-grid .blog-post {
 -webkit-border-radius: 20px;
 border-radius: 20px;
 position: relative;
 overflow: hidden;
 padding: 0;
 background-color: #fafafa;
 text-align: left;
}

.blog-posts-container.event-grid .blog-post .post-date {
 position: absolute;
 top: 9px;
 right: 0px;
 width: 65px;
 height: 65px;
 display: flex;
 flex-direction: column;
 align-content: center;
 justify-content: center;
 align-items: center;
 padding: 0;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 background-color: #106ff7;
 box-shadow: -5px 6px 0px 0px rgba(0, 165.19565217391306, 255, 0.5);
}

.blog-posts-container.event-grid .blog-post .post-date .year {
 display: none;
}

.blog-posts-container.event-grid .blog-post .post-thumbnail {
 margin-bottom: 0;
}

.blog-posts-container.event-grid .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 display: flex;
 width: 100%;
 padding-top: 75%;
 overflow: hidden;
}

.blog-posts-container.event-grid .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 -o-object-fit: cover;
 -webkit-transform: scale(1.02);
 transform: scale(1.02);
 transition: all 1.5s ease-out;
 -webkit-transition: all 1.5s ease-out;
 -moz-transition: all 1.5s ease-out;
 -ms-transition: all 1.5s ease-out;
}

.blog-posts-container.event-grid .blog-post:hover .post-thumbnail a img {
 -webkit-transform: scale3d(1.1, 1.1, 1);
 transform: scale3d(1.1, 1.1, 1);
}

.blog-posts-container.event-grid .blog-post .news-grid-content {
 padding: 20px;
}
.blog-posts-container.event-grid .blog-post .post-meta * {
 font-family: "Roboto", sans-serif;
 -webkit-transition: all 0.6s ease;
 transition: all 0.6s ease;
}
.blog-posts-container.event-grid .blog-post .post-title {
 color: #28272c;
 font-family: "Roboto", sans-serif;
 font-weight: 700;
 font-size: 25px;
 text-align: left;
}
.blog-posts-container.event-grid .blog-post .post-title a {
 color: #28272c;
 -webkit-transition: all 0.6s ease;
 transition: all 0.6s ease;
}

.blog-posts-container.event-grid .blog-post:hover .post-title a,
.blog-posts-container.event-grid .blog-post:hover .post-title {
 color: #106ff7;
}

.blog-posts-container.event-grid .blog-post .post-excerpt {
 font-family: "Open Sans", sans-serif;
 font-weight: 400;
 color: #717171;
}

.blog-posts-container.event-grid .blog-post .read-more {
 font-family: "Roboto", sans-serif;
 border: solid 1px #161616;
 color: #161616;
 background-color: #fff;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -webkit-transition: all 0.6s ease;
 transition: all 0.6s ease;
}

.blog-posts-container.event-grid .blog-post .read-more:hover {
 border: solid 1px #106ff7;
 color: #fff;
 background-color: #106ff7;
}

/*===List Layout====*/
.blog-posts-container.news-grid-layout-3 .blog-post {
 padding: 0;
 background: transparent;
 border: none;
 text-align: left;
 box-shadow: none;
 position: relative;
 display: flex;
}

.blog-posts-container.news-grid-layout-3 .blog-post .post-thumbnail {
 margin-bottom: 0;
 width: 45%;
}

.blog-posts-container.news-grid-layout-3 .blog-post .news-grid-content {
 width: 100%;
}

.blog-posts-container.news-grid-layout-3
 .blog-post
 .post-thumbnail
 + .news-grid-content {
 width: 55%;
 padding-left: 10px;
}

.blog-posts-container.news-grid-layout-3 .blog-post a {
 color: #111;
}

.blog-posts-container.news-grid-layout-3 .post-meta {
 margin-top: 0;
}

.blog-posts-container.news-grid-layout-3 .post-meta a {
 color: #666;
}

.blog-posts-container.news-grid-layout-3 .blog-post a:hover,
.blog-posts-container.news-grid-layout-3 .post-meta a:hover {
 color: #0061cc;
}

.blog-posts-container.news-grid-layout-3 .blog-post .post-title {
 text-align: left;
 line-height: 1.4;
 font-family: "Oswald", sans-serif;
 font-weight: 400;
 color: #111;
 margin-bottom: 10px;
}

.blog-posts-container.news-grid-layout-3 .post-meta .post-date,
.blog-posts-container.news-grid-layout-3 .post-meta .post-author,
.blog-posts-container.news-grid-layout-3 .post-meta .post-category {
 color: #666;
 font-size: 11px;
 font-weight: 400;
 text-transform: uppercase;
 font-family: "Roboto Condensed", sans-serif;
 position: relative;
 display: inline-block;
 margin-right: 15px;
}

.blog-posts-container.news-grid-layout-3 .post-meta span:before {
 position: absolute;
 content: "/";
 right: -12px;
 width: 10px;
 text-align: center;
}

.blog-posts-container.news-grid-layout-3 .post-meta span:last-child:before {
 display: none;
}

.blog-posts-container.news-grid-layout-3 a.read-more {
 background-color: #111;
 color: #fff;
 padding: 5px 15px;
 letter-spacing: 3px;
 display: inline-block;
 font-family: "Roboto Condensed", sans-serif;
 text-transform: uppercase;
 font-size: 12px;
 border-radius: 0;
}

.blog-posts-container.news-grid-layout-3 a.read-more:hover,
.blog-posts-container.news-grid-layout-3 a.read-more:focus {
 background-color: #0061cc;
 color: #fff;
}

.blog-posts-container.news-grid-layout-3 .post-excerpt {
 font-family: "Roboto Condensed", sans-serif;
 font-size: 14px;
 font-weight: 400;
 margin-bottom: 10px;
}

.blog-posts-container.news-grid-layout-3 .blog-post .post-thumbnail a {
 position: relative;
 height: 0;
 display: flex;
 width: 100%;
 padding-top: 75%;
}

.blog-posts-container.news-grid-layout-3 .blog-post .post-thumbnail a img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

/*=======Image Animation=======*/
.flexi-post-grid-pro-img-slide-up.blog-post .post-thumbnail a img {
 height: auto !important;
}

.flexi-post-grid-pro-img-slide-down.blog-post .post-thumbnail a img {
 height: auto !important;
 bottom: 0 !important;
 top: auto !important;
}

.flexi-post-grid-pro-img-slide-left.blog-post .post-thumbnail a img {
}

.flexi-post-grid-pro-img-slide-right.blog-post .post-thumbnail a img {
 right: 0 !important;
 left: auto !important;
}

/*=======Custom Fields Alignment=======*/
/* Align inner li content based on selected alignment */
.custom-fields.cf-vertical li {
 text-align: center;
 align-items: center;
}
.custom-fields-align-left .custom-fields.cf-vertical li {
 text-align: left;
 align-items: flex-start;
}

.custom-fields-align-center .custom-fields.cf-vertical li {
 text-align: center;
 align-items: center;
}

.custom-fields-align-right .custom-fields.cf-vertical li {
 text-align: right;
 align-items: flex-end;
}

/* Horizontal Alignment for Custom Fields */
.custom-fields-align-h-left .custom-fields.cf-horizontal {
 justify-content: flex-start;
 text-align: left;
}

.custom-fields-align-h-center .custom-fields.cf-horizontal {
 justify-content: center;
 text-align: center;
}

.custom-fields-align-h-right .custom-fields.cf-horizontal {
 justify-content: flex-end;
 text-align: right;
}

.custom-fields li i {
 text-align: center;
}

/*=======Disable Link on Tags=======*/
/* Disable heading link if data-disable-heading-click="yes" */
[data-disable-heading-click="yes"] .post-title a {
 pointer-events: none;
 cursor: default;
 color: inherit; /* Optional: looks like non-clickable */
 text-decoration: none;
}

/* Disable thumbnail link if data-disable-thumbnail-click="yes" */
[data-disable-thumbnail-click="yes"] .post-thumbnail a {
 pointer-events: none;
 cursor: default;
}

/* Disable meta link if data-disable-meta-click="yes" */
[data-disable-meta-click="yes"] .post-meta a {
 pointer-events: none;
 cursor: default;
}