/**
 * Custom CSS file
 *
 * This file should contain all styling specifically for this site. 
 * This file can (and should) be overwritten in a child-theme. 
 */

h1, h2 {
    font-family: 'Space Grotesk', 'Outfit', sans-serif;
    text-transform: uppercase;
}

/*============================================================
## GENERAL STYLING: General things
============================================================*/
#gform_wrapper_1[data-form-index="0"].gform-theme,
[data-parent-form="1_0"],
:root,
.elementor-kit-5 {
	--gf-color-primary: #E62442;
	--primary: #E62442;
	--primary-dark: #c11630;
	--red: #E62442;
	--red-dark: #c11630;
}
/* #nav-primary {
	display: none !important;
} */
html, p {
	font-family: 'Outfit', 'Roboto', 'Open Sans', sans-serif;
}

/*============================================================
## GENERAL STYLING: Base Typography
============================================================*/
input.btn.btn-primary,
.gform-button.gform-button--white  {
	font-family: 'Space Mono', 'Roboto Mono', monospace !important;
	background: var(--red) !important;
	border: 0 none !important;
	border-radius: 0 !important;
	text-transform: uppercase !important;
	border: 1px solid #000 !important;
	outline: 1px solid #fff !important;
	border-image-slice: 1;
	border-width: 1px !important;
	/* border-image-source: linear-gradient(to right, #000000 0%, #000000 33%,#ffffff 33%, #ffffff 67%,#000000 67%, #000000 100% ) !important; */
	/* border-image-source-right: linear-gradient(to left, #000000 0%, #000000 33%,#ffffff 33%, #ffffff 67%,#000000 67%, #000000 100%; */
	/* border-image-source-top: linear-gradient(to top, #000000 0%, #000000 33%,#ffffff 33%, #ffffff 67%,#000000 67%, #000000 100%; */
	/* border-image-source-bottom: linear-gradient(to top, #000000 0%, #000000 33%,#ffffff 33%, #ffffff 67%,#000000 67%, #000000 100%; */
}

.btn {
	font-family: 'Space Mono', 'Roboto Mono', monospace;
}

input.btn.btn-primary:hover,
.gform-button.gform-button--white:hover {
	background-color: var(--primary-dark) !important;
}

.elementor-button-wrapper .elementor-button.elementor-size-sm {
	padding: 0.75rem 1rem;
}

.elementor-button-wrapper .elementor-button {
	background: var(--red) !important;
	border: 0 none !important;
	border-radius: 0 !important;
	text-transform: uppercase !important;
	border: 1px solid #000 !important;
	outline: 1px solid #fff !important;
	border-image-slice: 1;
	border-width: 1px !important;
	font-weight: 500;
	font-family: 'Space Mono', 'Roboto Mono', monospace;
}

.elementor-button-wrapper .elementor-button:hover {
	background-color: var(--primary-dark) !important;
}

/*============================================================
## HEADER
============================================================*/
.collapse.toggle-shown:not(.show) {
	display: block;
}
body {
	background-color: #000;
	color: #fff;
}
.navbar-primary.container {
    justify-content: space-between;
    align-items: baseline;
}

#branding {
	flex-grow: 0;
	flex-basis: 10%;
	text-align: center;
	justify-content: center;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgb(230 36 66 / 90%);
}
.navbar-dark .navbar-nav .nav-link:hover {
	color: rgb(230 36 66 / 100%);
}

#header-different,
#header-left {
	flex-basis: 45%;
}

#navbar-right {
	flex-basis: 45%;
}

.navbar-nav .nav-link {
	text-transform: uppercase;
	font-weight: 500;
}
button.navbar-toggler.hamburger {
	position: absolute;
	right: 1rem;
	background:  var( --red );
	padding: .5rem;
	padding-top: .5rem !important;
	padding-bottom: 0
}

@media (max-width: 767.98px) {
	.navbar-primary.container {
		justify-content: center;
		width: 100%;
	}

	#branding {
		flex: auto;
		flex-basis: 100%;
	}

	.navbar#site-navigation {
		border-bottom: 0 none;
	}

	#header-left {
		display: none !important;
	}

	#branding {
		display: relative;
	}

	.navbar-toggler {
		position: absolute;
		right: 1rem;
		background:  var( --red );
		padding: 1rem;
		display: inline-block;
	}
}

#navbar-mobile .social-links .menu-socials {
	display: flex;
	list-style: none;
	margin-top: 0;
	margin-bottom: 1rem;
	padding-left: 0;
}
#navbar-mobile .social-links .menu-socials li {
	display: block;
	font-size: 1.2rem;
}

#navbar-mobile .social-links .menu-socials li a {
	color: rgb(230 36 66 / 90%);
}

#navbar-mobile .social-links .menu-socials li a:hover {
	color: var(--red);
}

#navbar-mobile .social-links .menu-socials li ~ li {
	padding-left: .5rem;
}

@media ( min-width: 768px ) {
	#navbar-mobile {
		display: none !important;
	}
}

#colophon {
	color: #fff;
	text-transform: uppercase;
	background-color: #000;
	font-weight: 500;
}

p.gform_required_legend {
	visibility: hidden;
	height: 0;
	position: absolute;
}

.text-white .gfield_label.gform-field-label,
.text-white label.gfield_label.gform-field-label {
	color: #fff !important;
}

.text-white,
.text-white .gform-body,
.text-white .gfield_description,
.text-white .gfield,
.text-white .gform-field-label {
	--gf-local-color: #fff !important;
}

.text-white .gform-theme--framework .gform-field-label--type-inline {
	color: #fff;
}

.row.blog-cards .card-body {
	background-color: var(--red);
}

.row.blog-cards .card {
	border-color: var(--red);
	height: 100%;
}
.row.blog-cards .card .entry-header {
	margin-bottom: 0;
}
.row.blog-cards .card  .card-title {
	font-size: 1.3rem;
    margin-bottom: 0;
    z-index: 3;
    font-family: 'Space Grotesk', 'Outfit', sans-serif;
    position: relative;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.row.blog-cards .card {
	background-color: var(--red);
	position: relative;
}

.row.blog-cards .card::after {
	content: '';
	position: absolute;
	background-color: var(--red);
	/* background-color: var; */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: block;
	mix-blend-mode: color-burn;
	opacity: 0.65;
	transition: opacity 0.2s;
}
.row.blog-cards .card:hover::after {
	opacity: 0;
}

.row.blog-cards .card  .card-img-top {
	background-color: var(--red);
	/* mix-blend-mode: luminosity; */
	/* transition: mix-blend-mode 0.2s; */
	/* isolation: isolate; */
}

.row.blog-cards .card  .card-img-top:hover {
	/* mix-blend-mode: normal; */

}