/*
Theme Name: EJN Twenty Twenty One Child Theme
Theme URI: https://wordpress.com/themes
Description: EJN adaptation of Twenty Twenty One.
Author: EJN
Author URI: https://extrajournal.net
Template: twentytwentyone
Version: 20231203g
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* define or override css variables */

:root {

/* Font defs */

--global--font-primary-child: var(--font-headings, arial, geneva, tahoma, verdana, "Helvetica Neue", "Open Sans", sans-serif);
--global--font-family-child: var(--global--font-primary-child);
--global--font-secondary: var(--global--font-primary-child);

/* Colors */
--global--color-ejn_red: #d00b0b;
--entry-header--color: var(--global--color-ejn_red);

/* Font Size */
--global--font-size-base: 1.0rem;
--global--font-size-xs: 0.8rem;
--global--font-size-ssm: 0.875rem;
--global--font-size-sm: 0.925rem;
--global--font-size-md: 1.0rem;
--global--font-size-lg: 1.1rem;
--global--font-size-xl: 1.2rem;
--global--font-size-xxl: 1.5rem;
--global--font-size-xxxl: 2rem;
--global--font-size-page-title: var(--global--font-size-xxl);
--global--letter-spacing: normal;

/* Line Height */
--global--line-height-body: 1.7;
--global--line-height-heading: 1.3;
--global--line-height-page-title: 1.1;

/* Line Height */
--global--line-height-body: 1.7;
--global--line-height-heading: 1.3;
--global--line-height-page-title: 1.1;

/* Headings */
--heading--font-family: var(--global--font-primary);
--heading--font-size-h6: var(--global--font-size-xs);
--heading--font-size-h5: var(--global--font-size-sm);
--heading--font-size-h4: var(--global--font-size-lg);
--heading--font-size-h3: var(--global--font-size-lg);
--heading--font-size-h2: var(--global--font-size-xl);
--heading--font-size-h1: var(--global--font-size-page-title);
--heading--letter-spacing-h6: 0.05em;
--heading--letter-spacing-h5: 0.05em;
--heading--letter-spacing-h4: var(--global--letter-spacing);
--heading--letter-spacing-h3: var(--global--letter-spacing);
--heading--letter-spacing-h2: var(--global--letter-spacing);
--heading--letter-spacing-h1: var(--global--letter-spacing);
--heading--line-height-h6: var(--global--line-height-heading);
--heading--line-height-h5: var(--global--line-height-heading);
--heading--line-height-h4: var(--global--line-height-heading);
--heading--line-height-h3: var(--global--line-height-heading);
--heading--line-height-h2: var(--global--line-height-heading);
--heading--line-height-h1: var(--global--line-height-page-title);
--heading--font-weight: normal;
--heading--font-weight-page-title: 300;
--heading--font-weight-strong: 600;

/* spacings */
--spacing--vertical-small: calc(0.67 * var(--global--spacing-vertical));
--spacing--vertical-large: calc(1.2 * var(--global--spacing-vertical));

}


/* body */

body {
	background-color: var(--global--color-white);
}

/* headlines */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {

	font-family: var(--global--font-family-child);
	font-weight: var(--heading--font-weight-strong);
}

.entry-content > h2 {
	margin-top: 1.2em;
	margin-bottom:0.8em;
}

.entry-content > h3 {
	margin-top: 1.1em;
	margin-bottom:0.7em;
}


/* EJN Layout corrections */

/** Site Structure */

/** Top Level Wrappers (header, main, footer) */

/** Site-main children wrappers */
.site-main > *:first-child {
	margin-top: auto;
}

.site-main > *:last-child {
	margin-bottom: calc(0.4 * var(--global--spacing-vertical));
}

.site-main > * {
margin-top: calc(1.0 * var(--global--spacing-vertical));
margin-bottom: calc(0.4 * var(--global--spacing-vertical));
}

/* Block & non-gutenberg content wrappers */
.entry-header,
.post-thumbnail,
.entry-content,
.entry-footer,
.author-bio {
	margin-top: var(--global--spacing-vertical);
	margin-right: auto;
	margin-bottom: var(--global--spacing-vertical);
	margin-left: auto;
}

/* Block & non-gutenberg content wrapper children */
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-main > article > *,
	.site-main > .not-found > *,
	.entry-content > *,
	[class*=inner-container] > *,
	.wp-block-template-part > *,
	.wp-block-post-template :where(li > *) {
		margin-top: calc(0.4 * var(--global--spacing-vertical));
		margin-bottom: calc(0.4 * var(--global--spacing-vertical));
	}
}

.site-main > article > *:first-child,
.site-main > .not-found > *:first-child,
.entry-content > *:first-child,
[class*=inner-container] > *:first-child,
.wp-block-template-part > *:first-child,
.wp-block-post-template :where(li > *):first-child {
	margin-top: 0;
}

.site-main > article > *:last-child,
.site-main > .not-found > *:last-child,
.entry-content > *:last-child,
[class*=inner-container] > *:last-child,
.wp-block-template-part > *:last-child,
.wp-block-post-template :where(li > *):last-child {
	margin-bottom: auto;
}


/**
/* Elements layout corrections */

/* header padding */
#masthead {
padding:0;
}

/* eofsc */
.eofsc1:after {
content: "extrajournal."
}
.eofsc2:after {
content: "@"
}
.eofsc3:after {
content: "net"
}

/* home, archive */

/* No media captions on home, archive and ejn_posts_aside */
body.home figcaption,
body.archive figcaption,
div#ejn_posts_aside figcaption {
display:none;
}

/* article entry */
body.home article > .entry-footer, body.archive article > .entry-footer {
	border-bottom: 0px none;
	margin:auto;
	padding:0;
}

/* comments section */

article.category-werbung  ~ div#comments {
display:none;
}

p.comment-form-url {
display:none;
}

/* link styling */

.entry-title a:link {
text-decoration: none;
}

/* input styling */

input[type="text"], input[type="password"], input[type="email"], select {
border: 2px solid #dcdcdc;
}


/**
/* pro content */

article.category-pro h2.entry-title::after, article.category-pro h1.entry-title::after {
border: 1px solid #f5c00b;
margin:0 0 0 1.0em;
padding: 0 2px 0 2px;
color:#fff;
background-color:#f5c00b;
content: "Pro";
}

a.ejn_pro_logged_out, span.ejn_pro_logged_out {
color:#f5c00b;
background-color:#f5c00b;
text-underline-offset:0px;
/* color: rgb(200,200,200);
background-color: rgb(200,200,200); */
}

div#ejn_pro_window {
width:100%;
display:block;
margin:0;
padding:0;
position:fixed;
left:0;
bottom:0;
z-index:5000;
/* background: rgb(245,192,11);
background: linear-gradient(180deg, rgba(245,192,11,1) 35%, rgba(244,207,32,1) 100%); */
background: rgb(200,200,200);
background: linear-gradient(180deg, rgba(240,240,240,1) 35%, rgba(210,210,210,1) 100%); */
outline: none;
-moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
-webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
box-shadow: 3px 0 8px rgba(0,0,0,.25);
}

div#ejn_pro_window_text {
display:block;
float:left;
margin:1.5em 2.0em 1.5em 2.0em;
padding:0.5em 3.0em;
color:#111;
font-size:1.0em;
font-weight:bold;
}

button#ejn_pro_login, button#ejn_pro_login:focus, button#ejn_pro_login:active, button#ejn_pro_register, button#ejn_pro_register:focus, button#ejn_pro_register:active {
display:block;
float:right;
margin:1.5em 2.0em 1.5em 2.0em;
padding:0.5em 3.0em;
color:#fff;
font-weight:bold;
background-color: #f5c00b;
border:2px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0px 0px 4px #bbb;
outline: none;
}

button#ejn_pro_login:hover, button#ejn_pro_register:hover {
color:#111;
background-color:#02f938;
border:2px solid #02f938;
box-shadow: 0px 0px 4px #eee;
}

/* pmpro styling */
div.pmpro_content_message a, div.pmpro_content_message a:link, div.pmpro_content_message a:active, div.pmpro_content_message a:focus {
color:#fff;
background-color: #f5c00b;
border:2px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0px 0px 4px #bbb;
outline: none;
}

div.pmpro_content_message a:hover {
color:#111;
background-color:#02f938;
border:2px solid #02f938;
box-shadow: 0px 0px 4px #eee;
}

body.pmpro-account div.ejn_gallery, body.pmpro-billing div.ejn_gallery, body.pmpro-levels div.ejn_gallery, body.pmpro-checkout div.ejn_gallery, body.pmpro-invoice div.ejn_gallery, body.pmpro-login div.ejn_gallery, body.pmpro-member-profile-edit div.ejn_gallery {
display:none;
}

body.pmpro-account div#ejnhdbg_lower1, body.pmpro-billing div#ejnhdbg_lower1, body.pmpro-levels div#ejnhdbg_lower1, body.pmpro-checkout div#ejnhdbg_lower1, body.pmpro-invoice div#ejnhdbg_lower1, body.pmpro-login div#ejnhdbg_lower1, body.pmpro-member-profile-edit div#ejnhdbg_lower1 {
display:none;
}

body.pmpro-account div#ejn_menuhd_spacer, body.pmpro-billing div#ejn_menuhd_spacer, body.pmpro-levels div#ejn_menuhd_spacer, body.pmpro-checkout div#ejn_menuhd_spacer, body.pmpro-invoice div#ejn_menuhd_spacer, body.pmpro-login div#ejn_menuhd_spacer, body.pmpro-member-profile-edit div#ejn_menuhd_spacer {
height:4.4em;
}

body.pmpro-account div#ejn_posts_aside, body.pmpro-billing div#ejn_posts_aside, body.pmpro-levels div#ejn_posts_aside, body.pmpro-checkout div#ejn_posts_aside, body.pmpro-invoice div#ejn_posts_aside, body.pmpro-login div#ejn_posts_aside, body.pmpro-member-profile-edit div#ejn_posts_aside {
display:none;
}

body.page.pmpro-account div#primary, body.page.pmpro-billing div#primary, body.page.pmpro-levels div#primary, body.page.pmpro-checkout div#primary, body.page.pmpro-invoice div#primary, body.page.pmpro-login div#primary, body.page.pmpro-member-profile-edit div#primary {
width:100%;
margin-left:auto;
margin-right:auto;
}

body.page.pmpro-account div.entry-content, body.page.pmpro-billing div.entry-content, body.page.pmpro-levels div.entry-content, body.page.pmpro-checkout div.entry-content, body.page.pmpro-invoice div.entry-content, body.page.pmpro-login div.entry-content, body.page.pmpro-member-profile-edit div.entry-content {
width:90%;
margin-left:auto;
margin-right:auto;
}

body.pmpro-account h1.entry-title, body.pmpro-billing h1.entry-title, body.pmpro-levels h1.entry-title, body.pmpro-checkout h1.entry-title, body.pmpro-invoice h1.entry-title, body.pmpro-login h1.entry-title, body.pmpro-member-profile-edit h1.entry-title {
color: #f5c00b;
}

body.page.pmpro-account article header.entry-header, body.page.pmpro-billing article header.entry-header, body.page.pmpro-levels article header.entry-header, body.page.pmpro-checkout article header.entry-header, body.page.pmpro-invoice article header.entry-header, body.page.pmpro-login article header.entry-header, body.page.pmpro-member-profile-edit article header.entry-header {
border-bottom:none;
}

form.pmpro_form input[type=checkbox]#tos {
margin:20px 3px 0px 0px;
height:16px;
padding:8px 8px;
}

div.pmpro_submit hr {
margin-bottom:20px;
}

/* Pakete */
body.page.pmpro-levels div#primary {
max-width:none;
width:100%;
margin: 0 0 0 0;
color:#222;
}

body.page.pmpro-levels article header.entry-header {
margin-top:1.5em;
margin-bottom:calc(1.5 * var(--global--spacing-vertical))
}

body.page.pmpro-levels h1.entry-title {
display:none;
}

div#pro_packages_main {
width:100%;
max-width:none !important;
margin:auto auto 3% auto;
display:block;
}

body.page.pmpro-levels h2.pro_h2, body.page.pmpro-levels p.pro_p {
width:80% !important;
max-width:none !important;
margin:auto auto 10px auto !important;
text-align:center;
}

div#pro_package_select {
width:100%;
max-width:none;
margin:auto;
padding:5% 5% 5% 5%;
display:grid;
grid-template-columns: 98%;
grid-auto-flow:dense;
justify-content:space-evenly;
align-content:center;
color:#111;
background-color:#fff;
}

p.pro_header {
margin-bottom:3px;
padding-bottom:3px;
color:#444;
background-color:#fff;
/* border-bottom:2px solid #ccc;
border-radius:3px;
box-shadow: 3px 0 12px rgba(0,0,0,.25);*/
font-size:1.2em;
font-weight:bold;
text-align:center;
}

div.pro_package {
width:90%;
margin:0% auto 0% auto;
padding:14% 2% 14% 2%;
}

div.pro_package_1m {
background-color:#fff;
}
div.pro_package_6m {
background-color:#fff;
}
div.pro_package_12m {
background-color:#fff;
border-top:2px solid #ddd;
border-bottom:2px solid #ddd;
}

ul.pro_ul {
max-width:none;
padding-top:5%;
padding-left:var(--global--spacing-horizontal);
}

ul.pro_ul li {
max-width:none;
font-size:0.9em;
}

p#pro_price_1m {
padding-top:10px;
font-size:1.1em;
font-weight:bold;
text-align:center;
}

p#pro_price_1m a.pmpro_btn {
width:100%;
border: 2px solid #f5c00b;
background-color:#fff;
}

p#pro_price_6m {
padding-top:10px;
font-size:1.2em;
font-weight:bold;
text-align:center;
}

p#pro_price_6m a.pmpro_btn {
width:100%;
border: 2px solid #f5c00b;
background-color:#fff;
}

p#pro_price_12m {
padding-top:10px;
font-size:1.3em;
font-weight:bold;
text-align:center;
}

p.pro_checkout {
padding-top:10px;
}

p.pro_checkout a.pmpro_btn {
width:100%;
border: 2px solid #fff;
border-radius:3px;
background-color:#f5c00b;
}

p.pro_checkout a.pmpro_btn:hover, p.pro_checkout a.pmpro_btn:active {
border: 2px solid #fff !important;
background-color:#02f938 !important;
}

/**
/* give 48 posts and possible fixed-positioned posts in between a direct position */

article.ejn_pos_00 {
	order:00;
}
article.ejn_pos_05 {
	order:05;
}
article.ejn_pos_10 {
	order:10;
}
article.ejn_pos_15 {
	order:15;
}
article.ejn_pos_20 {
	order:20;
}
article.ejn_pos_25 {
	order:25;
}
article.ejn_pos_30 {
	order:30;
}
article.ejn_pos_35 {
	order:35;
}
article.ejn_pos_40 {
	order:40;
}
article.ejn_pos_45 {
	order:45;
}
article.ejn_pos_50 {
	order:50;
}
article.ejn_pos_55 {
	order:55;
}
article.ejn_pos_60 {
	order:60;
}
article.ejn_pos_65 {
	order:65;
}
article.ejn_pos_70 {
	order:70;
}
article.ejn_pos_75 {
	order:75;
}
article.ejn_pos_80 {
	order:80;
}
article.ejn_pos_85 {
	order:85;
}
article.ejn_pos_90 {
	order:90;
}
article.ejn_pos_95 {
	order:95;
}
article.ejn_pos_100 {
	order:100;
}
article.ejn_pos_105 {
	order:105;
}
article.ejn_pos_110 {
	order:110;
}
article.ejn_pos_115 {
	order:115;
}
article.ejn_pos_120 {
	order:120;
}
article.ejn_pos_125 {
	order:125;
}
article.ejn_pos_130 {
	order:130;
}
article.ejn_pos_135 {
	order:135;
}
article.ejn_pos_140 {
	order:140;
}
article.ejn_pos_145 {
	order:145;
}
article.ejn_pos_150 {
	order:150;
}
article.ejn_pos_155 {
	order:155;
}
article.ejn_pos_160 {
	order:160;
}
article.ejn_pos_165 {
	order:165;
}
article.ejn_pos_170 {
	order:170;
}
article.ejn_pos_175 {
	order:175;
}
article.ejn_pos_180 {
	order:180;
}
article.ejn_pos_185 {
	order:185;
}
article.ejn_pos_190 {
	order:190;
}
article.ejn_pos_195 {
	order:195;
}
article.ejn_pos_200 {
	order:200;
}
article.ejn_pos_205 {
	order:205;
}
article.ejn_pos_210 {
	order:210;
}
article.ejn_pos_215 {
	order:215;
}
article.ejn_pos_220 {
	order:220;
}
article.ejn_pos_225 {
	order:225;
}
article.ejn_pos_230 {
	order:230;
}
article.ejn_pos_235 {
	order:235;
}
article.ejn_pos_240 {
	order:240;
}
article.ejn_pos_245 {
	order:245;
}
article.ejn_pos_250 {
	order:250;
}
article.ejn_pos_255 {
	order:255;
}
article.ejn_pos_260 {
	order:260;
}
article.ejn_pos_265 {
	order:265;
}
article.ejn_pos_270 {
	order:270;
}
article.ejn_pos_275 {
	order:275;
}
article.ejn_pos_280 {
	order:280;
}
article.ejn_pos_285 {
	order:285;
}
article.ejn_pos_290 {
	order:290;
}
article.ejn_pos_295 {
	order:295;
}
article.ejn_pos_300 {
	order:300;
}
article.ejn_pos_305 {
	order:305;
}
article.ejn_pos_310 {
	order:310;
}
article.ejn_pos_315 {
	order:315;
}
article.ejn_pos_320 {
	order:320;
}
article.ejn_pos_325 {
	order:325;
}
article.ejn_pos_330 {
	order:330;
}
article.ejn_pos_335 {
	order:335;
}
article.ejn_pos_340 {
	order:340;
}
article.ejn_pos_345 {
	order:345;
}
article.ejn_pos_350 {
	order:350;
}
article.ejn_pos_355 {
	order:355;
}
article.ejn_pos_360 {
	order:360;
}
article.ejn_pos_365 {
	order:365;
}
article.ejn_pos_370 {
	order:370;
}
article.ejn_pos_375 {
	order:375;
}
article.ejn_pos_380 {
	order:380;
}
article.ejn_pos_385 {
	order:385;
}
article.ejn_pos_390 {
	order:390;
}
article.ejn_pos_395 {
	order:395;
}
article.ejn_pos_400 {
	order:400;
}
article.ejn_pos_405 {
	order:405;
}
article.ejn_pos_410 {
	order:410;
}
article.ejn_pos_415 {
	order:415;
}
article.ejn_pos_420 {
	order:420;
}
article.ejn_pos_425 {
	order:425;
}
article.ejn_pos_430 {
	order:430;
}
article.ejn_pos_435 {
	order:435;
}
article.ejn_pos_440 {
	order:440;
}
article.ejn_pos_445 {
	order:445;
}
article.ejn_pos_450 {
	order:450;
}
article.ejn_pos_455 {
	order:455;
}
article.ejn_pos_460 {
	order:460;
}
article.ejn_pos_465 {
	order:465;
}
article.ejn_pos_470 {
	order:470;
}
article.ejn_pos_475 {
	order:475;
}

/* give last elements last position */
article.ejn_pos_100000 {
	order:1000;
}
article.ejn_pos_200000 {
	order:2000;
}
article.ejn_pos_3000	00 {
	order:3000;
}


/**
/* Responsiveness including responsive post columns on home and archive */

/**
/* baseline - small mobile */

/* search forms */

div#ejn_search_menu {
padding-top:5.0em;
display:block;
width:100%;
clear:both;
}

div#ejn_search_menu label, div#ejn_footer_searchbox label {
display:none;
}

div#ejn_search_menu form.search-form, div#ejn_footer_searchbox form.search-form {
width:80%;
max-width:80%;
margin: 2.0em auto 2.5em auto;
}

div#ejn_search_menu form input#search-form-1, div#ejn_footer_searchbox form input#search-form-2 {
width:auto;
max-width:none;
margin: 0;
padding: 1.0em;
border: 0px none;
}

div#ejn_search_menu form input.search-submit, div#ejn_footer_searchbox form input.search-submit {
margin: 0.5em;
padding: 0.5em;
color: #fff;
background-color:#222;
border: 2px #222 solid;
font-size:1.1em;
font-weight: bold;
}

div#ejn_search_menu form input.search-submit:hover, div#ejn_footer_searchbox input.search-submit:hover {
color:#000;
background-color: #ccc;
border: 2px #ccc solid;
}

/* search results*/
div.search-result-count {
	width:90%;
	max-width:var(--responsive--alignwide-width);
	padding-bottom:var(--global--spacing-vertical);
	margin-bottom:calc(2.0 * var(--global--spacing-vertical));
	font-size:larger;
	border-bottom:3px solid black;
	text-align:center;
}
div.ejn_search_result {
	width:90%;
	max-width:var(--responsive--alignwide-width);
	margin:var(--global--spacing-vertical) auto auto auto;
	padding-bottom:var(--global--spacing-vertical);
	display:block;
}
div.ejn_search_result h2 {
	margin:0.5em auto auto auto;
}
div.ejn_search_result div.ejn_search_image {
	margin:auto auto auto auto;
}
div.ejn_search_result figure.post-thumbnail img.img {
	width:90%;
	height:auto;
	margin:auto auto auto auto;
}
div.ejn_search_date {
	margin:auto auto auto auto;
	width:100%;
}
div.ejn_search_result div.ejn_search_text {
	margin:auto auto auto auto;
	width:100%;
}
div.ejn_search_border {
	width:100%;
	max-width:var(--responsive--alignwide-width);
	margin: auto auto auto auto;
	display:block;
	border-bottom: 3px solid lightgrey;
}
div.ejn_search_border:last-of-type {
	border-bottom: 0px none;
}

/* ejn_menu */

.ejn_screen_readers {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}

ul.ejn-menu-ul {
width:90%;
margin:auto auto auto 5%;
padding:0;
display:grid;
grid-template-columns:100%;
list-style-type: none;
background-color:#222;
}

.ejn-menu-ul > li {
display:grid;
}

.ejn-menu-ul > li:first-child {
grid-column-end:span 1;
grid-row-end:span 1;
height:64px;
}

.menu-toggle {
margin: var(--global--admin-bar--height) 0 0 0;
position:fixed;
right:6px;
top:13px;
z-index: 10001;
outline:none;
}

nav#ejn-menu .menu-close, nav#ejn-menu .menu-close:active {
margin: var(--global--admin-bar--height) 0 0 0;
position: fixed;
right:6px;
top:13px;
z-index:5000;
outline:none;
background-color:#fff;
}

nav#ejn-menu {
position:fixed;
left:0;
top:0;
z-index:10000;
width:100%;
margin: var(--global--admin-bar--height) 0 0 0;
padding:0;
height:auto;
display:block;
background-color: #fff;
outline: none;
-moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
-webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
box-shadow: 3px 0 12px rgba(0,0,0,.25);
}

/* start entry, show always */
a#ejn_menu_start {
display:block;
justify-content:center;
margin:0;
background-image: url(https://extrajournal.net/subwpd/wp-content/themes/twentytwentyone-child/images/ejn_schrift.png);
background-position: center;
background-size:auto 92%;
background-repeat: no-repeat;
color:rgba(255, 255, 255, 0.0);
background-color:#fff;
}

a#ejn_menu_start:hover, a#ejn_menu_start:active {
color:rgba(255, 255, 255, 0.0);
background-color:#ddd;
}

a#ejn_menu_pro {
color:#fff;
font-weight:bold;
background-color:#f5c00b;
justify-content:center;
}

/* hb icon */

img.ejn_hb_icon {
border:none;
margin:auto;
display:block;
width:44px;
min-width:44px;
cursor:pointer;
}

/* menu links */

.ejn_menu_link {
display:grid;
justify-content:left;
color:#222;
background-color:#eee;
width:100%;
text-align:center;
text-decoration: none;
font-size:0.9em;
font-weight: normal;
padding:0.3em 0.4em 0.3em 0.4em;
margin:auto;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size: 1.2em;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none;   /* Chrome/Safari/Opera */
-khtml-user-select: none;    /* Konqueror */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;       /* Internet Explorer/Edge */
user-select: none;           /* Non-prefixed version */
}

.ejn_menu_link:active, .ejn_menu_link:hover {
color: #fff;
background-color: #222;
}

.ejn_lower_menu_link {
padding-left:1.2em;
color:#fff;
background-color: #222;
font-size:0.7em;
font-weight: normal;
}

.ejn_lower_menu_link:active, .ejn_lower_menu_link:hover {
color:#000;
background-color: #ccc;
}

nav#ejn-menu:target {
position:static;
height:auto;
padding-bottom:5.0em;
}

nav#ejn-menu:target .menu-close {
z-index: 20001;
}

nav#ejn-menu:target ul {
position: relative;
z-index: 1000;
}

/* show no links when closed, show all when opened */
.ejn_large_menu_link, .ejn_small_menu_link, div#ejn_search_menu {
display:none;
}

/* show all links when opened, fonts in smaller style */
nav#ejn-menu:target * .ejn_large_menu_link, nav#ejn-menu:target * .ejn_small_menu_link, nav#ejn-menu:target * .ejn_lower_menu_link {
display:block;
line-height:48px;
line-height:3.0rem;
font-size: 1.1em;
text-decoration: none;
font-weight: bold;
text-align: left;
padding: 0;
color:#222;
background-color:#fff;
}

nav#ejn-menu:target * a#ejn_menu_pro {
color:#fff;
font-weight:bold;
background-color:#f5c00b;
justify-content:left;
}

nav#ejn-menu:target * a#ejn_menu_start:hover {
background-color:#ddd;
}

nav#ejn-menu:target div#ejn_search_menu {
grid-row-start:1;
display:block;
}

nav#ejn-menu:target div#ejn_search_menu form input#search-form-1 {
border: 2px solid #222;
}

/* do not show special items if hb menu is open */
nav#ejn-menu:target * a.ejn_hb_noshow {
display:none;
}

nav#ejn-menu:target .ejn_menu_start {
justify-content:left;
padding-left:auto;
display:none;
}

/* gallery */

div.ejn_gallery {
display:flex;
margin:0;
padding:0;
background-color:#eee;
}

div.ejn_gallery nav {
width:100%;
display:flex;
overflow: hidden;
flex-direction:row;
flex-wrap : nowrap;
}

div.ejn_gallery ul {
width:100%;
margin:auto;
padding:0 2px 6px 2px;
margin:0%;
display:grid;
grid-template-columns: auto auto;
grid-template-rows: calc(100vw/2.4) calc(100vw/2.4) calc(100vw/2.4) calc(100vw/2.4) calc(100vw/2.4) calc(100vw/2.4);
row-gap:4px;
column-gap:4px;
overflow: hidden;
justify-content: space-around;
}

div.ejn_gallery li {
margin:0;
padding:0%;
overflow: hidden;
position:relative;
}

div.ejn_gallery li:first-child {
grid-row-end: span 2;
grid-column-end: span 2;
}

div.ejn_gallery li:nth-child(2) {
grid-column-end: span 2;
}

.ejn_gallery_post {
justify-content: center;
overflow: hidden;
cursor: pointer;
}

.ejn_gallery_post h2 {
position:absolute;
left: 0px;
bottom: 0px;
width:100%;
margin:0;
padding:1.4%;
color:#fff;
line-height:30px;
line-height:1.875rem;
/* font-size:16px;
font-size:1.0rem; */
font-size:17px;
font-size:1.0625rem;
text-shadow: 1px 1px 6px #000000;
line-height:15px;
/* line-height:0.9375rem; */
/* font-size:15px; */
/* font-size:0.9375rem; */
/* letter-spacing:-0.01em; */
font-weight: normal;
background-color: rgba(0, 0, 0, 0.33);
/*
background-image: linear-gradient(to bottom, rgba(0,0,0,0) 5%, rgba(0,0,0,0.3) 55%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0.6) 100%);
background-image: radial-gradient(rgba(60,60,60,0.3) 20%, rgba(180,180,180,0.2) 45%, rgba(180,180,180,0.0) 80%);
*/
}

.ejn_gallery_post a, .ejn_gallery_post a:link, .ejn_gallery_post a:visited, .ejn_gallery_post a:hover {
display:flex;
}

div.ejn_gallery_post_image {
display:flex;
overflow:hidden;
width: calc(98vw/2);
height: calc(98vw/1.85);
}

.ejn_gallery_post_image img { /* image size set with srcset screen sizes */
position:absolute;
height:100%;
width:100%; /* fill maintaining aspect ratio */
object-fit: cover;
top:50%;
/* top:46%; */
left:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform:translate (-50%, -50%);
overflow:hidden;
display:block;
margin:0;
}

.ejn_gallery_post:hover img { /* soft zoom on hover */
top:51%;
/* top:47%; */
left:51%;
-webkit-transform: scale(1.02) translate(-50%, -50%);
-moz-transform: scale(1.02) translate(-50%, -50%);
-ms-transform: scale(1.02) translate(-50%, -50%);
-o-transform: scale(1.02) translate(-50%, -50%);
transform: scale(1.02) translate(-50%, -50%);
}

div.ejn_gradient { /* prepare but show only on bigger screens */
display:none;
position:absolute;
height:100%;
width:100%;
overflow:hidden;
margin:0%;
background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6)); /* FF3.6+ */
background: -webkit-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6)); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6)); /* Opera 11.10+ */
background: -ms-linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6)); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6));
}

.ejn_gallery_post:hover {
opacity:0.85;
}

.ejn_gallery_post:hover a {
color:#000000;
background-color:#ffffff;
text-shadow:none;
}

/* spacer */

div#ejn_menuhd_spacer {
clear:both;
height:4em;
background-color:#eee;
}

/* EJN Header lower */

#ejnhdbg_lower0 {
background-color:#ddd;
}

#ejnhdbg_lower1 {
background-color:#ddd;
}

/* home archive styling */

body.home #main, body.archive #main {
display:grid;
}

body.home #main article h2.entry-title, body.archive #main article h2.entry-title {
font-size: var(--global--font-size-lg);
}

body.home #main article div.entry-content, body.archive #main article div.entry-content {
font-size: var(--global--font-size-ssm);
}

/* style ejn home and archive posts navigation (at the bottom of home and archive pages) */

div.ejn-posts-nav {
width:100%;
clear:both;
display:flex;
height:3.0rem;
justify-content:space-evenly;
align-items:stretch;
background-color:#444;
order:1000;
}

nav.ejn-posts-nav {
display:flex;
width:100%;
justify-content:space-evenly;
align-items:stretch;
}

nav.ejn-posts-nav a {
display:flex;
width:100%;
justify-content:space-evenly;
align-items:center;
font-size:1.2rem;
color: #ffffff;
text-decoration:none;
font-weight: bold;
}

nav.ejn-posts-nav a:active, div.ejn-posts-nav a:hover, div.ejn-posts-nav a:visited {
color: #ffffff;
background-color: #bababa;
text-decoration:none;
}

/* style single post navigation (previous vs. newer, on single post pages) */

nav.post-navigation {
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
margin: 5em auto 5em auto !important;
padding: 2.5em 0 2.5em 0;
}

nav.post-navigation p.meta-nav {
font: var(--global--font-family-child);
color: var(--global--color-primary);
text-decoration: none;
}

nav.post-navigation p.meta-nav:hover {
text-decoration: none;
text-decoration-style: none;
}

nav.post-navigation p.post-title {
font: var(--global--font-family-child);
font-weight: bold;
text-decoration: none;
color: var(--entry-header--color);
}

nav.post-navigation p.post-title:hover {
color: var(--entry-header--color-hover);
}


/* 1st paragraph larger on single posts */

body.single article:not(.category-werbung) p:first-of-type {
	font-size:1.1rem;
}

/* bold text on single post and page headlines */
body.single article h1, body.page article h1 {
	font-weight: var(--heading--font-weight-strong)
}

/* page header */
body.page article header.entry-header {
border-bottom: 2px solid #ddd;
padding-bottom: 1.0em;
}

/**
 * Post Thumbnails
 */
.post-thumbnail {
	text-align: center;
}

.post-thumbnail .wp-post-image {
	display: block;
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: calc(0.7 * var(--global--spacing-vertical));
}


/**
 * Banner posts without title
 */

.ejn_ctrl-ejn_post_banner h2.entry-title {
display:none;
}


/**
/* style wp polls */

.wp-polls-form {
margin-top:3.0em;
}

.wp-polls-ul li {
margin:0.6em;
}

.wp-polls input {
display:block;
float:left;
}

.wp-polls .Buttons:last-of-type{
padding:0.2em;
margin:1.5em auto 4.5em 10%;
}


/**
/* ejn_posts_aside on single post and pages */

body.single div#primary, body.page div#primary {
	width:60%;
	float:left;
	clear:none;
	margin-left:5%;
}

div#ejn_posts_aside {
	padding:var(--global--spacing-vertical) 0 0 1%;
	width:30%;
	float:right;
	clear:none;
	margin:8px 0 8px 0;
	background-color:#efefef;
}

div.ejn_posts_aside_entry {
	width:80%;
	margin: 0 auto var(--global--spacing-vertical) auto;
	padding: 0 0 var(--spacing--vertical-large) 0;
	border-bottom: 2px solid #fff;
}

div.ejn_posts_aside_entry:hover h2 {
	color: var(--entry-header--color-hover);
}

div.ejn_posts_aside_entry figure.post-thumbnail {
margin: var(--spacing--vertical-small) auto 0 auto;
}

div.ejn_posts_aside_entry img {
margin: 0 auto 0 auto;
}


/**
/* style post footer (footer belonging to single post entry, not the overall footer!) */

.single .site-main > article > .entry-footer {
margin-bottom:calc(1.5 * var(--global--spacing-vertical));
border-top: 3px solid #dddddd;
}


/**
/* posts in taxonomy */

div#ejn_posts_in_tax_container {
width:80%;
clear:both;
margin:auto;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content:center;
align-items: center;
}

div.ejn_posts_in_tax_subcontainer {
width:100%;
clear:both;
margin: auto auto 2.8em auto;
}

div.ejn_posts_in_tax_subcontainer h2.ejn_h2_posts_in_tax {
font-size:1.4em;
clear:both;
margin: auto auto 1.8em auto;
}

div.ejn_post_in_tax {
width:92%;
margin: auto auto 1.2em auto;
display:flex;
justify-content:space-around;
align-items: center;
}

div.ejn_post_in_tax figure.post-thumbnail {
margin:0;
width:22%;
}

div.ejn_post_in_tax figure.post-thumbnail img {
margin:0;
}

div.ejn_post_in_tax h2.entry-title {
font-size:1.0em;
width:65%;
float:right;
margin:0.5% 0 0 0;
}

div.ejn_post_in_tax figcaption.wp-caption-text {
display:none;
}


/**
/* posts in taxonomy balken */

.ejn_balken_large {
margin:0;
line-height:30px;
line-height:1.875rem;
font-size:16px;
font-size:1.0rem;
/* padding: 0 0.12em 0 0; */
text-shadow:none;
}

.ejn_balken_large_a {
display:block;
width:100%;
margin:0 auto;
text-align:center;
text-decoration:none;
color:#fff;
background-color:#07c23f;"
}

.ejn_balken_large:hover, .ejn_balken_large_a:hover {
color:#000;
background-color:#efefef;
}


/**
/* style wp footer */
footer#colophon {
background-color:#444444;
margin:4px 0 0 0;
padding:0;
width:100%;
max-width:none;
}


/**
/* ejn footer */
/* NOTE ejn footer search form is styled with HB menu ejn footer */

div#ejn_footer {
width:80%;
display:block;
margin: 0px auto;
padding: 6.0em 2.0em;
text-align: center;
color: #ffffff;
font-size: 0.90em;
line-height: 1.5em;
}

div#ejn_footer_title {
text-align:left;
font-size:1.0rem;
padding: 0 0 0 1.0em;
}

div#ejn_footer a:link, div#footer a:active, div#footer a:visited {
text-decoration: none;
color: #fff;
font-weight: bold;
}

#ejn_footer a:hover {
text-decoration: none;
color: #fff;
font-weight: bold;
}

div.ejn_footer_linkbox {
float: left;
text-align: left;
display: block;
padding: 0.4em 0 0.4em 0;
margin: 0 auto;
}

a.ejn_footer_link_e0 {
font-weight: bold;
display: block;
width: 80%;
font-size: 1.3em;
margin: 0;
padding: 0.8em 0 0.8em 1.0em;
}

a.ejn_footer_link_e1 {
font-weight: bold;
display: block;
width: 80%;
font-size: 1.2em;
margin: 0;
padding: 0.8em 0 0.8em 2em;
}

a:hover.ejn_footer_link_e0, a:hover.ejn_footer_link_e1, a:active.ejn_footer_link_e0, a:active.ejn_footer_link_e1, a:visited.ejn_footer_link_e0, a:visited.ejn_footer_link_e1 {
display: block;
color: #ffffff;
background-color: #bababa;
border: #bababa;
}

/* image corrections */
.entry-content figure.alignleft {
max-width:100% !important;
width:100% !important;
margin:auto auto 2% auto;
text-align:center;
}

.entry-content figure.alignright {
max-width:100% !important;
width:100% !important;
margin:auto auto 2% auto;
text-align:center;
}

.entry-content figure.aligncenter {
max-width:100% !important;
width:100% !important;
margin:auto auto 2% auto;
text-align:center;
}

.entry-content figure.alignleft figcaption, .entry-content figure.alignright figcaption, .entry-content figure.aligncenter figcaption {
max-width:100%;
text-align:center;
}

.entry-content figure.alignleft img, .entry-content figure.alignright img, .entry-content figure.aligncenter img {
/* width:60% !important; */
max-width:100%;
margin: auto;
}

/* posts_aside */
.singular div.ejn_posts_aside_entry h2 {
font-size: var(--global--font-size-xs);
}

div.ejn_footer_linkbox {
width: 90%;
}

/* fixed-positioned posts */
body.home article.ejn_pos_1000, body.archive article.ejn_pos_1000 {
grid-column:1;
grid-row:3;
}
body.home article.ejn_pos_2000, body.archive article.ejn_pos_2000 {
grid-column:1;
grid-row:6;
}
body.home article.ejn_pos_3000, body.archive article.ejn_pos_3000 {
grid-column:1;
grid-row:9;
}
body.home article.ejn_pos_4000, body.archive article.ejn_pos_4000 {
grid-column:1;
grid-row:12;
}
body.home article.ejn_pos_5000, body.archive article.ejn_pos_5000 {
grid-column:1;
grid-row:15;
}
body.home article.ejn_pos_6000, body.archive article.ejn_pos_6000 {
grid-column:1;
grid-row:18;
}


/* Responsive - bigger screens >= 512px */
/* 2 columns */
@media screen and (min-width: 32.0em) {

/* large menu fully visible */
li.ejn_large_menu_li {
display:block;
}

nav#ejn-menu:target ul li a#ejn_menu_start {
background-size:70% auto;
}

.ejn_gallery_post h2 {
width:94%;
background-color:transparent;
}

div.ejn_gradient {
display:initial;
}

/* posts visually more separated */
body.home #main, body.archive #main {
/* background-color:#f2f2f2; */
padding-top: calc(0.4 * var(--global--spacing-vertical));
display:grid;
grid-auto-flow: dense;
justify-content: space-evenly;
align-content: space-evenly;
grid-template-columns: 48% 48%;
}

/* article */
body.home article, body.archive article {
background-color:#fff;
margin-top: auto;
padding:1.0em;
overflow: hidden;
height:30em;
}

/* double_wide article */
body.home article.ejn_ctrl-ejn_double_wide, body.archive article.ejn_ctrl-ejn_double_wide {
grid-column-end: span 2;
}

body.home article.ejn_ctrl-ejn_double_wide figure, body.archive article.ejn_ctrl-ejn_double_wide figure {
width:50%;
}

body.home article.ejn_ctrl-ejn_double_wide h2, body.archive article.ejn_ctrl-ejn_double_wide h2 {
max-width:none;
}

body.home article.ejn_ctrl-ejn_double_wide p, body.archive article.ejn_ctrl-ejn_double_wide p {
max-width:none !important;
}

/* double_high article */
body.home article.ejn_ctrl-ejn_double_high, body.archive article.ejn_ctrl-ejn_double_high {
grid-column-end: span 1;
grid-row-end: span 2;
height:calc(30em * 2 + (0.4 * var(--global--spacing-vertical)));
}

/* double_wide_high article */
body.home article.ejn_ctrl-ejn_double_wide_high, body.archive article.ejn_ctrl-ejn_double_wide_high {
grid-column-end: span 2;
grid-row-end: span 2;
height:calc(30em * 2 + (0.4 * var(--global--spacing-vertical)));
}

body.home article.ejn_ctrl-ejn_double_wide_high h2, body.archive article.ejn_ctrl-ejn_double_wide_high h2 {
max-width:none;
}

body.home article.ejn_ctrl-ejn_double_wide_high p, body.archive article.ejn_ctrl-ejn_double_wide_high p {
max-width:none !important;
}

/* search results*/
div.search-result-count {
	width:90%;
	max-width:var(--responsive--alignwide-width);
	padding-bottom:var(--global--spacing-vertical);
	margin-bottom:calc(2.0 * var(--global--spacing-vertical));
	font-size:larger;
	border-bottom:3px solid black;
	text-align:center;
}
div.ejn_search_result {
	width:90%;
	max-width:var(--responsive--alignwide-width);
	margin:calc(1.1 * var(--global--spacing-vertical)) auto auto auto;
	padding-bottom:calc(0.6 * var(--global--spacing-vertical));
	display:grid;
	align-items: center;
	justify-content: space-between;
	grid-template-columns: 30% 50%;
}
div.ejn_search_result h2 {
	grid-row:1;
	grid-column:1;
	margin: auto auto auto auto;
}
div.ejn_search_result div.ejn_search_image {
	grid-row:2;
	grid-column:1;
	margin: auto auto auto auto;
}
div.ejn_search_result figure.post-thumbnail img.img {
	width:60%;
	height:auto;
	margin: auto auto auto auto;
}
div.ejn_search_date {
	grid-row:1;
	grid-column:2;
	margin: auto auto auto auto;
	width:100%;
	text-align:left;
}
div.ejn_search_result div.ejn_search_text {
	grid-row:2;
	grid-column:2;
}

/* single post */

.singular div.ejn_posts_aside_entry h2 {
font-size: var(--global--font-size-md);
}

/* fixed-positioned posts */
body.home article.ejn_pos_1000, body.archive article.ejn_pos_1000 {
grid-column:2;
grid-row:1;
}
body.home article.ejn_pos_2000, body.archive article.ejn_pos_2000 {
grid-column:2;
grid-row:2;
}
body.home article.ejn_pos_3000, body.archive article.ejn_pos_3000 {
grid-column:2;
grid-row:3;
}
body.home article.ejn_pos_4000, body.archive article.ejn_pos_4000 {
grid-column:2;
grid-row:4;
}
body.home article.ejn_pos_5000, body.archive article.ejn_pos_5000 {
grid-column:2;
grid-row:5;
}
body.home article.ejn_pos_6000, body.archive article.ejn_pos_6000 {
grid-column:2;
grid-row:6;
}

}


/* screens >= 710px */
@media screen and (min-width: 32.0em) {

div.ejn_gallery ul {
grid-template-rows: calc(100vw/3) calc(100vw/3) calc(100vw/3) calc(100vw/3) calc(100vw/3) calc(100vw/3);
}

div#pro_package_select {
padding:5% 10% 10% 10%;
grid-template-columns: 32% 35% 32%;
}

div.pro_package {
width:100%;
margin:0;
padding:0 5% 0 5%;
}

div.pro_package_12m {
border-top:0px none;
border-bottom:0px none;
border-left:2px solid #ddd;
border-right:2px solid #ddd;
}

}

/* screens >= 910px */
/* 3 columns */
/* @media screen and (min-width: 56.875em) {
} */


/* screens >= 1000px */
/* 4 columns */
@media screen and (min-width: 62.5em) {

/* ejn_menu */

.menu-toggle {
right:0;
top:0;
}

nav#ejn-menu .menu-close, nav#ejn-menu .menu-close:active {
right:0;
top:0;
}

nav#ejn-menu {
display:grid;
}

nav#ejn-menu ul.ejn-menu-ul {
grid-template-columns: 18% auto auto auto auto auto auto auto auto auto;
width:100%;
margin:0%;
}

/* show large links always, show small links when opened */

nav#ejn-menu:target ul.ejn-menu-ul {
grid-row-start:3;
background-color:#fff;
grid-template-columns:auto;
}

nav#ejn-menu * .ejn_large_menu_link {
display:grid;
width:100%;
}

nav#ejn-menu ul li:first-child {
grid-column-end: span 2;
grid-row-end: span 2;
height:100%;
}

nav#ejn-menu ul li a#ejn_menu_start {
background-position: left;
background-size:100% auto;
}

nav#ejn-menu:target ul li:first-child {
grid-column-end: span 1;
grid-row-end: span 1;
height:10vw;
}

nav#ejn-menu:target ul li a#ejn_menu_start {
width:80%;
height:100%;
margin:auto;
background-position: center;
background-size:50% auto;
}

nav#ejn-menu:target * .ejn_large_menu_link, nav#ejn-menu:target * .ejn_small_menu_link {
display:grid;
justify-content:left;
width:80%;
text-align:left;
}

nav#ejn-menu:target * .ejn_large_menu_link:hover, nav#ejn-menu:target * .ejn_small_menu_link:hover {
color:#fff;
background-color:#222;
}

/* ejn gallery */
div.ejn_gallery ul {
grid-template-columns: auto auto auto auto auto auto;
grid-template-rows: auto auto;
}

div.ejn_gallery li {
height:calc(95vw/8.68);
}

div.ejn_gallery li:first-child {
width:calc(95vw/3);
height:calc(95vw/4.34);
}

div.ejn_gallery li:first-child h2 {
line-height:22px;
line-height:1.375rem;
font-size:17px;
font-size:1.0625rem;
}

div.ejn_gallery_post_image {
overflow:hidden;
}

/* spacer */
div#ejn_menuhd_spacer {
height:4.8em;
}

body.home #main, body.archive #main {
grid-template-columns: 24% 24% 24% 24%;
}

body.home article, body.archive article {
margin-top: auto;
overflow: hidden;
}

/* posts_aside */
.singular div.ejn_posts_aside_entry h2 {
/* font-size: var(--global--font-size-lg); */
}

div.ejn_footer_linkbox {
width: 33%;
}

/* image corrections */
.entry-content figure.alignleft {
margin: auto 3% auto auto;
width:auto !important;
}

.entry-content figure.alignright {
margin: auto auto auto 3%;
width:auto !important;
}

.entry-content figure.aligncenter {
margin:auto;
width:auto !important;
}

.entry-content figure.alignleft figcaption, .entry-content figure.alignright figcaption, .entry-content figure.aligncenter figcaption {
max-width: var(--global--spacing-measure);
}

.entry-content figure.alignleft img, .entry-content figure.alignright img, .entry-content figure.aligncenter img {
margin:auto;
}

/* fixed-positioned posts */
body.home article.ejn_pos_1000, body.archive article.ejn_pos_1000 {
grid-column:3;
grid-row:1;
}
body.home article.ejn_pos_2000, body.archive article.ejn_pos_2000 {
grid-column:4;
grid-row:1;
}
body.home article.ejn_pos_3000, body.archive article.ejn_pos_3000 {
grid-column:3;
grid-row:2;
}
body.home article.ejn_pos_4000, body.archive article.ejn_pos_4000 {
grid-column:4;
grid-row:2;
}
body.home article.ejn_pos_5000, body.archive article.ejn_pos_5000 {
grid-column:3;
grid-row:3;
}
body.home article.ejn_pos_6000, body.archive article.ejn_pos_6000 {
grid-column:4;
grid-row:3;
}
}


/* screens >= 1200px */
/* 5 columns */
/* @media screen and (min-width: 75em) {
} */


/* screens >= 1600px */
/* make articles higher */
@media screen and (min-width: 100em) {

nav#ejn-menu:target ul li a#ejn_menu_start {
background-size:45% auto;
}

body.home article, body.archive article {
/* height:36em; */
height:28vw;
}

/* double_high article */
body.home article.ejn_ctrl-ejn_double_high, body.archive article.ejn_ctrl-ejn_double_high {
height:calc(28vw * 2 + (0.4 * var(--global--spacing-vertical)));
}
/* double_wide_high article */
body.home article.ejn_ctrl-ejn_double_wide_high, body.archive article.ejn_ctrl-ejn_double_wide_high {
height:calc(28vw * 2 + (0.4 * var(--global--spacing-vertical)));
}
}


/* screens >= 2000px */
/* make articles higher */
@media screen and (min-width: 125em) {

body.home article, body.archive article {
/* height:36em; */
height:23vw;
}
/* double_high article */
body.home article.ejn_ctrl-ejn_double_high, body.archive article.ejn_ctrl-ejn_double_high {
height:calc(23vw * 2 + (0.4 * var(--global--spacing-vertical)));
}
/* double_wide_high article */
body.home article.ejn_ctrl-ejn_double_wide_high, body.archive article.ejn_ctrl-ejn_double_wide_high {
height:calc(23vw * 2 + (0.4 * var(--global--spacing-vertical)));
}
}


/* screens >= 2480px */
@media screen and (min-width: 155em) {

nav#ejn-menu:target ul li a#ejn_menu_start {
background-size:40% auto;
}

body.home article, body.archive article {
height:21vw;
}
/* double_high article */
body.home article.ejn_ctrl-ejn_double_high, body.archive article.ejn_ctrl-ejn_double_high {
height:calc(21vw * 2 + (0.4 * var(--global--spacing-vertical)));
}
/* double_wide_high article */
body.home article.ejn_ctrl-ejn_double_wide_high, body.archive article.ejn_ctrl-ejn_double_wide_high {
height:calc(21vw * 2 + (0.4 * var(--global--spacing-vertical)));
}
}


/* screens >= 2800px */
/* 6 columns */
@media screen and (min-width: 175em) {

nav#ejn-menu:target ul li a#ejn_menu_start {
background-size:30% auto;
}

body.home #main, body.archive #main {
grid-auto-flow: dense;
justify-content: space-evenly;
align-content: space-evenly;
grid-template-columns: 15% 15% 15% 15% 15% 15%;
}

body.home article, body.archive article {
height:18vw;
}

/* double_high article */
body.home article.ejn_ctrl-ejn_double_high, body.archive article.ejn_ctrl-ejn_double_high {
height:calc(18vw * 2 + (0.4 * var(--global--spacing-vertical)));
}
/* double_wide_high article */
body.home article.ejn_ctrl-ejn_double_wide_high, body.archive article.ejn_ctrl-ejn_double_wide_high {
height:calc(18vw * 2 + (0.4 * var(--global--spacing-vertical)));
}

/* fixed-positioned posts */
body.home article.ejn_pos_1000, body.archive article.ejn_pos_1000 {
grid-column:5;
grid-row:1;
}
body.home article.ejn_pos_2000, body.archive article.ejn_pos_2000 {
grid-column:6;
grid-row:1;
}
body.home article.ejn_pos_3000, body.archive article.ejn_pos_3000 {
grid-column:5;
grid-row:2;
}
body.home article.ejn_pos_4000, body.archive article.ejn_pos_4000 {
grid-column:6;
grid-row:2;
}
body.home article.ejn_pos_5000, body.archive article.ejn_pos_5000 {
grid-column:5;
grid-row:3;
}
body.home article.ejn_pos_6000, body.archive article.ejn_pos_6000 {
grid-column:6;
grid-row:3;
}
}


/* screens >= 3792px */
/* @media screen and (min-width: 237em) {
} */
