/* Custom CSS */
body { background: #020E1A; font-family: 'Avenir', serif; }
:root{--brandOrange:#FF6101;--brandBlue:#2E7AD3;--brandLightBlue:#5882e9;--brandDarkBlue:#0B1A28;}
.contentArea{background-image:url(../img/landing.png);background-repeat:no-repeat;background-position: top center;}
.bg-category-1{background-image:url(../img/section1-bg1.png);background-repeat:no-repeat;background-position: top center;background-size: contain;} 
.bg-category-2{background-image:url(../img/section2-bg1.png);background-repeat:no-repeat;background-position: top center;background-size: contain;} 
.bg-category-3{background-image:url(../img/section3-bg1.png);background-repeat:no-repeat;background-position: top center;background-size: contain;} 
.footerSection .border-top{border-color:var(--brandOrange), 0.5 !important;}

.disabled{
	opacity:0.2;
	pointer-events:none;
}

.brandText{color:var(--brandOrange);}
.brandBg{background-color:var(--brandOrange);color: #FFF;}
.brandDarkBg {background-color:var(--brandDarkBlue);}
.text-info {color:var(--brandLightBlue) !important;}
.brandBtn, .brandBtn:hover, .brandBtn:focus, .brandBtn:focus-visible, .brandBtn:active{background-color:var(--brandOrange) !important; border-color:var(--brandOrange) !important; color:#FFF;}
.brandBtn-outline{background-color: transprent !important;border:1px solid var(--brandOrange) !important;color:var(--brandOrange);}
.brandBtn-outline:hover, .brandBtn:focus, .brandBtn:focus-visible, .brandBtn:active{background-color:var(--brandOrange) !important; border-color:var(--brandOrange) !important; color:#FFF;}


.footerTitleText{font-size:20px;}
p, .categoryPost{font-size:20px;}
/* ul li, ol li{font-size:20px;} */
.categoryPostTitle{font-size:46px;}
.rootsText{font-size:16px;}
.footerSubText{font-size:16px;}
.postBodytext{font-size:18px;}
.rootsTitle{font-size:28px;}
.hero-box h2{font-size:28px;}
.categoryPost h3{font-size:28px;}
h2, h3, h4{font-size:28px;}
.blogCard h5{font-size:18px;}
.blogCard p{font-size:16px;}

.avenirFontLight{font-family: Avenir Light;}
.avenirFontRegular{font-family: Avenir;}

@font-face{font-family:'Baskervville';src:url('../fonts/Baskervville-Regular.eot');src:url('../fonts/Baskervville-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Baskervville-Regular.woff2') format('woff2'),url('../fonts/Baskervville-Regular.woff') format('woff'),url('../fonts/Baskervville-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'Baskervville';src:url('../fonts/Baskervville-Bold.eot');src:url('../fonts/Baskervville-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Baskervville-Bold.woff2') format('woff2'),url('../fonts/Baskervville-Bold.woff') format('woff'),url('../fonts/Baskervville-Bold.ttf') format('truetype');font-weight:bold;font-style:normal;font-display:swap;}
@font-face{font-family:'Avenir';src:url('../fonts/Avenir-Roman.eot');src:url('../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),url('../fonts/Avenir-Roman.woff2') format('woff2'),url('../fonts/Avenir-Roman.woff') format('woff'),url('../fonts/Avenir-Roman.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'Avenir Light';src:url('../fonts/Avenir-Light.eot');src:url('../fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Avenir-Light.woff2') format('woff2'),url('../fonts/Avenir-Light.woff') format('woff'),url('../fonts/Avenir-Light.ttf') format('truetype'),url('../fonts/Avenir-Light.svg#Avenir Light') format('svg');}

.Avenir-text{font-family: 'Avenir';}
.baskervville-text{font-family: 'Avenir';}
.category-top{margin-top: 9rem;}
.quote_img .img-fluid{height: auto;max-width: 130px;width: 100%;}
.quote_img.border-bottom-dashed{border-color: var(--brandOrange);}

/* Start: Header */
/* .navbar {width:100%;z-index:9;} */
/* .navbar-scrolled{background-color:rgba(0,0,0,0.5) !important;box-shadow:0 3px 10px rgba(0,0,0,0.1);backdrop-filter:blur(6px);} */
/* .nav-link{color:#FFF;border-bottom:2px solid rgba(255,255,255,0.3);max-width:150px;height:48px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;padding:0 12px;} */
/* .nav-link.active{color:#FFF !important;border-bottom:2px solid #ff6101;} */
/* .nav-link:hover{color:#FFF !important;border-bottom:2px solid #ff6101;} */
/* End: Header */

/* Start: Header */
.navbar{width:100%;z-index:9;}
.navbar-scrolled{background-color:rgba(0,0,0,0.5) !important;box-shadow:0 3px 10px rgba(0,0,0,0.1);backdrop-filter:blur(6px);}
.nav-link{position:relative;color:#fff;max-width:150px;height:49px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;padding:0 12px;text-decoration:none;border-bottom:2px solid rgba(255,255,255,0.3);}
.nav-link:hover{color:#FFF !important;}
.nav-link::after{content:"";position:absolute;bottom:-2px;right:0;width:100%;height:2px;background-color:rgba(255,255,255,0.3);transform:scaleX(0);transform-origin:right;transition:transform 0.35s ease,background-color 0.35s ease;}
.nav-link:hover::after{transform:scaleX(1);transform-origin:left;background-color:#ff6101;}
.nav-link.active::after{transform:scaleX(1);transform-origin:left;background-color:#ff6101;}

.nav-link-normal, .nav-link-normal:hover{position:relative;color:#fff;max-width:150px;height:49px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;padding:0 12px;text-decoration:none;border-bottom: 1px solid transparent !important;}
/* End: Header */


/* Start: Mobile Menu */
.menuBtnMobile{width:42px;height:42px;padding: 0px;}
.mobile-menu {position: fixed; top: 0; right: -300px; height: 100vh; width: 100%; max-width: 300px;background-color: var(--brandDarkBlue); padding: 20px; overflow-y: auto; transition: right .4s ease; z-index: 2001; box-shadow: -13px 0 46px rgb(0 0 0 / 25%);}
.mobile-menu.active { right: 0; }
.menu-overlay {position: fixed; inset: 0; z-index: 2000;background: rgba(0,0,0,.35); backdrop-filter: blur(4px);opacity: 0; visibility: hidden; transition: .4s;}
.menu-overlay.active { opacity: 1; visibility: visible; }
.menu-link {display: block; padding: 10px 12px; border-radius: 8px;font-weight: 500; color: #FFF; text-decoration: none; transition: .25s;}
.menu-link:hover { padding-left: 16px; background: rgba(13,110,253,.08); color: #FFF; }
.simple-cat-link:hover {background: rgba(13,110,253,.08); color: #FFF; padding-left: 14px;}
.mobile-menu .closeMenuBtn {width: 35px; height: 35px;padding: 0px !important;z-index:999;}
/* End: Mobile Menu */

/* Start: home section */
.border-bottom-dashed{border-bottom:1px dashed;}

.userName{padding-right: 15px;}

/* Category pills */
.category-scroll { display:flex; gap:10px; overflow-x:auto; padding:6px 0 14px; border-bottom:1px solid #dcdcdc; }
.cat-link { padding:8px 18px; border-radius:25px; border:1px solid #d0d7e4; background:#f8fafc; color:#374151; }
.cat-link.active, .cat-link:hover { background:#2563eb; color:#fff; border-color:#2563eb; }

/* Post card */
.post-card { background:#fff; border:1px solid #e7e9ed; /* transition:.25s; */ }
/* .post-card:hover { transform:translateY(-4px); box-shadow:0 10px 25px rgba(0,0,0,.07); } */
.post-card:hover {opacity:0.8;} 
.post-thumb img{width:100%;height:200px;object-fit:cover;border-radius:12px;}
.post-content{color:#FFF;margin:auto;}
.post-icons i {font-size: 24px;color: var(--brandOrange);cursor: pointer;}
.post-icons span { color:white; top: -5px; position: relative; padding-left: 6px; padding-right: 10px;}


/* post-view Page */
.hero-wrapper {background: url(../img/post-bg.png);background-repeat: no-repeat;background-size: contain;background-position: top center;padding: 20px 0px 0px 0px;color: white;}
.hero-box { background: var(--brandBlue);padding: 30px;border-radius: 20px;}
.hero-sub {color: #FFF;font-size: 16px;}
.alert-info {color:#000;}
.alert-info a{color:var(--brandOrange);}
.alert-info a:hover{color:var(--brandOrange);}


/* Slider Cards */
.sliderCardNextBack .btn{width:30px;height:30px;}
.inputTextareaBgStyle{background:#0d1a22;border-radius:16px;padding:15px;border:1px solid rgba(255,255,255,0.08);}
.commentWriteBox{border:1px solid #020e1a;background-color:rgb(2 14 26) !important;}
.audioControlerBtn{font-size:13px;width:140px;}

/* Global */
.scrollDownBtn{cursor:pointer;outline: none;border:none;}
.scrollDownBtn:hover, .readMoreBtn:hover, .scrollDownBtn:focus, .scrollDownBtn:active{color:#FFF !important; cursor:pointer;outline: none;border:none;}

.readMoreBtn i{top:3px;position:relative;}
.rootsLine{width:40px; height:2px;}
.rootsText{letter-spacing:0.5px;}
.clamp-1 {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.clamp-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp-3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.ellipsis-h{
	  overflow: hidden;
  text-overflow: ellipsis;

  display: -webkit-box;
  -webkit-box-orient: vertical;

  /* KEY: restrict by height, not line count */
max-height: calc(1.6em * 100); /* large value → flexible */
}
	
.ellipsis1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;	
}
.ellipsis2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;	
}
.ellipsis3{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;	
}
.ellipsis4{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;	
}
.capitalize{text-transform: capitalize;}

.rootsTitle{font-family:'Avenir'; font-weight:normal; font-size:28px; line-height:1.3;}
.rootsBodyText{font-family:Avenir Light; /* font-size:18px; */ font-size:20px; line-height:1.6;}

.readMoreBtn, .scrollDownBtn{font-size:20px; }

/* .viewPostBoxSection li:nth-child(even){background:#252f39;border:1px solid rgba(255,255,255,0.08);word-wrap:break-word;position:relative;}
.viewPostBoxSection li:nth-child(odd){background:#FF0;border:1px solid rgba(255,255,255,0.08);word-wrap:break-word;position:relative;} */

.blogCard {border:1px solid rgba(255,255,255,0.08);word-wrap:break-word;position:relative;}
.blogCard .card-body{line-height:normal; padding: 15px 15px 0px 15px;}
.blogCard .card-body p:last-child{margin-bottom:0px !important;}
.blogCard .card-footer{border: none;}
.viewPostSection:nth-child(odd) .blogCard {background: #252f39;}
.viewPostSection:nth-child(even) .blogCard {background: #47505b;}

/* .blogCard:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0,0,0,0.35);
} */

.heroWrapperSticky .sticky-bar{position:sticky;top:58px;z-index:999;}
.heroWrapperSticky .container{max-width: 1030px;}
.contentArea .container{max-width: 1030px;} 
.viewPostCommentSection .comment-box {max-height: 300px;overflow-y: auto;background: #0D1A22;padding: 15px;border-radius: 16px;border: 1px solid rgba(255,255,255,0.08);color:#FFF;}
.viewPostCommentSection .comment-box li{border-bottom: 1px solid rgba(255,255,255,0.08);}
.viewPostCommentSection .comment-box li:last-child{border-bottom: none;}
.viewPostCommentSection .comment-box .comment {padding: 15px;}
.viewPostCommentSection .comment .author { color:#EAA06F; font-weight:bold; }
.viewPostCommentSection .comment-form {background:#0d1a22;border-radius:16px;padding:15px;border:1px solid rgba(255,255,255,0.08);}
.viewPostCommentSection .commentWriteBox {border: 1px solid #020e1a;background-color: rgb(2 14 26) !important;}
.viewPostCommentSection .commentDate{font-size:12px;color:#FFF;}
.viewPostCommentSection .profile-circle{width:45px;height:45px;border-radius:50%;background:#EAA06F;color:#05101B;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:20px;}
.viewPostCommentSection .comment{border-color:rgba(255,255,255,0.08) !important;}
/* .viewPostCardSlider .card-slider{display:flex;gap:15px;overflow-x:auto;scroll-behavior:smooth;padding:20px;cursor:grab;user-select:none;} */
.viewPostCardSlider .card-slider:active{cursor:grabbing;}
.viewPostCardSlider .card-slider::-webkit-scrollbar{display:none;}
/* .viewPostCardSlider .slide-card{flex:0 0 80%;max-width:300px;} */
.viewPostCardSlider .nav-card{background:#37424C;border-radius:15px;padding:20px;height:100%;transition:transform 0.2s ease;user-select:none;}
 .viewPostCardSlider .nav-card:hover{transform:translateY(-4px);} 
/* .viewPostCardSlider .nav-card:hover{opacity:0.9;} */
@media (min-width:576px){.viewPostCardSlider .slide-card{flex:0 0 50%;}}
@media (min-width:768px){.viewPostCardSlider .slide-card{flex:0 0 33%;}}
@media (min-width:992px){.viewPostCardSlider .slide-card{flex:0 0 25%;}}

.viewPostCardSlider .card-slider {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(100% / 3); /* desktop default */
  gap: 15px;

  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 5px;

  scrollbar-width: none;
}
.viewPostCardSlider .card-slider::-webkit-scrollbar {
  display: none;
}

/* Large tablets */
@media (max-width: 1200px) {
  .card-slider {
    grid-auto-columns: calc(100% / 3);
  }
}

/* Tablets */
@media (max-width: 992px) {
  .viewPostCardSlider .card-slider {
    grid-auto-columns: calc(100% / 2);
  }
}

/* Mobile */
@media (max-width: 576px) {
  .viewPostCardSlider .card-slider {
    grid-auto-columns: 100%;
  }
}


/* form loading popup */
/* Loading Overlay */
.loading-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(2px);
}

.loading-box {
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	padding: 30px 40px;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0 10px 40px rgba(0,0,0,0.4);
}

/* Smooth fade-out */
.fade-out {
	opacity: 0;
	transition: opacity 0.8s ease;
}