/* Google Web Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
/*--color-first:#9c27b0;
--color-second:#6a6a6a;*/
--color-content: #373737;
--color-black: #000;
--light: #f5f5f5;
--bs-sec-rgb:0,2,27;
--font-family-heading:"Inter", sans-serif;
--font-family-sub-heading: "Inter", sans-serif;
--font-family-content: "Inter", sans-serif;
--shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .13);
}
*, ::after, ::before {
    box-sizing: border-box
}
.min-vh-50{min-height: 50vh !important;}
.bg-white-opacity{background: rgba(256, 256, 256, 0.1);}
.block-heading{
    position:relative;
    text-align:center;
}
.block-heading h2{
    background: #fff;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    font-size:1.2rem;
    font-weight:700;
    text-align:center;
    text-transform:uppercase;
    color: var(--color-black);
    font-family: var(--font-family-heading);    
}
.block-heading .heading-line{
    position: absolute;
    max-width: 100%;
    width:100%;
    height: 1px;
    background: #ddd;
    display: inline-block;
    top:35%;
    left: 0;
}
.webContent p {font-size: 1rem;}
.webContent p .webContent span{
font-weight:400;
color:#333;
line-height:1.6;
font-family:var(--font-family-content);
}
.webContent strong, .webContent b{
color:#333;
line-height:1.6;
font-family:var(--font-family-content);    
}
.article-card-large a, .article-card a, .article-card-1 a{text-decoration:none;}
.article-card-large .card-body, .article-card .card-body, .article-card-1 .card-body{padding:0.5rem}
.article-card-large .card, .article-card .card, .article-card-1 .card{
    width: 100%;
    border:0px;
    margin-bottom:1rem;
    transition: 0.3s ease-out;
}
.article-card-large .text-limit-2, .article-card .text-limit-2, .article-card-1 .text-limit-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.article-card .subHeading,.article-card-1 .subHeading{text-transform: capitalize; color: var(--color-first);}
.category-name {
    font-size: 0.85rem;
    font-weight: 500;
    color:var(--color-second);
    text-transform: uppercase;
    margin-bottom:0.2rem;
}
.article-card-large img{
    width: 100%;
    border-radius: 5px; 
    object-position: center;
    object-fit: cover;
    height:315px;
    display:block;
    margin:0 auto;    
}
.article-card .card img{
    max-width: 100%;
    border-radius: 5px; 
    object-position: center;
    object-fit: cover;
    height:275px;
    display:block;
    margin:0 auto;
}
.article-card-1 .card img {
    max-width: 100%;
    border-radius: 5px; 
    object-position: center;
    object-fit: cover;
    height:195px;   
    display:block;
    margin:0 auto;
}

.pagination .page-item.active .page-link, .allTopicsSection .pagination .page-item.active .page-link, .paginationBlock .pagination .page-item.active .page-link {
    background: var(--color-first);
    border-color: var(--color-first);
    color: #fff;
    margin-right:5px;
}
/*** article-details ***/
.article-details h1,.article-details h2,.article-details h3,.article-details h4,.article-details h5,.article-details h6{
    color: var(--color-black);
    font-weight: 700;
    font-family: var(--font-family-heading);
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 0.5rem;    
}
.article-details h1{
    font-size:2.5rem;
    font-weight: 700;
    font-family: var(--font-family-heading);
}
.article-details h2{
    font-size:1.8rem;
    font-weight: 700;
    font-family: var(--font-family-heading);
}
.article-details h3{
    font-size:1.6rem;
    font-weight: 700;
    font-family: var(--font-family-heading);
}
.article-details h4{
    font-size:1.5rem;
    font-weight: 700;
    font-family: var(--font-family-heading);
}
.article-details p, .article-details p span, .article-details span p, .article-details p strong, .article-details span, .article-details a, .article-details p a, .article-details ul li, .article-details ul li strong, .article-details ul li a, .article-details ul li a strong, .article-details ol li, .article-details ol li strong, .article-details ol li a, .article-details ol li a strong{
    color: var(--color-content);
    font-family: var(--font-family-content);
    font-size: 1rem;
    line-height: 1.4;
/*white-space: pre-line;*/
margin-bottom: 0.5rem;
padding-bottom: 0rem;
}
.article-details ol{padding-left: 0}
.article-details ul{padding-left: 15px}
.article-details a, .article-details p a, .article-details ul li a, .article-details ol li a, .article-details span a{color:#3557ff;}
.article-details img{width:100%;height:auto}
/*** related-article ***/
.related-articles .article-card-1 .card{margin-bottom: 0.5rem;}
.related-articles .article-card-1 .card img {
    border-radius:0px; 
    height:90px;   
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.related-articles .article-card-1 a{display:block; text-decoration:none;}
/*** AUTHOR ***/
.byline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.byline .single-post{
    color:var(--color-second);
    width: 100%;
    font-size: 0;
    text-transform: capitalize;
    -webkit-box-align: center;
}
.byline .single-post span {
    font-size:0.85rem;
    line-height:1.4;
    vertical-align: middle;
    color:var(--color-second);
}
.byline .single-post span:not(:first-child):not(.single-post_author):before {
    content: '';
    background:var(--color-second);
    height: 3px;
    width: 3px;
    margin: 0 6px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
}

.more-articles-title{
    font-family: var(--font-family-content);
    font-size:1rem;
    font-weight: 500;    
    margin-bottom: 0;
    text-transform: uppercase;
    color:var(--color-black);   
}

.byline .single-post-meta span {
    font-size: 14px;
    line-height: 21px;
    vertical-align: middle;
}
/*** article category page ***/
.article-page-header a{
    font-family: var(--font-family-content);
    font-size:1rem;
    font-weight: 500; 
    color:var(--color-black);
    text-decoration:none;
    padding-bottom:0.5rem;
}

.article-page-header .article-category-title{
    font-family: var(--font-family-content);
    font-size:1.5rem;
    font-weight: 500; 
    color:var(--color-second);
    text-transform: uppercase;
    margin: 0 0 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

ul.category-btn {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
}

ul.category-btn li{
    font-family: var(--font-family-content);
    color:var(--color-black);
    font-size:1rem;
    margin: 0;
    font-weight: 400;
    padding: 0;
}
ul.category-btn li:not(:last-child) {
    margin-right: 40px;
}
ul.category-btn li a {
    border-radius: 5px;
    box-sizing: border-box;
    font-family: var(--font-family-content);
    font-weight: 400;
    font-size: 0.95rem;
    line-height:1.4;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color:var(--color-black);
}
ul.category-btn li:first-child a {
    padding-left: 0;
}

ul.category-btn li.active a {
    font-weight: 500;
}
ul.category-btn li a:hover, ul.category-btn li.active a {
    border-color:var(--color-second);
    color:var(--color-second);
    transition: all .2s linear;
}

/*** author details ***/
.author-details {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.author-details .author-img {
    display: inline-block;
    width: 35px;
    height: 35px;
}
.author-details .author-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.author-details .author-txt {
    margin-left: 10px;
    width: 80%;
}
.author-details .author-txt span {
    font-size:0.85rem;
    color: #333;
}

@media screen and (min-width:320px) and (max-width:767px){
    .article-card-large .card img, .article-card .card img, .article-card-1 .card img, .related-articles .article-card-1 .card img {height:auto}  
    .article-details h1{font-size:1.9rem;}
    .article-details h2{font-size:1.7rem;}
    .article-details h3{font-size:1.5rem;}
    ul.category-btn{justify-content:center;}
    ul.category-btn li:not(:last-child){margin-right:10px;}
    ul.category-btn li a{font-size: 0.75rem;}
}