/*
 Theme Name:   Twenty Twenty One Child
 Description:  Francis Hunger
 Author:       Francis Hunger
 Author URI:   httpw://www.design-hunger.com
 Template:     twentytwentyone
 Version:      1.0
 Text Domain:  twenty-twentyone-child
*/

/* Copyright (c) <08/01/2020>, <Ethan Nakache> (<URL|ethan.nakache@orange.fr>) with Reserved Font Name <Sprat> */
@font-face {
    font-family: 'Sprat-CondensedRegular';
    src: url('/wp-content/themes/twentychildtheme/fonts/Sprat-CondensedRegular.woff2') format('woff2'),
        url('/wp-content/themes/twentychildtheme/fonts/Sprat-CondensedRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body, .primary-navigation a, .entry-content, .entry-summary {
	font-family:"p22-underground",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}


.site-title, .site-description, h1, .h1, h2, .h2,  h3, .h3, h4, .h4, h5, .h5, h6, .h6, .entryinner, .post-title {

	font-family: "Sprat-CondensedRegular","p22-underground"  !important;
}



:root {
	
	--global--font-size-page-title: 3em !important;
	--global--font-size-xxl:3em !important;
	
	--branding--description--font-size:3em !important;
	
	--heading--font-size-h1: 3em !important;

	--heading--font-size-h2: 2em !important;

	--heading--font-size-h3: 1.6em !important;

}







/* = ENTRY LIST
----------------------------------------------- */
.entries {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 6rem;
	justify-content:flex-start;
	
	margin-bottom: 3rem;
	flex-basis: content;
	
	width:90vw;
	margin:0 auto;
	
}

article.page {
	margin: 0 auto !important;
}

.entrywrapper {
	display: block;
	/*height:calc(44vw);
	width:33%;*/
	width: 100%;
	margin:3vw;
}

.entryouter {
	height:100%;
	display: flex;
}

.entryinner {
	display: flex;
	height: max-content;
	text-align:center;
}

.entryinner .nameover {
	opacity:0;
	position: absolute;
	margin: 1rem;
	align-self: start;

	width:30%; /* don't ask me, how I came up with this one */
	
}

.entryinner:hover .nameover {
	opacity:1;
	
}

.entryinner .name {
	position: relative;
	margin: 0.6rem;
		align-self: end;
	text-shadow:0 0 10px #fff, 0 0 20px #d85281, 0 0 30px white;
	/*width:15%; /* don't ask me, how I came up with this one */
}

.entryinner:hover .name {
	text-shadow: none;
	
}

.entryinner img {
	opacity: 1;
	transition:opacity .7s ;
	width:23vw !important;
	height:auto !important;
	margin: 0.6rem;
}

.entryinner:hover img {
	opacity:0.1;
	transition:opacity .3s ;
}

.pagination  {
	
	margin:0 auto;
	min-width: 30vw;
	text-align: center;
}

.pagination #nav-single a {
	text-align: center;
}

.post-title {
	font-weight: normal !important;
}

div.entrywrapper .entryouter  {
	align-items: flex-start;
	justify-content: center;
}

/*
div.entrywrapper:nth-child(9n+1) .entryouter  {
	align-items: flex-start;
	justify-content: center;
}

div.entrywrapper:nth-child(9n+2) .entryouter  {
	align-items: center;
	justify-content: center;
}

div.entrywrapper:nth-child(9n+3) .entryouter  {
	align-items: flex-start;
	justify-content: center;
}

div.entrywrapper:nth-child(9n+4) .entryouter  {
	align-items: flex-start;
	justify-content: flex-start;
}

div.entrywrapper:nth-child(9n+5) .entryouter  {
	align-items: center;
	justify-content: flex-start;
}

div.entrywrapper:nth-child(9n+6) .entryouter  {
	align-items: flex-start;
	justify-content: flex-start;
}

div.entrywrapper:nth-child(9n+7) .entryouter  {
	align-items: flex-start;
	justify-content: flex-end;
}

div.entrywrapper:nth-child(9n+8) .entryouter  {
	align-items: flex-end;
	justify-content: flex-end;
}

div.entrywrapper:nth-child(9n+9) .entryouter  {
	align-items: flex-start;
	justify-content: flex-end;
} */