/*
Theme Name: Stiftung Evangelische Schule in Gemeinschaft
Theme URI: https://evsig.de
Author: ujamii GmbH
Author URI: https://www.ujamii.com/
Description: WordPress-Theme für die Schulen der Stiftung Evangelische Schule in Gemeinschaft
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: evsig
*/

/* Die CSS-Variable wird in der functions.php definiert */
body .color-base {
    background-color: var(--base-color);
    color: var(--text-color);
}

body .btn.color-base:hover,
body .btn.color-base:focus
{
	background-color: var(--base-color);
    color: var(--text-color);
    filter: brightness(85%);
}

body .bg-color-base {
    background-color: var(--base-color);
}

body .text-color-base {
    color: var(--text-color);
}

.btn-primary {
    background-color: var(--base-color);
    color: var(--text-color);
    border-color: var(--base-color);
}

.btn-primary:focus,
.btn-primary:hover {
    background-color: var(--base-color) !important;
    border-color: var(--base-color) !important;
}

blockquote p:first-child {
	font-weight: bold;
	font-size: 1.2rem;
}

blockquote p:nth-child(2) {
	color: #ccc;
}

blockquote p:nth-child(2):before {
	content: '- ';
}

blockquote p:nth-child(2):after {
	content: ' -';
}

.schema-faq-question {
	display: block;
	padding: 10px;
	position: relative;
	cursor: pointer;
}

.schema-faq-question:after {
	display: block;
	right: 0;
	position: absolute;
	content: '+';
	top: 10px;
}

.schema-faq-question.active:after {
	content: '-';
}

.schema-faq-section {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.schema-faq-answer {
	padding: 20px;
}

  .dropdown.mega > ul.show > li > a {
    display: none;
  }


@media (min-width: 992px) {
  body  .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.section-header {
	background-attachment: fixed;
}

.section-header h1 {
	font-weight: bold;
	color: rgba(255,255,255,0.9);
	text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);
}

.vsel-meta-all-day {
	display:none;
}

.vsel-meta {
	width: 100% !important;
	border-left: 2px solid var(--base-color);
	padding: 10px 10px 10px 20px;
}

.vsel-meta {
	transition: all 1s ease-out;
}

.vsel-meta:hover {
	background-color: #f1f1f1;
}


nav.d-md-none ul li:last-child {
	display: none;
}


@media (orientation: landscape) {
  .slider-landscape {
    display: block;
  }
	  .slider-portrait {
    display: none;
  }
}

@media (orientation: portrait) {
  .slider-landscape {
    display: none;
  }
	  .slider-portrait {
    display: block;
  }
}

.scroll-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
}

.scroll-container .card {
  flex: 0 0 80%;
	display: block;
  scroll-snap-align: start;
  background: #fff;
  padding: 1rem;
  border-radius: 1rem;
}




.carousel .card {
	display: block;
}

.carousel .card-body {
	padding-left: 60px;
	padding-right: 60px;
}

@media (max-width: 991px) {
	.section-header.stage .cards {
		bottom: -80px !important;
	}
}

.marker {
	border-left: 2px solid var(--base-color);
	padding-left: 15px;
}