/*
 Theme Name:     Twenty Twenty Child
 Theme URI:      https://ryandaniels.ca/blog/set-up-customize-wordpress-twenty-twenty/
 Description:    Smaller font and less space around everything
 Author:         Ryan Daniels
 Author URI:     https://ryandaniels.ca
 Template:       twentytwenty
 Version:        2.0.0
*/

/* Twenty Twenty Stuff */

/* Smaller Heading Font please */
@media (min-width: 700px) {
    h1, .heading-size-1 { font-size: 6.4rem; }
    h2, .heading-size-2 { font-size: 4.4rem; }
    h3, .heading-size-3 { font-size: 3.8rem; }
    h4, .heading-size-4 { font-size: 3.2rem; }
}

/* Reduce white space around stuff */
@media (min-width: 700px) {
    .widget .widget-title { margin-bottom: 2rem; }
    .post-inner { padding-top: 3rem; }
    .footer-widgets-outer-wrapper { padding: 3rem 0; }
    #site-footer {
        padding: 3rem 0; }
}

.singular .entry-header {
    padding: 2rem 0;
}

body {
	font-family: 'Franklin Gothic Book', sans-serif !important;
	font-weight: lighter !important;
	font-stretch: condensed !important;
}

body:not(.singular) main > article:first-of-type {
    padding: 2rem 0 0;
}

.custom-logo,
.site-header .logo {
    max-width: 100% !important;
    width: 595px !important;
    height: auto !important;
}

.site-description {
	font-size: 0rem !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	visibility: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-size-1,
.heading-size-2,
.heading-size-3,
.heading-size-4,
.heading-size-5,
.heading-size-6 {
	font-weight: normal !important;
}

.archive-header {
    padding: 2rem 0;
}

.error404 #site-content {
    padding-top: 2rem;
}

/* Hide Tags from Blog page */
.blog .post-tags.meta-wrapper {
    display: none;
}
/* Hide Tags from Archive page */
.archive .post-tags.meta-wrapper {
    display: none;
}

.entry-content {
    font-family: 'Franklin Gothic Book', sans-serif !important;
    font-size: 1.7rem !important;
}

.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: 'Franklin Gothic Book', sans-serif !important;
}

.wp-caption-text {
    text-align: center !important;
}

.has-drop-cap:not(:focus)::first-letter {
	font-family: 'Franklin Gothic Book', sans-serif !important;
}

.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large {
	font-family: 'Franklin Gothic Book', sans-serif !important;
}

input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button {
	font-family: 'Franklin Gothic Book', sans-serif !important;
}

.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
	font-family: 'Franklin Gothic Book', sans-serif !important;
}

.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
	font-family: 'Franklin Gothic Book', sans-serif !important;
}

.pagination .nav-links {
    font-size: inherit;
}

.privacy-policy {
	color: #ffffff !important;
}

.post-meta-wrapper {
	margin-top: 2rem;
	margin-right: auto;
	margin-left: auto;
	max-width: 100rem;
	width: 100%;
}

.post-nav-links {
	border-radius: 0.4rem;
	display: flex;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1;
	margin: 3em auto 0 auto;
	padding: 0;
	width: calc(100% - 4rem);
	max-width: 100rem;
}

.author-bio {
	margin-top: 4rem;
	margin-right: auto;
	margin-left: auto;
	max-width: 100rem;
	width: 100%;
}

[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
	margin-left: auto;
	margin-right: auto;
	max-width: 100rem;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100rem;
	width: calc(100% - 4rem);
}

[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100rem;
	width: 100%;
}

.alignfull > figcaption,
.alignfull > .wp-caption-text {
	margin-left: auto;
	margin-right: auto;
	max-width: 100rem;
	width: calc(100% - 4rem);
}

.comment-respond p:not(.comment-notes) {
	max-width: 100rem;
}

@media ( min-width: 660px ) {
	figure.wp-block-gallery.alignleft {

		/*rtl:ignore*/
		margin-left: calc(( 100vw - 100rem - 8rem ) / -2);
	}

	figure.wp-block-gallery.alignright {

		/*rtl:ignore*/
		margin-right: calc(( 100vw - 100rem - 8rem ) / -2);
	}
	
	.entry-content > p .alignleft,
	.entry-content > .wp-block-image .alignleft {

		/*rtl:ignore*/
		margin-left: calc(( 100vw - 100rem - 8rem ) / -2);
	}

	.entry-content > p .alignright,
	.entry-content > .wp-block-image .alignright {

		/*rtl:ignore*/
		margin-right: calc(( 100vw - 100rem - 8rem ) / -2);
	}
}
	
@media ( min-width: 1000px ) {
	.entry-content > .alignleft,
	.entry-content > p .alignleft,
	.entry-content > .wp-block-image .alignleft {
		position: absolute;

		/*rtl:ignore*/
		right: calc((100vw - 100rem) / 2 + 100rem + 2rem);
		max-width: calc((100% - 100rem) / 2 - 6rem);
	}

	[class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
	[class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
	[class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft,
	[class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
	[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
	[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
		position: absolute;

		/*rtl:ignore*/
		right: calc((100% - 100rem) / 2 + 100rem + 4rem);
		max-width: calc((100% - 100rem) / 2 - 4rem);
	}

	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {

		/*rtl:ignore*/
		right: calc((100% - 100rem) / 2 + 100rem);
	}

	.entry-content > .alignright,
	.entry-content > p .alignright,
	.entry-content > .wp-block-image .alignright,
	[class*="__inner-container"] > .alignright {
		position: absolute;

		/*rtl:ignore*/
		left: calc((100vw - 100rem) / 2 + 100rem + 2rem);
		max-width: calc((100% - 100rem) / 2 - 6rem);
	}

	[class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
	[class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
	[class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright,
	[class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
	[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
	[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
		position: absolute;

		/*rtl:ignore*/
		left: calc((100% - 100rem) / 2 + 100rem + 4rem);
		max-width: calc((100% - 100rem) / 2 - 4rem);
	}

	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {

		/*rtl:ignore*/
		left: calc((100% - 100rem) / 2 + 100rem + 4rem);
	}
}

@media ( min-width: 1220px ) {
	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {

		/*rtl:ignore*/
		right: calc((100% - 100rem) / 2 + 100rem - 2rem);
	}

	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
	[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {

		/*rtl:ignore*/
		left: calc((100% - 100rem) / 2 + 100rem + 6rem);
	}
}

@media ( min-width: 1280px ) {
	.entry-content > .alignleft,
	.entry-content > p .alignleft,
	.entry-content > .wp-block-image .alignleft {

		/*rtl:ignore*/
		right: calc((100vw - 100rem) / 2 + 100rem + 4rem);
    }

	.entry-content > .alignright,
	.entry-content > p .alignright,
	.entry-content > .wp-block-image .alignright {

		/*rtl:ignore*/
		left: calc((100vw - 100rem) / 2 + 100rem + 4rem);
    }
}

/* End Twenty Twenty Stuff */