/*
Theme Name: BS Sekolah
Theme URI: http://wpsekolah.com
Author URI: http://facebook.com/ciussgw
Description: Tema khusus web sekolah dari Ciuss Creative. Dilengkapi dengan fitur pos khusus seperti Agenda, Pengumuman, Editorial, Blog, dan lain lain yang disesuaikan dengan kebutuhan web sekolah di Indonesia. Demo resmi bisa di cek di halaman https://wpsekolah.com
Author: Ciuss Creative
Version: 2.0.2
Requires at least: 6.2
Tested up to: 6.7.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-logo
Text Domain: bs-sekolah
Copyright: (c) 2017 - Sekarang ciuss.com

This theme uses Bootstrap 5 for styling. All CSS is handled by Bootstrap 5 utilities and components.
*/

/* ============================================
   HEADER STYLES
   ============================================ */

.header-spacer {
	margin-top: 145px;
}

.header {
	/* position: fixed; */
	transition: all 0.3s ease;
	z-index: 99;
	background-color: #fff;
	top: 0;
	left: 0;
	width: 100%;
}


.header-top {
	display: flex;
	align-items: center;
	position: relative;
}

.header-logo {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	z-index: 10;
}

.header-logo img,
.header-logo .logo-img {
	width: 100%;
	max-width: 80px;
	height: auto;
}

.header-logo .navbar-brand {
	display: flex;
	align-items: center;
	padding: 0;
}

.header-logo .navbar-brand img {
	max-width: 80px;
	height: auto;
}

.header-nav {
	background-color: #064ea2;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9rem;
}

.header-nav .container-fluid {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	position: relative;
}

.header-nav .search-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 8px;
	cursor: pointer;
	transition: opacity 0.3s ease;
	flex-shrink: 0;
	margin-left: 10px;
}

.header-nav .search-icon:hover {
	opacity: 0.8;
}

.header-nav .search-icon i {
	font-size: 1.1rem;
}

.header-nav .navbar-nav {
	flex-direction: row;
	align-items: center;
}

/* Desktop Inline Search Form - Consolidated with overlay form */
.search-form-inline {
	flex: 1;
	width: 100%;
	min-width: 0;
}

.search-form-inline .search-form-inner {
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	padding: 0px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.3s ease;
	box-shadow: none;
}

.search-form-inline .search-form-inner:focus-within {
	background: rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.4);
	box-shadow: none;
}

.search-form-inline .search-input-wrapper {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
}

.search-form-inline .search-input-icon {
	position: absolute;
	left: 8px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.9rem;
	pointer-events: none;
	z-index: 1;
}

.search-form-inline .search-input {
	width: 100%;
	padding: 6px 8px 6px 32px;
	font-size: 0.875rem;
	background: transparent;
	border: none;
	color: #fff;
	outline: none;
}

.search-form-inline .search-input::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.search-form-inline .search-btn {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	border-radius: 4px;
	color: #fff;
	padding: 6px 12px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.search-form-inline .search-btn:hover {
	background: rgba(255, 255, 255, 0.3);
	color: #fff;
}

.search-form-inline .search-btn i {
	font-size: 0.9rem;
}

@media screen and (min-width: 992px) {
	.header-nav .navbar-nav {
		margin-left: 90px;
	}

	.header-title {
		margin-left: 90px;
	}
}

.header-nav .nav-link {
	color: #fff !important;
}

.header-nav .nav-link:hover,
.header-nav .nav-link:focus {
	color: #F3EA08 !important;
}

.header-nav .nav-link.active {
	color: #F3EA08 !important;
	border-bottom: 1px solid #F3EA08;
}

.header-nav .navbar-toggler {
	border: none;
	padding: 0.25rem 0.5rem;
	background: transparent;
}

.header-nav .navbar-toggler:focus {
	box-shadow: none;
}

.header-nav .dropdown-menu {
	background-color: #064ea2;
	border: none;
	border-radius: 0;
	padding: 15px 5px;
}

.header-nav .dropdown-item {
	color: #fff;
	padding: 10px 15px;
	white-space: nowrap;
}

.header-nav .dropdown-item:hover,
.header-nav .dropdown-item:focus {
	background-color: rgba(243, 234, 8, 0.2);
	color: #F3EA08;
}

.search {
	position: relative;
}

.search-wrap {
	display: flex;
	align-items: center;
}

.search-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 8px 10px 8px;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.search-icon:hover {
	opacity: 0.8;
}

.search-icon i {
	font-size: 1.1rem;
}

/* ============================================
   SEARCH FORM STYLES
   ============================================ */

.search-form {
	position: fixed;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	pointer-events: none;
}

.search-form.search-form-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.search-overlay {
	background: linear-gradient(135deg, rgba(6, 78, 162, 0.95) 0%, rgba(0, 0, 0, 0.92) 100%);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.search-form.search-form-active .search-overlay {
	opacity: 1;
}

.search-form-container {
	position: relative;
	width: 100%;
	max-width: 700px;
	padding: 0 20px;
	z-index: 10000;
	transform: translateY(-30px);
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	opacity: 0;
}

.search-form.search-form-active .search-form-container {
	transform: translateY(0);
	opacity: 1;
}

.search-form-wrapper {
	width: 100%;
}

.search-form-inner {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #fff;
	border-radius: 12px;
	padding: 8px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
	transition: box-shadow 0.3s ease;
}

.search-form-inner:focus-within {
	box-shadow: 0 25px 70px rgba(6, 78, 162, 0.4), 0 0 0 2px rgba(243, 234, 8, 0.5);
}

.search-input-wrapper {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
}

.search-input-icon {
	position: absolute;
	left: 18px;
	color: #064ea2;
	font-size: 1.3rem;
	pointer-events: none;
	z-index: 1;
	transition: color 0.3s ease;
}

.search-form-inner:focus-within .search-input-icon {
	color: #F3EA08;
}

.search-input {
	width: 100%;
	padding: 18px 18px 18px 50px;
	font-size: 18px;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: #2b2d31;
	outline: none;
	transition: all 0.3s ease;
	font-weight: 400;
}

.search-input::placeholder {
	color: #999;
	font-weight: 400;
}

.search-input:focus {
	background: rgba(6, 78, 162, 0.02);
}

.search-btn {
	background: linear-gradient(135deg, #F3EA08 0%, #e6d807 100%);
	border: none;
	padding: 18px 28px;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #064ea2;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(243, 234, 8, 0.3);
	min-width: 100px;
	white-space: nowrap;
}

.search-btn:hover {
	background: linear-gradient(135deg, #e6d807 0%, #F3EA08 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(243, 234, 8, 0.4);
}

.search-btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(243, 234, 8, 0.3);
}

.search-btn i {
	font-size: 1.2rem;
}

.search-btn-text {
	display: inline-block;
}

.search-close {
	cursor: pointer;
	color: #fff;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -70px;
	right: 20px;
	transition: all 0.3s ease;
	z-index: 10001;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.search-close:hover {
	background: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.4);
	transform: rotate(90deg) scale(1.1);
}

.search-close:active {
	transform: rotate(90deg) scale(0.95);
}

.search-close i {
	font-size: 1.5rem;
	color: #fff;
}

.header-title {
	color: #064ea2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-transform: uppercase;
	font-size: 1.2rem;
}

.header-title-top {
	display: block;
}

.header-title-top span {
	display: block;
	font-size: 0.9rem;
}

.header-title-bottom {
	display: flex;
}

.header-title-bottom span {
	margin-right: 5px;
}

.bold {
	font-weight: bold;
}

.font-size-11 {
	font-size: 11px;
}

/* Header Action Styles */
.header-action {
	display: flex;
	align-items: center;
	gap: 1rem;
}

/* Contact Dropdown Styles */
.header-action .dropdown {
	position: relative;
}


.header-action .contact-dropdown {
	min-width: 240px;
	max-width: 300px;
	padding: 0.25rem 0;
}

.header-action .contact-dropdown .dropdown-header {
	padding: 0.375rem 0.75rem;
	font-weight: 600;
	font-size: 0.75rem;
	color: #6c757d;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	line-height: 1.2;
}

.header-action .contact-dropdown .contact-item {
	padding: 0.5rem 0.75rem;
	transition: background-color 0.2s ease;
	line-height: 1.3;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}

.header-action .contact-dropdown .contact-item:hover {
	background-color: #f8f9fa;
}

.header-action .contact-dropdown .contact-item:focus {
	background-color: #f8f9fa;
}

.header-action .contact-dropdown .contact-info {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.header-action .contact-dropdown .contact-name {
	font-weight: 500;
	font-size: 0.85rem;
	color: #212529;
	margin-bottom: 0.125rem;
	line-height: 1.2;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}

.header-action .contact-dropdown .contact-number,
.header-action .contact-dropdown .contact-address {
	font-size: 0.8rem;
	color: #6c757d;
	word-break: break-word;
	overflow-wrap: break-word;
	word-wrap: break-word;
	line-height: 1.3;
	white-space: normal;
}

.header-action .contact-dropdown .contact-item i:last-child {
	color: #6c757d;
	font-size: 0.8rem;
	margin-left: 0.5rem;
	flex-shrink: 0;
}

.header-action .contact-dropdown .dropdown-divider {
	margin: 0.375rem 0;
}

.header-action .contact-dropdown .dropdown-header i {
	font-size: 0.85rem;
}

#tanggal-lengkap,
#jam {
	display: inline-block;
}

/* ============================================
   FOOTER STYLES
   ============================================ */

.footer {
}

.footer-head {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
}

.footer-body {
	font-size: 14px;
	margin-bottom: 10px;
}

.footer-body p {
	margin: 0;
}

	.footer-bottom {
		font-size: 12px;
			color: #2b2d31;
			padding: 17px 0;
			line-height: 1.4;
			text-align: center;
	}

	.footer-line {
		height: 1px;
		/* max-width: 800px;
		background: #7b7b7b;
		border: none; */
	}

	.social-media {
		color: #2b2d31;
	}

/* Footer Widget Area - Aligned with theme */
.footer-widget-area {
	border-top: 1px solid rgba(43, 45, 49, 0.1);
	border-bottom: 1px solid rgba(43, 45, 49, 0.1);
	color: #2b2d31;
}

.footer-widget-area .widget {
	margin-bottom: 1.5rem;
}

.footer-widget-area .widget:last-child {
	margin-bottom: 0;
}

.footer-widget-area .widget-title {
	font-weight: bold;
	font-size: 1.1rem;
	color: #2b2d31;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.footer-widget-area .widget ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.footer-widget-area .widget ul li {
	margin-bottom: 0.5rem;
	padding-left: 0;
}

.footer-widget-area .widget ul li a {
	color: #2b2d31;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-widget-area .widget ul li a:hover {
	color: #064ea2;
	text-decoration: underline;
}

.footer-widget-area .widget p {
	margin-bottom: 0.75rem;
	color: #2b2d31;
	font-size: 0.9rem;
	line-height: 1.6;
}

.footer-widget-area .widget p:last-child {
	margin-bottom: 0;
}

/* WordPress Block Editor Compatibility - Footer Widget Area */
.footer-widget-area .widget_block {
	margin-bottom: 1.5rem;
}

.footer-widget-area .widget_block:last-child {
	margin-bottom: 0;
}

.footer-widget-area .wp-block-heading {
	font-weight: bold;
	font-size: 1.1rem;
	color: #2b2d31;
	/* margin-bottom: 1rem;
	margin-top: 0;
	text-transform: uppercase;
	line-height: 1.4; */
}

.footer-widget-area .wp-block-heading h1,
.footer-widget-area .wp-block-heading h2,
.footer-widget-area .wp-block-heading h3,
.footer-widget-area .wp-block-heading h4,
.footer-widget-area .wp-block-heading h5,
.footer-widget-area .wp-block-heading h6 {
	font-weight: bold;
	color: #2b2d31;
	margin-bottom: 1rem;
	margin-top: 0;
	text-transform: uppercase;
}

.footer-widget-area .wp-block-group {
	margin-bottom: 1.5rem;
}

.footer-widget-area .wp-block-group:last-child {
	margin-bottom: 0;
}

/* Style ul lists inside wp-block-group */
.footer-widget-area .wp-block-group ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.footer-widget-area .wp-block-group ul li {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.footer-widget-area .wp-block-group ul li a {
	color: revert;
	text-decoration: none;
	transition: revert;
}

/* Style ol lists inside wp-block-group */
.footer-widget-area .wp-block-group ol {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.footer-widget-area .wp-block-group ol li {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.footer-widget-area .wp-block-group ol li a {
	color: revert;
	text-decoration: none;
	transition: revert;
}

/* wp-block-list - Unstyled, use default WordPress styling */

.footer-widget-area .wp-block-paragraph {
	margin-bottom: 0.75rem;
	color: #2b2d31;
	font-size: 0.9rem;
	line-height: 1.6;
}

.footer-widget-area .wp-block-paragraph:last-child {
	margin-bottom: 0;
}

.footer-widget-area .wp-block-paragraph a {
	color: #2b2d31;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-widget-area .wp-block-paragraph a:hover {
	color: #064ea2;
	text-decoration: underline;
}

/* ============================================
   SLIDER STYLES
   ============================================ */

/* Slider - Consolidated with Bootstrap 5 utilities */
#slider {
	min-height: 240px;
	max-height: 300px;
}

#slider .bigslider,
#slider .splide__track,
#slider .splide__slide,
#slider .splide__slide > a,
#slider .splide__slide > div {
	height: 300px;
}

#slider .splide__slide img {
	max-height: 300px;
}

.social-media ul {
	display: flex;
	justify-content: center;
}

.social-media ul li {
	margin: 0 5px;
	background: #2b2d31;
	border-radius: 100%;
}

.social-media ul li a {
	color: #fff;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Back to Top - Using Bootstrap 5 utilities */
/* All styling handled by BS5 utility classes: btn, btn-secondary, position-fixed, bottom-0, end-0, m-3, rounded-circle */

/* ============================================
   RESPONSIVE STYLES - TABLET
   ============================================ */

@media screen and (max-width: 991.98px) {
	.header {
		background-color: #064ea2;
		padding: 0;
	}

	.header-top {
		justify-content: space-between;
		align-items: center;
	}

	.header-logo {
		position: relative;
		left: auto;
		top: auto;
		z-index: auto;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.header-logo .logo-img {
		max-width: 60px;
	}

	.header-title {
		flex: 1;
		padding-left: 10px;
		color: #fff;
		font-size: 1rem;
	}

	.header-nav .container-fluid {
		flex-direction: column;
		align-items: stretch;
	}

	.header-nav .navbar-nav {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.header-nav .nav-link {
		padding: 12px 15px;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.header-nav .nav-link:last-child {
		border-bottom: none;
	}

	.header-nav .dropdown-menu {
		position: static;
		float: none;
		width: 100%;
		margin-top: 0;
		background-color: rgba(6, 78, 162, 0.9);
		border: none;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		padding: 0;
		margin-left: 0;
		box-shadow: none;
	}

	.header-nav .dropdown-item {
		padding: 12px 30px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.header-nav .dropdown-item:last-child {
		border-bottom: none;
	}

	.header-nav .search-icon.d-lg-none {
		position: absolute;
		top: 10px;
		right: 15px;
		z-index: 10;
		margin-left: 0;
	}

}

/* ============================================
   RESPONSIVE STYLES - MOBILE
   ============================================ */

@media screen and (max-width: 767px) {
	.header-spacer {
		margin-top: 70px;
	}

	.header-top {
		margin-top: 0 !important;
		min-height: 60px;
	}

	.header-logo {
		gap: 8px;
	}

	.header-logo img,
	.header-logo .logo-img {
		max-width: 45px;
		height: auto;
	}

	.header-logo .navbar-toggler {
		padding: 4px 8px;
		font-size: 1.2rem;
	}

	.header-title {
		padding-left: 8px;
		font-size: 0.75rem;
		line-height: 1.2;
	}

	.header-title-top span {
		font-size: 0.7rem;
	}

	.header-title-bottom {
		flex-direction: column;
		align-items: flex-start;
	}

	.header-title-bottom span {
		margin-right: 0;
		line-height: 1.3;
	}

	.header-nav .navbar-nav {
		margin-top: 5px;
	}

	.header-nav .nav-link {
		padding: 10px 12px;
		font-size: 0.85rem;
	}

	.header-nav .dropdown-item {
		padding: 10px 25px;
		font-size: 0.85rem;
	}

	.header-nav .search-icon.d-lg-none {
		top: 8px;
		right: 10px;
		padding: 4px 6px;
	}

	.header-nav .search-icon i {
		font-size: 1rem;
	}

	.search-form-container {
		max-width: 95%;
		padding: 0 15px;
	}

	.search-form-inner {
		padding: 6px;
		gap: 8px;
		border-radius: 10px;
	}

	.search-input-wrapper {
		flex: 1;
	}

	.search-input-icon {
		left: 14px;
		font-size: 1.1rem;
	}

	.search-input {
		padding: 14px 14px 14px 42px;
		font-size: 16px;
		border-radius: 6px;
	}

	.search-btn {
		padding: 14px 20px;
		min-width: 80px;
		font-size: 14px;
		border-radius: 6px;
	}

	.search-btn i {
		font-size: 1rem;
	}

	.search-btn-text {
		display: none;
	}

	.search-close {
		width: 48px;
		height: 48px;
		top: -60px;
		right: 15px;
	}

	.search-close i {
		font-size: 1.3rem;
	}

	/* Footer Mobile */
	.footer {
		padding: 15px 10px;
		font-size: 11px;
	}

	.footer-head {
		font-size: 14px;
		margin-bottom: 8px;
	}

	.footer-body {
		font-size: 11px;
		margin-bottom: 8px;
	}

	.footer-body p {
		margin-bottom: 5px;
	}

	.footer-bottom {
		font-size: 10px;
		margin-top: 10px;
		line-height: 1.5;
	}

	.footer-bottom-wrap {
		margin-bottom: 5px;
	}

	.social-media {
		margin: 10px 0;
	}

	.social-media ul li {
		margin: 0 4px;
	}

	.social-media ul li a {
		width: 28px;
		height: 28px;
		font-size: 0.9rem;
	}

	/* Back to Top - Mobile responsive using BS5 utilities */
	/* Size adjustment for mobile - can be overridden with inline style or utility classes */
	#back-to-top {
		width: 45px !important;
		height: 45px !important;
	}
}

/* ============================================
   RESPONSIVE STYLES - SMALL MOBILE
   ============================================ */

@media screen and (max-width: 480px) {
	.header-spacer {
		margin-top: 65px;
	}

	.header-top {
		margin-top: 0 !important;
		min-height: 55px;
	}

	.header-logo .logo-img {
		max-width: 40px;
	}

	.header-title {
		font-size: 0.65rem;
		padding-left: 6px;
	}

	.header-title-top span {
		font-size: 0.65rem;
	}

	.header-nav .nav-link {
		padding: 8px 10px;
		font-size: 0.8rem;
	}

	.header-nav .dropdown-item {
		padding: 8px 20px;
		font-size: 0.8rem;
	}

	.search-form-container {
		max-width: 98%;
		padding: 0 10px;
	}

	.search-form-inner {
		padding: 5px;
		gap: 6px;
		border-radius: 8px;
	}

	.search-input-icon {
		left: 12px;
		font-size: 1rem;
	}

	.search-input {
		padding: 12px 12px 12px 38px;
		font-size: 14px;
		border-radius: 6px;
	}

	.search-btn {
		padding: 12px 16px;
		min-width: 60px;
		font-size: 13px;
		border-radius: 6px;
	}

	.search-btn i {
		font-size: 0.9rem;
	}

	.search-close {
		width: 44px;
		height: 44px;
		top: -55px;
		right: 10px;
	}

	.search-close i {
		font-size: 1.2rem;
	}

	.footer {
		padding: 12px 8px;
		font-size: 10px;
	}

	.footer-head {
		font-size: 13px;
	}

	.footer-body {
		font-size: 10px;
	}

	.footer-bottom {
		font-size: 9px;
	}
}

/* Running Text Ticker - liScroll Plugin Styles */
#news .col {
	position: relative;
	overflow: hidden;
	width: 100%;
}

#news .running__text {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#news .tickercontainer {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto;
	min-height: 1.5em;
}

#news .mask {
	position: relative;
	width: 100%;
	/* overflow: hidden; */
}

#news .scrolling {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	position: relative;
}

#news .scrolling.newstickers {
	position: absolute;
	left: 0;
	top: 0;
}

#news .scrolling li {
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

#news .scrolling li span {
	margin-right: 2em;
}

/* ============================================
   Sidebar Widgets Area - BS5 Styling
   ============================================ */

.sidebar-widgets .widget_block {
	margin-bottom: 1rem;
}

.sidebar-widgets .widget_block:last-child {
	margin-bottom: 0;
}

/* Wrap widget blocks in BS5 card style */
.sidebar-widgets .widget_block {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.375rem;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	padding: 1rem;
}

/* Widget headings */
.sidebar-widgets .wp-block-heading {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 1rem;
	color: #212529;
	border-bottom: 2px solid #0d6efd;
	padding-bottom: 0.5rem;
}

.sidebar-widgets .wp-block-heading h1,
.sidebar-widgets .wp-block-heading h2,
.sidebar-widgets .wp-block-heading h3,
.sidebar-widgets .wp-block-heading h4,
.sidebar-widgets .wp-block-heading h5,
.sidebar-widgets .wp-block-heading h6 {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 1rem;
	color: #212529;
	border-bottom: 2px solid #0d6efd;
	padding-bottom: 0.5rem;
}

/* Widget lists */
.sidebar-widgets .wp-block-latest-posts__list,
.sidebar-widgets .wp-block-latest-comments,
.sidebar-widgets ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.sidebar-widgets .wp-block-latest-posts__list li,
.sidebar-widgets .wp-block-latest-comments li,
.sidebar-widgets ul li {
	margin-bottom: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar-widgets .wp-block-latest-posts__list li:last-child,
.sidebar-widgets .wp-block-latest-comments li:last-child,
.sidebar-widgets ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* Widget links */
.sidebar-widgets .wp-block-latest-posts__post-title,
.sidebar-widgets .wp-block-latest-comments__comment-link,
.sidebar-widgets a {
	color: #0d6efd;
	text-decoration: none;
	transition: color 0.15s ease-in-out;
}

.sidebar-widgets .wp-block-latest-posts__post-title:hover,
.sidebar-widgets .wp-block-latest-comments__comment-link:hover,
.sidebar-widgets a:hover {
	color: #0a58ca;
	text-decoration: underline;
}

/* Widget comment meta */
.sidebar-widgets .wp-block-latest-comments__comment-meta {
	font-size: 0.875rem;
	color: #6c757d;
	margin-top: 0.5rem;
}

.sidebar-widgets .wp-block-latest-comments__comment-author {
	color: #212529;
	font-weight: 500;
}

/* Widget paragraphs */
.sidebar-widgets .wp-block-paragraph {
	margin-bottom: 1rem;
	color: #212529;
}

.sidebar-widgets .wp-block-paragraph:last-child {
	margin-bottom: 0;
}