/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    https://diviextended.com/
 Description:  A child theme of Twenty Twenty-One WordPress theme.
 Author:       Elicus Technologies
 Author URI:   https://elicus.com
 Template:     twentytwentyone
 Version:      5.8.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* font load */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

:root {
    /* Font Family */
    --global--font-primary: var(--font-headings, 'Open Sans', Arial, sans-serif);
    --global--font-secondary: var(--font-base, 'Open Sans', Arial, sans-serif);

    /* Font Size */
    --global--font-size-base: 0.75rem;      /* 10/8  1.25rem */
    --global--font-size-xs: 0.6rem;           /*  8/8  1rem */        
    --global--font-size-sm: 0.675rem;       /*  9/8  1.125rem */
    --global--font-size-md: 0.75rem;        /* 10/8  1.25rem */
    --global--font-size-lg: 0.9rem;         /* 12/8  1.5rem */
    --global--font-size-xl: 1.35rem;        /* 18/8  2.25rem */
    --global--font-size-xxl: 2.4rem;          /* 32/8  4rem */
    --global--font-size-xxxl: 3rem;         /* 40/8  5rem */
    --global--font-size-page-title: var(--global--font-size-xxl);
    --global--letter-spacing: 0.5px;
	--global--color-dark-gray: #595959;
	
	/* mdrn logo size */
    --branding--logo--max-width: 235px;
    --branding--logo--max-height: 100px;
	
	/* gutenslider icons */
	--gutenslider-arrow-color: grey;
	--gutenslider-arrow-hover-color: white;
}

body { letter-spacing: var( --global--letter-spacing ); }

/* detail weite von 610px auf 960px */
@media only screen and (min-width: 822px)
{
	:root {
    --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 960px);
	}
}
/* abstaende site header */
.site-header                { margin-top: 0; padding-top: calc(1 * var(--global--spacing-vertical)); padding-bottom: calc(1 * var(--global--spacing-vertical)); }
.site-header > .site-logo   { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }

/* menue */
.primary-navigation         { margin-right: auto; margin-top: -15px; }
.primary-navigation > div > .menu-wrapper  { text-transform: uppercase; letter-spacing: 1px; }
.primary-navigation .primary-menu-container > ul > .menu-item > a   { padding-left: 16px; padding-right: 16px; letter-spacing: 2px; }

.primary-navigation .current-menu-item > a:first-child, 
.primary-navigation .current_page_item > a:first-child  { font-weight: bold; text-decoration: none; }

/* grid fuer category ansicht */
.category main 				{ display: grid; grid-template-columns: 1fr 1fr; max-width: var(--responsive--alignwide-width); column-gap: 32px; padding-top: 0px; }
.category .site-main > *	{ margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: calc(1 * var(--global--spacing-vertical)); }
.category .site-main figure	{ width: auto; }

/* einsergrid tablet hochkant und darunter */
@media screen and (max-width: 767px) {
	.category main 				{ grid-template-columns: 1fr; }
}

/* margins wegnehmen */
.site-main									{ padding-top: 0px; }
.site-main > article > *,
.category .post-thumbnail .wp-post-image 	{ margin-top: 0px; }
.category .site-main > * 					{ margin-bottom: 0px; }
.entry-header > *, 
.post-thumbnail > *, 
.page-content > *, 
.comment-content > *, 
.widget > *									{ margin-top: calc( var(--global--spacing-unit) / 2); margin-bottom: calc( var(--global--spacing-unit) / 2); }
.site-main > article > *, 
.site-main > .not-found > *, 
.entry-content > *, [
hclass*=inner-container] > *, 
.wp-block-template-part > *, 
.wp-block-post-template :where(li > *)		{ margin-bottom: calc( var(--global--spacing-vertical) / 2); }

/* detailmargin */
.wp-block-eedee-block-gutenslider { margin-bottom: calc( var(--global--spacing-vertical) * 2); }



/* bildunterschriften bei category ansicht */
.post-thumbnail+.default-max-width			{ text-align: center; }
.post-thumbnail+.default-max-width a		{ text-decoration: none; font-weight: 600; }

/* footer ausschalten */
.site-footer,
.single .site-main > article > .entry-header,
.single .site-main > article > .entry-footer,
.site-main > article > .entry-footer		{ display: none; }

/* post-title, single page unter slider */
div[id^="gutenslider"]+*					{ text-align: center; font-weight: bold; }

/* button slider */


@media only screen and (max-width: 821px)
{
	.site .button:not(:hover):not(:active):not(.has-text-color), button:not(:hover):not(:active):not(.has-text-color), input[type=submit]:not(:hover):not(:active):not(.has-text-color), input[type=reset]:not(:hover):not(:active):not(.has-text-color), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { display: none; }
}