/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* FONT FACE */
@font-face {
    font-family: 'FS Elliot Pro';
    src: url('FSElliotPro-Bold.eot');
    src: url('FSElliotPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('FSElliotPro-Bold.woff2') format('woff2'),
        url('FSElliotPro-Bold.woff') format('woff'),
        url('FSElliotPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('FSElliotPro-HeavyItalic.eot');
    src: url('FSElliotPro-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('FSElliotPro-HeavyItalic.woff2') format('woff2'),
        url('FSElliotPro-HeavyItalic.woff') format('woff'),
        url('FSElliotPro-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('FSElliotPro-Italic.eot');
    src: url('FSElliotPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('FSElliotPro-Italic.woff2') format('woff2'),
        url('FSElliotPro-Italic.woff') format('woff'),
        url('FSElliotPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('FSElliotPro-BoldItalic.eot');
    src: url('FSElliotPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('FSElliotPro-BoldItalic.woff2') format('woff2'),
        url('FSElliotPro-BoldItalic.woff') format('woff'),
        url('FSElliotPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('FSElliotPro-LightItalic.eot');
    src: url('FSElliotPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('FSElliotPro-LightItalic.woff2') format('woff2'),
        url('FSElliotPro-LightItalic.woff') format('woff'),
        url('FSElliotPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('FSElliotPro-Heavy.eot');
    src: url('FSElliotPro-Heavy.eot?#iefix') format('embedded-opentype'),
        url('FSElliotPro-Heavy.woff2') format('woff2'),
        url('FSElliotPro-Heavy.woff') format('woff'),
        url('FSElliotPro-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('FSElliotPro-Light.eot');
    src: url('FSElliotPro-Light.eot?#iefix') format('embedded-opentype'),
        url('FSElliotPro-Light.woff2') format('woff2'),
        url('FSElliotPro-Light.woff') format('woff'),
        url('FSElliotPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('FSElliotPro-Thin.eot');
    src: url('FSElliotPro-Thin.eot?#iefix') format('embedded-opentype'),
        url('FSElliotPro-Thin.woff2') format('woff2'),
        url('FSElliotPro-Thin.woff') format('woff'),
        url('FSElliotPro-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('FSElliotPro.eot');
    src: url('FSElliotPro.eot?#iefix') format('embedded-opentype'),
        url('FSElliotPro.woff2') format('woff2'),
        url('FSElliotPro.woff') format('woff'),
        url('FSElliotPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('FSElliotPro-ThinItalic.eot');
    src: url('FSElliotPro-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('FSElliotPro-ThinItalic.woff2') format('woff2'),
        url('FSElliotPro-ThinItalic.woff') format('woff'),
        url('FSElliotPro-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular.eot');
    src: url('OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-Regular.woff2') format('woff2'),
        url('OpenSans-Regular.woff') format('woff'),
        url('OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-BoldItalic.eot');
    src: url('OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-BoldItalic.woff2') format('woff2'),
        url('OpenSans-BoldItalic.woff') format('woff'),
        url('OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-ExtraBold.eot');
    src: url('OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-ExtraBold.woff2') format('woff2'),
        url('OpenSans-ExtraBold.woff') format('woff'),
        url('OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-SemiBold.eot');
    src: url('OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-SemiBold.woff2') format('woff2'),
        url('OpenSans-SemiBold.woff') format('woff'),
        url('OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-LightItalic.eot');
    src: url('OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-LightItalic.woff2') format('woff2'),
        url('OpenSans-LightItalic.woff') format('woff'),
        url('OpenSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-SemiBoldItalic.eot');
    src: url('OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('OpenSans-SemiBoldItalic.woff') format('woff'),
        url('OpenSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-ExtraBoldItalic.eot');
    src: url('OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('OpenSans-ExtraBoldItalic.woff') format('woff'),
        url('OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Light.eot');
    src: url('OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-Light.woff2') format('woff2'),
        url('OpenSans-Light.woff') format('woff'),
        url('OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Bold.eot');
    src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-Bold.woff2') format('woff2'),
        url('OpenSans-Bold.woff') format('woff'),
        url('OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Italic.eot');
    src: url('OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-Italic.woff2') format('woff2'),
        url('OpenSans-Italic.woff') format('woff'),
        url('OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* GLOBAL */
svg,
path,
text,
polygon {
	transform-box: fill-box !important;
	transform-origin: 0 0 !important;
}

text#test {
	text-shadow: 0px 20px 15px rgba(0,0,0,0.5) !important;
	color: #fff !important;
}

.gebaeudeplan g[id*="marker-"]	{
	cursor: pointer !important;
}

p:last-child {
	margin-bottom: 0 !important;
}

a:focus,
*:focus {
	outline: none !important;
}

#main {
	margin-left: 50px;
	margin-right: 50px;
}

@media only screen and (max-width: 600px) {
	#main {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}

/* HEADER */
#site-header {
	box-shadow: none !important;
}

#site-header-sticky-wrapper {
	background: #fff !important;
}

body .is-sticky #site-header.fixed-scroll #site-header-inner {
  padding: 0 50px 0 50px !important;
}

@media only screen and (max-width: 600px) {
	body .is-sticky #site-header.fixed-scroll #site-header-inner {
	  padding: 0 20px 0 20px !important;
	}
}

/* MENU */
#site-navigation-wrap {
	right: 0px !important;
}

#site-navigation-wrap .dropdown-menu > li > a {
	letter-spacing: 0px !important;
}

.effect-one #site-navigation-wrap .dropdown-menu > li > a.menu-link > span::after {
	height: 1px !important;
}

#site-navigation li.highlight a span.text-wrap {
	background: #53f6c6;
	padding: 10px 25px 10px 25px;
	border-radius: 20px;
	font-weight: 600;
	color: #000;
}

#site-navigation li.highlight.current-menu-item a span.text-wrap {
	color: #fff !important;
}

#site-navigation li.highlight a:hover span.text-wrap {
	background: rgba(0,0,0,1);
	color: #fff;
}

.effect-one #site-navigation-wrap .dropdown-menu > li.highlight > a.menu-link > span:after {
	display: none;
	visibility: hidden;
}

/* DROPDOWN MENU */
.dropdown-menu .sub-menu {
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 50px -12px !important;
	border-radius: 0px;
	padding: 20px;
	margin-top: 1px;
}

/* NAVIGATION */
#site-navigation-wrap .dropdown-menu > li > a {
	letter-spacing: 0.2px !important;
}

#site-navigation li.highlight a span.text-wrap {
	background: #cebdaa;
	padding: 10px 25px 10px 25px;
	border-radius: 20px;
	font-weight: 500;
	color: rgba(37,37,37,1);
}

#site-navigation li.highlight.current-menu-item a span.text-wrap {
	color: #fff !important;
}

#site-navigation li.highlight a:hover span.text-wrap {
	background: rgba(37,37,37,1);
	color: #F1EDEE;
}

.hamburger-box {
	width: 20px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	height: 1px !important;
	width: 100% !important;
}

body.sidr-open #main,
body.sidr-open #site-header {
	transition: all 0.5s ease-in-out;
	filter: blur(3px);
}

.oceanwp-sidr-overlay {
	transition: all 0.5s ease-in-out;
	background: rgba(0,0,0,0.7);
	z-index: 9999;
}

#sidr {
	width: 100%;
}

.sidr.right {
	right: -100vw;
}

#sidr-id-menu-item-wpml-ls-2-de {
	margin-left: 20px;
}

#sidr-id-menu-item-wpml-ls-2-de,
#sidr-id-menu-item-wpml-ls-2-en {
	margin-top: 40px;
	min-width: 70px;
	float: left;
	background: rgba(255,255,255,0.05);
	text-align: center;
}

.sidr-class-wpml-ls-current-language {
	background: #E84855 !important;
}

span.sidr-class-close-text {
	display: none !important;
}

i.sidr-class-icon.icon-close {
	opacity: 1;
}

i.sidr-class-icon.icon-close:before {
	content: '';
	width: 78px;
	height: 25px;
	display: block !important;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 470 150.2' enable-background='new 0 0 470 150.2' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M376.7,112.1h-0.5L340.5,4.8H311l-34.9,107.3h-0.5L236.7,4.8H207l54.4,140.5h28.4L325,38.1h0.5l35.1,107.3 h29.2L445.4,4.8h-28.4L376.7,112.1z M29.2,62.2c4-25.2,26.3-39.7,51-39.7c25.2,0,45.1,14.2,49.1,39.7H29.2z M157.7,83.1v-3.5 C157.7,21.5,118.5,0,81.5,0C26.8,0,0,34.6,0,75.1c0,40.5,26.8,75.1,81.5,75.1c27.6,0,59-13.7,72.4-47.5h-28.4 c-9.1,19.8-30,24.9-45.3,24.9c-23.9,0-49.6-15.6-51.8-44.5H157.7z'/%3E%3Cpath fill='%23E84855' d='M192.5,150.2c9.5,0,17.3-7.7,17.3-17.3c0-9.5-7.7-17.3-17.3-17.3c-9.5,0-17.3,7.7-17.3,17.3 C175.3,142.5,183,150.2,192.5,150.2'/%3E%3Cpath fill='%23E84855' d='M452.8,150.2c9.5,0,17.3-7.7,17.3-17.3c0-9.5-7.7-17.3-17.3-17.3c-9.5,0-17.3,7.7-17.3,17.3 C435.5,142.5,443.2,150.2,452.8,150.2'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 100%;
	background-position: left center;
	background-repeat: no-repeat;
}

.sidr-class-dropdown-toggle::before	{
	content: '';
	width: 25px;
	height: 13px;
	display: block !important;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='ew-icon-plus' focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cg%3E%3Cpolygon style='fill:white' points='11.1,0 8.9,0 8.9,8.9 0,8.9 0,11.1 8.9,11.1 8.9,20 11.1,20 11.1,11.1 20,11.1 20,8.9 11.1,8.9 '/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: -7px;
}

.sidr-class-dropdown-menu li.active > a > .sidr-class-dropdown-toggle::before {
	content: '';
	width: 25px;
	height: 13px;
	display: block !important;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cg%3E%3Crect style='fill: white' y='8.9' width='20' height='2.2'/%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: -7px;
}

.sidr-class-menu-item a:after,
ul.sidr-class-sub-menu a.sidr-class-menu-link:after {
	content: '' !important;
	width: 12px;
	height: 12px;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='' focusable='false' height='12' role='img' style='height: 12px; width: 12px; fill: white' tabindex='-1' viewBox='0 0 50 50' width='12'%3E%3Cg%3E%3Cpolygon points='25,31.3 4.2,10.5 0.1,14.6 25,39.5 50,14.6 45.9,10.5'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
	float: right;
	background-repeat: no-repeat;
	transform: rotate(-90deg);
	background-position: center center;
	padding-top: 30px;
}

.sidr-class-menu-item.sidr-class-wpml-ls-item a:after,
.sidr-class-menu-item.sidr-class-dropdown a:after,
.sidr-class-dropdown-menu ul a:before,
li.sidr-class-menu-item-has-children a.sidr-class-menu-link:after {
	display: none !important;
}

/* LOGO */
#site-logo #site-logo-inner a img {
    height: 22px;
}

/* MENU */
.fa-times::before {
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
	font-style: normal !important;
}

.navigation li a img.icon {
	display: block !important;
	width: 80px !important;
	height: 80px !important;
	margin: 0 auto !important;
}

.navigation li a.sf-with-ul,
.navigation ul.megamenu a.menu-link {
	text-align: center !important;
}

.navigation li a.sf-with-ul:hover,
.navigation ul.megamenu a.menu-link:hover {
	background: transparent !important;
	color: #000 !important;
}

.navigation li a.sf-with-ul:hover img.icon,
.navigation ul.megamenu a.menu-link:hover img.icon{
	filter: invert(1) !important;
}

.navigation li.highlight .text-wrap:after {
	content: 'Neu' !important;
	vertical-align: sub !important;
	color: #dd052b !important;
	font-size: 9px !important;
	padding: 2px 3px 2px 3px !important;
	border: solid 1px #dd052b !important;
	border-radius: 3px !important;
	margin-left: 5px !important;
	font-weight: 700;
	position: relative;
	top: 5px;
}

a:focus,
.focus a {
	outline: none !important;
}

/* BUTTONS */
.btn-beige .elementor-button-icon svg polyline,
.btn-beige .elementor-button-icon svg line {
    stroke: #FFFEF2;
}

.btn-dark .elementor-button-icon svg polyline,
.btn-dark .elementor-button-icon svg line {
    stroke: #252525;
}


.btn-beige .elementor-button-icon svg,
.btn-dark .elementor-button-icon svg {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}

.btn-beige:hover .elementor-button-icon svg polyline,
.btn-beige:hover .elementor-button-icon svg line {
    stroke: rgba(255, 254, 242, 0.65);
}

.btn-dark:hover .elementor-button-icon svg polyline,
.btn-dark:hover .elementor-button-icon svg line {
    stroke: rgba(37, 37, 37, 0.65);
}

/* LANG MENU */
#menu-item-wpml-ls-2-en .menu-link ,
#menu-item-wpml-ls-2-de .menu-link {
	padding: 0px !important;
}

#menu-item-wpml-ls-2-en .menu-link .text-wrap,
#menu-item-wpml-ls-2-de .menu-link .text-wrap {
	padding: 5px;
	font-size: 12px;
	border: solid 1px #999999 !important;
	margin-left: -1px;
}

.wpml-ls-current-language .menu-link .text-wrap {
	background: #999999 !important;
	color: #fff;
}

.wpml-ls-item .menu-link:hover .text-wrap {
	background: rgba(255,255,255,1);
	color: #E84855;
}

/* TEST */
.swiper-pagination-bullet,
.elementor-11 .elementor-element.elementor-element-c5ad6e7 .swiper-pagination-bullet{
    border-radius: 0px !important;
    height: 1px !important;
}

.qodef-e-info-item {
    color: #E84855 !important;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
}

a.qodef-e-title-link {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.1em !important;
}

.swiper-pagination-bullet {
    border-radius: 0px !important;
    height: 1px !important;
}

/* MOBILE */
@media screen and (max-width: 600px) {
	.sub-menu img.icon {
		width: 40px !important;
		height: 40px !important;
		margin-right: 10px !important;
		filter: invert(1) !important;
		filter: brightness(100) !important;
	}
	
	.sidr-class-megamenu .sidr-class-menu-link::before {
		content: none !important;
	}
	
	a.sidr-class-menu-link:hover .sidr-class-text-wrap img {
		filter: invert(0) !important;
		filter: brightness(0) !important;
	}
	
	rs-arrow.tp-leftarrow.ewenture {
		transform: translate(0px, -20px) !important;
	}
	
	rs-arrow.tp-rightarrow.ewenture  {
		transform: translate(-40px, -20px) !important;
	}
	
	.ewenture.tparrows::before {
		font-size: 20px !important;
	}
}
