/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.7
	Stable tag: 3.4.7
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/*NEWS*/

/* Container Grid */
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 Kolom */
    gap: 20px; /* Gap antar card */
    width: 100%;
}

/* Base Card */
.news-card {
    display: flex;
    flex-direction: column;
    border-radius: 0; /* Border radius 0 */
    overflow: hidden;
}

/* Image Styling */
.news-image {
    height: 200px;
    background-size: cover;
    background-position: center;
    width: 100%;
}

/* Text Group Styling */
.news-text-group {
    border: 1px solid #E2E8F0; /* Border sesuai permintaan */
    padding: 30px; /* Padding sesuai permintaan */
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Content Details */
.news-date {
    font-size: 0.85rem;
    color: #718096;
    display: block;
}

.news-title {
    font-size: 1.25rem;
    margin: 0 0 15px 0;
    line-height: 1.4;
}

.news-title a {
    text-decoration: none;
    color: #2D3748;
}

.news-excerpt {
    font-size: 0.95rem;
    color: #4A5568;
    line-height: 1.6;
    margin: 0;
}

/* Responsive (Mobile) */
@media (max-width: 480px) {
    .news-grid {
        grid-template-columns: 1fr; /* Jadi 1 kolom di HP */
    }
}

.vert_list .news-grid{
	display: flex;
	flex-direction: column;
}
.vert_list .news-grid .news-card{
	flex-direction: row;
}
.vert_list .news-grid .news-card a.news-image-link{
	width: 34%;
}
.vert_list .news-grid .news-card .news-text-group{
	width: 66%;
}

.news-meta{
	display: flex;
	column-gap: 20px;
	align-items: center;
	margin-bottom: 10px;
}
.news-meta .news-category-label{
	font-size: 14px;
	color: #3778BA;
	font-weight: 700;
}

/*HEADER*/
#tahefobu-header.ta-sticky-active, .turbo-header-template.ta-sticky-active{
	background: #fff !important;
}
.elementor-14 .elementor-element.elementor-element-22640b2 nav.tahefobu-nav-menu-horizontal{
	display: flex;
	justify-content: center;
}
.elementor-14 .elementor-element.elementor-element-22640b2 .tahefobu-nav-menu{
	display: inline-block;
	padding: 4px;
	background: rgba(255,255,255,0.8);
	-webkit-backdrop-filter: blur(3px);
  	backdrop-filter: blur(3px);
	border-radius: 40px;
	border: 1px solid #fff;
	box-shadow: 0 4px 16px rgba(0,0,0,0);
	transition: all ease-out 0.3s;
}
.ta-sticky-active .elementor-14 .elementor-element.elementor-element-22640b2 .tahefobu-nav-menu{
	box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
#tahefobu-header.ta-sticky-active, .turbo-header-template.ta-sticky-active{
	background: rgba(255,255,255,0) !important;
}

/*FOOTER*/
.turbo-footer-template > .elementor .e-paragraph-base{
	font-size: 14px;
	color: #334155;
	line-height: 160%;
}
.turbo-footer-template .elementor-widget-container nav li{
	width: 100%;
	margin: 0 !important;
}
.turbo-footer-template .elementor-widget-container nav li a{
	padding: 8px 0 !important;
}
.turbo-footer-template h6{
	font-size: 14px !important;
    color: #3778BA !important;
    letter-spacing: 3px !important;
}