.taglib-asset-categories-summary a {
    border: 2px solid #0A0532 !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    color: #0A0532;
    margin-bottom: 6px;
    display: inline-block;
    margin-right:15px;
    line-height:18px;

    font-weight:500;
    &:hover{
           color: #0A0532;
    }
}
.container.blog-search.blog-detail-search ul.form {
    display: block;
}
.blog-search  ul.form  .first {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.blog-search ul.form  .first input{
    background:transparent;
    color:#fff;
}
.portlet-blogs .widget-mode-detail{
    padding:0px;
}
.blog-search .first input:active, .blog-search .first input:focus, .blog-search .first input:focus-visible {
    border: 1px solid #ccc !important;
}
.blog-search  ul.form  li.last {
    width: 100%;
}
.blog-search  ul.form  li.last .action{
    display:inline-block;
}
.portlet-blogs fieldset .cover-image {
    margin-top: 30px;
    background-size: cover;
}
.blog-detail-links{
    margin-bottom:30px;
    margin-top:30px;
}
.blog-previous {
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    font-family: 'saans_hayssemibold';
}
.blog-detail-links .blog-previous:before {
     content: '';
     height: 0;
     position: absolute;
     top: 3px;
     left: 0;
     border-top: 9px solid transparent;
     border-bottom: 9px solid transparent;
     width: 0;
     border-right: 9px solid #2173FF;
}
.blog-detail-links .blog-previous:hover:before {
    border-right: 9px solid #0F42BE;
}
.blog-next {
    position: relative;
    padding-right: 20px;
    font-size: 18px;
    font-family: 'saans_hayssemibold';
}
.blog-detail-links .blog-next:after{
        position: absolute;
        content: '';
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 9px solid #2173FF;
        right: 0;
        top: 3px;
}
.blog-detail-links .blog-next:hover:after{
        border-left: 9px solid #0F42BE;
}
.portlet-blogs h3.title a{
    color:#0A0532 !important;
}
.portlet-blogs h3.title a:hover{
   color:#50ADFF !important;
}

@media(max-width:767px){
    .container.blog-search.blog-detail-search {
        align-items: flex-start;
    }
    .container.blog-search.blog-detail-search ul.form {
        padding: 1rem 0;
    }
    #main-content section{
        padding-top:0px !important;
    }
}