/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 09 2026 | 16:28:53 */
:root {
	--white: #ffffff;
	--black: #000000;
	--pink: #FF4154;
	--yellow: #F9BB3A;
	--orange: #FE8C32;
}

.site-header {
	overflow-x: hidden;
}
/* Top Nav (Donate/Singup) */
.top-header-contain {
	padding-top: 8px;
	
	color: var(--black);
	background: var(--white);
}

.top-header-contain.desktop-only .wrapper {
	justify-content: space-between;
}

#social-nav-contain {
	display: none; /* Hides social nav so items in top nav can spread */
}

.site-header .nav2 li {
	margin-left: 1rem;
	margin-right: 0;
	font-weight: 700;
}

.desktop-menu-toggle svg {
	transform: scale(1.8) translatex(2px);
}

.header-button a {
	padding: 2px 20px;
	
	font-size: 12px !important;
	font-weight: 700;
	color: var(--white);
	
	background: var(--black);
	
	border-radius: 50px;
}

.header-button.pink a {
	background: var(--pink);
}

.header-button.orange a {
	background: var(--orange);
}

/* Main Middle Nav */
.custom-logo-link {
	max-width: 400px;
}

@media only screen and (min-width: 782px) {
	.site-branding {
		margin: 0 auto;
	}
	.middle-header-contain {
		padding-bottom: 0;
	}	
	
	.site-header {
		padding-bottom: 10px;
	}
}

/* BHB Main Middle Nav (Logo) */ 
@media only screen and (min-width: 782px) {
	body.newspack-brand-boyle-heights-beat .site-header .custom-logo,
	body.newspack-brand-boyle-heights-beat .custom-logo-link{
		max-width: 650px !important;
		max-height: 100px !important;
	}	
	
	body.newspack-brand-boyle-heights-beat .site-header .custom-logo {
		width: 650px !important;
		max-width: 100%;
	}
	
	body.newspack-brand-boyle-heights-beat .site-header .middle-header-contain .wrapper>div.site-branding {
		width: 100% !important;
	}
}

/* Move Search Icon */
.top-header-contain.desktop-only .wrapper {
	padding-right: 40px !important;
}

.middle-header-contain .wrapper .nav-wrapper.desktop-only {
	flex: 0 !important;	
}

.middle-header-contain .wrapper {
	position: relative;
}

.header-search-contain {
	position: absolute;
	top: -38px;
	right: 0;
}

/* Local Nav */
.h-stk.h-db .bottom-header-contain {
	border-top: none;
	border-bottom: none;
}

.site-header .nav1 .main-menu>li>a {
	position: relative;
	color: var(--black);
	font-size: 18px;
	line-height: 100%;
	font-style: normal;
	font-weight: 500;
	line-height: 122%; /* 29.28px */
}

.site-header .nav1 li.current-menu-item a,
.site-header .nav1 li.current-post-ancestor a {
	color: var(--pink);
	font-weight: 700;
}

.site-header .nav1 .main-menu>li>a::before {
	position: absolute;
	top: 50%;
	right: -4px;
	
	transform: translateY(-50%);
	
	width: 1px;
	height: 17px;
	
	background: var(--black);
	content: '';
}

.site-header .nav1 .main-menu>li:last-child>a::before {
	display: none;
}

@media only screen and (min-width: 782px) {
	.site-header .nav1 .main-menu>li>a {
		font-size: 18px;
	}
}

/* Homepage */
.newspack-front-page .site-content {
	margin-top: 0;
}

/* Slideout Nav */
.desktop-sidebar {
	padding-top: 40px;
	
	width: 90%;
	max-width: 1200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media only screen and (min-width:782px) {
	.desktop-sidebar {
		padding: 40px 60px !important;	
	}
}

.desktop-sidebar .widget.widget_block {
	margin-bottom: 10px;
}

.desktop-sidebar,
.mobile-sidebar {
	background: linear-gradient(296deg, #A0AAE3 -17.31%, #D0D5F1 91.4%);
}

.desktop-sidebar a(not:.wp-block-button__link) {
	padding-left: 0 !important;
}

.desktop-sidebar a:hover {
	color: var(--white) !important;
	text-decoration: none !important;
}

.desktop-sidebar .desktop-menu-toggle {
	position: fixed;
	top: 15px;
	left: 15px;
	
	font-size: 0 !important;
}

.desktop-sidebar .widget, .subpage-sidebar .widget {
	border-top: none;
	padding-top: 0;
}

.slideout-nav-large {
	border-top: none;
}

.slideout-nav-large li {
	margin-bottom: 20px !important;
}

.slideout-nav-large li .sub-menu {
	margin-top: 20px !important;
}


.slideout-nav-large li:last-child {
	margin-bottom: 0 !important;
}

.slideout-nav-large li a {
	font-size: 24px;
	line-height: 23px;
	font-weight: 700;
	padding-left: 0 !important;
}

@media only screen and (min-width: 782px) {
	.slideout-nav-large li a {
		font-size: 28px;
	}
}

/*
@media only screen and (min-width: 782px) {
	.slideout-nav-medium ul,
	.slideout-nav-neighborhood ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		
	}
}
*/

.slideout-nav-medium li a {
	padding-left: 0 !important;
}

.slideout-nav-neighborhood p {
	margin-bottom: 8px !important;
}

.slideout-nav-neighborhood .widget {
	padding-top: 0;
	margin-top: 0;
}

.slideout-nav-neighborhood li,
.slideout-nav-medium li {
	margin-bottom: 5px;
}

.slideout-nav-neighborhood li a {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	padding-left: 0 !important;
}


@media only screen and (min-width: 782px) {
	.slideout-nav-medium li {
		margin-bottom: 10px !important;
	}
	
	.slideout-nav-neighborhood li a {
		font-size: 20px;
	}
}

.slideout-nav-neighborhood li a::before,
.slideout-nav-neighborhood li a::after {
	position: absolute;
	/*top: 50%;
	right: -20px;
	transform: translateY(-50%);*/
	
	top: 6px;
	right: -20px;
	
	width: 15px;
	height: 15px;
	
	background-image: url('https://lalocal.newspackstaging.com/wp-content/uploads/2025/09/icon-arrow.svg');
	background-repeat: no-repeat;
	background-size: contain;
	
	content: '';
	
	transition: all 250ms ease;
}

.slideout-nav-neighborhood li a::after {
	background-image: url('https://lalocal.newspackstaging.com/wp-content/uploads/2025/09/icon-arrow-white.svg');
	opacity: 0;	
}


.slideout-nav-neighborhood li a:hover::after {
	opacity: 1;
}

/* BHB Overrides */
.show-bhb {
	display: none !important;
}

body.newspack-brand-boyle-heights-beat .show-la {
	display: none !important;
}

body.newspack-brand-boyle-heights-beat .show-bhb {
	display: initial !important;
}

/* Mobile slide out content */
.mobile-sidebar .secondary-menu {
	display: none;
}

/* Mobile Nav */
.site-header .button.mb-cta {
	color: var(--white);
	border-radius: 50px;
	padding: 5px 13px;
}

/* Local Neighborhood Navigation */

.mobile-sidebar .main-navigation.nav1.dd-menu {
	display: none !important;
} 

.main-navigation li {
	
}

.main-navigation li.cluster-1,
.main-navigation li.cluster-2,
.main-navigation li.parent-cluster.la-local,
body.newspack-brand-boyle-heights-beat .main-navigation li.parent-cluster.bhb {
	display: none !important;	
}

body.newspack-brand-boyle-heights-beat .main-navigation li.parent-cluster.la-local {
		display: inline-block !important;
}

.site-header .nav1 .main-menu>li:nth-child(4) {
	margin-right: 0;
}

.site-header .nav1 .main-menu>li:nth-child(4)>a::before {
	display: none;
}

/* BHB */
body.newspack-brand-boyle-heights-beat .main-navigation {
	/* display: none !important; */
}

/* Account Login */
.site-header .top-header-contain.desktop-only .newspack-reader__account-link {
	width: 101px !important;
	border-radius: 20px !important;
}

/* Local Cluster 1 Nav show */
/*
body.page-id-60293 .main-navigation li.cluster-1,
body.category-koreatown .main-navigation li.cluster-1,
body.cat-koreatown .main-navigation li.cluster-1,
body.category-pico-union .main-navigation li.cluster-1,
body.cat-pico-union .main-navigation li.cluster-1,
body.category-westlake .main-navigation li.cluster-1,
body.cat-westlake .main-navigation li.cluster-1 {
	display: inline-block !important;
	padding-bottom: 5px;
}

body.page-id-60293 .main-navigation li.parent-cluster,
body.category-koreatown .main-navigation li.parent-cluster,
body.cat-koreatown .main-navigation li.parent-cluster,
body.category-pico-union .main-navigation li.parent-cluster,
body.cat-pico-union .main-navigation li.parent-cluster,
body.category-westlake .main-navigation li.parent-cluster,
body.cat-westlake .main-navigation li.parent-cluster {
	display: none; /* Hides main 3 nav items on sub pages *
}
*/

/*
body.page-id-60293 .main-navigation li.cluster-1,
body.category-koreatown .main-navigation li.cluster-1,
body.category-pico-union .main-navigation li.cluster-1,
body.category-westlake .main-navigation li.cluster-1 {
	display: inline-block !important;
	padding-bottom: 5px;
}

body.page-id-60293 .main-navigation li.parent-cluster,
body.category-koreatown .main-navigation li.parent-cluster,
body.category-pico-union .main-navigation li.parent-cluster,
body.category-westlake .main-navigation li.parent-cluster {
	display: none; /* Hides main 3 nav items on sub pages *
}


.site-header .nav1 .main-menu>li:nth-child(7) {
	margin-right: 0;
}

.site-header .nav1 .main-menu>li:nth-child(7)>a::before {
	display: none;
}
*/

/* Local Cluster 2 Nav show */
/*
body.page-id-221 .main-navigation li.cluster-2,
body.category-inglewood .main-navigation li.cluster-2,
body.category-vermont-knolls .main-navigation li.cluster-2,
body.category-vermont-slauson .main-navigation li.cluster-2,
body.category-hyde-park .main-navigation li.cluster-2,
body.category-westmont .main-navigation li.cluster-2 {
	display: inline-block !important;
	padding-bottom: 5px;
}

body.page-id-221 .main-navigation li.parent-cluster,
body.category-inglewood .main-navigation li.parent-cluster,
body.category-vermont-knolls .main-navigation li.parent-cluster,
body.category-vermont-slauson .main-navigation li.parent-cluster,
body.category-hyde-park .main-navigation li.parent-cluster,
body.category-westmont .main-navigation li.parent-cluster {
	display: none; /* Hides main 3 nav items on sub pages 
}
*/