@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body, h1, h2, h3, h4, h5, h6, u, strong, p, a, span, button, input, li, ol, ul {
font-family: "Open Sans", serif !important;
}
article.post-details .post-asset {
    margin-bottom: 20px;
}
.top-bar {
    z-index: 1000;
}

/* Variables */
:root {
	/* Font Size */
	--global--font-size-base: 1rem;
	--global--font-size-xs:   0.75rem;
	--global--font-size-sm:   0.9rem;
	--global--font-size-md:   1rem;
	--global--font-size-lg:   1.5rem;
	--global--font-size-xl:   2rem;
	--global--font-size-xxl:  3rem;
	--global--font-size-xxxl: 4rem;

	/* Colors */
	--global--color-primary:         #1E1E1E;
	--global--color-primary-light:   #8A8A8A;
	--global--color-secondary:       #F08535;
	--global--color-secondary-light: #ECECEC;
}

@media only screen and (min-width: 652px) {
	:root {
		--global--font-size-xl: 3rem;
		--global--font-size-xxl: 4rem;
		--global--font-size-xxxl: 5rem;
	}
}

:root .has-extra-small-font-size {
	font-size: var(--global--font-size-xs);
}

:root .has-small-font-size {
	font-size: var(--global--font-size-sm);
}

:root .has-regular-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
	font-size: var(--global--font-size-md);
}

:root .has-large-font-size {
	font-size: var(--global--font-size-lg);
}

:root .has-extra-large-font-size {
	font-size: var(--global--font-size-xl);
}

:root .has-huge-font-size {
	font-size: var(--global--font-size-xxl);
}

:root .has-gigantic-font-size {
	font-size: var(--global--font-size-xxxl);
}

.has-primary-to-secondary-gradient-background {
	background: linear-gradient(160deg, var(--global--color-primary), var(--global--color-secondary));
}

.has-secondary-to-primary-gradient-background {
	background: linear-gradient(160deg, var(--global--color-secondary), var(--global--color-primary));
}

.has-primary-light-to-secondary-light-gradient-background {
	background: linear-gradient(160deg, var(--global--color-primary), var(--global--color-primary-light));
}

.has-secondary-light-to-primary-light-gradient-background {
	background: linear-gradient(160deg, var(--global--color-secondary), var(--global--color-secondary-light));
}