/*
 Theme Name:   MindCare
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme
 Author:       Juliane de Vries
 Author URI:   https://ju-like.de
 Template:     generatepress
 Version:      0.1
*/

:root {
        --mc-lila: #672a6d;
        --mc-orange: #f19420;
		--mc-beige: #fcf4eb;
}
::selection {
	color: #fff;
	background: var(--mc-lila);
}
body {
	 font-family: 'DM Sans';
}
a {
	text-decoration: none;
}
.z-high {
	position: relative;
	z-index: 9999;
}
/* 2024-08-11 Top bar Styling */
.top-bar-wrapper {
	background-color: #fff;
	max-width: 100%;
	padding-top: 10px;
	text-align: right;
	padding-right: 40px;
}
.top-bar {
	max-width: 1180px;
	margin: 0px auto 0px auto;
	background-color: #fff;
}
.top-bar a {
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	font-weight: 300;
	color: var(--mc-lila);
}
.top-bar a:hover {
	color: var(--mc-orange);
}
.top-bar i {
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	font-weight: 300;
	color: var(--mc-lila);
}
/* Startseite: Die orange linie (nicht am Handy) */
@media screen and (min-width:768px) {
	.border-right {
		border-right: 2px solid var(--mc-orange);
	}
}
/* 2024-07-17 jdev List with orange dots*/ 
.mc-list-orange ul {
   list-style: none;
}
.mc-list-orange ul li:before {
   	content: "•";
	color: var(--mc-orange);
   	font-size: 3em;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	line-height: 1em;
	position: relative;
  	top: 10px;
}
/* 2024-08-11 jdev List with lila dots*/ 
.mc-list-lila ul {
   list-style: none;
}
.mc-list-lila ul li:before {
   	content: "•";
	color: var(--mc-lila);
   	font-size: 3em;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	line-height: 1em;
	position: relative;
  	top: 10px;
}
/* Kreise hinter Bildern und Co: z-high liegt auf dem Bildmodul, der Kreis liegt auf der Spalte */
.start-circle-after:after {
	content: '';
	height: 400px;
	width: 400px;
	border-radius: 50%;
	position: relative;
	top: -300px;
	left:30%;
	z-index: 99;
	background: var(--mc-orange);
}
.lila-circle-after:after {
	content: '';
	height: 400px;
	width: 400px;
	border-radius: 50%;
	position: relative;
	top: -300px;
	left:30%;
	z-index: 99;
	background: var(--mc-lila);
}
.map-circle-after:after {
	content: '';
	height: 590px;
	width: 590px;
	border-radius: 50%;
	position: relative;
	top: -400px;
	left: -100px;
	z-index: 9;
	background: var(--mc-orange);
}
/* Kreise hinter Bildern am Tablet 768-1200*/
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.start-circle-after:after {
	content: '';
	height: 400px;
	width: 400px;
	border-radius: 50%;
	position: relative;
	top: -300px;
	left:10%;
	z-index: 99;
	background: var(--mc-orange);
	}
	.lila-circle-after:after {
	content: '';
	height: 400px;
	width: 400px;
	border-radius: 50%;
	position: relative;
	top: -300px;
	left:10%;
	z-index: 99;
	background: var(--mc-lila);
	}
	.map-circle-after:after {
	content: '';
	height: 550px;
	width: 550px;
	border-radius: 50%;
	position: relative;
	top: -480px;
	left: 10%;
	z-index: 9;
	background: var(--mc-orange);
}
}
/* Kreise hinter Bildern am Handy (klein)*/
@media screen and (max-width: 767px) {
	.start-circle-after:after {
	content: '';
	height: 300px;
	width: 300px;
	border-radius: 50%;
	position: relative;
	top: -200px;
	left:20%;
	z-index: 99;
	background: var(--mc-orange);
	}
	.lila-circle-after:after {
	content: '';
	height: 300px;
	width: 300px;
	border-radius: 50%;
	position: relative;
	top: -200px;
	left:20%;
	z-index: 99;
	background: var(--mc-lila);
	}
	.map-circle-after:after {
	content: '';
	height: 300px;
	width: 300px;
	border-radius: 50%;
	position: relative;
	top: -200px;
	left: 0%;
	z-index: 9;
	background: var(--mc-orange);
}
}
/* Bildbeschreibung für google Link als Button im Corporate Style*/
.fl-photo-caption-hover {
	background: transparent;
  	bottom: 50%;
  	color: #fff !important;
  	left: 0;
  	opacity: 0;
  	filter: alpha(opacity = 0);
  	padding: 30px 40px;
  	position: absolute;
  	right: 0;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in; 
}
.fl-photo-caption a {
	color: #fff;
	background: var(--mc-lila);
  	font-size: 18px;
	padding: 30px 40px;
	border-radius: 40px;
  	line-height: 18px;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
/* Lila Kreis hinter weißem Text (Klasse liegt auf dem Text-Editor Modul), immer in Kombi mit z-high*/
.mc-lila-kreis {
	width: 375px;
	height: 375px;
	border-radius: 50%;
	padding: 40px;
	color: #fff;
	background-color: var(--mc-lila);
}
/* Orangener Kreis hinter weißem Text (Klasse liegt auf dem Text-Editor Modul), immer in Kombi mit z-high*/
.mc-orange-kreis {
	width: 375px;
	height: 375px;
	border-radius: 50%;
	padding: 40px;
	color: #fff;
	background-color: var(--mc-orange);
}
/* Footer mit dem großen Kreisabschnitt im Hintergrund*/
.footer-widgets {
	padding-top: 170px;
}
.site-footer {
	position:relative;
	bottom;
	height: 600px;
	z-index: 9999;
    background-image: url('https://www.mindcare-muenchen.de/wp-content/uploads/2024/08/Footer_jv.svg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
    background-position:relative;
    bottom:-20px;
    left:0px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.footer-widgets, .site-info {
		background-color: var(--mc-orange) !important;
	}
	.footer-widgets {
	padding-top: 40px;
	}
}
@media screen and (max-width: 767px) {
	.footer-widgets, .site-info {
		background-color: var(--mc-orange) !important;
	}
	.footer-widgets {
	padding-top: 40px;
	}
	
}