/*
	Theme Name: Hello Elementor Child
	Template: hello-elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A plain-vanilla & lightweight theme for Elementor page builder
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 2.6.1
	Stable tag: 2.6.1
	Requires at least: 4.7
	Tested up to: 5.9
	Requires PHP: 5.6
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Description: A lightweight, plain-vanilla, best suited for building your site using Elementor website builder. Visit https://elementor.com/hello-theme/ to learn more.
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* ------------- Hervorgehobene Abschnitte (farbige Boxen) -------------- */
.smsh-gray-info-box {
	background-color: #e8e8e8;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 8px, rgba(17, 17, 26, 0.1) 0px 8px 12px, rgba(17, 17, 26, 0.1) 0px 8px 24px;
	border-left: solid 10px #888;
	padding: 20px;
}
.smsh-light-blue-info-box {
	background-color: rgb(64,199,244);
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 8px, rgba(17, 17, 26, 0.1) 0px 8px 12px, rgba(17, 17, 26, 0.1) 0px 8px 24px;
	border-left: solid 10px rgb(0,130,176);
	padding: 20px;
}
.smsh-covid-info-box {
	background-color: #E05D32;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 8px, rgba(17, 17, 26, 0.1) 0px 8px 12px, rgba(17, 17, 26, 0.1) 0px 8px 24px;
	border-left: solid 10px #973617;
	color: white;
	padding: 20px;
}
.smsh-covid-info-box a {
	color: #efefef !important;
}

.smsh-comment-box,
.smsh-comment-box-2,
.smsh-comment-box-covid {
	padding: 30px 20px;
}
.smsh-comment-box:not(:last-child),
.smsh-comment-box-2:not(:last-child)
/* some extra space for the shadow */
{
	margin-bottom: 30px;
}
.smsh-comment-box {
	background-color: #52658f;
	color: #ffffff;
}
.smsh-comment-box-2 {
	background-color: #e8e8e8;
}

/* ---------- Farbige Boxen ------ 
.smsh-comment-box {
	background-color: #52658f;
	color: #ffffff;
	padding: 30px 20px;
}
.smsh-comment-box:not(:last-child),
.smsh-comment-box-2:not(:last-child)
{
	margin-bottom: 30px;
}
.smsh-comment-box-2 {
	background-color: #e8e8e8;
	padding: 30px 20px;
}
.smsh-comment-box-covid {
    color: white;
	background-color: #E05D32;
	padding: 30px 20px;
}

.smsh-box-shadow {
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
*/

/* ------------- Allgemeine Paddings und Margins -------------- */
.no-bottom-margin {
	margin-bottom: 0 !important;
}
.small-bottom-margin {
	margin-bottom: 10px !important;
}
.wide-bottom-margin {
	margin-bottom: 40px !important;
}

@media screen and (max-width: 767px) {
	ul {
		padding-inline-start: 20px; /* weniger Space vor Bullets  auf Mobile */
	}
}
.smsh-small-section-gap {
	margin-bottom: 40px !important;
}
.smsh-large-section-gap {
	margin-bottom: 80px !important;
}

@media screen and (min-width: 768px) {
	.d_t_small-padding-left { /* d_t means desktop and talet */
		padding-left: 20px;
	}
}


/* ------------- Schatten -------------- */
.smsh-box-shadow {
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.smsh-card-shadow { /* Video-Beiträge-"Karten" auf Front-Seite: selber Schatten wie Card-Template in posts loop für Beiträge */
	
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15);
}



/* ------------- Front Page Slider -------------- */
.elementor-location-header .elementor-slides .swiper-slide-inner .elementor-slide-description {
    font-size: 24px;
}
@media screen and (max-width: 767px) {
	#main-slider .elementor-slide-description {
	display: none;
}
}

/* ---------- Beiträge und Video-Beiträge auf der Front-Seite -------------
	Die Posts sollen gleich aussehen. Die Beiträge benützen das Template "Card" im Post-Loop. 
------------- */
.elementor-post__card .elementor-post__excerpt p { /* Anpassungen Beiträge */
	color: #333333 !important;
}
.itc-link-box h4 a { /* Anpassungen Video-Beiträge */
font-size: 21px !important;
color: #52658F !important;
}


/* ------------- Front Page Abstände zwischen den Sections -------------- */
.home .elementor-inner section:not(:last-child) {
	margin-bottom: 40px;
}

/* ------------- Front Page Icon Boxes ------------------------ */
.itc-header-icon {
	padding-left: 10px !important;
}
.itc-header-icon .elementor-icon-box-icon {
	/* icons in Icon-Box sind per Default etwas zu weit oben */
	margin-top: 8px;
}

/* ------------ Spezifische Seiten: Vorstand, Statuten, Regionalgruppen ------- */
.smsh-vorstand-funktion {
	font-weight: bold;
}
.smsh-vorstand-aufgabe {
	font-style: italic;
}

.h5-statuten {
	font-size: 1.2rem;
}
.h6-statuten {
	font-size: 1.1rem;
}

@media screen and (min-width: 768px) {
	.smsh-regionalgruppen-posts .cpt_regionalgruppe,
	.smsh-regionalgruppen-posts .regionalgruppe {
			background-color: #efefef;
	}
}




/* DEPRECATED ????
.smsh-centered-icon-box .elementor-icon-box-wrapper { justify-content: center; }
.smsh-centered-icon-box .elementor-icon-box-content { flex-grow: 0; }
*/

/* -------------------- Navigation ------------------------ */
@media only screen and (min-width: 768px) {
    .menu-not-on-front-page-wrapper > .elementor-column-wrap {
        background-color: #40C7F4 !important;
    }
}

.mega-menu-not-on-front-page #mega-menu-wrap-menu-1,
.mega-menu-not-on-front-page .max-mega-menu > .mega-menu-item > .mega-menu-link {
    color: #fff !important;
    background: #40C7F4 !important;
}

/* -------------------- Kurse ------------------------- */
.itc-kurs-excerpt-titel a {
    color: white !important;
    font-weight: bold;
}

.itc-kurs-excerpt-daten {
    font-size: 0.8rem;
}


.cpt_kurs .elementor-icon-box-title {
	display: none !important;
}
.cpt_kurs .elementor-widget-icon-box.elementor-vertical-align-middle .elementor-icon-box-wrapper {
	align-items: start !important;
}
.cpt_kurs .elementor-widget-heading {
	margin-bottom: 8px !important;
}
.cpt_kurs .elementor-widget-text-editor .elementor-text-editor p:last-child { /* remove the "p" that is auto-inserted by ACF for WYSIWYG fields */
	margin-bottom: 0 !important;
}

/* -------------------- Icon Lists: Icon top ------------------------- */
.elementor-icon-list-items .elementor-icon-list-item {
	align-items: start;
}
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon {
	margin-top: 4px;
}

/* -------------------- Icon Lists in Accordions (auf Kurs-Seiten): grössere Zeilenabstände  ------------------------- */
.itc-accordion-small-inner-padding .elementor-icon-list-items .elementor-icon-list-item:not(:last-child) {
	margin-bottom: 8px;
}

/* -------------------- Nested Widgets: Reduziere paddings ------------------------- */
@media screen and (max-width: 767px) {
	.cpt_kurs .elementor-widget-wrap,
	.regionalgruppe .elementor-widget-wrap {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.itc-accordion-small-inner-padding .elementor-tab-content {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}
.smsh-ausbildungsprogramm-buttons .elementor-widget-wrap {
	padding: 0 !important;
}

/* -------------------- Ausbildungsprogramm-Boxen ------------------------- */
.smsh-ausbildungsprogramm-wrapper {
    background-color: #333a56;
    border-radius: 10px;
		margin: 10px !important;
}

.smsh-ausbildungsprogramm-wrapper > .elementor-column-wrap > .elementor-widget-wrap {
    padding: 20px 0 !important;
}
.smsh-ausbildungsprogramm-titel > .elementor-widget-container {
    padding: 15px !important;
}
.smsh-ausbildungsprogramm-ausbildungsziel > .elementor-widget-container {
    padding: 15px;
    background-color: #52658f;
}
.smsh-ausbildungsprogramm-titel > .elementor-widget-container > .elementor-heading-title,
.smsh-ausbildungsprogramm-ausbildungsziel > .elementor-widget-container > .elementor-heading-title {
    color: #ffffff;
}

.smsh-ausbildungsprogramm-untertitel > .elementor-widget-container,
.smsh-ausbildungsprogramm-list-items > .elementor-widget-container {
    background-color: #efefef;
    padding: 15px !important;
}

.smsh-ausbildungsprogramm-ausbildungsziel,
.smsh-ausbildungsprogramm-untertitel,
.smsh-ausbildungsprogramm-list-items
{
    margin-bottom: 0 !important;
}
.smsh-ausbildungsprogramm-untertitel {
	margin-bottom: -10px !important; /* verkleinere gap zwischen Untertitel und list-items */
}

.smsh-ausbildungsprogramm-list-items ul > li {
    padding: 6px 10px !important;
}

.smsh-ausbildungsprogramm-button > .elementor-widget-container {
    margin: 20px;
}

/* -------------- hide last divider in post-loop --------------- */
.elementor-posts-container.elementor-posts article:last-child section.itc-posts-divider-section { display: none; }


/* ---------------------- Login form as a slider triggered by menu-item (same as in Quazhar) ---------------------- */

div#wpcs_tab_16028 { display: none !important; } /* hide the tab */

div#wpcs_content_main_16028 {
    height: auto !important; 
    min-height: 380px;
    background: #333A56 !important;
}

div#wpcs_content_inner_16028 { 
    background: #F7F5E6 !important;
}
div#wpcs_content_inner_16028 a { color: black !important; }

div#wpcs_content_main_16028,
div#wpcs_content_inner_16028 { 
    display: block !important;
    transition-duration: 1s;
}

/* ----------- Ninja Forms ---------- */
.nf-row { margin-top: 15px !important; margin-bottom: 15px !important; }

.nf-divider-element {
	margin-top: 25px !important; margin-bottom: 40px !important;
}

.itc-nf-left-align-label label {
	text-align: left;
	margin-left: 0 !important;
}

#nf-field-64-container #nf-field-64-wrap {
    display: block;
    margin-bottom: 25px;
}

#nf-field-64-container #nf-field-64-wrap .nf-field-description {
    margin-left: 30px;
}

/* Ninja Form Tabs (Anmeldung Jahresseminar) */
.nf-mp-header .nf-breadcrumbs a.nf-breadcrumb {
    background: #F7F5E6;
    color: #333A56;
}
.nf-mp-header .nf-breadcrumbs .active a.nf-breadcrumb,
.nf-mp-header .nf-breadcrumbs a.nf-breadcrumb:hover {
    background: #333A56;
    color: white;
}