﻿.heading-gap{margin-bottom: clamp(2rem, 4vw, 3.75rem);}

.hero-cat-btn{border-color:var(--PrimaryClr)!important; color:var(--PrimaryClr);}
.hero-title{font-size: var(--HeadingTwo); line-height: calc( var(--HeadingTwo) + 1rem );}

.blog-detail-outer{}

.blog-sidebar{row-gap:36px; top: 100px;}

.blog-article-search .form-control{border-color: #BDBDBD99 !important;padding: 10px 12px 10px 40px;font-size: 14px;transition: all 0.5s ease;}
.blog-article-search .form-control:focus{border-color:var(--PrimaryClr)!important;}
.blog-article-search .form-control::-webkit-input-placeholder {color:#BDBDBD;}
.blog-article-search .form-control::-moz-placeholder {color:#BDBDBD;}
.blog-article-search .form-control:-ms-input-placeholder {color:#BDBDBD;}
.blog-article-search .form-control:-moz-placeholder {color:#BDBDBD;}
.search-btn{background: url('../images/search.svg') no-repeat center;width: 46px;height: 100%;background-size: 20px;text-indent: -9999px;}

.blog-toc h3{font-size:18px;}
.blog-toc li{border-color: #D9D9D9!important; font-size: 14px;}
.blog-toc li a:hover{color: var(--PrimaryClr)!important;}

.resources-newsletter *{margin:0px;}
.resources-newsletter{row-gap:15px;}
.resources-newsletter h3{font-size:20px;}
.resources-newsletter p{color: #262626; line-height:160%;}
.resources-newsletter label{font-size: 14px; color: #727272;}
.resources-newsletter span{font-size:12px; color: #999999;}

.rn-group{column-gap: 15px;}
.rn-group .form-control{border-color: #BDBDBD99 !important; padding: 10px 12px 10px 12px;font-size: 14px;transition: all 0.5s ease;}
.rn-group .btn-primary{font-size: 14px;}
.rn-group .btn-primary:hover{transform: translateY(0px);}

.tags-widget{border-radius: calc( var(--BorderRadius) / 2 ); border-color: #D9D9D9!important;}
.tags-widget{font-size: 1; row-gap: 1rem;}

.tags-list a{font-size: 13px; border-color:#BDBDBD66!important; background: #F1F1F1;}
.tags-list a:hover{background: var(--PrimaryClr); border-color: var(--PrimaryClr)!important; color: var(--WhiteClr)!important;}

.blog-social-widget{border-radius: calc( var(--BorderRadius) / 2 ); border-color: #D9D9D9!important;}
.blog-social a{width: 34px; height: 34px; margin-left: 10px; background:#1d02a52d; border: 1px solid 1d02a52d;}
.blog-social a img{max-width:14px;transition: transform 0.6s ease;}
.blog-social a:hover{background:var(--PrimaryClr); border-color:var(--PrimaryClr); transform: scale(1.1); }
.blog-social a:hover img{transform: scale(1.2); }

.rs-author figure{width:70px; border-color:#F2F2F2!important;}

.summary{border-left: solid 5px var(--PrimaryClr); background: #e0e1ff; line-height: 180%;}
.summarized-text{  font-size: clamp(16px, 1.8vw, 20px);}

.blog-content h2{font-size: clamp(22px, 2.8vw, 28px); scroll-margin-top: 100px;}
.blog-content h3{font-size: clamp(18px, 2.4vw, 24px);}
.blog-content p{line-height:190%; margin-bottom: 2rem; color: var(--BlackClr);}
.blog-content a{color: var(--PrimaryClr);}

.blog-content ul{list-style: none; padding: 0px; margin: 0px;}
.blog-content ul li{position: relative; padding-left: 1.4rem; padding-bottom:0.875rem;}
.blog-content ul li:before{content: ''; position: absolute; background: var(--BlackClr); left: 0px; top:11px; width: 4px; height: 4px; border-radius: 100%;}

.blog-content thead th{background: var(--PrimaryClr)!important;}

.blog-content .accordion-button {
    font-size: clamp(1.1rem, 20px, 20px);
    line-height: 1.6rem;
    padding: clamp(1.25rem, 2vw, 1rem);
}

.related-insights{border-left: solid 5px var(--PrimaryClr); background: #e0e1ff; line-height: 180%;}
.related-insights p a{color: var(--PrimaryClr); text-decoration: underline;}

.blog-footer-author figure{width:120px; height:120px;}
.blog-footer-author h3{font-size: clamp(22px, 2.8vw, 28px);}


@media all and (min-width:960px){
  .hero-cat-btn{font-size: 20px;}
  .tags-widget{grid-template-columns:80px 1fr;}
  .blog-content p{font-size:18px;}

  .blog-footer-author{grid-template-columns: 120px 1fr;}
  .blog-footer-author p{font-size:18px; line-height: 200%;}
}

@media all and (max-width:767px){
  .hero-title {line-height: calc(var(--HeadingTwo) / 1.1rem);}
  .blog-detail-outer{padding-top: 0px;}
  .blog-sidebar{row-gap:30px;}
  .rs-author figure{width:50px}

  .blog-content table tr th{font-size: 14px;}
  .blog-content table tr td{font-size: 14px;}
}
