/**
 * Theme Name:     Germania
 * Author:         Maike Jochoms
 * Template:       hello-elementor
 * Text Domain:	   germania
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 * Version:        1.1
 */

/* Menu sticky effects */
.elementor-sticky--effects#mainHeader {
	background-color: #fff !important;
}

.elementor-sticky--effects#mainHeader .elementor-nav-menu--main li a {
    color: #232323;
}

/* hide social balloons cover image */
.cff-visual-header.cff-has-name {
	display: none;
}

.container-sponsor p {
	margin: 0;
}

/* Table plugin css */

.spwp_container.tabelweergave .programma_tabel {
	font-size: 1.2rem;
}

.programma_tabel thead {
    text-transform: uppercase;
}

td.kleedkamerthuisteam, th.kleedkamerthuisteam, td.scheidsrechters, th.scheidsrechters, td.kleedkameruitteam, th.kleedkameruitteam {
	display: none;
}

/* max mega menu */
ul#mega-menu-menu-1 {
    font-family: 'Oswald' !important; 
}

.mega-menu-item.mega-menu-flyout ul li.mega-menu-item {
    border-bottom: 2px solid transparent !important;
}

.mega-menu-item.mega-menu-flyout ul li.mega-menu-item:hover {
    border-bottom: 2px solid #009b67 !important;
}

.elementor-sticky--effects ul#mega-menu-menu-1 li a {
    color: #021826 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
	color: #fff !important;
}

.elementor-element.elementor-arrows-position-outside .swiper, .elementor-lightbox.elementor-arrows-position-outside .swiper {
    width: auto !important;
}

#cff.cff-masonry .cff-posts-wrap {
	margin-top: 0;
}

.sponsor-title h3 {
	position: relative;
}

.sponsor-title h3::before {
	content: '';
	width: 100px;
	height: 30px;
	color: green;
}

.elementor-icon-list-item a:hover {
	color: #009B67 !important;
}

.list ul, ol li {
    margin-left: 3rem;
    line-height: 2.2rem;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li a:hover {
	border-bottom: 2px solid #009b67 !important;
}

@media screen and (min-width: 800px) {
	.header.upcoming-event.inner .elementor-post__text, .header.upcoming-event .e-con-inner {
		display: flex;
		flex-direction: row !important;
		align-items: center !important;
	}
	
	.header.upcoming-event .elementor-post__text .elementor-post__meta-data {
		margin-bottom: 0;
		margin-left: 20px; 
	}
}

@media screen and (max-width: 799px) {
	#cff.cff-masonry .cff-item.cff-box {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.header.upcoming-event .elementor-post__text .elementor-post__title {
		width: 97%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.elementor-signature-field.kbw-signature {
		width: 78vw !important;
		height: 20vh !important;
		overflow: hidden;
	}
	.elementor-signature-container .elementor_signature_clear {
		position: relative !important;
	}
	#headerSub h2 {
		width: 100%;
		hyphens: auto;
		overflow-wrap: break-word;
	}
}

.elementor-nav-menu--main .elementor-nav-menu ul {
    margin: auto !important;
    position: relative !important;
}

p {
    margin: 0 !important;
}