@import url("./assets/css/backstopjs-fixes.css");

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body * {
	box-sizing: border-box;
}

div#content {
	margin-top: 133px;
}

.main-navigation .top-nav-bar__logo {
	border-width: 0;
}

.main-navigation .top-nav-bar__logo a {
	line-height: 1;
	/* ToDo - Check if to remove it */
	max-height: 55px;
}

.page-title-section {
	padding: 30px 15px 31px;
	text-align: end;
}

.bg-secondary {
	background: var(--wp--preset--color--light-grey);
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;

}

.row {
	display: flex;
	margin-right: -15px;
	margin-left: -15px;
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

.alignleft {
	display: inline;
	float: left;
	margin-bottom: 0;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-bottom: 0;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.editor-styles-wrapper h2:first-child,
.site-main h2:first-child {
	border-bottom: 1px solid #9e9e9e;
	margin-bottom: 12px;
	margin-top: 0;
	padding-bottom: 10px;
}

[class*="col-"] {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}

@media (min-width: 992px) {
	.col-md-9 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		width: 75%;
	}

	.col-md-3 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		width: 25%;
	}
}

@media (min-width: 768px) {
	.col-sm-6 {
		width: 50%;
	}
}

@media (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}

.editor-styles-wrapper ul.wp-block-list {
	padding-left: 18px;
}

.editor-styles-wrapper ul,
ul {
	margin: 0 0 24px 18px;
	padding: 0;
}

.editor-styles-wrapper li,
.editor-styles-wrapper .wp-block-list-item,
#primary li {
	margin-bottom: 8px;
	margin-top: 8px;
	overflow: visible;
}

.site-main ul ul {
	margin: 0 0 0 18px;
	padding: 0;
}

.main-navigation {
	padding: 5px 0;
	width: 100%;
}


#mobile-menu,
.languagess ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

@media (max-width: 1200px) {
	#mobile-menu,
	.languagess {
		padding-top: 32px;
	}
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	/* float: left; */
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px #0003;
	/* float: left; */
	left: -999em;
	position: absolute;
	top: 1.5em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {
	width: 100%;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		align-items: center;
	}

	.main-navigation ul .sub-menu {
		flex-direction: column;
	}
}

#content[tabindex="-1"]:focus {
	outline: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

.align-transform {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.nav-container {
	-webkit-backface-visibility: hidden;
	max-width: 100%;
}

nav {
	-webkit-backface-visibility: hidden;
	background: #fff;
	border-bottom: 1px solid #0000001a;
	max-width: 100%;
}

nav ul {
	margin-bottom: 0;
}

nav .btn {
	height: auto;
	margin: 0;
}

.top-nav-bar__inner {
	display: flex;
	justify-content: space-between;
}

.top-nav-bar__ctas,
.top-nav-bar__actions {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.menu > li.dropdown {
	padding-right: 18px;
}

.dropdown:after {
	content: "";
	font-family: fontawesome;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	position: absolute;
	right: 0;
	speak: none;
	text-transform: none;
	top: 0;
}

.menu {
	font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
	height: 55px;
	width: 100%;
}

.menu li a {
	color: #272626;
	font-size: 12px;
	font-weight: 700;
	max-width: 100%;
	opacity: 0.7;
	text-transform: uppercase;
	transition: all 0.3s;
	white-space: normal;
}

.menu li > a {
	padding: 20px 0;
}

.menu li a:hover {
	opacity: 1 !important;
}

.menu > li {
	margin-left: 32px;
	opacity: 1;
	position: relative;
	transition: all 0.3s;
}

.menu > li:first-child {
	margin-left: 0;
}

.menu > li:last-child {
	margin-right: 0;
}

.menu > li ul {
	background: #0e1015;
	left: 0;
	margin-top: -1px;
	opacity: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	transform: translateY(10px);
	transition: all 0.3s;
	visibility: hidden;
	width: 200px;
	z-index: 99;
}

.menu > li > ul > li {
	border-bottom: 1px solid #c6c6c6;
	line-height: 24px;
	position: relative;
	vertical-align: top;
	width: 100%;
}

.menu > li > ul > .dropdown:after {
	color: #0e1015;
	content: "";
	right: 24px;
	top: 3px;
}

.menu > li > ul li a {
	color: #fff;
	height: auto;
	padding: 3px 12px;
}

.menu > li > ul > li > ul {
	left: 100%;
	top: 0;
}

.menu > li:hover > ul,
.menu > li > ul > li:hover > ul {
	opacity: 1;
	transform: translate(0, 0);
	visibility: visible;
}

nav.outOfSight {
	transform: translateY(-200px);
	transition: all 0.3s;
}

nav.scrolled {
	transform: translate(0, 0);
}

nav.fixed {
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	width: 100%;
	z-index: 999;
}

.admin-bar nav.fixed {
	top: 32px;
}

nav.fixed.scrolled {
	opacity: 1;
	visibility: visible;
}

.dropdown-menu {
	border-radius: 0;
}

.nav-open {
	height: auto !important;
	max-height: 10000px !important;
}

.nav-open .navbar-collapse,
.nav-open #menu {
	display: block;
}

@media (max-width: 1100px) {
	div#content {
		margin-top: 0 !important;
	}
}

@media (max-width: 990px) {
	.toggle-sub > ul {
		display: block !important;
	}
}

input[type="submit"] {
	background: #dd0;
	border: 2px solid #745cf9;
	border-radius: 0 !important;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	height: 50px;
	letter-spacing: 1px;
	line-height: 48px;
	max-width: 250px;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
}

.bg-primary input[type="submit"] {
	background: #fff;
	color: #745cf9;
}

input[type="submit"]:focus {
	outline: none;
}

.search-form-wrapper {
	display: flex;
	margin-left: 15px;
}

@media (max-width: 1200px) {
	.search-form-wrapper {
		width: calc(100% - 15px);
	}
}

.search-submit {
	background-color: #dd0;
	border: none;
	height: 48px;
	padding: 0;
	min-width: 48px;
	width: 48px;
}

.search-field {
	background: #f5f5f5;
	border: none;
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
	height: 48px;
	line-height: 1.5;
	margin-bottom: 0;
	padding-left: 20px;
	width: 100%;
}

.search-submit:hover,
.top-nav-bar__actions .search-submit:hover {
	background-color: #0083ff;
	color: #fff;
}


.search #primary,
.no-results {
	padding-top: 0;
}

.no-results {
	border-bottom: 0;
}

.no-results form.search-form {
	display: none !important;
	max-width: 500px;
	padding: 0;
	width: 100%;
}

.no-results form #s {
	max-width: 292px;
	width: 71%;
}

.no-results form .searchsubmit {
	margin: 0;
}

.menu > li ul {
	background: #fff;
}

.menu > li > ul li a {
	color: #292929;
	font-size: 10px;
	width: 100%;
}

.menu > li > ul li a:hover {
	background: #80c0fe;
	color: #fff;
}

.menu > li > ul > .dropdown:hover:after {
	color: #fff;
}

@media (max-width: 1120px) {
	.menu > li {
		margin-right: 24px;
	}
}

@media (max-width: 990px) {
	.menu {
		height: auto;
	}

	.menu a {
		height: auto;
		line-height: 24px;
		padding: 4px 0;
	}

	.menu li {
		display: block;
		/* float: none; */
		line-height: 24px;
		max-width: 100%;
		width: 100%;
	}

	.menu > li ul {
		left: 0;
		opacity: 1;
		position: relative;
		transform: translate(0, 0);
		visibility: visible;
		width: 100%;
	}

	.menu > li > ul {
		display: none;
		opacity: 1;
		position: relative;
		transform: translate(0, 0);
		visibility: visible;
	}

	.menu > li > ul > .dropdown:after {
		content: "";
	}

	.menu > li > ul > li > ul {
		display: none;
		left: 0;
		padding: 0;
	}

	.menu > li > ul li a {
		padding: 4px 16px;
	}

	.dropdown .dropdown li {
		padding-left: 18px;
	}

	.dropdown {
		padding-right: 0;
	}

	.toggle-search .function {
		display: block;
	}

	.search-widget-handle .search {
		padding: 0 15px;
	}

	.mobile-toggle i {
		line-height: 53px !important;
	}
}

.pagination {
	margin: 0;
}

.pagination li {
	font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.pagination li a {
	color: #0e1015;
	font-weight: 400;
	height: 32px;
	margin: 0 4px;
	padding: 6px 0 0;
	text-align: center;
	width: 32px;
}

.pagination li a:hover,
.pagination li.active a,
.pagination li.active:hover a {
	background: #745cf9;
	border-color: #745cf9;
	color: #fff;
}

.page-title {
	margin-bottom: 0;
	margin-top: 0;
	text-align: left;
}

.main-container .nolist > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.category-list {
	line-height: 32px;
}

@media (max-width: 767px) {

	.top-nav-bar__logo {
		height: 50%;
	}
}

.post-meta {
	display: flex;
	margin-bottom: 12px;
	overflow: hidden;
}

.posted-on .updated {
	display: none;
}

.post-meta > li {
	/* float: left; */
	line-height: 170%;
	margin-right: 24px;
	margin-bottom: 8px;
}

.post-meta i {
	font-size: 16px;
	margin-right: 8px;
	position: relative;
	top: 2px;
}

.single-post .entry-header {
	padding-bottom: 7.5px;
}

.spinner {
	animation: 1.2s ease-in-out infinite sk-rotateplane;
	background-color: #745cf9;
	display: inline-block;
	height: 50px;
	margin: 0 auto;
	transition: all 0.3s;
	width: 50px;
}

@-webkit-keyframes sk-rotateplane {
	0% {
		-webkit-transform: perspective(120px);
	}
	50% {
		-webkit-transform: perspective(120px) rotateY(180deg);
	}
	to {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
	}
}

@keyframes sk-rotateplane {
	0% {
		transform: perspective(120px) rotateX(0) rotateY(0);
	}
	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
	}
	to {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}

@media (max-width: 767px) {

	.search-form,
	nav.fixed.scrolled {
		display: none;
	}

	div#content {
		margin-top: 0 !important;
	}
}

.lang-item {
	margin-left: 15px;
}

.lang-item span {
	font-weight: 400;
}

.widget_custom_menu_wizard {
	background: #8080801c;
	margin-bottom: 0;
}

.widget_custom_menu_wizard li a {
	color: var(--wp--preset--color--text);
	transition: text-decoration 0.3s ease;
}

.current-page-item a {
	color: #0080ff !important;
}

.search-results .entry-title,
.search .entry-title {
	display: block;
}

.search-results h2.entry-title {
	font-size: 30px;
	line-height: 38px;
}

aside ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

/* Base link styling */
ul.menu-widget li a {
	display: block;
	padding: 10px;
	position: relative;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

/* Hover effect on entire row */
ul.menu-widget li a:hover {
	color: #fff;
	background-color: #0083ff;
}

/* Indentation for submenu levels */
ul.menu-widget li.cmw-level-2 > a {
	padding-left: 25px;
}

ul.menu-widget li.cmw-level-3 > a {
	padding-left: 40px;
}

:not(.home) .content-area,
footer {
	overflow: hidden;
	padding-top: 3%;
	position: relative;
}

.home .content-area {
	overflow: initial; /* or visible */
	padding-top: 0;
	position: static; /* or initial */
}

footer.entry-footer {
	padding-bottom: 20px;
}

footer.site-footer {
	background: var(--wp--preset--color--footer-blue);
	color: var(--wp--preset--color--white);
}

footer.site-footer a {
	color: var(--wp--preset--color--white);
}

footer.site-footer a:hover {
	color: var(--wp--preset--color--white);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.copyright-text {
	color: #fefefe;
}

.footer-widget .widget-title {
	border-bottom: 1px solid #555;
	color: #fff;
	margin-bottom: 12px;
	margin-top: 0;
	padding-bottom: 10px;
}

.footer-widget .widget {
	margin-bottom: 48px;
}

iframe {
	margin-bottom: 4px;
}

.wp-block-image {
	margin-bottom: 24px;
}

h2 + .wp-block-image {
	margin-top: 10px;
	margin-bottom: 0;

}

/* h1 + p, */
/* h2 + p, */
/* h3 + p, */
/* h4 + p, */
/* h5 + p, */
/* h6 + p { */
/* 	margin-top: 0; */
/* } */

.entry-content p:first-of-type {
	margin-top: 0;
}

.entry-content figure + p:first-of-type {
	margin-top: 24px;
}

.entry-content {
	margin-bottom: 28px;
}

/* Back to Top */

.footer-inner {
	position: relative;
}

.fade-half {
	opacity: 0.5;
}

.back-to-top {
	border: 2px solid transparent;
	bottom: 0;
	height: 36px;
	margin-bottom: 24px;
	padding: 5px 11px;
	position: absolute;
	right: 0;
	transform: translate(-50%);
	width: 36px;
}

.back-to-top .fa {
	color: #0080ff;
	font-size: 18px;
}

.back-to-top:hover {
	background: 0 0;
	border-color: #1489fd;
	opacity: 1;
}

.back-to-top {
	background-color: #fff;
	border-color: #fff;
}

.back-to-top:active,
.back-to-top:focus {
	color: #fff;
}

/* .tablepress th, */
/* .tablepress td { */
/* 	line-height: 24px; */
/* 	padding: 5px; */
/* } */

main ul ul {
	list-style: disc;
}

div:has(.content-area a.btn-filled) {
	margin-bottom: 24px;
}

.content-area a.btn,
.content-area a.button {
	border: 2px solid #745cf9;
	border-radius: 0;
	color: #745cf9;
	font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 36px;
	margin-bottom: 24px;
	margin-right: 8px;
	min-width: 150px;
	padding: 11px 26px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s;
}

.content-area a.btn-filled {
	background: #745cf9;
	color: #fff;
}

.content-area a.btn-filled:hover,
.content-area a.btn:visited:hover {
	background: #5d47d7;
	border-color: #1489fd;
}

.dt-container .dt-input {
	background: #f5f5f5;
	border: none;
	border-radius: 0;
	box-sizing: content-box;
	font-weight: 500;
	height: 50px;
	margin-bottom: 24px;
	width: auto;
}

.dt-search label {
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}

.table > thead > tr > th {
	border-bottom: 2px solid #ddd;
	vertical-align: bottom;
}

.table > tbody > tr > td {
	vertical-align: top;
	border-top: 1px solid #ddd;
}

/* ToDo - Remove it after conversion */
.content hr {
	background: #ddd;
	border: 0;
	height: 2px;
	margin: 50px auto;
	max-width: 60%;
	width: 128px;
}

article.type-post {
	margin-bottom: 114px;
}

figcaption,
figure.wp-block-image:has(figcaption) {
	background: #fff;
}

/* ToDo - Remove it after conversion */
figcaption {
	color: #333 !important;
	font-size: 16px !important;
	padding: 22px 9px;
}

div:has(.btn.btn-filled) {
	margin-bottom: 24px;
}

/* ToDo - Remove it after conversion */
hr + p {
	margin-top: 0;
}

sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	bottom: -3px;
}

.page-template-template-home-editable .wp-block-group-is-layout-grid {
	gap: 50px;
	padding-bottom: 60px;
}

@media (max-width: 768px) {
	.page-template-template-home-editable .wp-block-group-is-layout-grid {
		display: block;
	}

	.page-template-template-home-editable .wp-block-group-is-layout-grid .wp-block-group {
		margin: 0 -15px 30px;
		margin-bottom: 30px;
	}
}

.wp-block-latest-posts.wp-block-latest-posts__list {
	list-style: disc;
}
