/* 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 .mainHeading {
font-size: 1.5rem;
font-weight:600;
line-height: 1.2;
color: var(--color-black);
letter-spacing: 0;
margin-bottom: 5px;
font-family: var(--font-family-heading);
}
.webContent .subHeading {
font-size: 1.2rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-black);
font-family: var(--font-family-heading);
}
.webContent .smallHeading{
font-size: 1rem;
font-weight:500;
line-height: 1.2;
color: var(--color-black);
letter-spacing: 0;
margin-bottom: 5px;
font-family: var(--font-family-heading);
}
.webContent p {font-size: 1rem;}
.webContent p .webContent span, .webContent strong, .webContent b{
font-weight:400;
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;
}
.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:350px;
display:block;
margin:0 auto;    
}
.article-card .card img{
max-width: 100%;
border-radius: 5px; 
object-position: center;
object-fit: cover;
height:185px;
display:block;
margin:0 auto;
}
.article-card-1 .card img {
max-width: 100%;
border-radius: 5px; 
object-position: center;
object-fit: cover;
height:140px;   
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;   
}
.related-articles .article-card-1 a{display:block; text-decoration:none; border-bottom:1px solid #ddd;}
/*** 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;
}

@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;}
}