/*
 Theme Name:   Monbachtal
 Theme URI:    https://skylabs.eu/
 Description:  Template basierend auf einem Design von <a href="https://www.la-gom.de">LAGOM CO.</a>.
 Author:       Benjamin Taufer
 Author URI:   https://skylabs.eu/
 Template:     twentytwentyone
 Version:      0.0.5
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark-green, three-columns, responsive-layout, accessibility-ready, featured-images, slider
 Text Domain:  mbt
 Domain Path: /languages/
*/

/** GENERAL **/
:root {
	/* Colors */
 	--darkgreen: #537661;
 	--lightgreen: #C4CFC4;
	--white: #FFF;
 	--lightgrey: #F5F5F5;

	--wpem-primary-color: var(--darkgreen) !important;
	
	/* Font Size */
	--global--font-size-base: 1rem !important;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 4rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.25 !important;
	--global--line-height-heading: 1.4 !important;
	--global--line-height-page-title: 1.1;
}
.white {
	color: var(--white);
}
.container {
	padding: 0 0em;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: "Barlow Condensed";
	hyphens: auto;
	color: auto;
}
.elementor-widget-text-editor a {
	text-decoration: underline !important;
	color: unset;
}
.mbt-newscard .elementor-post__title {
	padding-bottom: 0.9rem;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-image: linear-gradient(to right, var(--darkgreen) 20%, #0000 10% 90%) 1;
}
.mbt-newscard div.elementor-button-wrapper {
	margin-top:5em !important;
}

.mbt-row-small {
	padding: 1.7rem 0 1.7rem 0;
}
.mbt-row-large {
	padding: 10rem 0 10rem 0;
}
#mbt-btn-load-news, .mbt-button {
	font-family: "Fira Sans";
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2rem;
	letter-spacing: 1px;
	fill: var(--darkgreen);
	color: var(--darkgreen);
	background-color: #fff;
	border: 3px solid var(--darkgreen);
	border-radius: 50px 50px 50px 50px;
}
DIV.mbt-btn-fixed-width .elementor-button
{
	width: 10em;
}

img.attachment-large, img.attachment-medium {
	height: unset !important;
}
div.normal-text div > p {
	margin-top: var( --e-global-typography-text-font-size );
	margin-bottom: var( --e-global-typography-text-font-size );
}

/** MENU **/
.sub-menu-toggle {
	display:none;
}
a.elementor-item-active {
	text-decoration: underline !important;
	text-decoration-color: var(--white);
}
.elementor-sub-item {
	font-weight: bold !important;
	letter-spacing: 0px !important;
	text-transform:none !important;
}
@media only screen and (min-width: 768px) {
	li.menu-item-4377 {
		display:none !important;
	}
	.mbt-flexlabel .mf-input-label {
      display: none !important;
  	}
}
@media only screen and (max-width: 767px) {
	li.menu-item-4377 {
		background-color: var( --e-global-color-accent);
	}
}

/** TABS **/
@media only screen and (min-width: 1024px) {
	.mbt-tabs .e-n-tab-title.e-normal.e-active {
		z-index: 3;
		border-right: 5px hidden white !important;
		border-radius: 50px 0px 0px 50px;
		margin-right: -4px;
	}
	.mbt-tabs .e-n-tab-title.e-normal {
		border-right: 4px solid white !important;
		margin-right: 20px;
		border-radius: 50px 50px 50px 50px;
	}
}
.mbt-tabs .elementor-heading-title.elementor-size-default {
		color: var(--darkgreen);
	}
.mbt-tabs span.e-n-tab-title-text {
	color: var(--e-global-color-text);
	}

/** FOOTER **/ 
.footer {
	background-color: var(--darkgreen);
	color: var(--white);
	text-transform: uppercase;
}
.footer a:link, .footer a:visited {
	color: var(--white);
}

/** CAFE DESIGN **/
.mbt-content-row {
	padding: 2rem 0 2rem 0;
}
.mbt-media-row {
	padding: 10rem 0 10rem 0;
}
.mbt-slider-highlight {
	background: linear-gradient(to bottom, #0000 60%, #D4BB5E 40%);
	padding: 0px 0.5rem 0px 0.5rem;
}
.mbt-button {
	font-family: "Fira Sans";
	font-size: 1.7em;
	font-weight: 200;
	text-transform: uppercase;
	line-height: 1.3em;
	background-color: transparent;
	border-style: solid;
	border-radius: 50px 50px 50px 50px;
}
.mbt-media-row-small 
{
	padding: 5rem 0 5rem 0;
}
.mf-input-wrapper .mf-input::placeholder {
	color: #555 !important;
}
.mf-response-msg p {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	background-color: var(--e-global-color-a9c4435) !important;
}

/** Calendar **/

.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid var( --e-global-color-primary );
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: var( --e-global-color-primary );
  color: #fff;
  font: 700 18px/1 var( --e-global-typography-50f445e-font-family ), sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}
.bookedout span {
	background-color: var( --wpem-gray-color ) !important;
}

.ribbon-bottom-right {
  bottom: 30px;
  right: 15px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-45deg);
}
UL.chosen-results:first-child {
	display: hidden;	
}
.wpem-event-details a:link {
	text-decoration: none;
}
.wpem-event-title {
	min-height: 70px !important;
}
.wpem-heading-text {
	color: var( --e-global-color-primary ) !important;
	font-family: var( --e-global-typography-50f445e-font-family );
	font-size: var( --e-global-typography-50f445e-font-size );
	font-weight: var( --e-global-typography-50f445e-font-weight );
	text-transform: var( --e-global-typography-50f445e-text-transform );
	line-height: var( --e-global-typography-50f445e-line-height );
	letter-spacing: var( --e-global-typography-50f445e-letter-spacing );
	word-spacing: var( --e-global-typography-50f445e-word-spacing );
}
.wpem-event-subtitle {
	font-family: var( --e-global-typography-text-font-family );
	font-size: var( --e-global-typography-text-font-size );
	line-height: var( --e-global-typography-text-line-height );
}
.mbt-event-speakers, .mbt-event-date-time {
	font-family: var( --e-global-typography-text-font-family );
	line-height: var( --e-global-typography-text-line-height );
}
.wpem-event-layout-wrapper DIV.event_listing
{
	background-color: var( --e-global-color-06eb75d );
}
.mbt-event-date-time I.fa, .mbt-event-speakers I.fa
{
	color: var( --e-global-color-primary );
	margin-right: 20px;
}
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details {
	padding: 1.7em !important;
	line-height: 18px;
}
DIV.mbt-event-date-time, DIV.mbt-event-category, DIV.mbt-event-speakers
{
	margin: 25px 5px 5px;
}
.mbt-event-category SPAN.wpem-event-category-text
{
	background-color:var( --e-global-color-primary );
	padding: 5px 10px;
	color: #FFF;
	border-radius: 8px;
}
.mbt-event-category p a:link {
	text-decoration: none !important;
}
/** Single Page **/

P.mbt-speakers-title, P.mbt-speakers-content, P.mbt-ext-desc-title {
	margin-bottom: 0px !important;
}
P.mbt-speakers-content, P.mbt-ext-desc  {
	margin-top: 0px !important;
}
div.normal-text div > p {
	margin-top: var( --e-global-typography-text-font-size );
	margin-bottom: var( --e-global-typography-text-font-size );
}
p a:link, .mf-checkbox-option a:link {
	text-decoration: underline !important;
}
.mbt-single-event-body-content P {
	margin-top: var( --e-global-typography-text-font-size );
	margin-bottom: var( --e-global-typography-text-font-size );
}
ARTICLE.event_listing HEADER.entry-header, ARTICLE.event_listing.entry FIGURE, .event_listing-template-default.single.single-event_listing NAV.post-navigation, .mbt-searchitems
{
	display:none;
}
.wpem-single-event-page .event-manager-info, .wpem-single-event-page .wpem-single-event-wrapper {
	border: none;
}
ARTICLE.event_listing H1.entry-title, .mbt-heading-text
{
	color: var( --e-global-color-6840897 );
	font-family: var( --e-global-typography-5fb5d98-font-family );
	font-size: var( --e-global-typography-5fb5d98-font-size );
	font-weight: var( --e-global-typography-5fb5d98-font-weight );
	text-transform: var( --e-global-typography-5fb5d98-text-transform );
	line-height: var( --e-global-typography-5fb5d98-line-height );
	letter-spacing: var( --e-global-typography-5fb5d98-letter-spacing );
	word-spacing: var( --e-global-typography-5fb5d98-word-spacing );
}
H3.mbt-subheading-text {
	color: var( --e-global-color-6840897 );
	font-family: var( --e-global-typography-5fb5d98-font-family );
	font-weight: var( --e-global-typography-5fb5d98-font-weight );
	text-transform: var( --e-global-typography-5fb5d98-text-transform );
}
.wpem-event-subtitle {
	font-family: var( --e-global-typography-text-font-family );
	font-size: var( --e-global-typography-text-font-size );
	line-height: var( --e-global-typography-text-line-height );
}
.mbt-single-event-body-content {
	font-family: var( --e-global-typography-text-font-family );
	font-size: var( --e-global-typography-text-font-size );
	line-height: var( --e-global-typography-text-line-height );
	padding: 30px;
}
ARTICLE.event_listing.entry HEADER
{
	text-align: center;
	margin-top: 100px;
}
.mbt-speakers-title, .mbt-ext-desc-title {
	margin-top: 30px;
	font-weight: bold;
}
ARTICLE DIV.single_event_listing
{
	max-width: 970px !important;
	margin: 0px auto;
}
.mbt-italic-box {
	background-color: #D4BB5E;
	width: fit-content;
	padding: 5px 15px;
	margin-top: 30px;
	clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);
}
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-left-content::after {
	background-color: var(--white);
}

/** News Block **/
div.elementor-post__card .elementor-post__thumbnail img {
	height: 100% !important;
	width: auto !important;
}
/** Form Styles **/
button.metform-btn.metform-submit-btn {
    background-color: var(--wp--preset--color--green);
}
.flatpickr-time 
{
    background-color: #D4BB5E;
}
.anker-ziel, [id^="letter-"], .mbt-referentenbox div.elementor-menu-anchor {
	scroll-margin-top: 100px;
}
/* CCM Overrides */
.ccm-widget--logo {
	margin-top: 18px !important;
    margin-bottom: 0px !important;
}
.ccm-modal-inner {
    border: 1px solid #555 !important;
    box-shadow: 0px 0px 20px #000 !important;
}
.ccm-root button.ccm--save-settings, .ccm--decline-cookies, .ccm-modal--close, .ccm--small {
	color: #fff !important;
	background-color: #537661 !important;
}
.ccm--tree-node-toggle {
	background-color: #fff !important;
}
/** Referenten **/
.mbt-referentenbox img {
    width: 10rem !important;
    height: 12.5rem !important;
}