/*

Theme Name: Olly and Pops
Theme URI: https://wordpress.com/themes/
Author: Noah Hearle
Author URI: http://designextreme.com
Description: Modifications to TwentyTwenty
Version: 1.0.0
Template: twentytwenty
Text Domain: twentytwenty

*/

@import url(../twentytwenty/style.css);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');

body,
.entry-content,
table th,
table td {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
}
pre,
code {
	font-family: 'PT Mono', monospace;
}
body,
body.custom-background,
#site-content,
#site-footer,
#site-footer.header-footer-group {
	transition: 0.2s color linear, 0.2s background-color linear, 0.2s box-shadow linear; 
}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
[class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 800px;
}
#site-header,
#site-footer .powered-by-wordpress {
	display: none;
}
#site-header,
.footer-nav-widgets-wrapper,
.menu-modal,
.menu-modal-inner,
.search-modal-inner,
.archive-header,
.singular .featured-media::before,
.wp-block-pullquote::before {
    background-color: #830000;
	transition: 0.2s color linear 0.3s, 0.2s background-color linear 0.3s;
}
.singular .entry-header.header-footer-group {
	box-shadow: 0 0 0 2px #820000 inset;
	transition: 0.2s color linear 0.3s, 0.2s background-color linear 0.3s, 0.2s box-shadow linear 0.3s;
}
.dark.singular .entry-header.header-footer-group {
	box-shadow: 0 0 0 2px #BF0000 inset;
}
.singular .entry-header.header-footer-group {
	color: #FFFFFF;
	background-color: #9C0000;
	transition: 0.2s color linear 0.3s, 0.2s background-color linear 0.3s, 0.2s box-shadow linear 0.3s;
}
.singular.dark .entry-header.header-footer-group {
	background-color: #B10000;
}
#site-footer,
#site-footer.header-footer-group {
	border-top: 1px solid #b9c9e9;
	background-color: transparent;
	font-size: 13px;
	color: #E8D2D2;
}
.dark #site-footer,
.dark #site-footer.header-footer-group {
	border-top: 1px solid #67758F;
	color: #C5B4B4;
}
body.dark,
body.custom-background.dark,
.dark #site-content,
.dark #site-footer,
.dark #site-footer.header-footer-group {
	color: #FFFFFF;
	background-color: #131313;
}
.dark #site-header {
	background-color: #A40000;
}
a,
.color-accent,
.entry-content a {
	color: #CD0000;
}
.dark .color-accent,
.dark a,
.dark .entry-content a {
	color: #FF7B7B;
}
#site-footer a,
#site-footer.header-footer-group a {
	color: #B98989;
}
.dark #site-footer a,
.dark #site-footer.header-footer-group a {
	color: #834E4E;
}
.home #site-footer a,
.home #site-footer.header-footer-group a {
	color: #A27979;
}
.dark table,
.dark th,
.dark td {
	border-color: #353535;
}
.dark code,
.dark caption,
.dark .code {
	background-color: #353535;
}
body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li > a,
body:not(.overlay-header) .primary-menu-wrapper .primary-menu > li > .icon,
.dark a.button {
	color: #FFFFFF;
}
.modal-menu a,
.footer-menu a,
.footer-widgets a,
.wp-block-pullquote::before,
.singular:not(.overlay-header) .entry-header a,
.archive-header a,
.header-footer-group .color-accent,
.header-footer-group .color-accent-hover:hover,
#site-footer .wp-block-button.is-style-outline {
	color: #FF2424;
}
h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
	letter-spacing: 0;
}
h1,
h2,
h3,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
}
.primary-menu-wrapper .primary-menu > li > a,
.primary-menu a,
#site-header .primary-menu a,
#site-header .primary-menu a:hover,
#site-header .primary-menu a:focus,
#site-header .primary-menu .current_page_ancestor {
	text-decoration: none;
}
.singular .entry-header {
	padding: 2rem 0;
}
body:not(.singular) main > article:first-of-type {
	padding: 2rem 0 0;
}
.archive-header {
	padding: 2rem 0;
}
#site-header .header-titles-wrapper {
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
.site-logo img {
	max-height: none;
}
.error404 #site-content {
	padding-top: 2rem;
}
.entry-content div + p,
.entry-content a.button + p {
	margin-top: 4rem;
}
.blog .post-tags.meta-wrapper,
.archive .post-tags.meta-wrapper,
.nav-toggle.mobile-nav-toggle,
.footer-copyright,
.wp-embedded-content .wp-embed .byline,
.hide {
	display: none;
}

@media (min-width: 700px) {
	h1,
	.heading-size-1 {
		font-size: 3.7rem;
		text-transform: uppercase;
		letter-spacing: 0;
	}
	h2,
	.heading-size-2 {
		font-size: 3.4rem;
	}
	h3,
	.heading-size-3 {
		font-size: 2.8rem;
	}
	h4,
	.heading-size-4 {
		font-size: 1.8rem;
	}
	#site-header .header-titles-wrapper {
		text-align: left;
		padding: 0 4rem 0 0;
		margin: 0 auto 0 0;
	}
	.site-logo img {
		max-width: 450px;
	}
	.widget .widget-title {
		margin-bottom: 2rem;
	}
	.post-inner {
		padding-top: 3rem;
	}
	.footer-widgets-outer-wrapper {
		padding: 3rem 0;
	}
	#site-footer {
		padding: 3rem 0;
	}
	.split > div {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
}