@font-face {
    font-family: "mdicon";
    src: url(//6212555.fs1.hubspotusercontent-na1.net/hubfs/6212555/raw_assets/public/ActiveParent_Mar2025/fonts/mdicon.eot) format('eot'),
	   url(//6212555.fs1.hubspotusercontent-na1.net/hubfs/6212555/raw_assets/public/ActiveParent_Mar2025/fonts/mdicon.woff) format('woff'),
	   url(//6212555.fs1.hubspotusercontent-na1.net/hubfs/6212555/raw_assets/public/ActiveParent_Mar2025/fonts/mdicon.woff2) format('woff2'),
	   url(//6212555.fs1.hubspotusercontent-na1.net/hubfs/6212555/raw_assets/public/ActiveParent_Mar2025/fonts/mdicon.ttf) format('ttf');
    font-display:block;
}

.blog_row-1 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.cu_col-8.main-content .blog-post {
    padding: 0;
}

.row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cu_col-8 {
    width: 66.666667%;
}
.blog-post__body a {
    text-decoration:underline;
}
.blog-post__body a:hover {
    text-decoration:none;
}
.sidebar {
    padding-left: 60px;
    height: 100%;
    position: sticky;
    top: 30px;
}
.sidebar-inner {
    padding: 16px;
    border-radius: 16px;
    background: #FFF;
}
.cu_col-4 {
    width: 33.333333%;
}

.post-social-share ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.post-social-share img {
    width: 20px;
    display: block;
    font-size: 14px;
    height: auto;
    word-break: normal;
}

.post-social-share a {
    cursor: pointer;
    text-decoration: none;
}

.sidebar .s_col+.s_col {
    margin-top: 40px;
}

.sidebar h3, .sidebar .h3 {
    background: rgba(217, 217, 217, .4);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
    padding: 5px 15px;
    margin: 0 0 16px;
}

.related-image {
    max-width: 120px;
}

img {
    font-size: 14px;
    height: auto;
    word-break: normal;
    border-style: none;
}

.related-event .eitem, .related-post-item .r_content {
    padding-left: 15px;
}

.related-post-item .related-title {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
    color: #313131;
}

.post-meta {
    font-size: 14px;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    color: #313131;
    display: flex;
}

.related-post-item+.related-post-item {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 15px;
    padding-top: 15px;
}

.blog_row-3 .widget-module ul, .sidebar .widget-module ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog_row-3 .widget-module ul li, .sidebar .widget-module ul li {
    margin-bottom: 15px;
    margin-right: 10px;
}

.blog_row-3 .widget-module a, .sidebar .widget-module a {
    color: #B10C2C;
    /*      background:#fff;  */
    background-color:#feeae7;
    border: 1px solid #B10C2C;
    border-radius: 100px;
    padding: 9px 18px;
    display: inline-block;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-transform: capitalize;
}

.justify-bw {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home_read .inner, .related-event>div {
    margin-left: -15px;
}

.related-event .eitem, .related-post-item .r_content {
    padding-left: 15px;
}

.cu_col-6 {
    width: 50%;
}

.related-event img {
    display: block;
    margin: 0 0 5px;
}

.related-event span, .related-post-item .first_topic {
    font-size: 9px;
    line-height: 14px;
    background: #B10C2C;
    color: #fff;
    font-family: Poppins;
    font-weight: 600;
}

.related-event span {
    padding: 2px 6px;
    display: inline-block;
}

.related-event .etitle {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 600;
    line-height: 15px;
    color: #202833;
}

.s_col.related-event-wrap {
    display: none;
}

.main-content .feature-img-wrap {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    margin-bottom: 1rem;
    overflow:hidden

}

.main-content .blog-post__tag-link {

    display: inline-flex;
    height: 28px;
    padding: 9px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid var(--primary_color);
    background: var(--primary_color);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.main-content .blog-post__tags {
/*     margin-bottom: 19px; */
}

.main-content .blog-post__tag-link:hover {

    border-color: var(--tertiary_color);
    background-color: var(--white);
    color: var(--primary_color);
}

.main-content .feature-img-inner {
    align-items: flex-start;
    display: flex ;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    padding: 75px 69px;
    padding-top: 178px;
    background: linear-gradient(89deg, rgb(0 0 0 / 75%) 4.82%, rgba(0, 0, 0, 0.00) 96.13%);
}

.main-content .post-title {
    /*     color: #fff; */
    margin-bottom: 19px;
}

.main-content .author-wrapper {
    /*     color: #FFF; */
    font-weight: 500;
    margin-bottom:20px;
}

.main-content .author-wrapper a {
    text-decoration: none;
    color: inherit;
}
.main-content .author-wrapper a:hover {
    color: var(--primary_color);
}
.main-content .feature-img-wrap .author-wrapper a:hover {
    color: var(--white);
    text-decoration: underline;
}
.blog-post__body img {
    border-radius: 16px;
    margin:43px 0;
}
/* .blog-post__body {
font-size: 14px;
line-height: 20px; /* 142.857% */
} */

.blog-post__body h1,
.blog-post__body h2, 
.blog-post__body h3, 
.blog-post__body h4 , 
.blog-post__body h5 , 
.blog-post__body h6 {
    margin-bottom: 10px;
}

.main-content .author-wrapper a:hover {
    color: var(--primary_color);
}

.related-post-item .related-title:hover {
    color: var(--primary_color);
}

.sidebar .widget-module a:hover {
    background-color: var(--primary_color);
    border-color: var(--primary_color);
    color: #fff;
}

.post-social-share svg {
    width: 20px;
    vertical-align: text-top;
}
.blog_row-2 {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 80px;
    padding-bottom:0px;
}
.clip-box {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
    display: flex
}

.clipbord-open .clip-box {
    visibility: visible;
    opacity: 1
}

.clip-box .wrap {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 500px;
    width: 100%
}

.clip-box .wrap button {
    border-radius: 20px;
    padding: 8px 20px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px
}

input#pageUrl_copylink {
    padding: 10px;
    font-size: 12px;
    pointer-events: bounding-box;
    width:100%;
}
.body-container--blog-post .btmpane_wrapper .content-wrapper {
    padding-left: 0;
    padding-right: 0;
}
@media(min-width:992px){
    .main-content .post-title {
	   font-size: 44px;
	   line-height: 51px; 
    }
}
@media(max-width:991px){
    .blog_row-2 {
	   margin-top:0px;
    }
    .main-content .feature-img-inner {
	   padding: 60px 20px;
    }
    .row-flex.blog_row-1 {
	   display: flex;
	   flex-direction: column;
	   row-gap: 2rem;
    }
    .cu_col-8 {
	   width: 100%;
    }

    .cu_col-4.sidebar{
	   display: block;
	   width: 100%;
	   padding-left: 0
    }
}

@media(max-width:767px){
    .blog_row-1 {
	   padding-top: 40px;
	   padding-bottom: 40px;
    }
    .blog_row-2 {
	   padding-top: 40px;
    }
}
.main-content .feature-img-wrap {
    position: relative;
}
.feature-img-wrap > img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.related-post-item .related-image img {
    min-height: 60px;
}