/*----------------------------------------------------------------- */
/* FRONT-END
/*----------------------------------------------------------------- */

/* HEADER
----------------------------------------- */

header .bricks-nav-menu
{
	min-height: 95px;
}

header .bricks-nav-menu > li a,
header .bricks-nav-menu .brx-submenu-toggle,
header .bricks-nav-menu .brx-submenu-toggle a
{
	align-items: center;

	height: 100%;
}

header .bricks-nav-menu .brx-submenu-toggle a
{
	display: flex;
}

/* fix for bricks mobile menu */
#brx-header .bricks-mobile-menu
{
	padding: 15px 0;
}


/* adds transition to nav-menu links */
#brx-header .bricks-nav-menu > li > a,
#brx-header .bricks-mobile-menu > li > a
{
	transition: color 0.5s, border-color 0.5s, text-decoration 0.5s;
}

@media (max-width: 1024px)
{
	header .bricks-nav-menu
	{
		min-height: 75px;
	}

	/* own sticky solution */
	#brx-header
	{
		position: sticky;
		z-index: 999;
		top: 0;
	}
}

/* TYPO
----------------------------------------- */

.graphic-title
{
	position: relative;
}

h1.graphic-title
{
	padding: 36px 85px 36px 0;
}

h3.graphic-title
{
	padding: 13px 36px 13px 0;
}

h1.graphic-title::before
{
	opacity: 0.75;
}

h1.graphic-title::before,
h3.graphic-title::before
{
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;

	display: block;

	width: 100%;
	min-width: 100vw;
	height: 100%;

	content: '';
	transform: skew(160deg);

	background-color: var(--bricks-color-slwpsk);
}

h2 span
{
	color: var(--bricks-color-ukfrjj);
}

@media (max-width: 1549px)
{
	h1.graphic-title
	{
		padding: 30px 65px 30px 0;
	}
}

@media (max-width: 1366px)
{
	h1.graphic-title
	{
		padding: 25px 55px 25px 0;
	}
}

@media (max-width: 767px)
{
	h1.graphic-title
	{
		padding: 20px 40px 20px 0;
	}
}


/* CONTENT
----------------------------------------- */

/* global */

.graphicbox,
.graphicbox .graphic-title,
.graphicbox .graphicbox-btn,
.iconbox-left-wrap
{
	transition: all 0.3s ease-out;
}

.graphicbox:hover,
.graphicbox:hover .graphicbox-btn,
.iconbox-left-wrap:hover
{
	transition: all 0.3s ease-in;
}

.blendmode
{
	background-blend-mode: multiply, normal;
}

/* graphic boxes */

.graphicbox
{
	overflow: hidden;

	transition: all 0.3s ease-out;
}

.graphicbox:hover .graphic-title
{
	padding-left: 40px;
}

.graphicbox:hover .graphicbox-btn
{
	transition: all 0.3s ease-in;
}

/* icon boxes */

.iconbox-left-wrap svg,
.iconbox-left svg,
.iconbox-left-bg svg
{
	height: 55px;
	width: auto;
}

.iconbox-left-wrap svg path
{
	fill: var(--bricks-color-slwpsk);
}

.iconbox-left-wrap:hover svg path,
.iconbox-left svg path,
.iconbox-left-bg svg path
{
	fill: var(--bricks-color-arnkkl);
}

.blur
{
	backdrop-filter: blur(14.5px);
}

.iconbox-allert.brxe-icon-box .icon,
.iconbox-allert-basic.brxe-icon-box .icon
{
	position: absolute;
	top: 0;
	left: 0;

	padding: 25px;
}

.iconbox-allert .content,
.iconbox-allert-basic .content
{
	width: 100%;
}

.iconbox-allert .content strong,
.iconbox-allert-basic .content strong
{
	color: var(--bricks-color-lvjzec);
}

/* buttons */

a.bricks-button:hover svg path
{
	transition: all 0.3s ease-out;
}

a.bricks-button:hover svg path,
a.bricks-background-secondary svg path
{
	fill: var(--bricks-color-arnkkl);
}

/* unordered/ordered lists */
.brxe-post-content[data-source='editor'] ul,
.brxe-post-content[data-source='editor'] ol,
.brxe-text ul,
.brxe-text ol
{
	padding-left: 20px;

	margin-block-end: 0;
	margin-block-start: 0;
}

.brxe-post-content[data-source='editor'] ul li,
.brxe-post-content[data-source='editor'] ol li,
.brxe-text ul li,
.brxe-text ol li
{
	font-weight: 500;

	position: relative;

	margin-bottom: 5px;
	padding-left: 15px;
}

.brxe-text ul,
.brxe-post-content[data-source='editor'] ul
{
	list-style-type: none;
}

.brxe-post-content[data-source='editor'] ul li::marker,
.brxe-text ul li::marker
{
	display: none;
}

.brxe-post-content[data-source='editor'] ul li::before,
.brxe-text ul li::before
{
	position: absolute;
	top: 3px;
	left: -20px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 24px;
	height: 24px;
	padding-top: 4px;

	content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'17\' viewBox=\'0 0 16 17\' fill=\'none\'%3E%3Cg id=\'Icons\'%3E%3Cpath id=\'Vector\' d=\'M13.515 4.51382C13.8409 4.83804 13.8409 5.36197 13.515 5.68619L6.84072 12.3262C6.51483 12.6504 5.98818 12.6504 5.66229 12.3262L2.32442 9.00619C1.99863 8.68197 1.99863 8.15803 2.32442 7.83382C2.65026 7.5096 3.17847 7.5096 3.50436 7.83382L6.22804 10.565L12.3366 4.51382C12.6625 4.18908 13.1891 4.18908 13.515 4.51382Z\' fill=\'white\'/%3E%3C/g%3E%3C/svg%3E');

	background-color: var(--bricks-color-slwpsk);
	background-size: 24px;
}

.brxe-post-content[data-source='editor'] ol li::marker,
.brxe-text ol li::marker
{
	font-weight: 700;

	color: var(--bricks-color-slwpsk);
}

@media (max-width: 760px)
{
	.brxe-post-content[data-source='editor'] ul li,
	.brxe-post-content[data-source='editor'] ol li,
	.brxe-text ul li,
	.brxe-text ol li
	{
		line-height: 3rem;
	}
}

/* Tables */

.driftSchoolTable-wrap thead
{
	background: #fff;
}

table.tablepress > :where(thead,tfoot) > * > th
{
	background-color: transparent;
}

table.tablepress > :not(caption) > * > *
{
	padding: 10px 10px 10px 0;
}

/* gridbox */

.content-gridbox:hover
{
	transition: all 0.5s linear;
	transform: translateY(-100%);
}

.content-gridbox
{
	transform: translateY(-77px);
}

.content-gridbox .desc-gridbox
{
	opacity: 0;
}

.content-gridbox:hover .desc-gridbox
{
	opacity: 1;
}

@media (max-width: 1200px)
{
	.content-gridbox
	{
		transform: translateY(-70px);
	}
}

/* FORMS
----------------------------------------- */
.brxe-shortcode.basic-form .fluentform .ff-el-input--label label,
.brxe-shortcode.basic-form .fluentform label
{
	color: var(--bricks-color-arnkkl);
}

.brxe-shortcode .fluentform .ff-el-group
{
	margin-bottom: 24px;
}

.brxe-shortcode .frm-fluent-form .ff-t-container
{
	gap: 24px;
}

.brxe-shortcode .fluentform .ff-el-input--label label,
.brxe-shortcode .fluentform .ff-el-form-check-label
{
	color: var(--bricks-color-xumeee);
}

.brxe-shortcode .fluentform .ff-el-form-check-label a:hover
{
	color: var(--bricks-color-slwpsk);
}

.brxe-shortcode .fluentform .ff-el-form-control
{
	font-size: 1.6rem;
	line-height: 54px;

	height: 54px;
	padding-right: 12px;
	padding-left: 12px;

	color: var(--bricks-color-xumeee);
	border-color: #cdcdcd;
	border-radius: 0;
}

.brxe-shortcode .fluentform .ff-el-form-control:focus
{
	border-color: #128be2;
}

.brxe-shortcode .fluentform textarea.ff-el-form-control
{
	height: 150px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.brxe-shortcode .fluentform .ff-custom_html p
{
	font-size: 1.3rem;
	line-height: 2.5rem;

	color: #39364a;
}

.brxe-shortcode .fluentform .ff-btn
{
	color: var(--bricks-color-arnkkl);
}

.brxe-shortcode .fluentform .ff-message-success
{
	margin: 30px 0;

	text-align: center;

	color: var(--bricks-color-arnkkl);
	border: none;
	background: #4caf50;
	box-shadow: none;
}

.brxe-shortcode select.ff-el-form-control:not([size]):not([multiple])
{
	line-height: 54px;

	height: inherit;
	padding: 0 12px;

	background-color: var(--bricks-color-arnkkl);
}

@media (max-width: 760px)
{
	.brxe-shortcode .fluentform .ff-el-form-control
	{
		line-height: 40px;

		height: 40px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.brxe-shortcode .fluentform textarea.ff-el-form-control
	{
		height: 120px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

/* FOOTER
----------------------------------------- */