/**
Theme Name: WOP Child-Theme
Author: jut-so GmbH
Author URI: https://jut-so.de
Description: WOP Custom Child Theme basierend auf dem Hello Elementor Theme. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jut-so-child-theme
Template: hello-elementor
*/

/* variable.css and layout.css included via functions.php */

/* Default headline margins
 * Note: Pay attention to widget spacing. 
 * When using heading widget, margin-bottom is set to 0
 * then the spacing is controlled by the widget spacing
  .elementor-widget.elementor-widget.elementor-widget-heading .elementor-widget-container 
 */

 body {
    -webkit-font-smoothing: auto;
}

h1, h2, h3, h4, h5, h6,
.elementor-widget-container h1,
.elementor-widget-container h2,
.elementor-widget-container h3,
.elementor-widget-container h4,
.elementor-widget-container h5,
.elementor-widget-container h6 {
	margin: .5em 0 .5em 0;
}

/* Utility classes for headlines */
.h1,
.h1 .elementor-heading-title,
[class*="elementor-kit-"] .h1 {
    font-family: var(--h1-font-family);
	color: var(--h1-default-color);
	font-size: var(--h1-font-size);
	line-height: var(--h1-line-height);
	font-weight: var(--h1-font-weight);
}

.h2,
.h2 .elementor-heading-title,
[class*="elementor-kit-"] .h2 {
    font-family: var(--h2-font-family);
	color: var(--h2-default-color);
	font-size: var(--h2-font-size);
	line-height: var(--h2-line-height);
	font-weight: var(--h2-font-weight);
}

.h3,
.h3 .elementor-heading-title,
[class*="elementor-kit-"] .h3 {
    font-family: var(--h3-font-family);
	color: var(--h3-default-color);
	font-size: var(--h3-font-size);
	line-height: var(--h3-line-height);
	font-weight: var(--h3-font-weight);
}

.h4,
.h4 .elementor-heading-title,
[class*="elementor-kit-"] .h4 {
    font-family: var(--h4-font-family);
	color: var(--h4-default-color);
	font-size: var(--h4-font-size);
	line-height: var(--h4-line-height);
	font-weight: var(--h4-font-weight);
}

::-moz-selection {
    background: #ff5100;
    color: #fff
}

::selection {
    background: #ff5100;
    color: #fff
}

/* Secondary button */
.secondary-button .elementor-button {
	color: var(--light-green);
    background-color: transparent;
    border-style: solid;
    border-color: var(--light-green);
}

/* Header Menu */
.header-menu li a {
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}
.header-menu li a:hover,
.header-menu li.current-menu-item a {
	border-bottom: 1px solid var(--e-global-color-primary);
}
/* Sidebar Menu */
.sidebar-menu li a {
	border-radius: 3px;
}
.sidebar-menu li:hover a,
.sidebar-menu li.current-menu-item a,
.karriere-detail-menu .menu-item-39 a,
.event-detail-menu .menu-item-40 a,
.aktuell-detail-menu .menu-item-41 a {
	color: #fff !important;
	background-color: var(--e-global-color-primary);
}

/* Text with Background (Pflege wohnen) */
.text-w-bg {
	color:#fff;
	background-color:var(--primr);
	padding:8px 12px;
	border-radius:3px;
}

.text-w-bg,
.text-w-bg p {
	width:fit-content;
	font-size:15px;
	line-height:130%;
}

.heading-divider .elementor-divider-separator {
	border-block-start-color: #333 !important;
}

.heading-divider.heading-divider-white .elementor-divider-separator{
	border-block-start-color: #fff !important;
}
.heading-divider.heading-divider-primary .elementor-divider-separator{
	border-block-start-color: var(--primr) !important;
}

/* TEAM PAGE */
.team-contact {
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}
.team-contact a {
	color: var(--hellgrau);
	font-size:18px;
}
.team-contact a.team-email-link {
	text-align:center;
}
.team-image-wrapper {
		position: relative;
		display: block;
}
.team-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #747474CC;
		opacity: 0;
		transition: opacity 0.3s;
		display: flex;
		align-items: center;
		justify-content: center;
}
.team-image-wrapper:hover .team-overlay {
		opacity: 1;
}
.envelope-icon {
		width: 50px;
}

/* back button */
.back-nav-btn .elementor-button-icon {
	display:flex;
	margin-bottom:3px;
}
.back-nav-btn .elementor-button-content-wrapper {
	align-items:center;
}