/**
 Theme Name:   Twenty Jeremy
 Theme URI:    http://jeremy.hu/
 Description:  A Child Theme of Twenty Twenty, for my personal blog
 Author:       Jeremy Herve
 Author URI:   http://jeremy.hu/
 Template:     twentytwenty
 Version:      0.45
*/

/**
 * Color theme:
 * Black: #292930
 * Orange: FF652F
 * Yellow: FDD935
 * Green: 14A67C
 * Grey: 747474
 */

body {
	background: url('bgpattern.png') repeat rgba(0,0,0,0.9);
}

#site-content .entry-header {
	background-color: transparent;
}

/* Style verified logo, only displayed on desktop */
@media ( min-width: 1000px ) {
	.header-titles .verified-title {
		line-height: 1;
		margin: 1rem 0 0 0.3rem;
	}
}
@media ( max-width: 1000px ) {
	.header-titles .verified-title {
		display: none;
	}
}



/* Let's use sans-serif in post body as well. */
#site-content .entry-content {
	font-family: inherit;
}

#site-header,
#site-footer {
	background-color: rgb(253,217,53,0.9);
	color: #292930;
}

#site-header a,
#site-footer a,
.site-description,
body:not(.overlay-header) #site-header .toggle,
body:not(.overlay-header) .toggle-inner .toggle-text {
	color: #292930;
}

a {
color: #FDD935;
}

.primary-menu-wrapper a,
.footer-menu a,
.footer-widgets a,
#site-footer .wp-block-button.is-style-outline,
.wp-block-pullquote:before,
.post-meta,
.entry-content div.sharedaddy h3.sd-title,
.entry-content h3.sd-title,
.entry-content #jp-relatedposts h3.jp-relatedposts-headline,
hr.styled-separator {
	color: #FDD935 !important;
}

.footer-nav-widgets-wrapper input[type="submit"] {
	background: #FDD935 !important;
}

.jetpack-search-form input[type="search"] {
	color: #292930;
}

/* Home page */
.home h1.entry-title {
	display: none;
}
.home .entry-header {
	padding: 0;
}

.home li.wp-block-social-link {
	display: inline-block;
}
    
.home ul.is-content-justification-center.wp-block-social-links {
	text-align: center;
}

/* Gradient in post titles. */
h1.entry-title {
	background: linear-gradient(90deg,#FF652F,#FDD935);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}

/* less top margin on home page */
@media (min-width: 700px) {
	.home #site-content .post-inner {
		padding-top: 0;		
	}
}

/* Gallery */
.entry-content figure.wp-block-gallery {
	margin: 0 auto;
}

/* Stupid 2020 margin rules breaks many things */
.wp-block-code,
.wp-playlist {
	margin: 1em auto !important;
}

/* Less margin above Related Posts heading */
#jp-relatedposts hr.styled-separator {
	margin: 4rem auto 0;
}

/* Smaller post titles */
@media(min-width: 1220px) {
	h1,.heading-size-1 {
		font-size:4.4rem;
	}
}

/* Less margin below post titles. */
@media (min-width: 700px) {
	.singular .entry-header {
		padding-bottom: 0;
	}
}

@media (min-width: 700px) {
	/* Smaller Related Posts heading */
	#site-content .entry-content div.sharedaddy h3.sd-title,
	#site-content .entry-content h3.sd-title,
	#site-content .entry-content #jp-relatedposts h3.jp-relatedposts-headline {
		font-size: 2rem;
	}
	
	/* Less margin above pagination */
	.pagination-single {
		margin-top: 0;
	}
}

/* Larger main content width */
.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 70rem;
}

/* Black footer */
.powered-by-wordpress {
	color: #292930;
}

/* Footer cc logos */
.footer-copyright .cc-logos {
	display: inline-block;
}

/* Ukraine support */

.huww-title {
	color: #000;
}

.home .wp-block-post .wp-block-post-date {
	font-size: 0.7em;
}

/* Custom CSS for the RSS feed on the homepage, so it looks like the post list */
.wp-block-column .wp-block-rss {
	margin: 0;
}
.wp-block-column .wp-block-rss li {
	margin-left: 0;
}
        
.wp-block-column .wp-block-rss .wp-block-rss__item-title {
	font-family: inter var,-apple-system,BlinkMacSystemFont,helvetica neue,Helvetica,sans-serif;
	font-size: var(--wp--preset--font-size--small) !important;
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	font-weight: 700;
	letter-spacing: -.0415625em;
	line-height: 1.25;
	margin: 3.5rem auto 2rem;
}

.wp-block-column .wp-block-rss .wp-block-rss__item-publish-date {
	line-height: 1.476;
	font-size: 0.7em;
}

@media (min-width: 700px) {
	.wp-block-column .wp-block-rss .wp-block-rss__item-title {
		margin: 3.5rem 0 2rem;
	}
}

/* Comments */

/* Smaller comment prompt */
@media (min-width: 1220px) {
	.comment-reply-title {
		font-size: 3.6rem;
	}
}

/* Webmentions form below comment form */
.comments-wrapper #webmention-form {
	border-top: 1px #FDD935 solid;
	max-width: 58rem;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
}

/* Likes below comment form */
.comments-wrapper .likes h3,
.comments-wrapper .likes ul.mention-list {
	max-width: 58rem;
	margin-left: auto;
	margin-right: auto;
}

.comments-wrapper .likes {
	border-bottom: 1px #FDD935 solid;
	padding-bottom: 3em;
	margin-bottom: 2em;
}

/* Mentions should not as wide */
#site-content article .mentions {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px #FDD935 solid;
	margin-bottom: 2em;
}

/* ActivityPub follow */
.activitypub-profile__confirm {
	color: #292930;
}
.activitypub-profile__confirm.components-modal__frame code {
	background-color: #fff;
}