/* 
Theme Name: Forum Mercatorium - Hello Elementor Child
Description: Anpassung für die Forum Mercatorium Webseite || Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team / Stefan Szynaka
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* 
* -------------------------------------------------------------
*
* Theme Style variables
*
*/
:root {
	--site-width: 1139px;
	/* 1140px -1 to align with menu */
	--content-bgd: rgba(253, 253, 253, 1);
	--content-padding: 40px;
	--content-margin: 0 auto;
	--color-1: #000000;
	/* Text Color */
	--color-2: #17939b;
	/* Primary Accent  */
	--color-3: #0e4854;
	/* Secondary Accent */
	--color-4: #17939b;
	/* Headings Color */
	--color-5: var(--content-bgd);
	--color-6: #9d9e9f;
	/* Light Background  */
	--color-7: #3b3b3b;
	/* Dark Background  */
	--color-8: #ffffff;
	/* Text over dark background  */

	--font-family: "DIN 2014", sans-serif;
	--font-size: 16px;
	--line-height: 1.5em;
	--letter-spacing: 0;
	--word-spacing: 0;
	--color: var(--color-1);
	--font-weight: normal;
	--text-decoration: none;
	--font-style: normal;
	--font-variant: normal;
	--text-transform: none;

	--font-small: 14px;
	--font-medium: 16px;
	--font-normal: 18px;
	--font-large: 24px;
	--font-xl: 28px;
	--font-xxl: 35px;

}

/* 
* -------------------------------------------------------------
*
* Theme Styles
*
*/
@media (min-width: 1200px) {

	.site-header,
	body:not([class*=elementor-page-]) .site-main {
		max-width: var(--site-width);
	}

	main.page {
		width: var(--site-width);
	}
}

body {
	background: var(--background);
	background-size: cover;
	background-attachment: fixed;
	font-family: var(--font-family);
	font-size: var(--font-size);
	line-height: var(--line-height);
	letter-spacing: var(--letter-spacing);
	word-spacing: var(--word-spacing:);
	color: var(--color-1);
	font-weight: var(--font-weight);
	text-decoration: var(--text-decoration);
	font-style: var(--font-style);
	font-variant: var(--font-variant);
	text-transform: var(--text-transform);
	margin: 0 auto;
}

main.page {
	background: var(--content-bgd);
	padding: var(--content-padding);
	margin: var(--content-margin);
}

h1,
h3 {
	font-size: var(--font-xxl);
	color: var(--color-4);
	line-height: 3em;
	font-weight: 400;
	font-family: minion-pro serif;
}

h2 {
	font-size: var(--font-xl);
	color: var(--color-4);
	font-weight: 400;
}

h3 {
	font-size: var(--font-large);
	color: var(--color-4);
	line-height: 2em;
	font-weight: 400;
	font-family: minion-pro serif;
}

h4 {
	font-size: var(--font-large);
	color: var(--color-4);
	line-height: 1.5em;
}

h5 {
	font-size: var(--font-normal);
	color: var(--color-4);
	line-height: 1.5em;
}

h6 {
	font-size: var(--font-medium);
	color: var(--color-4);
	line-height: 1.5em;
}

.elementor-slide-heading {
	font-size: 32px !important;
}

@media(max-width: 767px) {
	.elementor-slide-heading {
		font-size: 28px !important;
	}
}

@media(max-width: 576px) {
	.elementor-slide-heading {
		font-size: 24px !important;
	}
}

.elementor-slide-description {
	font-size: 16px !important;
}

@media(max-width: 767px) {
	.elementor-slide-description {
		font-size: 15px !important;
	}
}

@media(max-width: 576px) {
	.elementor-slide-description {
		font-size: 14px !important;
	}
}

a {
	color: var(--color-4);
	word-wrap: break-word;
}

a:hover {
	color: var(--color-4);
	text-decoration: underline;
}

footer a {
	color: white !important;
}

footer a:hover {
	text-decoration: underline;
}

footer .elementor-icon-box-content .elementor-icon-box-title {
	display: none !important;
}

.icon-footer .elementor-icon {
	border: 2px solid !important;
}


/*Impressum Datenschutz*/
#impressum h2::before,
#datenschutz h2::before,
#social-media h4::before {
	display: block;
	content: "";
	border-top: 1px solid #0e4854;
	width: 50%;
	margin: 60px auto;
	transform: translateY(-1rem);
}

#impressum h3,
#datenschutz h3,
#social-media h5 {
	margin-top: 45px;
}

/*Silbentrennung*/
p,
span,
div,
ul {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/*Carousel Karussel*/
.elementor-slides .swiper-slide-inner {
	padding: 2% !important;
}

@media(max-width: 767px) {
	.elementor-slides .swiper-slide-inner {
		padding: 3% !important;
	}
}

@media(max-width: 576px) {
	.elementor-slides .swiper-slide-inner {
		padding: 5% !important;
	}
}

.elementor-slide-button:hover {
	background-color: var(--e-global-color-accent) !important;
	text-decoration: underline !important;
}

.elementor-swiper-button-prev {
	left: -15px;
}

.elementor-swiper-button-next {
	right: -15px;
}

.elementor-slide-heading,
.elementor-slides .swiper-slide-inner .elementor-slide-description:not(:last-child) {
	margin-bottom: 10px !important;
}



/*
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{
    background-color: transparent;
}
*/
/* 
* -------------------------------------------------------------
*
* Elementor Styles
*
*/

.elementor-widget-heading .elementor-heading-title.elementor-size-xxl:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
	font-size: 25px;
	line-height: 1.5em;
}

.elementor-widget-heading .elementor-heading-title.elementor-size-xl:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
	font-size: 20px;
	line-height: 1.6em;
}

.elementor-widget-heading .elementor-heading-title.elementor-size-small:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
	font-size: 12px;
}

.sk-accent-1 {
	color: #17939b;
}

.elementor-icon-box-icon .elementor-icon,
.elementor-icon-list-icon {
	color: #17939b;
}

.elementor-icon-list-icon {
	color: #17939b;
}


/* 
* =============================================================
*
* Element Styles 
*
*/
/* 
* -------------------------------------------------------------
*
* Hauptmenü Anpassungen in Elementor   
*
*/
.hauptmenu > div > nav > ul > li > a {
	height: 39px;
}

.hauptmenu > div > nav > ul > li {
	/*	background-color: rgba(14,72,84,0.8); */
}

.hauptmenu > div > nav > ul > li:last-child {
	border-right: none;
}

.hauptmenu > div > nav > ul > li > a:hover {
	background-color: rgba(23, 147, 155, 0.75);
}

.hauptmenu > div > nav > ul > li > a + .active {
	background-color: var(--color-2);
}

@media(min-width: 1025px) {
	.hauptmenu {
		position: absolute;
		bottom: 0;
	}
}

/* --- LOGO ---- */
/* Logo nicht sticky */
.elementor-sticky img {
	display: none !important;
}

/* Logo sticky */
.elementor-sticky--effects img {
	display: inline !important;
}


/*.elementor-menu-toggle:after {
    position: relative;
	content: "Menü";
    padding-left: 10px;
    bottom: 3px;
    color: var(--color-8);
}*/

/* 
* FAQ - Posts Grid - remove author, same height & rounded corners & Taxomony Badge
*/
.uael-post__authorbox-wrapper {
	display: none;
}

.uael-post__bg-wrap {
	height: 100%;
}

.uael-post__inner-wrap {
	border-radius: 20px;
	height: 100%;
}

.faq_post_taxi_badge {
	display: inline-block;
	padding: 2.5px 7px;
	border-radius: 0px;
	background-color: rgb(14, 72, 84, 0.5);
	margin: 2px;
	font-size: 10px;
	font-weight: 600;
	color: #fff;
}

.berater-kategorie-badges > div {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 0px;
	background-color: rgb(14, 72, 84, 0.5);
	margin-right: 10px;
	font-size: 10pt;
	font-weight: 300;
	color: #fff;
}

.u-kategorieren-liste {
	list-style: none;
}

.u-kategorieren-liste a {
	font-size: 15pt;
	font-weight: bold;
	color: #fff !important;
}

#contact-btn > div > div > a {
	border-style: double;
	border-width: 2px;
	border-radius: 23px;
	border-color: #9d9e9f;
}

/*Download Template*/
.download-content h5 {
	font-family: "Minion Pro Regular", sans-serif;
	font-weight: normal;
	color: #0e4854 !important;
	line-height: 1.5em !important;
}

.download-content li {
	list-style: none;
	padding-bottom: 10px;
}

.download-content li::before {
	position: absolute;
	left: 0em;
	content: url(/wp-content/themes/mercatorium-elementor/assets/fm-list-style.svg);
	font-size: 1.25em;
	width: 0.33em;
}


/* 
* download kontakt popup - Formitable Forms height - custom class
*/
.contact-popup {
	height: 530px;
}

/* 
* Formitable Forms  
*/

input[type=checkbox] > .test {
	/* Double-sized Checkboxes */
	-ms-transform: scale(2);
	/* IE */
	-moz-transform: scale(2);
	/* FF */
	-webkit-transform: scale(2);
	/* Safari and Chrome */
	-o-transform: scale(2);
	/* Opera */
	transform: scale(2);
	margin-left: 5px !important;
}


.datenschutz > .frm_primary_label {
	display: none !important;
}

.frm_checkbox label {
	font-size: 1px;
	font-weight: 300;
	line-height: 1.5;
	text-align: justify;
}

/* 
* Berater badge   
*/

.berater_badge div {
	margin-top: 5px;
}

.berater_badge td {
	border: 0px;
}

.berater_badge_main_table,
.berater_badge_left_table {
	margin: 0;
	padding: 0;
	border: 0px;
}

.berater_badge_main_table > tbody > tr > td {
	padding: 15px 15px 10px 15px;
}

.berater_badge_left_table tr:first-child {
	height: 65px;
}

.spacer_td:hover {
	background-color: transparent;
}


.berater_title,
.berater_tel,
.berater_email,
.berater_link {
	margin: 5px 0;
	padding: 0;
	text-align: center;
}

.berater_title > div {
	font-size: 18px;
	font-weight: 700;
}

.berater_tel > div,
.berater_email > div,
.berater_link > div {
	margin: 10px 0;
	background-color: var(--color-2);
	border-radius: 20px;
	padding: 5px;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
}

.berater_link {
	color: #fff !important;
}

.berater_img {
	text-align: right;
}

.site-name {
	font-variant: small-caps;
}

/*UAL Post Loader Position*/

.uael-loader-overlay {}

.uael-loader {
	top: 200px !important;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 50%;
}

/*Team Design*/
.uael-team-desc {
	text-align: left !important;
}

/*Ansprechpartner*/
@media (max-width: 1024px) {
	.uael-post__columns-tablet-1 .uael-post-wrapper {
		width: 100% !important;
	}
}

#ansprechpartner .uael-post-wrapper {
	padding: 0% 5%;
}

@media (min-width: 1025px) {
	#ansprechpartner .uael-post__content-wrap {
		margin-top: -100px;
		padding: 15%;
	}
}

@media (max-width: 1024px) {
	#ansprechpartner .uael-post__content-wrap {
		margin-top: -110px;
		padding: 12.5%;
	}
}

@media (max-width: 767px) {
	#ansprechpartner .uael-post__content-wrap {
		margin-top: -90px;
		padding: 10%;
	}
}

@media (max-width: 576px) {
	#ansprechpartner .uael-post__content-wrap {
		margin-top: -80px;
		padding: 7.5%;
	}
}

/*Newsletter*/
.tnp-submit {
	font-family: var(--e-global-typography-accent-font-family), sans-serif;
	font-weight: var(--e-global-typography-accent-font-weight);
	background-color: var(--e-global-color-accent) !important;
}

.tnp-subscription label {
	font-weight: 500 !important;
}

.tnp-subscription {
	max-width: 650px;
}

/*
    * This CSS only works with post excerpt
    * Adjust the line-clamp integer value.
    * Require Browser prefix to work.
    * You can use the selector but using CSS class is much better
*/

.excerpt .uael-post__excerpt {
	-webkit-line-clamp: 5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.faq_post_taxi_badge {
	display: none;
}

#show-badge .faq_post_taxi_badge {
	display: inline-block;
}

/* Events
** For the booking form field formating customisation to work, following settings need to be set
** WP -> Event Manager -> Settings -> General -> Styling Options (Advanced)
** Enable All Styling? - Yes
** Enable Theme Styling? - Yes
** Event pages - Basic Only
** Event booking forms - Basic Only
*/

.em {
	--line-height: 1.5rem !important;
}

.em-tickets-spaces,
.em-booking-section-title,
.em-booking-form-summary-title,
.em-booking-form-section-tickets {
	display: none;
}

.em.em-event-booking-form .em-booking-form {
	border: none !important;
}

.em-event-booking-form .em-booking-message {
	position: relative !important;
	z-index: 1000 !important;
}

.em-booking-form-details {
	width: auto;
}

.em-booking-form-details textarea {
	width: 100% !important;
}

.em-booking-form-details .input-field-data_privacy_consent label {
	display: block;
	position: relative;
	left: 50px;
	margin-top: -20px;
	width: 95%;
}

.em-booking-form-details .input-field-data_privacy_consent label input[type=checkbox] {
	display: block;
	position: relative;
	left: -50px;
	top: 40px;
	margin: 4px 0 0 !important;
	line-height: normal !important;
	width: 30px !important;
	height: 30px !important;
	background-color: rgb(23, 147, 155, 0.5);
}

.em-booking-submit {
	font-family: var(--e-global-typography-accent-font-family), sans-serif;
	font-weight: var(--e-global-typography-accent-font-weight);
	background-color: var(--e-global-color-accent);
	color: #ffffff;
	border: none;
	z-index: 0;
}

.em-booking-submit:hover {
	font-family: var(--e-global-typography-accent-font-family), sans-serif;
	font-weight: var(--e-global-typography-accent-font-weight);
	text-decoration: underline;
	background-color: var(--e-global-color-accent);
	color: #ffffff;
	border: none;
	z-index: 0;

}

.em-booking-submit:focus {
	font-family: var(--e-global-typography-accent-font-family), sans-serif;
	font-weight: var(--e-global-typography-accent-font-weight);
	text-decoration: underline;
	background-color: var(--e-global-color-accent) !important;
	color: #ffffff;
	border: none;
	z-index: 0;
}

.em .button.input.with-icon-right,
.em button.input.em-tooltip-ddm {
	display: inline-block;
	height: 38px !important;
	padding: 0 30px !important;
	padding-right: 30px;
	color: var(--text-color-softer) !important;
	text-align: center !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 38px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	background-color: transparent !important;
	border-radius: 4px !important;
	border: 1px solid var(--border-color) !important;
	cursor: pointer !important;
	box-sizing: border-box !important;

}

.em-item-image {
	height: auto !important;
	flex: 50% !important;
	order: 1 !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.em-item-meta {
	flex: 50% !important;
	order: 2;
	padding: 1rem;
}

/*fix missing fonts on webinar pages*/
.em-item-meta-line,
.em-event-bookings-meta a,
.em-event-content p,
.em-event-content ul,
.em-booking-form-details label,
.em-bs-section div {
	font-family: "DIN 2014", sans-serif !important;
	line-height: 1.5rem !important;
}

/*Aufzählung*/
.forum-list li {
	list-style: none !important;
	padding-bottom: 10px;
}

.forum-list li::before {
	position: absolute;
	left: 0em;
	content: url(/wp-content/themes/mercatorium-elementor/assets/fm-list-style.svg);
	font-size: 1.25em;
	width: 0.33em;
}

/*YouTube*/
.elementor-video {
	aspect-ratio: 16 / 9;
}

/*Borlabs*/
#BorlabsCookieBox,
.brlbs-cmpnt-container {
	font-family: var(--e-global-typography-accent-font-family), sans-serif !important;
}

#BorlabsCookieEntranceA11YHeadline {
	font-weight: 500 !important;
}