/* Container Layout Flex Configuration */
.wortal-blog-container {
    display: flex;
    gap: 60px;
    max-width: 80vw;
    margin: 0 auto;
    padding: 60px 20px;
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;*/
    align-items: flex-start; /* CRITICAL FOR STICKY TO WORK */
}

/* NATIVE HARDWARE STICKY SIDEBAR LOGIC BLOCK CONFIG */
.wortal-sidebar { 
    width: 30%; 
    flex-shrink: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 40px; /* Offset spacing height margin from top viewport edge when scrolling */
    z-index: 100;
	border-right: 1px solid #E0E0E0;
}
.wortal-main-content { width: 70%; }

/* Ajax smooth target transitional animations stylesheet */
#wortal-ajax-target {
    transition: opacity 0.25s ease-in-out;
}

/* Fallback message padding box layout */
.no-posts-fallback {
    padding: 60px;
    text-align: center;
    background: #F9FAFB;
    border-radius: 12px;
    color: #6B7280;
}

/* Remaining styling structures configured identical to visual layout */
.wortal-search-box{padding: 40px 10% 0px 30%}
.wortal-search-box input { width: 100%; padding: 12px 20px; border: 1px solid #E0E0E0; border-radius: 100px; font-size: 14px; outline: none; box-sizing: border-box; border: 1px solid #FF4000; color:#363636;}
.wortal-category-pills { list-style: none; padding: 0px 10% 30px 30%; margin: 25px 0 50px 0; }
.wortal-category-pills li { margin-bottom: 12px; cursor: pointer; }
.wortal-category-pills li a { display: block; text-align: center; padding: 10px 30px; border: 1px solid #E0E0E0; border-radius: 149px; color: #333333; text-decoration: none; font-size: 16px; font-weight: 600; transition: all 0.2s ease; }
.wortal-category-pills li.active-pill a, .wortal-category-pills li a:hover { background-color: #363332; color: #FFFFFF; border-color: #363332; }
.wortal-sidebar-cta { border-top: 1px solid #E0E0E0; padding-top: 40px; padding-left: 10px; padding-right: 30px;}
.wortal-sidebar-cta h3 { font-size: 24px; line-height: 1.4; margin: 0 0 15px 0; font-weight: 700; color: #333333; }
.wortal-sidebar-cta p { font-size: 16px; color: #8C8C8C; line-height: 1.6; margin-bottom: 25px; }
.cta-buttons { display: flex; flex-direction: row; gap: 12px; }
.btn-orange, .btn-orange:hover { background-color: #FF4000; color: #FFFFFF; text-align: center; padding: 12px 24px; border-radius: 30px; text-decoration: none; font-size: 14px; font-weight: 600; }
.btn-text, .btn-text:hover { color: #FF4000; text-decoration: none; font-size: 14px; font-weight: 600; text-align: center; padding: 12px; border: 1px solid #D0D0D0; border-radius:100px; }
.wortal-blog-header .header-tag { font-size: 16px; color: #FF4000; background: #FFF; padding: 5px 15px; border-radius: 10px; font-weight: 500; border: 1px solid #E0E0E0; }
.wortal-blog-header h1 { font-size: 64px; margin: 15px 0; font-weight: 600; color: #333333; }
.wortal-blog-header p { font-size: 16px; font-weight: 400; color: #333333; line-height: 1.6; max-width: 800px; margin-bottom: 40px; }
.wortal-featured-card { display: grid; grid-template-columns: 1.1fr 0.9fr; background: #F7F7F5; border-radius: 30px; overflow: hidden; margin-bottom: 40px; }
.featured-img-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; padding: 20px; width: 480; border-radius: 30px;}
.featured-info-wrapper { padding: 20px 0px; display: flex; flex-direction: column; justify-content: start; }
.card-badge-top { font-size: 12px; letter-spacing: 1px; color: #8C8C8C; font-weight: 400; margin-bottom: 12px; display: inline-block; padding: 10px; border: 1px solid #E0E0E0;width: fit-content;border-radius: 7px;}
.featured-info-wrapper h2 { font-size: 30px; line-height: 1.35; margin: 0 0 15px 0; font-weight: 500; color:#333333; }
.featured-info-wrapper h2 a { color: #333333; text-decoration: none; font-weight}
.wortal-grid-card h3 a { font-size:16px; font-weight:700; color: #333333; text-decoration: none; }
.wortal-grid-card p {font-size:14px; font-weight:400; color:#8C8C8C;}
.featured-info-wrapper p { color: #8C8C8C; font-size: 16px; line-height: 1.6; margin: 0 0 25px 0; font-weight: 400; }
.author-meta-block { display: flex; align-items: center; gap: 12px; }
.author-meta-block img { border-radius: 50%; object-fit: cover; border: 1.5px solid #B8B8B8; }
.meta-text { font-size: 16px; color: #8C8C8C; font-weight:400; }
.meta-text strong { color: #8C8C8C; font-weight: 400; }
.wortal-mid-newsletter { display: flex; justify-content: space-between; align-items: center; background: #F7F7F5; padding: 30px 40px; border-radius: 19px; margin-bottom: 50px; gap: 30px; }
.newsletter-txt h3 { font-size: 20px; margin: 0 0 8px 0; font-weight: 700; color:#333333; }
.newsletter-txt p { font-size: 16px; color: #454545; margin: 0; line-height: 1.5; font-weight: 400;}
.newsletter-input-wrap { display: flex; background: #FFFFFF; border: 1px solid #D0D0D0; border-radius: 100px; padding: 4px 6px; width: 100%; max-width: 360px; flex-shrink: 0; }
.newsletter-input-wrap input { border: none; outline: none; padding: 10px 15px; width: 100%; font-size: 14px; background: transparent; color:#8C8C8C; }
.arrow-submit { background-color: #FF4000; color: #FFFFFF; border: none; width: 38px; height: 38px; border-radius: 50%; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; flex-shrink: 0; }
.wortal-posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 30px; }
.wortal-grid-card { display: flex; flex-direction: column; border: 1px solid #E0E0E0; padding: 20px; border-radius: 22px;}
.card-thumb img { width: 100%; height: 230px; object-fit: cover; border-radius: 12px; display: block; margin-bottom: 15px; }
.card-details h3 { font-size: 16px; line-height: 1.4; margin: 0 0 10px 0; font-weight: 700; }
.card-details p { font-size: 13.5px; color: #6B7280; line-height: 1.6; margin: 0 0 20px 0; }
.card-details .author-meta-block { margin-top: auto; }
.explore-more-container { text-align: center; margin-top: 60px; }
.explore-more-btn { display: inline-flex; align-items: center; gap: 10px; color: #FF4000; text-decoration: none; font-weight: 600; font-size: 15px; transition: gap 0.2s; }
.explore-more-btn:hover { gap: 15px; }
.author-meta-block{ margin-top: auto;}

.card-details {
    display: flex;
    flex-direction: column;
    flex: 1;
}

@media(max-width: 1024px) {
    .wortal-blog-container { flex-direction: column; align-items: stretch; gap: 40px; }
    .wortal-sidebar { width: 100%; position: static; } /* Disables sticky positioning on mobile device layouts cleanly */
    .wortal-main-content { width: 100%; }
    .wortal-posts-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width: 640px) {
    .wortal-featured-card { grid-template-columns: 1fr; }
    .wortal-mid-newsletter { flex-direction: column; align-items: stretch; }
    .wortal-posts-grid { grid-template-columns: 1fr; }
}


@media (max-width: 991px) {
	.wortal-blog-container{
		max-width:100vw;
		margin:0px 16px;
		padding:0px 0px;
	}
	
	.wortal-search-box {
		padding:10px;
	}
	
	.wortal-category-pills{
		padding: 10px;
	}
	
	.wortal-sidebar-cta {
		padding: 30px 10px;
	}
	
	.wortal-blog-header h1{
		font-size: 30px;
		
	}
	
	.featured-info-wrapper, .wortal-mid-newsletter{
		padding:20px;
	}
	.explore-more-container{
	    padding-bottom: 30px;
	}
}