/* Hotfix for bold */
b,
strong {
    font-weight: bold;
}

/**
 * Header
 */ 

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

.desktop-sidebar p {
	font-size: 0.8rem;
}

.desktop-sidebar .wp-block-group {
	margin-bottom: 50px;
}

.nav1 .menu-highlight a {
	background-color: #EA4335;
	color: #fff !important;
}

.sans-serif {
	font-family: sans-serif
}

/**
 * Content
 */ 

.entry-content a {
	color: #357edd;
}

h1 strong,
h2 strong,
h3 strong {
	font-weight: 900;
}

/* Accent header */
.accent-header:not(.widget-title)::before, 
.article-section-title::before, 
.cat-links::before, 
.page-title::before, 
.site-breadcrumb .wrapper > span::before {
	display: none;	
}

.accent-header:not(.widget-title), .article-section-title {
	color: #111;
}

/* Blocks - Homepage Posts Block  */
.wpnbha .post-thumbnail {
	margin-bottom: 0;
}

.wpnbha.image-aligntop article {
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	border-radius: 10px;
}

.wpnbha.image-aligntop img {
	border-radius: 10px 10px 0 0;
	border-bottom: 2px #FEC30F solid;
}

.wpnbha.image-aligntop .entry-wrapper {
	padding: 1rem;
}

.wpnbha.image-aligntop article.post-has-image .entry-wrapper {
	padding-top: 0;
}

.wpnbha p,
.wpnbha .more-link {
	font-family: 'Heebo', sans-serif;
}

.wpnbha p {
	font-size: 0.9rem;
}

.wpnbha .more-link {
	text-decoration: none;
}

@media (min-width: 782px) {
	.home div.wpnbha.ts-2 article .entry-title {
		font-size: 0.8rem;
	}
}

.entry-content p {
	font-family: 'Heebo', sans-serif;
	font-weight: 300;
	line-height: 140%;
}

/* HPB - font weights */
.wpnbha article .entry-title {
	font-weight: 900;
}

.wpnbha.ts-3 article .entry-title,
.wpnbha.ts-2 article .entry-title,
.wpnbha.ts-1 article .entry-title {
	font-weight: 500;
}

/* HPB - Lesson Plan labels
 * Should these be homepage specific? They appear in the Library mockup, too.
 * 
 */
.wpnbha .post-thumbnail {
	position: relative;
}

.wpnbha .category-has-lesson-plan .post-thumbnail a::before {
	background-color: #FEC30F;
	border-radius: 2px 8px 0 0;
	bottom: 10px; 
	color: #000;
	content: "Has Lesson Plan";
	font-family: 'Inter', sans-serif;
	font-size: 0.6rem;
	font-weight: bold;
	left: 0;
	padding: 8px 18px;
	position: absolute; 
	z-index: 1;
}

/* .wpnbha .category-video .post-thumbnail a::before {
	background-color: #ddd;
	content: "Video";
}
 */






/* Blocks - Buttons */
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link {
	border-radius: 15px;
	font-size: 0.6rem;
	padding: 10px 15px;
}

.wp-block-button .wp-block-button__link {
	padding-top: 12px;
	padding-bottom: 12px;
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	border-width: 1px;
}

.is-style-outline > .wp-block-button__link:not(.has-text-color):not(:hover) {
	color: #000;
}

.is-style-outline > .wp-block-button__link:hover {
	border-color: #111;
}

/* Blocks - Columns */
.wp-block-columns.is-style-borders > .wp-block-column::after {
	border-color: rgba(0,0,0,0.1);
}

/* Blocks - Group */
:where(.wp-block-group.has-background) {
	padding: 1.5rem;
}

/* Blocks - separator */
.wp-block-separator:not(.is-style-wide) {
	border: 0;
	background-color: #FEC30F;
	height: 5px;
	margin-left: 0;
	margin-bottom: 0;
	max-width: 50px;
}

.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
	height: 5px;
}

.wp-block-separator:not(.is-style-wide) + .wp-block-heading {
	margin-top: 16px !important;
}

/* Blocks - subscribe */
div.newspack-newsletters-subscribe input[type="submit"] {
	background: var( --newspack-theme-color-primary );
	color: #111;
	border-radius: 15px;
  padding-top: 10px;
	padding-bottom: 10px;
}

/* Homepage */
.home .site-content {
	margin-top: 0;
}

.home .entry .entry-content > .alignfull:first-child {
	margin-top: 0;
}

.homepage-lead-section {
	overflow: hidden;
}

.homepage-lead-section .wp-block-column {
	display: flex;
	align-items: stretch;
}

.homepage-lead-section .wp-block-column > .wp-block-image,
.homepage-lead-section .wp-block-column > .wp-block-video,
.homepage-lead-section .wp-block-column > .wp-block-group {
	display: flex;
	height: 100%;
	align-items: center;
	width: 100%;
}

.homepage-lead-section .wp-block-column > .wp-block-image,
.homepage-lead-section .wp-block-column > .wp-block-video {
	display: block;
	overflow: hidden;
}

.homepage-lead-section .wp-block-column > .wp-block-image img,
.homepage-lead-section .wp-block-column > .wp-block-video video {
	height: 100% !important;
	object-fit: cover;
	width: 100%;
}

.homepage-lead-section .wp-block-column > .wp-block-group {
	padding: 2rem 0;
}

@media (max-width: 781px) {
	.homepage-lead-section .wp-block-column > .wp-block-image,
	.homepage-lead-section .wp-block-column > .wp-block-video,
	.homepage-lead-section .wp-block-column > .wp-block-group {
		display: block
	}

	.homepage-lead-section .wp-block-columns {
		gap: 0;
	}
	
	.homepage-lead-section .wp-block-column {
		text-align: center;
	}
	
	.homepage-lead-section .wp-block-column > .wp-block-group {
		background: var( --newspack-theme-color-primary );
		border-radius: 6px;
		margin-top: -110px;
		padding: 2rem 0;
		z-index: 3;
	}
	
	.homepage-lead-section .wp-block-column .wp-block-image,
	.homepage-lead-section .wp-block-column .wp-block-video {
		margin-left: calc( 50% - 50vw );
		margin-right: calc( 50% - 50vw );
		width: 100vw;
	}
	
	.homepage-lead-section .wp-block-heading {
		font-size: 32px !important;
		padding: 0 2rem;
	}
	
	.homepage-lead-section .wp-block-column .wp-block-buttons {
		justify-content: center;
	}
}

@media (min-width: 782px) and (max-width: 999px) {
	.homepage-lead-section .wp-block-column > .wp-block-group {
		padding: 3rem 0 !important;
	}
}

@media (min-width: 782px) and (max-width: 1200px) {
	.homepage-lead-section .wp-block-heading {
		font-size: 36px !important
	}
}

@media (min-width: 782px) {
	.homepage-lead-section .wp-block-column .wp-block-image,
	.homepage-lead-section .wp-block-column .wp-block-video {
  	-webkit-mask-image: url('/wp-content/uploads/2023/10/retro-report-home-mask.png');
  	mask-image: url('/wp-content/uploads/2023/10/retro-report-home-mask.png');
  	-webkit-mask-repeat: no-repeat;
  	mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
	}
	
	.homepage-lead-section .wp-block-column:first-child {
		margin-right: -80px;
	}
}

/* Single posts */
.single .entry-title {
 font-size: 1.6em;
}

@media only screen and (min-width: 600px) {
  .single .entry-title {
    font-size: 1.8em;
  }
}

@media only screen and (min-width: 782px) {
  .single .entry-title {
    font-size: 2.0em;
  }
}

@media only screen and (min-width: 1168px) {
  .single .entry-title {
    font-size: 2.4em;
  }
}

.single .entry-header .cat-links {
	font-size: 0.7rem;
	font-weight: 500;
}

.single .entry-header .cat-links a {
	background: #ffc313;
	color: #000;
	display: inline-block;
	margin: 0 0.3em 0.3em  0;
	padding: 0.2em 0.4em;
}

.single .entry-header .cat-links .sep {
	display: none;
}

.entry-footer .tag-links {
	font-size: 0.7rem;
	font-weight: normal;
}

/**
 * Pages
 */ 
.hide-page-title .site-content {
	margin-top: 0;
}

.hide-page-title .entry .entry-content > .alignfull:first-child {
	margin-top: 0;
}


/* Sidebar menu, like for /about section */
.section-list-menu {
	font-family: 'Heebo', sans-serif;
	font-size: 0.9rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.section-list-menu a {
	text-decoration: none;
}

.section-list-menu a:hover {
	text-decoration: underline;
}

@media (min-width: 782px) {
	.section-list-menu li {
		margin: 0.75em 0;
	}
}

/* Campaigns 
*/
.newspack-lightbox-placement-bottom .newspack-popup-wrapper {
	border-radius: 15px 15px 0 0;
	box-shadow: 0 0 10px #777;
}

/**
 * Widgets
 */
.widget p {
	font-family: 'PT Serif', serif;
}

/**
 * Site footer
 */
.footer-branding .wrapper, 
.footer-widgets:first-child {
	border-top: 1px solid #ccc;
}

.footer-branding .wrapper {
	padding-top: 3rem;
}

.site-footer .wp-block-heading {
	font-weight: 500;
}

.site-footer .wp-element-button {
	display: inline-block;
	width: auto !important;

	border-radius: 20px;
	padding: 10px 20px;
	font-size: var(--newspack-theme-font-size-sm);

}

#footer-donate-button a {
		color: white !important;
	background-color: rgb(234, 67, 53);
}

.help-box {
	padding: 20px !important;
	border-radius: 20px;
	font-size: 18px;
}

.help-box h6 {
	font-size: 15px;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.help-box p {
	font-size: 14px;
	margin-top: 5px !important;
	padding-top: 0 !important;
}



/* Styling for cards — logos, teacher ambassadors, etc */
.wpnbha .tag-ambassadors .post-thumbnail img {
	height: 220px;
	object-fit: cover;
}

/* Removing bylines, except for article pages */

.entry-meta .byline {
	display: none;
}

.entry-meta .author-avatar {
	display: none;
}

.category-articles .entry-meta .byline {
	display: block;
} 

.entry-meta span.byline span:not(.author) {
	display: none;
}

/* Styling for search */

#jetpack-instant-search__search-filter-2-postType {
	display: none;
}

#jetpack-instant-search__search-filter-3-taxonomy input, #jetpack-instant-search__search-filter-3-taxonomy label {
	display: none;
}

#jetpack-instant-search__search-filter-3-taxonomies-transcript, label[for="jetpack-instant-search__search-filter-3-taxonomies-transcript"],
#jetpack-instant-search__search-filter-3-taxonomies-articles, label[for="jetpack-instant-search__search-filter-3-taxonomies-articles"],
#jetpack-instant-search__search-filter-3-taxonomies-video, label[for="jetpack-instant-search__search-filter-3-taxonomies-video"],
#jetpack-instant-search__search-filter-3-taxonomies-has-lesson-plan, label[for="jetpack-instant-search__search-filter-3-taxonomies-has-lesson-plan"],
#jetpack-instant-search__search-filter-3-taxonomies-collection, label[for="jetpack-instant-search__search-filter-3-taxonomies-collection"],
#jetpack-instant-search__search-filter-3-taxonomies-uncategorized, label[for="jetpack-instant-search__search-filter-3-taxonomies-uncategorized"] {
	display: block !important;
}

.jetpack-instant-search__search-result-expanded__path {
	display: none;
}

.jetpack-instant-search__search-results-list li:before {
	align-self: flex-start;
	display: inline-block;
	font-family: Heebo, Helvetica, sans-serif;
	margin-bottom: 8px;
	padding: 2px 8px;
	position: relative !important;
	height: auto !important; 
	width: auto !important;
	font-size: 12px;
	font-weight: 600;
	border-radius: 16px;
}

.jetpack-instant-search__search-results-list li.jetpack-instant-search__search-result-category--collection:before {
	content: "Collection";
	background-color: #E1E1E1;
}

.jetpack-instant-search__search-results-list li.jetpack-instant-search__search-result-category--transcript:before {
	content: "Transcript";
	background-color: #E1E1E1;
}

.jetpack-instant-search__search-results-list li.jetpack-instant-search__search-result-category--articles:before {
	content: "Article";
	background-color: #76A9F9;
}

.jetpack-instant-search__search-results-list li.jetpack-instant-search__search-result-category--video:before {
	content: "Video";
	background-color: #FFC313;
}

.jetpack-instant-search__search-results-list li.jetpack-instant-search__search-result-category--has-lesson-plan:before {
	content: "Video with lesson plan";
	background-color: #FFC313;
}