/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 09 2026 | 16:34:10 */
:root {
	--white: #ffffff;
	--black: #000000;
	--royal-blue: #455DD4;
	--orange: #FE8C32;
}

html :where(.wp-block)[data-align=full] {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-group.has-background.alignfull+.wp-block-group.has-background.alignfull {
	margin-top: 0;
}

/* Typography */
.wp-singular p, 
.wp-singular li:not(.wp-social-link),
.editor-styles-wrapper p,
.editor-styles-wrapper li:not(.wp-social-link) {
	font-size: 18px;
	line-height: 140%;
}

.wp-singular h1,
.editor-styles-wrapper h1 {
	font-size: 40px !important;
	line-height: 110% !important;
}

.wp-singular h2,
.editor-styles-wrapper h2 {
	font-size: 34px !important;
	line-height: 110% !important;
}

.wp-singular h3,
.editor-styles-wrapper h3 {
	font-size: 28px !important;
	line-height: 110% !important;
}


.wp-singular h4,
.editor-styles-wrapper h4 {
	font-size: 24px !important;
	line-height: 110% !important;
}

.wp-singular h5,
.editor-styles-wrapper h5 {
	font-size: 22px;
	line-height: 110%;
}

.wp-singular h6,
.editor-styles-wrapper h6 {
	font-size: 18px !important;
	line-height: 110% !important;
}

@media only screen and (min-width: 782px) {
	.wp-singular h1,
	.editor-styles-wrapper h1 {
		font-size: 48px !important;
	}
	
	.wp-singular h2,
	.editor-styles-wrapper h2 {
		font-size: 40px !important;
	}
	
	.wp-singular h3,
	.editor-styles-wrapper h3 {
		font-size: 32px !important;
	}
	
	.wp-singular h4,
	.editor-styles-wrapper h4 {
		font-size: 28px !important;
	}
	
	.wp-singular h5,
	.editor-styles-wrapper h5 {
		font-size: 24px;
	}

	.wp-singular h6,
	.editor-styles-wrapper h6 {
		font-size: 20px !important;
	}
}

/* Typestyles */
p.has-small-font-size,
.editor-styles-wrapper p.has-small-font-size {
	font-size: 14px !important;
}

p.has-normal-font-size,
.editor-styles-wrapper p.has-normal-font-size{
	font-size: 16px !important;
}

p.has-large-font-size,
.editor-styles-wrapper p.has-large-font-size {
	font-size: 20px !important;
}

p.has-huge-font-size,
.editor-styles-wrapper p.has-huge-font-size {
	font-size: 22px !important;
}

.wpnbha.ts-2 article .entry-title {
	font-size: 20px !important;
}

.wpnbha.ts-3 article .entry-title {
		font-size: 24px !important;
}

.wpnbha.ts-6 article .entry-title {
	font-size: 28px !important;
}

@media only screen and (min-width: 782px) {
	p.has-large-font-size,
	.editor-styles-wrapper p.has-large-font-size {
		font-size: 22px !important;
	}

	p.has-huge-font-size,
	.editor-styles-wrapper p.has-huge-font-size {
		font-size: 24px !important;
	}
	
	.wpnbha.ts-1 article .entry-title {
		font-size: 16px !important;
	}
	
	.wpnbha.ts-2 article .entry-title {
		font-size: 20px !important;
	}
	
	.wpnbha.ts-3 article .entry-title {
		font-size: 28px !important;
	}
	
	.wpnbha.ts-6 article .entry-title {
		font-size: 48px !important;
	}
}

/* Youth Journalism/Documeter Flags */
.wp-block-newspack-blocks-homepage-articles article.category-youth-journalism .entry-wrapper,
.wp-block-newspack-blocks-homepage-articles article.category-la-documenter .entry-wrapper {
	position: relative;
	padding-bottom: 50px !important;
}

.wp-block-newspack-blocks-homepage-articles article.category-youth-journalism .entry-wrapper::before,
.wp-block-newspack-blocks-homepage-articles article.category-la-documenter .entry-wrapper::before {
	position: absolute;
	bottom: 10px;
	left: 0;
	
	display: inline-block;
	
	padding: 2px 6px;
	
	color: #FF4154;
	font-size: 13px;
	font-weight: 700;
	
	border: 2px solid #FF4154;
	border-radius: 8px;
	
	content: 'Youth Journalism';
}

.wp-block-newspack-blocks-homepage-articles article.category-la-documenter .entry-wrapper::before {
	color: var(--royal-blue);
	border: 2px solid var(--royal-blue);
	
	content: 'LA Documenter';
	
}

/* Homepage */
.custom-homepage-header {
	padding: 0;
}

.custom-homepage-header .wp-block-newspack-blocks-homepage-articles {
	max-width: 100% !important;
}

.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.featured-article .post-thumbnail {
	margin-bottom: 10px;
}

.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.featured-article .post-thumbnail img {
	border-radius: 0;
}

.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.featured-article .entry-wrapper {
	padding: 0 15px;
	max-width: 1440px !important;
	margin: 0 auto;
}

.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.featured-article .entry-meta {
	margin-top: 15px;
}


.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.featured-article .entry-wrapper h2,
.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.featured-article .entry-wrapper .newspack-post-subtitle  {
	max-width: 1080px;
}

/* Homepage - cover */
.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.image-alignbehind article {
	padding-top: 250px !important;
}

@media only screen and (min-width: 782px) {
	.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.image-alignbehind article {
		padding-top: 400px !important;
	}
}

.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.image-alignbehind .entry-wrapper {
	max-width: 1440px !important;
	margin: 0 auto;
}

.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.image-alignbehind .post-thumbnail img {
	border-radius: 0;
}

.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.image-alignbehind .entry-wrapper .cat-links a {
	color: var(--black);
}

.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.image-alignbehind .entry-wrapper .entry-title,
.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.image-alignbehind .entry-wrapper p {
	max-width: 950px;
}

@media only screen and (min-width: 782px) {
	.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.image-alignbehind .entry-wrapper p  {
		font-size: 22px;
	}
}

.custom-homepage-header .wp-block-newspack-blocks-homepage-articles.image-alignbehind .entry-wrapper .byline {
	color: var(--white);
}

.hp-donate-form iframe {
	margin-top: 0;
}

.hp-donate-form iframe .p-2 {
	padding: 0 !important;
}

/* Homepage - Grid */
.wp-block-newspack-blocks-homepage-articles.is-style-borders.is-grid article {
	padding-bottom: 0;
}

/* Content Loop */
.wp-block-newspack-blocks-homepage-articles .article-section-title {
	text-transform: initial !important;
	font-size: 22px !important;
	color: var(--black) !important;
	border-bottom: 1px solid var(--black) !important;
}

@media only screen and (min-width: 782px) {
	.wp-block-newspack-blocks-homepage-articles .article-section-title {
		font-size: 24px !important;
	}
}

.wp-block-newspack-blocks-homepage-articles p {
	font-size: 16px;
	max-width: 1100px;
}

.wpnbha .cat-links a, 
.wpnbha .cat-links a:hover, 
.wpnbha .cat-links a:visited,
.wpnbpc .cat-links a, 
.wpnbpc .cat-links a:hover, 
.wpnbpc .cat-links a:visited {
	background: var(--newspack-theme-color-primary);
	padding: .4em .8em .3em .8em;
	border-radius: 50px;
	transition: all 250ms ease;
}

.wpnbha.orange-cats .cat-links a, 
.wpnbha.orange-cats .cat-links a:visited,
.wpnbpc.orange-cats .cat-links a, 
.wpnbpc.orange-cats .cat-links a:visited,
body.newspack-brand-boyle-heights-beat .cat-links a,
body.newspack-brand-boyle-heights-beat .cat-links a:visited {
	background: var(--orange) !important;
}

.wpnbha .cat-links a:hover,
.wpnbhc .cat-links a:hover,
.wpnbpc.orange-cats .cat-links a:hover,
.wpnbha.orange-cats .cat-links a:hover{
	color: var(--white) !important;
	background: var(--black) !important;
	text-decoration: none !important;
}

article .byline {
	color: var(--black);
	font-size: 14px;
	font-weight: 700;
}

article .byline a:hover {
	color: var(--blue) !important;
	text-decoration: none !important;
}

.wp-block-newspack-blocks-homepage-articles .post-thumbnail img {
	border-radius: 10px;
}


@media only screen and (min-width: 782px) {
	.wp-block-newspack-blocks-homepage-articles .post-thumbnail img {
		border-radius: 15px;
	}
}

.wp-block-newspack-blocks-homepage-articles .sponsor-logos {
	display: none !important;
}

/* Image Caption */
.wp-element-caption,
.post-thumbnail figcaption {
	position: relative;
	margin: 10px 0 0 0 !important;
	padding-left: 10px;
	font-size: 12px;
	color: var(--black);
}

.wp-element-caption::before,
.post-thumbnail figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	
	width: 2px;
	height: 100%;
	
	background: var(--black);
	
	content: '';
}

/* Blockquote */
.wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) {
	border-color: var(--black) !important;
}

.wp-block-quote p {
	font-size: 22px;
	line-height: 122%;
}

/* Newsletter Module */
.newspack-newsletters-email-input input {
	border-radius: 50px !important;
	font-size: 14px;
	font-weight: 700;
	border: none;
	padding-left: 15px;
	padding-right: 15px;
}

.newspack-newsletters-email-input input::placeholder {
	color: var(--black);
}

.newspack-newsletters-email-input input:focus {
	border: none;
}

.newspack-newsletters-email-input .submit-button {
	padding: 11px 30px !important;
	border-radius: 50px !important;
}

.newspack-newsletters-subscribe__icon {
	display: none !important;
}


@media only screen and (min-width: 782px) {
	.alignfull-newsletter {
		max-width: 600px;
		margin-left: auto;
	}
}

.newspack-newsletters-subscribe label {
	font-size: 14px !important;
	font-weight: 400 !important;
}

.newspack-newsletters-subscribe .newspack-newsletters-email-input label {
	font-weight: 700 !important;
}

.newspack-newsletters-subscribe label .list-title {
	transform: translateY(3px) !important;
}

input[type=checkbox] {
	border-color: var(--black) !important;
}

.newspack-newsletters-subscribe.white-newsletter .newspack-newsletters-lists {
	background: transparent !important;
	border: none !important;
	padding: 0 0 10px 0 !important;
	color: var(--white) !important;
}

.newspack-newsletters-subscribe.white-newsletter .newspack-newsletters-lists li {
	margin: 0 10px 5px 0;
}
/* Cover */
.wp-block-cover.alignfull {
	margin-top: 0;
}

/* Video Popup */
.wp-block-stackable-video-popup.alignfull {
	margin-top: 0;
	margin-bottom: 0;
}

.video-scroll-overflow {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(250px, 1fr)) !important;
	gap: 20px !important;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 10px;
}


/* Group */
.wp-block-group.alignfull.has-background,
.wp-block-group.alignfull {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Podcast Player */
/*
.mejs-playpause-button {
	width: 110px;
	height: 110px;
	
	background: #A2AEEB;
}
*/

/* Contact Form */
.wp-block-jetpack-contact-form {
	gap: 10px !important;
}

.contact-form label {
	font-size: 14px;
}

input[type=text],
input[type=email],
textarea {
	border-radius: 4px;
	border-color: var(--black);
	font-size: 16px;
}

.wp-block-jetpack-button button.wp-block-button__link {
	padding: 10px 28px !important;
}

/* Media/Text */
.wp-block-media-text>.wp-block-media-text__content {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Cover/Job Item */
.job-item .wp-block-columns {
	gap: 10px !important;
}

@media only screen and (max-width: 600px) {
	.job-item .wp-block-buttons.is-content-justification-right {
		justify-content: flex-start;		
	}
}

@media only screen and (min-width: 580px) {
	.wp-block-media-text>.wp-block-media-text__content {
		padding-left: 40px !important;
	}
	
	.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content {
		padding-left: 0 !important;
		padding-right: 40px !important;
	}
}

@media only screen and (min-width: 1200px) {
	.wp-block-media-text>.wp-block-media-text__content {
		padding-left: 80px !important;
	}
	
	.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content {
		padding-left: 0 !important;
		padding-right: 80px !important;
	}
}

/* Donate CTA */
.donate-cta iframe {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: auto !important;
}

/* Custom Style classes */
/* Underlines Heading */
.underlined {
	position: relative;
}

.underlined::before {
	position: absolute;
	bottom: -10px;
	left: 0;
	
	width: 100%;
	height: 1px;
	
	background: var(--black);
	content: '';
}

.round-edges,
.round-edge,
.rounded-edges,
.round-edges img,
.round-edge img,
.rounded-edges img,
.rounded-edges-image img {
	border-radius: 10px;
	overflow: hidden;
}

@media only screen and (min-width: 782px) {
	.round-edges,
	.round-edge,
	.rounded-edges,
	.rounded-edges-image img  {
		border-radius: 15px;
	}

	.min-height-100 {
		min-height: 100% !important;
	}
}

@media only screen and (max-width: 781px) {
	.no-gap-mobile {
		gap: 0 !important;
	}
}

.credibility-item {
	gap: 5px;
}

.mw-300 {
	max-width: 300px !important;
	margin-left: 0 !important;
}

.mw-550 {
	max-width: 550px !important;
	margin-left: 0 !important;
}

.mw-600 {
	max-width: 600px !important;
	margin-left: 0 !important;
}

.mw-650 {
	max-width: 650px !important;
	margin-left: 0 !important;
}

.mw-700 {
	max-width: 700px !important;
	margin-left: 0 !important;
}

.mw-750 {
	max-width: 770px !important;
	margin-left: 0 !important;
}

.mw-800 {
	max-width: 800px !important;
	margin-left: 0 !important;
}

.mw-850 {
	max-width: 850px !important;
	margin-left: 0 !important;
}

.mw-900 {
	max-width: 900px !important;
	margin-left: 0 !important;
}

.mw-1000 {
	max-width: 1000px !important;
	margin-left: 0 !important;

}

.hp-padded {
	max-width: 1440px !important;
	padding: 0 15px !important;
}

/* Events */
.event-archive-button a {
	text-decoration: none !important;
}

.looping-video-container {
	/* background: red;*/
}
