/* Blog CSS */
.page-hero {
    background-image: url('/wp-content/uploads/2025/04/office-365-setup-migration-service-offering-banner.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.blog .inside-article .post-image a,
.archive .inside-article .post-image a,
.search .inside-article .post-image a{
  display: inline-block;
  vertical-align: top;
}
.blog .inside-article .post-image img,
.archive .inside-article .post-image img,
.search .inside-article .post-image img{
  vertical-align: top;
}
.blog .inside-article h2.entry-title ,
.archive .inside-article h2.entry-title ,
.search .inside-article h2.entry-title {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 12px;
}
.blog .inside-article ,
.archive .inside-article ,
.search .inside-article {
    padding: 0 !important;
}
.blog span.cat-links a ,
.archive span.cat-links a ,
.search span.cat-links a {
    font-size: 14px;
}
.entry-meta > span > time {
    font-size: 12px;
}
.blog span.byline ,
.search span.byline ,
.archive span.byline {
    font-size: 12px;
}
.blog span.cat-links svg, .comments-link svg ,
.search span.cat-links svg, .comments-link svg ,
.archive span.cat-links svg, .comments-link svg {
    fill: #F4AC57;
}
.blog .entry-header ,
.search .entry-header ,
.archive .entry-header {
    margin: 20px 0;
}
.blog .inside-article .post-image img ,
.search .inside-article .post-image img ,
.archive .inside-article .post-image img {
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 280 / 180;
  object-fit: cover;
  border-radius: 12px;
}
.blog .inside-right-sidebar aside form > div > input ,
.search .inside-right-sidebar aside form > div > input ,
.archive .inside-right-sidebar aside form > div > input {
    width: 100%;
    box-shadow: none;
    border-radius: 4px;
    background: #fff;
}
.blog .inside-right-sidebar aside form > div > button ,
.search .inside-right-sidebar aside form > div > button ,
.archive .inside-right-sidebar aside form > div > button {
    margin: 0;
    border-radius: 4px;
}
.blog .widget_block > div div > h2 ,
.search .widget_block > div div > h2 ,
.archive .widget_block > div div > h2 {
    margin-bottom: 12px;
    font-size: 26px;
}
.blog .wp-block-search__inside-wrapper,
.search .wp-block-search__inside-wrapper,
.archive .wp-block-search__inside-wrapper{
  gap: 8px;
}
@media only screen and (max-width: 1199px){
  .blog .site-content,
  .search .site-content,
  .archive .site-content{
    flex-direction: column;
  }
  .blog .site-content .content-area,
  .search .site-content .content-area,
  .archive .site-content .content-area,
  .blog .is-right-sidebar ,
  .search .is-right-sidebar ,
  .archive .is-right-sidebar {
    width: 100%;
  }
  .blog.separate-containers .site-main ,
  .search.separate-containers .site-main ,
  .archive.separate-containers .site-main {
    margin-right: 0;
  }
}
@media only screen and (max-width: 991px){
  .blog .inside-article h2.entry-title ,
  .search .inside-article h2.entry-title ,
  .archive .inside-article h2.entry-title {
    font-size: 20px;
  }
}

/* Single blog page CSS START */
.single-post .inside-article {
  padding: 0 !important;
}
.single-post .featured-image img {
    width: 100%;
    object-fit: cover;
    object-position: center center;
	border-radius: 12px;
}
body.post-image-above-header .inside-article div.featured-image{
    margin: 0 0 20px 0;
}
.single-post .entry-content ul li:not(:last-child) {
    margin-bottom: 10px;
}
.single-post .entry-content h2 {
    font-size: 2rem;
    margin-bottom: 12px;
    margin-top: 24px;
    line-height: normal;
    font-weight: 700;
}
.single-post .entry-content h3 {
    font-size: 24px;
    margin-top: 10px;
    font-weight: 700;
}
.single-post .entry-content p strong,
.single-post .entry-content ul li strong,
.single-post .entry-content ul li::marker,
.single-post .entry-content table th strong,
.single-post .entry-content table td strong{
    color: var(--global-color-custom-black);
}
.single-post .entry-content ul{
    margin-left: 18px;
    list-style-position: outside;
}
.single-post footer.entry-meta {
    margin-top: 2em;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.single-post .gp-icon:not(.icon-search) svg{
    fill: #446AB3;
}
@media only screen and (max-width: 1024px){
    .single-post .entry-content h2 {
        font-size: 1.8rem;
    }
    .single-post .entry-content h3 {
        font-size: 22px;
    }
}
@media only screen and (max-width: 768px){
    .single-post .entry-content h2 {
        font-size: 1.6rem;
    }
    .single-post .entry-content h3 {
        font-size: 20px;
    }
}