/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ============ Variablen ============ */
:root {
	--size-base: 20px;
	--size-body: calc(12px + 0.5rem);
	--size-min: 10px;
	--size-larger: 1.125em;
	--size-smaller: 0.875em;
	--size-xxs: 0.5rem;
	--size-xs: 1rem;
	--size-s: 1.25rem;
	--size-m: 2.5rem;
	--size-l: 5rem;
	--size-xl: 7.5rem;
	--size-xxl: 10rem;
	--size-full: 100%;
	--size-icon: calc(16px + 1rem);

	--body-lh: 1.6;
	--body-letterspace: 0.025em;
	--heading-lh: 1.1;
	--heading-letterspace: 0.0375em;
	--compress-lh: 0.9;

	--h1: 3rem;
	--h2: calc(8px + 1.5rem);
	--h3: calc(8px + 1.25rem);
	--h4: calc(8px + 1rem);
	--h5: var(--size-body);
	--h6: calc()
	--hero: 2.625rem;
	--button-text: var(--h4);
	--footer-text: 16px;
}

/* ============ BASICS ============ */

html {
	max-width: 100%;
	overflow-x: clip;
}
a:not(header a, nav a, button a, a.button) {
	text-decoration: underline;
	text-decoration-color: var(--primary);
	text-decoration-thickness: 2px;
	text-underline-position: under;
	font-weight: 500;
}
a:hover {
	text-decoration: none !important;
}
section {
	margin-bottom: var(--size-xl);
}

/* ============ HEADINGS ============ */

p + h2 {
	margin-top: var(--size-xl);
}
p + h3, p + h4, p + h5, p + h6 {
	margin-top: var(--size-l);
}

/* ============ MARGINS ============ */

.m-0,
aside.slideout-widget {margin: 0;}
.m-base {margin: var(--size-base);}
.m-s {margin: var(--size-s);}
.m-m {margin: var(--size-m);}
.m-l {margin: var(--size-l);}
.m-xl {margin: var(--size-xl);}

.mb-0 {margin-bottom: 0;}
.mb-base {margin-bottom: var(--size-base);}
.mb-s {margin-bottom: var(--size-s);}
.mb-m {margin-bottom: var(--size-m);}
.mb-l {margin-bottom: var(--size-l);}
.mb-xl {margin-bottom: var(--size-xl);}
.mb-xxl {margin-bottom: var(--size-xxl);}

.mt-0 {margin-top: 0;}
.mt-base {margin-top: var(--size-base);}
.mt-s {margin-top: var(--size-s);}
.mt-m {margin-top: var(--size-m);}
.mt-l {margin-top: var(--size-l);}
.mt-xl {margin-top: var(--size-xl);}
.mt-xxl {margin-top: var(--size-xxl);}

.ml-0 {margin-left: 0;}
.ml-auto {margin-left: auto}
.ml-base {margin-left: var(--size-base);}
.ml-s {margin-left: var(--size-s);}
.ml-m {margin-left: var(--size-m);}
.ml-l {margin-left: var(--size-l);}
.ml-xl {margin-left: var(--size-xl);}
.ml-xxl {margin-left: var(--size-xxl);}

.mr-0 {margin-right: 0;}
.mr-auto {margin-right: auto}
.mr-base {margin-right: var(--size-base);}
.mr-s {margin-right: var(--size-s);}
.mr-m {margin-right: var(--size-m);}
.mr-l {margin-right: var(--size-l);}
.mr-xl {margin-right: var(--size-xl);}
.mr-xxl {margin-right: var(--size-xxl);}

/* ============ PADDINGS ============ */

.p-0 {padding: 0;}
.p-base {padding: var(--size-base);}
.p-s {padding: var(--size-s);}
.p-m {padding: var(--size-m);}
.p-l {padding: var(--size-l);}
.p-xl {padding: var(--size-xl);}

.ptb-0 {padding-bottom: 0; padding-top: 0;}
.ptb-base {padding-bottom: var(--size-base); padding-top: var(--size-base);}
.ptb-s {padding-bottom: var(--size-s); padding-top: var(--size-s);}
.ptb-m {padding-bottom: var(--size-m); padding-top: var(--size-m);}
.ptb-l {padding-bottom: var(--size-l); padding-top: var(--size-l);}
.ptb-xl {padding-bottom: var(--size-xl); padding-top: var(--size-xl);}
.ptb-xxl {padding-bottom: var(--size-xxl); padding-top: var(--size-xxl);}

.plr-0 {padding-left: 0; padding-right: 0;}
.plr-base {padding-left: var(--size-base); padding-right: var(--size-base);}
.plr-s {padding-left: var(--size-s); padding-right: var(--size-s);}
.plr-m, 
.site-content {padding-left: var(--size-m); padding-right: var(--size-m);}
.plr-l {padding-left: var(--size-l); padding-right: var(--size-l);}
.plr-xl {padding-left: var(--size-xl); padding-right: var(--size-xl);}
.plr-xxl {padding-left: var(--size-xxl); padding-right: var(--size-xxl);}

/* ============ BUTTONS ============ */

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"], 
a.button, 
a.wp-block-button__link:not(.has-background) {
	padding: var(--size-xs) var(--size-l) var(--size-xxs);
	margin: var(--size-m) 0;
	border-radius: 0;
}

body #generate-slideout-menu.main-navigation .main-nav ul ul {
	padding-left: var(--size-m);
	border-left: 1px solid var(--primary);
}
body .slideout-navigation .menu-item-has-children .dropdown-menu-toggle {
	float: unset;
}

/* ============ SCREENS ============ */

@media (min-width: 1440px) {
	html {font-size: 100%}
}
@media (max-width: 1439px) {
	html {font-size: 87.5%}
}
@media (max-width: 1024px) {
	html {font-size: 75%}
}
@media (max-width: 768px) {
	html {font-size: 62.5%}
}
@media (max-width: 480px) {
	html {font-size: 50%}
}

/* ============ ADMIN ============ */

@media (min-width: 783px) {
 body .edit-post-sidebar .jet-engine-meta-wrap .cx-control {
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
 body .edit-post-sidebar .jet-engine-meta-wrap .cx-control__info {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}