* {
    font-family: var(--cmty-font-family);
    margin: 0;
    padding: 0;
}
a{
    color: var(--cmty-dymamics-primary);
    outline-color: var(--cmty-black);
}  
.msd-d-none{
    display:none;
}
.msd-position-relative{
    position: relative;
}
div.dc-forum-thread-banner-container > div.dc-forum-thread-banner{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 60px 5.2% !important;
}

div.dc-forum-thread-banner-container > div.dc-forum-thread-banner > h2,
div.dc-forum-thread-banner-container > div.dc-forum-thread-banner > h1{
font-family: var(--cmty-font-family);
font-style: normal;
font-weight: 600;
font-size: 42px;
line-height: 52px;
color: var(--cmty-white);
margin: 0px;
}
div.dc-forum-thread-banner-container > div.dc-forum-thread-banner > h1.hero-pane-subtitle, 
 h2#hero-pane-subtitle{
font-family: var(--cmty-font-family);
font-style: normal;
font-weight: 600;
font-size: 26px;
color: var(--cmty-white);
margin: 0px;
}
div.dc-forum-thread-banner-container > div.dc-forum-thread-banner > h4 {
font-family: var(--cmty-font-family);
font-style: normal;
}
.hero-pane-title{ 
    font-family: var(--cmty-font-family);
    font-weight: 600;
    font-size: 42px;
    line-height: 52px;
    color: var(--cmty-white);
    margin: 27px 0 0;
}
.blog-hero-banner{
    background: linear-gradient(180deg, var(--cmty-dymamics-primary) 0%, var(--cmty-bgColor-primary-shade30) 100%);
    background-size: cover;
    height: 152px;
    display: flex;
    align-items: center;
    margin-bottom: 24px; 
    padding: 0;
}
.blog-hero-banner.communityBlogs{
/*    background: url('/img_header_CommunityBlog_1044.png') no-repeat top center var(--cmty-bgColor-primary-shade30);*/
    background-size: cover;
    height: auto; /*152px;*/
    display: flex;
    align-items: center;    
}
@media (min-width: 320px) {
.blog-hero-banner.communityBlogs{
/*    background: url('/img_header_FasttrackBlog_640.png') no-repeat top center var(--cmty-bgColor-primary-shade30);*/
    margin-bottom: 36px; 
    }
    .hero-pane-title{ 
        font-weight: 600;
        font-size: 32px;
        line-height: 40px; 
        margin: 0 0 15px;
    }
}
@media (min-width: 640.5px) {
.blog-hero-banner.communityBlogs{
/*    background: url('/img_header_img_header_FasttrackBlog_1024.png') no-repeat top center var(--cmty-bgColor-primary-shade30);*/
    margin-bottom: 24px; 
    } 
}
@media (min-width: 1024.5px) {
.blog-hero-banner.communityBlogs{
/*    background: url('/img_header_img_header_FasttrackBlog_1440.png') no-repeat top center var(--cmty-bgColor-primary-shade30);*/
    margin-bottom: 24px; 
    }
.hero-pane-title{ 
    font-weight: 600;
    font-size: 42px;
    line-height: 52px;
    margin: 0;
    }
}
@media (min-width: 1440.5px) {
.blog-hero-banner.communityBlogs{
/*    background: url('/img_header_img_header_FasttrackBlog_1920.png') no-repeat top center var(--cmty-bgColor-primary-shade30);*/
    margin-bottom: 24px;  
    }
}
@media (min-width: 5000.5px) {
.blog-hero-banner.communityBlogs{
    background: linear-gradient(180deg, var(--cmty-dymamics-primary) 0%, var(--cmty-bgColor-primary-shade30) 100%);
    margin-bottom: 24px; 
    }
}


.msd-container {
  padding: 0 8.3%;
}
@media (min-width: 1800px) {
  .msd-container {
    max-width: 1600px;
    padding: 0;
    margin: 0 auto;
  }
}
@media (max-width: 1083px) and (min-width: 320px) {
  .msd-container {
    padding: 0px 10px;
  }
} 


.form-control.ug-custom-form {
    height: 32px;
    background: var(--cmty-white); 
    box-sizing: border-box !important;
    border-radius: 4px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: var(--cmty-neutrals-web-gray190);
    padding-right: 25px;
    padding-left: 4px;
    width: 100%;
    overflow: ellipsis;
    box-shadow: none;
    border-top-color: var(--cmty-neutrals-web-gray330) !important;
    border-left-color: var(--cmty-neutrals-web-gray330) !important;
    border-right-color: var(--cmty-neutrals-web-gray330) !important;
} 
.search-sort-by-group label {
    font-weight: normal;
}
.sortedBy {
  display: none;
  position: absolute;
  background: var(--cmty-white);
  z-index: 9;
  box-shadow: 0 1.6px 3.6px var(--cmty-neutrals-web-gray390), 0 0.3px 0.9px var(--cmty-neutrals-web-gray400); 
  left: 13px;
  top: -77px;
}
.search-sort-by-group .form-control.ug-custom-form.select-sort-by-group {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background-color: transparent !important;
  width: 100%;
}
.msd-flex.msd-align-items-center.search-sort-by-group label{
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: var(--cmty-neutrals-web-gray190);
}
.search-sort-by-group .form-control.ug-custom-form.select-sort-by-group:focus{
  outline: 2px dotted var(--cmty-black);
}
.msd-flex.msd-align-items-center.search-sort-by-group {
  position: relative;
  justify-content: flex-start;
  width: 100%;
}
select.form-control.ug-custom-form {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}
.msd-flex.msd-align-items-center.search-sort-by-group .ms-Icon {
    position: absolute;
    pointer-events: none;
    right: 7px;
    top: 11px;
    font-size: var(--cmty-font-size-xs);
    color: var(--cmty-neutrals-web-gray130);
}
 
.msd-search {
    width: 100%;
}
.msd-postion-relative {
    position: relative;
}
.msd-search .form-control {
    font-size: 12px;
    background: var(--msd--white);
    border-radius: 5px;
    padding-left: 28px;
}
.msd-search .msd-Dropdown-caretDown {
    left: 7px;
    top: 8px;
    cursor: pointer;
    pointer-events: auto;
    height: 13px;
    overflow: hidden;
    width: 16px;
    text-align: center;
}
.msd-Dropdown-caretDown .ms-Icon{
    font-weight: 600; 
    color: var(--cmty-neutrals-web-gray190);
}
.msd-Dropdown-caretDown {
    color: var(--cmty-neutrals-web-gray160);
    font-size: 17px;
    position: absolute; 
    top: 35px;
    z-index: 1;
    pointer-events: none;
}
input[type="text"], select {
    border: solid 1px var(--msd-neutrals-web-gray130);
    padding: 8px;
    width: 100%;
    line-height: 23px;
    background: none;
}
input[type="text"], input[type="search"] {
    border: solid 1px var(--cmty-black-dark110);
    display: block;
    font-size: 15px;
    color: var(--cmty-black);
}

.section-title{
    font-weight: 600;
    font-family: var(--cmty-font-family);
    color: var(--cmty-neutrals-web-gray190);  
    line-height: 22px;
    font-size: 18px;
    margin: 0;
}
.card-time-tag{
    margin-bottom: 10px;
}
.card-wrap{ 
    box-shadow: 0 1.6px 3.6px var(--cmty-neutrals-web-gray390), 0 0.3px 0.9px var(--cmty-neutrals-web-gray400);
    border-radius: 8px; 
    background: var(--cmty-white);
    }
.card-content-container{
    font-family: var(--cmty-font-family);
    padding: 16px;
}
.card-user-like{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-time-tag .date-time{
    font-weight: 600;
    font-family: var(--cmty-font-family);
    color: var(--cmty-neutrals-web-gray130);  
    line-height: 16px;
    font-size: 12px;
}
.card-time-tag > .badge, .multiple-tags .badge{ 
    font-weight: 400;
    font-family: var(--cmty-font-family);
    color: var(--cmty-neutrals-web-gray190);
    border-radius: 50px;
    border: 1px solid var(--cmty-neutrals-web-gray30);
    padding : 2px 8px;
    background: var(--cmty-neutrals-web-gray30);
    line-height: 16px;
    font-size: 10px;
}
.gallery_badge{
    font-weight: 600;
    font-family: var(--cmty-font-family);
    color: var(--cmty-communication-blue);
    border-radius: 50px;
    border: 1px solid var(--cmty-neutrals-web-gray210);
    padding: 2px 8px;
    background: var(--cmty-white) ;
    line-height: 16px;
    font-size: 10px;
}
.card-img-container{
    height: 195px;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background: var(--cmty-communication-banner-blue-shade20);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.card-img-container .card-img{
    min-width: 100%;
    width: 100%;
}
.card-title, .card-title-list{
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--cmty-font-family); 
    margin-bottom: 12px;
    display: block;
}
.card-like a > span{
    display:none;
}
.card-like a{ 
    text-decoration: none;
}
.not-clickable.card-like a{
    cursor: default;
    pointer-events: none;
}
a.card-user-link, span.card-user-link{
    color: var(--cmty-neutrals-web-gray190);
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    z-index: 999;
}
.card-user .led-star-profile{
    color: var(--cmty-neutrals-web-gray130);
    line-height: 13px;
    font-size: 10px;
    font-weight: 600;
}
.card-user .msd-rank{ 
    line-height: 20px;
    font-size: 10px;
    font-weight: 400;
}

.aside-card-group .card-wrap{
    box-shadow: none;
    border-radius: 0;
    overflow: hidden; 
    padding: 2px;
}
.aside-card-group .card-wrap .card-content-container{
    padding:0;
}
.aside-card-group .card-wrap .card-title{ 
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--cmty-dymamics-primary);
    margin-bottom: 8px;
    word-wrap: break-word;
}
.card-title, .card-description, .card-description-list{
   word-wrap: break-word; 
}
.aside-card-group .card-wrap .card-description{
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: var(--cmty-neutrals-web-gray190);
    margin: 0 0 12px;
}
.aside-card-group .card-wrap .card-time-tag > .date-time{
    font-weight: 400;
}
.aside-card-group .card-wrap .card-time-tag, .aside-card-group .card-wrap-inner .card-time-tag{
    margin-bottom: 0; 
    align-items: center;
    gap: 8px;
}
@media (max-width: 1300px) {
    .aside-card-group .card-wrap .card-user-like{flex-wrap: wrap;}
}

.blog-latest-post{
   background: var(--cmty-body-bg-color);
    margin-bottom: -48px;
}
.blog-latest-post .card-content-container, .blog-filter-post-content .card-content-container{
    position:relative;
    padding: 12px;
}
.blog-list-view .card-content-container{
   padding: 24px; 
}
div[name=cmty_modal_popup].modal{
    top:25%;
}
div[name=cmty_modal_popup].modal .modal-header, div[name=cmty_modal_popup].modal .modal-footer{
    border: none;
}
.blog-latest-post .card-content-container:after, .blog-filter-post-content .card-content-container:after{
    content: ' ';
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--cmty-neutrals-web-gray40);
    bottom: 55px;
    left:0;
}
.blog-latest-post .card-user-like, .blog-filter-post-content .card-user-like{
    padding-top: 30px;
}
.blog-latest-post-content .card-wrap{
    border-radius: 4px;
}
.blog-latest-post-content .card-title{
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
}
.blog-latest-post-content .card-description, .blog-filter-post-content .card-description, .blog-filter-post-content .card-description-list{
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--cmty-neutrals-web-gray130);
    margin: 0 0 12px;
}
.mltiple-tags, .multiple-tags{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
}
.multiple-tags-list{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
}
.mltiple-tags > .badge, .multiple-tags > .badge  {
    font-weight: 400;
    font-family: var(--cmty-font-family);
    color: var(--cmty-neutrals-web-gray190);
    border-radius: 50px;
    border: 1px solid var(--cmty-neutrals-web-gray30);
    padding: 2px 8px;
    background: var(--cmty-neutrals-web-gray30);
    line-height: 16px;
    font-size: 10px;
} 

.ms-Grid-col{
    padding-left: 16px;
    padding-right: 16px;
}
.ms-Grid-row{
    margin: 0 -16px;
}
.ms-Grid{
  padding: 0 16px;
}

.content-section-divider { 
    height: 0px;
    border: 1px solid var(--cmty-neutrals-web-gray40);
}
.content-section-divider.full-length {
    width: 100%;
    margin: 12px 0;
}

/**================Listing page==================**/
.dc-breadcrumb1.dc-breadcrumb1.dc-breadcrumb1 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    height: auto;
    font-style: normal;
    font-weight: 400;
    font-size: var(--cmty-font-size-xs);
    line-height: 16px;
    color: var(--cmty-white);
    margin-top: 0;
}
.dc-breadcrumb1.dc-breadcrumb1.dc-breadcrumb1.black, .dc-breadcrumb1.dc-breadcrumb1.dc-breadcrumb1.black .dc-link1{
    color: var(--cmty-black);
} 
.dc-link1 {
    cursor: pointer;
    font-weight: 400;
    font-size: var(--cmty-font-size-xs);
    line-height: 16px;
    color: var(--cmty-white);
    text-decoration: underline !important;
}
.dc-link1:hover, .dc-link1:focus{
    color: var(--cmty-white);
}
.dc-current-page, .dc-breadcrumb-separator {
    font-size: var(--cmty-font-size-xs);
    line-height: 16px;
    text-decoration-line: none;
}
.dc-current-page, .dc-breadcrumb-separator {
    font-size: var(--cmty-font-size-xs);
    line-height: 16px;
    text-decoration-line: none;
}
.dc-current-page{
    font-weight: 600;
} 

.msd-sdebar-lt-title {
    font-family: var(--cmty-font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--cmty-black);
    padding-bottom: 7px;
    border-bottom: 1px solid var(--cmty-neutrals-web-gray410);
    margin-top: 0;
}
.msd-sdebar-lt-title > .ms-Icon{
    cursor:pointer;
}
.msd-postion-relative {
    position: relative;
}
.msd-Dropdown-caretDown {
    color: var(--cmty-neutrals-web-gray160); 
    position: absolute;
    right: 8px;
    top: 35px;
    z-index: 1;
    pointer-events: none;
}
.msd-Dropdown-caretDown.left{
    right: inherit;
    left: 11px;
}
.msd-find-fabric .msd-Dropdown-caretDown {
    top: 8px;
    pointer-events: auto;
    height: 13px;
    overflow: hidden;
    width: 16px;
    text-align: center;
}
ul.msd-sdebar-lt-content li {
    list-style: none;
    margin-bottom: 6px;
}
ul.msd-sdebar-lt-content li.ms-RadioButton{
    min-height: auto;
}
.ms-CheckBox {
    min-height: 20px;
}
.msd-sdebar-lt label {
    margin-bottom: 0;
    margin-top: 7px;
}
.ms-CheckBox .ms-Label, .ms-RadioButton .ms-Label {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    padding-left: 28px;
    color: var(--cmty-neutrals-web-gray190);
}
ul.msd-sdebar-lt-content li {
    list-style: none;
    margin-bottom: 5px;
}
ul.msd-sdebar-lt-content li > ul.msd-sdebar-lt-content {
    padding: 0 25px;
}
.ms-CheckBox-field:before {
    border: 1px solid var(--cmty-neutrals-web-gray160);
    border-radius: 2px;
}
.ms-CheckBox-field.is-checked:focus:before, .ms-CheckBox-field.is-checked:hover:before, .ms-CheckBox-field.is-checked:before {
    border: 10px solid var(--cmty-dymamics-primary);
    background-color: var(--cmty-dymamics-primary);
}
[contentEditable="true"]:focus, [tabindex]:focus, a[href]:focus, area[href]:focus, button:focus, iframe:focus, input:focus, select:focus, textarea:focus {
    outline: 0.1875rem dotted var(--cmty-black);
}

@media screen and (min-width: 1024px){
    #find-filter-button, .msd-filter-title-mobile {
        display: none;
    }
} 
.section-title-2 {
    font-weight: 600;
    font-family: var(--cmty-font-family);
    color: var(--cmty-neutrals-web-gray190);
    line-height: 22px;
    font-size: 16px;
    margin: 0;
}
/* filter css */
.msd-btn.filter,
.msd-btn.sort-button {
  padding: 5px 9px 0;
  font-size: 17px; 
  border: 1px solid var(--cmty-neutrals-web-gray110);
  line-height: 26px;
  cursor: pointer;
    background-color: var(--cmty-white);
}
.msd-btn.filter, .msd-btn.sort-button {
    padding: 7.5px; 
    color: var(--cmty-neutrals-web-gray130);
    border-color: var(--cmty-neutrals-web-gray110);
    width: 32px;
    height: 32px;
    line-height: 16px;
}
.msd-btn.filter .ms-Icon, .msd-btn.sort-button .ms-Icon{
    font-size: 16px;
}

button.msd-btn.filter:hover,
button.msd-btn.sort-button:hover
{
color: var(--cmty-neutrals-web-gray160);
    background: var(--cmty-neutrals-web-gray20);
    background-color: var(--cmty-neutrals-web-gray20);
    border-color: var(--cmty-neutrals-web-gray90);
    text-decoration: none !important;
}
button.msd-btn.filter:active, button.msd-btn.filter.active,
button.msd-btn.sort-button:active, button.msd-btn.sort-button.active
{
    background: var(--cmty-neutrals-web-gray20);
    background-color: var(--cmty-neutrals-web-gray20);
    border-color: var(--cmty-neutrals-web-gray90);
    text-decoration: none !important;
}
button.msd-btn.filter:active:hover, button.msd-btn.filter:active:focus,
button.msd-btn.filter:active.focus, button.msd-btn.filter.active:hover, 
button.msd-btn.filter.active:focus, button.msd-btn.filter.active.focus,
button.msd-btn.sort-button:active:hover, button.msd-btn.sort-button:active:focus,
button.msd-btn.sort-button:active.focus, button.msd-btn.sort-button.active:hover, 
button.msd-btn.sort-button.active:focus, button.msd-btn.sort-button.active.focus
{
    background: var(--cmty-neutrals-web-gray20);
    background-color: var(--cmty-neutrals-web-gray20);
    border-color: var(--cmty-neutrals-web-gray90);
    text-decoration: none !important;
}
button.msd-btn.filter:focus, button.msd-btn.filter.focus,
button.msd-btn.sort-button:focus, button.msd-btn.sort-button.focus
{
    background: var(--cmty-neutrals-web-gray20);
    background-color: var(--cmty-neutrals-web-gray20);
    border-color: var(--cmty-neutrals-web-gray90);
    text-decoration: none !important;
}

.search-sort-by-blogList{
    border: 1px solid var(--cmty-neutrals-web-gray190);
    padding: 0 5px;
}
.msd-flex.msd-align-items-center.search-sort-by-blogList.search-sort-by-group label{
    font-size: 14px;
}
.search-sort-by-group.search-sort-by-blogList .form-control.ug-custom-form.select-sort-by-group{
    border-bottom: 0 !important;
    font-size: 14px;
    width: 119px;
}
.search-sort-by-group.search-sort-by-blogList .form-control.ug-custom-form.select-sort-by-group:hover .msd-flex.msd-align-items-center.search-sort-by-group,
.search-sort-by-group.search-sort-by-blogList .form-control.ug-custom-form.select-sort-by-group:focus .msd-flex.msd-align-items-center.search-sort-by-group,
.search-sort-by-group.search-sort-by-blogList .form-control.ug-custom-form.select-sort-by-group:active .msd-flex.msd-align-items-center.search-sort-by-group,
.search-sort-by-group.search-sort-by-blogList .form-control.ug-custom-form.select-sort-by-group.focus .msd-flex.msd-align-items-center.search-sort-by-group{
    outline: 0.1875rem dotted var(--cmty-black);
}
.msd-flex.msd-align-items-center.search-sort-by-group.search-sort-by-blogList .ms-Icon{
    right: 9px;
    top: 9px;
}

.sortedByBlog {
    display: none;
    position: absolute;
    background: var(--cmty-white);
    z-index: 9;
    box-shadow: 0 1.6px 3.6px var(--cmty-neutrals-web-gray390), 0 0.3px 0.9px var(--cmty-neutrals-web-gray400);
    right: 17px;
    top: 33px;
    list-style: none;
}
.sortedByBlog li {
    font-size: var(--cmty-font-size-sm);
    line-height: 20px;
    padding: 10px;
    color: var(--cmty-neutrals-web-gray190);
    font-weight: 400;
}
.sortedByBlog li.selected, a.cardView-button.selected, a.listView-button.selected {
    background: var(--cmty-neutrals-web-gray20);
}
a.cardView-button.selected, a.listView-button.selected{
    border: 1px solid var(--cmty-neutrals-web-gray110);
}

.search-sort-by-blogList{
    display:none;
}
.section-title-lg, .search-sort-by-blogList .select-sort-by-group,
.msd-flex.msd-align-items-center.search-sort-by-group.search-sort-by-blogList .ms-Icon,
.search-sort-by-blogList .label-hidden {
    display: none;
}
@media (min-width: 1023.9px){
.search-sort-by-blogList{
    display: flex;
}
.section-title-lg, .search-sort-by-blogList .select-sort-by-group,
.msd-flex.msd-align-items-center.search-sort-by-group.search-sort-by-blogList .ms-Icon,
.search-sort-by-blogList .label-hidden {
    display: block;
}
}

.msd-search-fabric {
  width: 100%;
}
.msd-search-fabric .msd-Dropdown-caretDown {
  top: 11px;
  pointer-events: auto;
}
.msd-search-fabric .form-control {
  height: 36px;
}
.msbp-sdebar-lt-title-top {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}
.ms-CheckBox-field.is-checked::after {
    color: var(--cmty-white);
  }
@media screen and (max-width: 1023.9px) {
  #find-filter-button {
    display: block;
  }
  .msd-filter-title-mobile {
    display: flex;
  }
  .msd-aside-left {
    display: none;
  }
  .msd-aside-left {
    background-color: var(--cmty-white);
    padding: 12px !important;
    border-left: 12px solid var(--cmty-body-bg-color);
    border-right: 12px solid var(--cmty-body-bg-color);
}
  .msbp-sdebar-lt label {
    width: 100%;
  }

  li.msbp-accordian .msbp-toogle-slide.msbp-toogle-slide {
    align-items: flex-end;
    justify-content: flex-start;
    gap: 12px;
  } 
}
@media screen and (min-width: 1024px) {
  #find-filter-button,
  .msd-filter-title-mobile {
    display: none;
  }
  .msd-aside-left,
  .msd-find-fabric {
    display: block !important;
  }
}
 .blog-filter-post-content.blog-list-view .card-content-container:after {
        display: none;
    }
.msd-filter-title-mobile{
}
.filter-back-btn{
    height: 19px;
    width: 10px;
}
.filter-back-btn .ms-Icon{
    color: var(--cmty-black-dark50);
}
.msd-filter-title-mobile .ms-Button.ms-Button--primary{
    color: var(--cmty-dymamics-primary);
    background-color: transparent;
    border-color: transparent;
}
.msd-filter-title-mobile .ms-Button.ms-Button--primary:focus { 
    outline: 2px dotted var(--cmty-black);
}
.msd-filter-title-mobile .ms-Button.ms-Button--primary .ms-Button-label{
    color: var(--cmty-dymamics-primary);
    font-family: var(--cmty-font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px; 
}
.msd-filter-title-mobile .ms-Button.ms-Button--primary:hover {
    color: var(--cmty-dymamics-primary-shade20);
    background-color: transparent;
    border-color: transparent;
}
.msd-filter-title-mobile .ms-Button.ms-Button--primary:hover .ms-Button-label{
    color: var(--cmty-dymamics-primary);
}

.section-title-3{
    font-family: var(--cmty-font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 19px;
    color: var(--cmty-neutrals-web-gray190); 
    margin: 0;
} 
.viewall-products{
    font-family: var(--cmty-font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color:  var(--cmty-dymamics-primary);
    margin: 7px 0 0; 
    text-decoration: underline;
}
.msd-accordian-content{
    margin-bottom:0;
}

.cardView-listView, .cardView-listView-mobile{
    display: flex;
    gap: 6px;
    align-items: center;
}
.cardView-button, .listView-button{
    color: var(--cmty-neutrals-web-gray160);
    padding: 0;
    border: 0;
    line-height: normal;
    cursor: pointer;
    background-color: transparent;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

button.cardView-button:hover, button.listView-button:hover,
button.cardView-button:focus, button.listView-button.focus,
button.cardView-button:active, button.listView-button:active,
button.cardView-button.active, button.listView-button.active,
button.cardView-button:active:hover, button.cardView-button:active:focus,
button.cardView-button:active.focus, button.cardView-button.active:hover, 
button.cardView-button.active:focus, button.cardView-button.active.focus,
button.listView-button:active:hover, button.listView-button:active:focus,
button.listView-button:active.focus, button.listView-button.active:hover, 
button.listView-button.active:focus, button.listView-button.active.focus {
    color: var(--cmty-neutrals-web-gray160);
     background: transparent;
     background-color: var(--cmty-neutrals-web-gray10); 
    text-decoration: none !important;
}  
.cardView-listView{
    display: none;
}
.cardView-listView-mobile{
    display: flex;
    }
@media (min-width: 1023.9px){
    .cardView-listView{display:flex;}
    .cardView-listView-mobile{
    display: none;
    }
}

.ms-CheckBox-input, .ms-RadioButton-input {
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    top: 3px;
}
input.ms-CheckBox-input:focus + label, input.ms-RadioButton-input:focus + label {
    border: 1px dashed var(--cmty-black);
} 
.ms-Button--chip {
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 5px 10px !important;
    font-size: 17px;
    align-items: flex-start;
}
.ms-Button-label.ms-Button-label.ms-Button-label {
    color: var(--cmty-neutrals-web-gray320);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.ms-Button.ms-Button--primary.ms-Button--chip {
    color: var(--cmty-neutrals-web-gray320);
    border: 1px solid var(--cmty-bgColor-primary-tint30);
    background-color: var(--cmty-bgColor-primary-tint30);
    min-width: auto;
}
.ms-link-clear-chip, .ms-link-viewAll {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color:  var(--cmty-dymamics-primary);
    text-decoration: none !important;
}

.ms-link-viewAll.ms-link-viewAll {text-decoration: underline !important;}
.ms-link-viewAll img{margin-left: 4px;}
.ms-link-clear-chip:hover{
    text-decoration: underline !important;
}
.ms-Button.ms-Button--primary.ms-Button--chip:hover{
}
.ms-RadioButton-field.is-checked:before{
        border: 1px solid var(--cmty-dymamics-primary-shade20);
}
.ms-RadioButton-field.is-checked:after{
        background-color: var(--cmty-dymamics-primary-shade20);
}
.ms-RadioButton-field:before{
    border-width: 1px;
    border-color: var(--cmty-neutrals-web-gray160);
}
.ms-RadioButton-field:focus:before, .ms-RadioButton-field:hover:before {
    border-width: 1px;
}
button.ms-Button.cancel-filters:active:hover, button.ms-Button.cancel-filters:active:focus,
button.ms-Button.cancel-filters:active.focus, button.ms-Button.cancel-filters.active:hover, button.ms-Button.cancel-filters.active:focus,
button.ms-Button.cancel-filters.active.focus{
        color: var(--cmty-black);
    background-color: var(--cmty-neutrals-web-gray30);
    border-color: var(--cmty-neutrals-web-gray110);
}
 #blog-search-result-ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: var(--cmty-white);
    border: none;
    box-shadow: 0 1.6px 3.6px var(--cmty-neutrals-web-gray390), 0 0.3px 0.9px var(--cmty-neutrals-web-gray400);
    -moz-box-shadow: 0 1.6px 3.6px var(--cmty-neutrals-web-gray390), 0 0.3px 0.9px var(--cmty-neutrals-web-gray400);
    position: absolute;
    width: 100%;
    z-index: 9;
    top: 32px;
    left: 0;
    border-radius: 2px;
    max-height: 205px;
    overflow-y: auto;
}
#blog-search-result-ul li{
    padding:0; 
    margin: 0; 
    border: 0;
    list-style-type: none;
    background: transparent;
}
#blog-search-result-ul li a{
    font-family: var(--cmty-font-family);
    font-size: 14px; 
    line-height: 20px;
    color: var(--cmty-neutrals-web-gray190);
    display: flex;
    align-items: center;
    white-space: pre;
    word-wrap: break-word;
    margin: 0;
  padding: 12px 16px;
  border: 0;
    text-decoration:none;
}
#blog-search-result-ul li a:hover{
    background: var(--cmty-neutrals-web-gray20);
    text-decoration:none !important;
}
#blog-search-progress-icon{
    top: 17px;
    right: 10px;
    line-height: 0;
    position: absolute;
}

/**sortby new design**/
.msd_dropdown_menu{
    background: var(--cmty-white);
    box-shadow: var(--cmty-box-shadow);
    border-radius: 3px;
    width: 100%;
    position: absolute;
    z-index: 11;
    top: 33px;
    left:0;
    list-style: none;  
}
.search-sort-by-blogList .form-control.ug-custom-form{
    width: auto;
    border: none !important;
    font-size: 14px;
    padding-left: 14px;
    cursor: pointer;
}
.search-sort-by-blogList .form-control.ug-custom-form.bind_contextual_menu_short{
    width: 119px;    
}
.msd_dropdown_menu_item_link{
    font-size:14px!important;
    color: var(--cmty-neutrals-web-gray190)!important;
    line-height:28px!important;
    padding: 0 12px 0 8px;
    box-sizing: border-box;
    text-decoration: none !important;
    color: var(--cmty-dropdown_menu_item_link-color);
    border: 1px solid transparent;
    cursor: pointer;
    display: block;
    height: 36px;
    margin: 0 !important;
}
.msd_dropdown_menu_item_link a{
    font-size:14px!important;
    color: var(--cmty-neutrals-web-gray190) !important;
    text-decoration: none;
}
.msd_dropdown_menu_item_link.msd-menu-with-icon.is-selected-padding {
   padding: 0 16px 0 32px;
   line-height:34px!important;
}
.msd_dropdown_menu_item_link:hover, .msd_dropdown_menu_item_link:focus, .msd_dropdown_menu_item_link:active {
    font-weight:normal!important;
    text-decoration:none!important;
    background-color:var(--cmty-neutrals-web-gray20);
    border-color:var(--cmty-neutrals-web-gray20);
}
.msd_dropdown_menu .form-control.ug-custom-form.date-icon {
    background-size: 12px 12px;
}
.msd_dropdown_menu_divider{ 
    cursor: default;
    display: block;
    height: 1px;
    background-color: var(--cmty-neutrals-web-gray30);
    position: relative;
}

.msd-hidden{
    display:none;
}
@media (min-width: 320px){
    .msd-Dropdown-caretDown {
        color: var(--cmty-neutrals-web-gray130);
        font-size: var(--cmty-font-size-xs);
        position: absolute;
        right: 8px;
        top: 35px;
        z-index: 1;
        pointer-events: none;
    }
}
/**sortby new design end**/
/**================Listing page //==================**/

/**=============blog detail page====================**/ 
@media only screen and (max-width: 480px){
    .dc-popover-report.popover.right{
        left: auto !important;
        right: 0;
        width: auto !important;
        top: 32px !important;
    }
    .dc-popover-report.popover.right>.arrow {
        left: 82% !important;
    }
}
.blog-post-title{
    color: var(--cmty-black);
    font-family: var(--cmty-font-family);
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin: 0 0 24px;
}
.blog-post-follow-link{
    color: var(--cmty-neutrals-web-gray320);
    font-family: var(--cmty-font-family);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
    position: relative;
    padding-left: 13px;
}
.blog-post-follow-link:before{
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 40%;
    left: 0;
    background: var(--cmty-neutrals-web-gray360);
    border-radius: 50%;
}
.blog-post-comment h2{
    color: var(--cmty-black);
   font-family: var(--cmty-font-family);
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 16px; 
}
.blog-post-allcomments{
    border-top: 1px solid var(--cmty-neutrals-web-gray210);
    background: var(--cmty-body-bg-color);
    padding: 16px;
}
.comment-cta-wrap{
    background: var(--cmty-white);
    padding: 35px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 8px;
    flex-direction: column;
}
.comment-wrap{
    background: var(--cmty-white);
    padding: 0;
    margin: 24px 0 0;
}
.comment-cta{
}
.blog-post-body-container img{
    max-width: 100% !important;
    height: auto !important;
} 
@media screen and (max-width: 1023.9px){
    .msd-blog-detail-aside{
        margin-top: 36px;
    }   
}
.aside-blog-detail-wrap{
    flex-direction: column;
    padding: 20px 16px;
}
.aside-blog-detail-wrap .aside-title{
    font-family: var(--cmty-font-family);
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 8px; 
    color: var(--cmty-black);
}
.sub-text{
    font-family: var(--cmty-font-family);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 16px; 
    color: var(--cmty-black);
    
}
/**@media only screen and (max-width: 640px){
    .dc-post-date-follow .dc-popover{
        top: 2rem !important;
    }
    .dc-post-date-follow .popover.right>.arrow{
        left: 76%;
    }
}
@media only screen and (max-width: 480px){
    .dc-post-date-follow .dc-popover{
        top: 2rem !important;
    }
    .dc-post-date-follow .popover.right>.arrow { 
        left: 61%;
    }
}**/
.dc-follow > span {
    font-size: 12px;
    display: flex;
}
.dc-follow > span a {
    text-decoration: none;
    color: var(--cmty-neutrals-web-gray130);
    font-size: 12px;
    line-height: 16px;
}
.dc-follow > span a.blog-detail-share img,
.dc-follow > span a#blogpost_like img,
.dc-follow > span a.dc-report-container img{
    width: 15px;
    height: 15px;
    margin: 0 4px 0 0;
    vertical-align: middle;
}
.dc-archive-auther-img {
    overflow: hidden;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: inline-flex;
    background: var(--cmty-dymamics-primary);
    text-decoration: none;
    color: var(--cmty-white);
    font-size: 6px;
    justify-content: space-evenly;
    align-items: center;
}
.dc-archive-auther-img img{
    display: block;
    max-width: 100%;
    height: auto;
}
.dc-auther-img-link {
    font-weight: 600;
    font-size: var(--cmty-font-size-sm);
    color: var(--cmty-dymamics-primary);
    text-decoration: none;
}
.dc-post-date .blog-post-posted-on{
    font-family: var(--cmty-font-family);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0; 
    color: var(--cmty-neutrals-web-gray190);
}

.aside-blog-detail-wrap.aside-blog-detail-related-post{
    padding: 0;
}
.aside-blog-detail-wrap.aside-blog-detail-related-post .card-wrap-inner{
    border-bottom: 1px solid var(--cmty-neutrals-web-gray210);
}
.aside-blog-detail-wrap.aside-blog-detail-related-post .card-wrap-inner:last-child{
    border-bottom: 0;
}
.aside-blog-detail-wrap.aside-blog-detail-related-post .card-content-container{
    padding: 16px 20px;
}
.aside-blog-detail-related-post .card-user a{ 
    font-family: var(--cmty-font-family);
    font-weight: 600;
    font-size: 12px;
    color: var(--cmty-neutrals-web-gray190); 
    line-height: 14px;
}
.blog-detail-aside-posted-on{
    color: var(--cmty-black-dark40);
    font-size: 12px;
    /*display: flex;*/
    gap: 5px;
}
.aside-blog-detail-related-post .card-time-tag .date-time{
    font-weight: 400;
    color: var(--cmty-black-dark40);
}
.aside-blog-detail-related-post .card-like img{
    width: 12px;
    height: 13px;
    vertical-align: baseline;
}
.aside-blog-detail-related-post .card-like{
    font-family: var(--cmty-font-family);
    font-weight: 400;
    font-size: 11px;
    color: var(--cmty-neutrals-web-gray130);
    line-height: 16px;
}
.aside-blog-detail-related-post .card-like span{
    display: flex;
    gap: 4px;
    align-items: center;
}
.blog-detail-share#forumthread_share{
    display: block;
}
.like-and-report-spam.like-and-report-spam{
    padding-right: 0;
    justify-content: flex-start;
    position:relative;
}
.edit-blog-post-comment.edit-blog-post-comment img{
    width: 14px;
    height: 14px;
    margin-right: 4px;
}
ul#comment-paginated-list{  
    background-color: var(--cmty-body-bg-color);
}
ul#comment-paginated-list li{
   margin-top: 24px;
}
.dyc-full-post.dyc-full-post {
    background: var(--cmty-white);
    box-shadow: none;
    border-radius: 0;
    padding: 20px;
    margin-top: 0;
    border-radius: 8px;
}
.dyc-full-post .comments-psoted-date-time{
    font-family: var(--cmty-font-family);
    font-weight: 400;
    font-size: 12px;
    color: var(--cmty-neutrals-web-gray190);
    line-height: 14px;
}
ul#comment-paginated-list .dyc_userInfo{
    display: block;        
}
ul#comment-paginated-list .post-by{
    padding: 0;
}
ul#comment-paginated-list .post-by a.dc-blog-author{
    font-family: var(--cmty-font-family);
    font-weight: 600;
    font-size: 12px; 
    line-height: 14px;
}
.crmEntityFormView .cell{
    padding: 0 0px 20px;
}
.blog-post-allcomments .pagination{ background: var(--cmty-body-bg-color);}
.blog-post-allcomments .pagination li{
        margin-top: 36px
}
#InsertButton#InsertButton:focus{
    outline-offset: initial;
    outline: 3px dotted var(--cmty-black) !important;
}
.thread-reply-post-button{
    font-family: var(--cmty-font-family);
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: 0;
    color: var(--cmty-dymamics-primary);
    font-size: 14px;
    font-weight: 600;
    gap: 6px;
}
.thread-reply-post-button .ms-Icon{
    font-size: 20px;
    font-weight: 600;
}
.thread-reply-post-button:hover, .thread-reply-post-button.hover,
.thread-reply-post-button.focus, .thread-reply-post-button:focus,
.thread-reply-post-button.active, .thread-reply-post-button:active,
.thread-reply-post-button.active.hover,
.thread-reply-post-button:active:hover, .thread-reply-post-button.active:hover,
.thread-reply-post-button:active:focus, .thread-reply-post-button.active:focus,
.thread-reply-post-button:active.focus, .thread-reply-post-button.active.focus{
    background: none;
    border: 0;
    color: var(--cmty-neutrals-web-gray160); 
    text-decoration: none;
    margin-bottom: 5px;
}
.reply-this-blog-post{
    display:none;
}
#EntityFormPanel.crmEntityFormView, #EntityFormPanel .actions{ 
    background: var(--cmty-white);
    border: none;
    margin: 0;
    padding: 0;
}

.ms-Button.ms-Button--primary {
    background-color: var(--cmty-communication-blue);
    color: var(--cmty-white);
    border-color: var(--cmty-communication-blue);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 6px 20px;
}
.ms-Button--default{
    font-weight: 600;
    font-family: var(--cmty-font-family);
    color: var(--cmty-neutrals-web-gray160);  
    line-height: 20px;
    font-size: 14px;
    background: var(--cmty-white);
    border: 1px solid var(--cmty-neutrals-web-gray330);
    border-radius: 8px;
    padding: 6px 12px;
    height: auto;
}
.ms-Button--default:hover, .ms-Button--default:focus { 
    border-color: var(--cmty-neutrals-web-gray110); 
}
button.ms-Button.ms-Button--default:active:hover,
button.ms-Button.ms-Button--default:active:focus,
button.ms-Button.ms-Button--default:active.focus,
button.ms-Button.ms-Button--default.active:hover,
button.ms-Button.ms-Button--default.active:focus,
button.ms-Button.ms-Button--default.active.focus { 
    background-color: var(--cmty-neutrals-web-gray300);
    border-color: var(--cmty-neutrals-web-gray330);
}
.ms-Button--default .ms-Button-label.ms-Button-label{
    font-weight: 600;
    font-family: var(--cmty-font-family);
    color: var(--cmty-neutrals-web-gray160);  
    line-height: 20px;
    font-size: 14px;    
}
.ms-Button--default img{
    width: auto;
    height: 17px;
}

@media (max-width: 393px){
  .blog-create-btn, .blog-top-filter{
        flex-direction: column;
    } 
}

 /*leaderboard_reward_card*/
a.dc-leaderboard-blog-card, .dc-leaderboard-blog-card  {
    background: var(--cmty-white);
    border-radius: 8px;
    padding: 12px;
    margin-top: 12px;
    display: block;
    text-decoration: none;
outline: none !important;
}
a.dc-leaderboard-blog-card:hover {
    text-decoration: none !important;
} 
a.dc-leaderboard-blog-card p, .dc-leaderboard-blog-card  p{
    font-weight: 400;
    font-family: var(--cmty-font-family);
    color: var(--cmty-neutrals-web-gray190);  
    line-height: 20px;
    font-size: 14px;
    margin:0 0 8px;
}
.dc-leaderboard-blog-card .ledboard-card > .msd-flex{
    min-height: 50px;
}
.dc-leaderboard-blog-card .ms-profile-sm, .dc-leaderboard-blog-card .ms-profile-lg, .dc-leaderboard-blog-card .ms-profile-md, .dc-leaderboard-blog-card .ms-profile-xl {
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    position: relative;
    vertical-align: middle;
    flex-shrink: 0;
    overflow: hidden;
}
.dc-leaderboard-blog-card .ug-avatar {
 
}
.dc-leaderboard-blog-card span.ug-avatar {
    line-height: initial !important;
    overflow: hidden;
    display: inline-block;
    color: var(--cmty-white); 
    font-style: normal;
    font-weight: 500;
    line-height: 20px; 
    font-size: var(--cmty-font-size-sm); 
}
.dc-leaderboard-blog-card p.ug-avatar-wrap{   
 
}
.dc-leaderboard-blog-card span.ug-avatar.sidepan-registered-member-name{
    color: var(--cmty-dymamics-primary);   
    word-break: break-all;
    vertical-align: middle;
}
.dc-leaderboard-blog-card .msd-user-rank {
    color: var(--cmty-black);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    margin-right: 4px; 
    width: 20px;
}
.dc-leaderboard-blog-card .ms-profile-lg {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dc-leaderboard-blog-card .msd-user-rank.font-size-lg {
    color: var(--cmty-neutrals-web-gray190);
    font-size: 16px;
    font-style: normal;
}
.dc-leaderboard-blog-card .msd-user-rank > span {
    color: var(--cmty-neutrals-web-gray130);
    vertical-align: top;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
}
.dc-leaderboard-blog-card .star-point, .dc-leaderboard-blog-card .led-star-profile {
    font-size: 10px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    color: var(--cmty-neutrals-web-gray130);
    margin-left: 2px;
}
.dc-leaderboard-blog-card .led-star-profile img{
    width: 11px;
    height: 11px;
}
.dc-leaderboard-blog-card .led-star {
    background: url(/img_led_star.svg) no-repeat right center;
    width: 9px;
    height: 9px;
}
.dc-leaderboard-blog-card .msd-ledboard-total-points {
    font-size: 12px;
}
.dc-leaderboard-card-link {
    color: var(--cmty-neutrals-web-gray190);
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    border: 1px solid var(--cmty-neutrals-web-gray330);
    border-radius: 4px;
    padding: 5px 12px;
}
.dc-leaderboard-card-link .ms-Icon{
    font-size: 10px;
    font-weight: 600;
    margin-left: 4px;
}
@media screen and (max-width: 639.9px){
    .dc-leaderboard-blog-card span.ug-avatar.sidepan-registered-member-name{   
        word-break: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 125px;
    }
}
.dc-horizontal-line {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid var(--cmty-neutrals-web-gray210);
}
/*leaderboard_reward_card end*/
ul.quick-links{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.quick-links li{
    list-style: none;
    margin:0;
    padding: 0;
    border-bottom: 1px solid var(--cmty-neutrals-web-gray210);
}
ul.quick-links li:last-child{
    border-bottom: none;
}
ul.quick-links li a{ 
    margin: 0;
    padding : 0;
    font-weight: 600;
    font-family: var(--cmty-font-family);
    color: var(--cmty-dymamics-primary);  
    line-height: 20px;  
    font-size: 14px;
    text-decoration: none;
} 
/* Start setting video width and height */ 
.gallery_video_main {
    width: 75%;
    height: 451px;
}

.card-video-top {
    width: 40%;
}

@media(max-width:320px) {
    .dc-blog-story-card.dc-stories {
        flex-direction: column !important;
    } 
    .card-video-top {
        width: 100%;
    } 
    .gallery_video_main {
        height: 280px;
    }
}

@media(max-width:1024px) {
    .gallery_video_main {
        width: 100%;
    }
}
/* End setting video width and height */ 
/* You Tube Button Starts */ 
.youtube-play-button {
    background: red;
    border-radius: 50% / 10%;
    color: var(--cmty-white);
    font-size: 1.2em; /* change this to change size */
    height: 3em;
    margin-left: -36px;
    margin-right: -36px;
    left: 50%;
    top: 40%;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: 0.1em;
    transition: all 150ms ease-out;
    width: 4em;
 } 
.youtube-play-button:hover {
    background: darkorange;
} 
.youtube-play-button::before {
    background: inherit;
    border-radius: 5% / 50%;
    bottom: 9%;
    content: "";
    left: -5%;
    position: absolute;
    right: -5%;
    top: 9%;
} 
.youtube-play-button::after {
    border-style: solid;
    border-width: 1em 0 1em 1.732em;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
    content: ' ';
    font-size: 0.75em;
    height: 0;
    margin: -1em 0 0 -0.75em;
    top: 50%;
    position: absolute;
    width: 0;
} 
.youtube-player{
    /**width:100%;
    background-color:black;
    position: relative;
    cursor: pointer;
    max-height:360px;**/
    height:100%; 
    /**overflow:hidden;
    display: block;
    padding-bottom: 56.25%;
    padding-bottom: 44%;
    max-height: 1em;**/
    display: flex;
    justify-content: space-around;
    position: relative;
} 
.youtube-player-update{
    padding: 0;
    max-height: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.youtube-player > img{
    /**-webkit-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;**/
    /*    width: 666px;
    */
    min-width: 100%;
    width: 100%;
} 
.youtube-player iframe{
    width:666px;
    height: 375px;
}
.youtubethumbnail{
    bottom: -100%; 
    display: block; 
    left: 0; 
    margin: auto; 
    max-width: 100%; 
    width: 100%;
    height:50%; 
    position: absolute; 
    right: 0; 
    top: -100%;
} 
.youtube-play-button:focus {
   outline: 2px dashed darkorange;
    outline-offset: 2px; 
}

/* You Tube Button End */
.gallery_video_main_blogpost {
    width: 75%;
    height: 480px;
    margin: 20px 0;
} 
.gallery_video_main_blogpost_v2 {
    width: 100%;
    height: auto;
    margin: 20px 0;
} 
.gallery_video_main_gallerypost {
    width: 100%;
    height: auto;
    margin: 20px 0;
} 
.youtube-cover-image {
    object-fit: cover;
}

/**=============blog detail page====================**/

@media (prefers-contrast: more) {
    .card-wrap, .blog-hero-banner.communityBlogs{ 
    border: 1px solid var(--cmty-black);
    } 
    .card-like img, .cardView-listView img, .card-share img, .card-edit img, .card-report img {
        filter: invert(70%) sepia(0) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);
    }
}
.msd-flex-gap-0{
gap: 0 !important;
}
/* added */
@media screen and (max-width: 426px) {
  .hero-pane-title {
    font-size: clamp(16px, 5vw, 22px);
    line-height: 1.2em;
    }
   #hero-pane-subtitle{
    font-size: clamp(14px, 4.5vw, 20px) !important;
    }
}
.msd-pd{
    padding-top: 20px;
    padding-bottom: 20px;
}
/* ended */