body {
	font-size: 16px;
}

/* Header background image */
header#masthead {
	background: #e8dcdd top left/cover no-repeat url("https://web.archive.org/web/20230625202845im_/https://www.yoppvoice.com/wp-content/uploads/2020/11/banner-background.jpg");
}

.site-header .branding {
	display: flex;
	align-items: center;
}

.site-header .branding a.title {
	flex: 0 0 auto;
	position: relative;
	width: 253px;
	line-height: 215px;
}

/* Cover text "Yopp" with logo */
.site-header .branding a:before {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: center/contain no-repeat url("https://web.archive.org/web/20230625202845im_/https://www.yoppvoice.com/wp-content/uploads/2020/11/yopp-logo-253x215-1.png");
}

/* Style the box for the header text */
.site-header .branding .description {
	flex: 0 1 auto;
	width: 30em;
	margin: 0 40px;
	padding: 1em;
	background: #fdefef;
	color: #711110;
	font-weight: bold;
	font-size: 18px;
}

/* On narrow screens, make the logo small and show the text under it */
@media screen and (max-width: 665px) {
	header .site-container {
		padding: 0;
	}
	.site-header 	.branding {
		flex-direction: column;
		padding: 22px 0 0;
	}
	
	.site-header .branding a.title {
		width: 126px;
		height: 107px;
		line-height: 107px;
		font-size: 16px;
	}
	
	.site-header .branding .description {
		margin: 16px 0 0;
		width: 100%;
		font-size: 16px;
	}
}

/* Put the menu burger button on the left */
@media only screen and (max-width: 960px) {
	.header-menu-button {
		text-align: left;
	}
}

.site-footer-widgets {
	padding: 20px 0;
}

.site-footer-widgets .site-container > ul:after {
	display: none;
}

@media screen and (min-width: 1px) {
	.site-footer-widgets .site-container li.widget:last-child {
		width: auto;
		padding: 0 !important;
	}
}

.site-footer-widgets .site-container p {
	margin: 0;
	text-align: center;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: bold;
	line-height: 1.25em;
}

/* Footer blurb */
@media (min-width: 900px) {
	.blurb-paragraph b {
		/* Keep the bold text on its own line on large screens */
		display: block;
	}
}
/*
     FILE ARCHIVED ON 20:28:45 Jun 25, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:41:48 Mar 25, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.554
  exclusion.robots: 0.026
  exclusion.robots.policy: 0.015
  esindex: 0.009
  cdx.remote: 14.229
  LoadShardBlock: 151.208 (3)
  PetaboxLoader3.datanode: 470.621 (5)
  PetaboxLoader3.resolve: 180.586 (3)
  load_resource: 631.215 (2)
*/