/*
Theme Name: MND-NET Web Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: K&C Advertising KG
Author URI:  https://kucwerbung.de
Template: salient
Version: 1.0
*/

/* ------------------------------------------------------- */
/* Basic Styling */
/* ------------------------------------------------------- */
  
:root {
    --bs-accent-1: #FB9c22;
	--bs-white: #FFF;
	--bs-black: #000;
	--bs-anthrazit: #3f3f3f;
	--bs-primary: #621960;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
}

// Header Styling

#top nav ul li a, body[data-header-color="light"] .mobile-header, body[data-header-color="light"] .span_9 > .slide-out-widget-area-toggle a .label {
  color: var(--bs-anthrazit);
}

.sf-menu li ul li a .menu-title-text::after, 
body #header-outer .mobile-header li:not([class*="button_"]) > a .menu-title-text::after, 
body #header-outer[data-lhe="animated_underline"] #top nav > ul > li:not([class*="button_"]) > a .menu-title-text::after, 
body #header-outer[data-lhe="animated_underline"] .nectar-header-text-content a::after, 
body #header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu > li:not([class*="button_"]) > a .menu-title-text::after {
  transform-origin: 0 0;
  transition: transform .35s cubic-bezier(.52,.01,.16,1);
  border-top: 4px solid var(--bs-accent-1);
  bottom: -66px;
}

.image_link{
  border-bottom: 4px solid var(--bs-accent-1);
}

// List styling

.list{
	position: relative;
	width: 100%;
}

.list ul li{
	list-style: none !important;
	padding-left: 10px;
	padding-bottom: 10px;
	
}

.list ul li::before{
	content: '' !important;
	position: absolute;
	margin-left: -40px;
	display: inline-block;
	background-image: url("https://mnd-net.de/wp-content/uploads/2023/03/neuron_icon.png") !important;
	background-size: contain;
	height: 30px;
	width: 30px;
}

.subcontext-box{
	font-size: 1rem; 
	margin-left: 40px;
	margin-top: -25px;
}

.contactbox-box{
	min-width: 250px; 
	max-width: 600px; 
	margin: auto; 
	padding: 25px 50px;
	border: 1px solid #DDD; 
	background: white;
	text-align: center; 
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; 
	position: relative; 
	padding-top: 50px;
	z-index: 1;
}

.contactbox-icon{
	position: absolute; 
	width: 80px; 
	height: 80px; 
	top: -40px; 
	left: 260px; 
	background: url('https://mnd-net.de/wp-content/uploads/2023/04/MND-NET-cell.png'); 
	background-size: cover;
}

.active, .inactive{
	margin-right: 25px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	float: left
}

.active{
	background-color: #00c300;
}

.inactive{
	background-color: #FF0000;
}

.recruiting p {
	padding-bottom: 15px;
}

@media only screen and (max-width: 479px) {
	
	.contactbox-icon{
		left: 125px; 
	}
}

@media only screen and (min-width: 480px) and (max-width: 690px) {
	
	.contactbox-icon{
		left: 170px; 
	}
}


/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
}
.end { margin-right: 0 !important; }
/* Column Grids End */

.count-title { font-size: 100px !important; font-weight: bold;  margin-top: 10px; margin-bottom: 20px; text-align: center;  color: #621960;}
.count-text { width: 100%; margin-top: 35px; font-size: 16px; line-height: 1.3rem; font-weight: bold; margin-bottom: 0px; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }

.number{
	font-weight: bold !important;
}

.dir_switch{
	flex-direction: row-reverse;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: #621960 !important;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  left: 0;
  margin-bottom: 0;
  max-height: 60%;
  overflow: auto;
  padding: 8px;
  position: absolute;
  text-align: center;
  width: 100%;
}

h1.vc_custom_heading{
	font-size: 1.8rem !important;
	line-height: 2.1rem;
	word-wrap: break-word;
}

h2.vc_custom_heading, h2{
	font-size: 1.4rem !important;
	line-height: 1.9rem;
	word-wrap: break-word;
}

figcaption.wp-element-caption{
	line-height: 1rem;
}

.hide-image{
	display: none !important;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, 
	.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{
	height: auto !important;
	margin-bottom: 0px !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	position: relative !important;
	margin-top: 0px !important;
}

.mapsvg-scrollpane-wrap{
	border: 1px solid #eee;
}

.header-image-sub{
	padding-top: 300px !important;
}

.symptom, .treatment{
	margin: auto;
}

.gallery .gallery-item {
  width: 50% !important;
}

#gallery-1 img{
	border: none !important;
}

/* Tooltip */

.icon-container{
	position: relative;
	width:100%;
	height:auto;
}

.icon-tooltip {
	position: relative;
	display: block;
	opacity: 1;
	text-decoration: none !important;
	width: 100%;
	height: auto;
}

.icon-tooltip img{
	display: block;
	width: 125px !important;
	height: 100px;
	margin: auto; 
}

.icon-tooltiptext{
	display: block;
	min-height: 150px;
}

.icon-tooltiptext p{
	text-align: center;
	padding: 0 15px;
}

.icon-tooltip:hover .icon-tooltiptext,
.icon-tooltiptext:hover {
	text-decoration: none !important;
	cursor: default;
}

.lang-switcher{
	display: none;
}

.lang-switcher .lang-button{
	background-color: var(--bs-primary);
	color: white;
	padding: 5px 10px;
	margin-left: 5px;
	float: left;
	border-radius: 5px;
}

	.lang-switcher .lang-button:hover{
		background-color: var(--bs-secondary);
	}

.footer-lang-switch{
	margin-left: -10px;
}

.frontpage-nav{
	width: 225px;
	height: 225px;
}

.blog_next_prev_buttons{
	margin-bottom: 100px !important;
}

.blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post::after, 
.blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post::after, 
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project::after, 
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project::after {
  background-color: #0d0d0d;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: .65;
  -webkit-transition: opacity .4s cubic-bezier(.05,.2,.1,1) 0s;
  transition: opacity .4s cubic-bezier(.05,.2,.1,1) 0s;
}


/* Extra small devices (phones, 767px and down) */
@media only screen and (max-width: 767px) {

	h1.vc_custom_heading{
		font-size: 1.8rem !important;
		line-height: 2.1rem;
		word-wrap: break-word;
	}

	h2.vc_custom_heading, h2{
		font-size: 1.4rem !important;
		line-height: 1.9rem;
		word-wrap: break-word;
	}

	figcaption.wp-element-caption{
		line-height: 1rem;
	}

	.hide-image{
		display: none !important;
	}

	.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{
		height: auto !important;
		margin-bottom: 0px !important;
	}

	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
		position: relative !important;
		margin-top: 0px !important;
	}

	.mapsvg-scrollpane-wrap{
		border: 1px solid #eee;
	}

	.header-image-sub{
		padding-top: 300px !important;
	}
	
	.fullwidth-spacer-left{
		padding-left: 10%;
		padding-right: 10%;
	}

	.fullwidth-spacer-right{
		padding-right: 10%;
		padding-left: 10%;
	}
	
	.fullwidth-spacer-right-btn{
		margin-right: 10% !important;
	}
	
	.fullwidth-spacer-left-btn{
		margin-left: 10% !important;
	}
	
	.p-logo{
		width: 225px !important;
	}
	
} 


@media only screen and (min-width: 768px) {
	h1.vc_custom_heading{
		font-size: 2.5rem !important;
		line-height: 3rem;
	}
	
	h2.vc_custom_heading, h2{
		font-size: 1.8rem !important;
		line-height: 2.3rem;
	}
	
	.hide-image{
		display: block !important;
	}
	
	.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{
		height: 100% !important;
		margin-bottom: 0px !important;
	}
	
	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
		position: absolute !important;
		margin-top: 0px !important;
	}
	
	.fullwidth-spacer-left{
		padding-left: 10%;
		padding-right: 10%;
	}

	.fullwidth-spacer-right{
		padding-right: 10%;
		padding-left: 10%;
	}
	.fullwidth-spacer-right-btn{
		margin-right: 10% !important;
	}
	
	.fullwidth-spacer-left-btn{
		margin-left: 10% !important;
	}
}

@media only screen and (min-width: 1000px) {
	
	.icon-tooltiptext{
		display: block;
		min-height: 210px;
	}
	
	.footer-lang-switch{
		display: inline-block; 
		float: right; 
		margin-left: 0px;
		margin-top: -6px;
	}
	
	
}

@media only screen and (min-width: 1024px) {
	h1.vc_custom_heading{
		font-size: 3rem !important;
		line-height: 4rem;
	}
	
	h2.vc_custom_heading, h2{
		font-size: 2.3rem !important;
		line-height: 3rem;
	}
	
	.header-image-sub{
		padding-top: 400px !important;
	}
	
}

@media only screen and (min-width: 1081px) {
	
	.lang-switcher{
		display: inline-block;
		position: absolute;
		right: 0;
		top: 25px;
	}
	
	.frontpage-nav{
		width: 300px;
		height: 300px;
	}

}

@media only screen and (min-width: 1200px) {
	
	.icon-tooltiptext{
		display: block;
		min-height: auto;
	}
	
	#chosen-location{
		padding-top: 100px;
	}
}

@media only screen and (min-width: 1440px) {

	.icon-tooltip {
		cursor: pointer;
	}
	
	.icon-tooltiptext {
		display: block;
		visibility: hidden;
		box-sizing: border-box;
		position: absolute;
		z-index: 999;
		left: 0;
		right: 0;
		top: 100%;
		width: 280px;
		margin: auto;
		padding: 15px;
		background-color: rgba(251, 156, 34, 1);
		color: rgba(0, 0, 0, 1);
		font-size: 0.9rem;
		text-align: center;
		text-align: left;
		border-radius: 10px;
		border-top: 3px solid white;
		transition-duration: 0.2s;
		transition-timing-function: ease;
		transition-property: top;
		line-height: 1.2rem;
	}
	
	/** Mozilla */
	@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {

	   .icon-tooltiptext {
			margin-left: 100px;
			top: 200px;
			}
		}

		.icon-tooltiptext::after {
			content: "";
			position: absolute;
			bottom: 100%;
			left: 50%;
			margin-left: -10px;
			border-width: 10px;
			border-style: solid;
			border-color: transparent transparent rgba(251, 156, 34, 1) transparent;
		}

		.icon-tooltip:hover ~.icon-tooltiptext {
			visibility: visible;
			background-color: rgba(251, 156, 34, 1);
			color: rgba(0, 0, 0, 1);
		}

		.icon-tooltip:hover .icon-tooltiptext::after {
			border-color: transparent transparent rgba(251, 156, 34, 1) transparent;
		}
	
}

@media only screen and (min-width: 1600px) {
	
	.header-image-sub{
		padding-top: 500px !important;
	}
	
	.fullwidth-spacer-left{
		padding-left: 15%;
		padding-right: 50px;
	}

	.fullwidth-spacer-right{
		padding-right: 15%;
		padding-left: 50px;
	}
	.fullwidth-spacer-right-btn{
		margin-right: 50px !important;
	}
	
	.fullwidth-spacer-left-btn{
		margin-left: 50px !important;
	}
	
	#chosen-location{
		padding-top: 200px;
	}
}

@media only screen and (min-width: 1920px) {
	
	.header-image-sub{
		padding-top: 500px !important;
	}
	
	.fullwidth-spacer-left{
		padding-left: 16.5%;
		padding-right: 50px;
	}

	.fullwidth-spacer-right{
		padding-right: 16.5%;
		padding-left: 50px;
	}

}

@media only screen and (min-width: 2150px) {
	
	.fullwidth-spacer-left{
		padding-left: 25%;
		padding-right: 50px;
	}

	.fullwidth-spacer-right{
		padding-right: 25%;
		padding-left: 50px;
	}

}


@media only screen and (min-width: 2400px) {
	
	.fullwidth-spacer-left{
		padding-left: 31%;
		padding-right: 50px;
	}

	.fullwidth-spacer-right{
		padding-right: 31%;
		padding-left: 50px;
	}

}