/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/

/* layout */
#content .single-page-content > .wpb-content-wrapper > .vc_row:first-child > .vc_column_container > .vc_column-inner,
#content .custom-singular-template > .vc_row:first-child > .vc_column_container > .vc_column-inner { 
    padding-top: 30px; 
}

/* typo */
.text-highlight {
	background: var(--wpex-palette-52-color) !important;
}

a { text-decoration: underline; }

.wpex-card .vcex-post-excerpt p,
.vcex-post-content p,
.wpb_text_column p {
    text-align: justify;
}

.one-line.vcex-page-title__heading {
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}


/* header */
#top-bar { font-size: 0.8rem; }

#site-header {
  box-shadow: 0px 2px 5px rgba(0,0,0,.1);
}

.single-post #site-navigation-wrap.has-menu-underline .main-navigation-ul > li.parent-post > a > .link-inner::after,
.single-beitrag_medien #site-navigation-wrap.has-menu-underline .main-navigation-ul > li.parent-media > a > .link-inner::after,
.single-termin #site-navigation-wrap.has-menu-underline .main-navigation-ul > li.parent-termin > a > .link-inner::after {
  opacity: 1;
  transform: scaleX(1);
}


/* buttons */
.button-purchase {
	background-color: #000;
}
.button-purchase:hover {
	background-color: #333;
}

.button-style2 {
    border-radius: 100px;
}
#top-bar .button-style2 {
    padding: 2px 10px;
}

.vcex-multi-buttons.wpex-w-80 .theme-button { width: 100%; }


/* pagebuilder elements */
.vcex-flex-container:empty,
.vcex-flex-container:empty { display: none; }

.wpb_text_column .wpb_wrapper h1:first-child,
.wpb_text_column .wpb_wrapper h2:first-child,
.wpb_text_column .wpb_wrapper h3:first-child,
.wpb_text_column .wpb_wrapper h4:first-child,
.wpb_text_column .wpb_wrapper h5:first-child,
.wpb_text_column .wpb_wrapper h6:first-child { margin-top: 0; }

#content .wpb_text_column p:last-child, 
#content .wpb_text_column h1:last-child, 
#content .wpb_text_column h2:last-child, 
#content .wpb_text_column h3:last-child, 
#content .wpb_text_column h4:last-child, 
#content .wpb_text_column h5:last-child  {
  margin-block-end: var(--wpex-el-margin-bottom);
}

/* color option based on "Thema" taxonomy terms or CSS class */
/* Handel */
.wpex-post-cards-entry.thema-15 .has-term-background-color,
.thema-handel .wpex-has-overlay > .wpex-bg-overlay-wrap .wpex-bg-overlay { 
    background-color: var(--wpex-term-15-color); 
}
/* Energie/Klima */
.wpex-post-cards-entry.thema-16 .has-term-background-color,
.thema-energie .wpex-has-overlay > .wpex-bg-overlay-wrap .wpex-bg-overlay { 
    background-color: var(--wpex-term-16-color); 
}
/* Verkehr */
.wpex-post-cards-entry.thema-17 .has-term-background-color,
.thema-verkehr .wpex-has-overlay > .wpex-bg-overlay-wrap .wpex-bg-overlay { 
    background-color: var(--wpex-term-17-color); 
}
/* Rohstoffe */
.wpex-post-cards-entry.thema-18 .has-term-background-color,
.thema-rohstoffe .wpex-has-overlay > .wpex-bg-overlay-wrap .wpex-bg-overlay { 
    background-color: var(--wpex-term-18-color); 
}


/* Grids / Cards */

.wpex-card .card-category {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 5px;
	font-size: 0.8rem;
	background-color: var(--wpex-palette-150-color) ;
}


/* Media/podcast card */

.wpex-post-cards-entry.type-beitrag_medien .folgenummer { color: #fff; padding: 10px; font-size: 2rem; font-weight: bold; }

/* Staff Card */
.wpex-card-custom-staff .wpb_wrapper { text-align: center; }

.wpex-card-custom-staff .vcex-post-media,
.wpex-card-custom-staff .vcex-page-title .vcex-page-title__heading,
.wpex-card-custom-staff .custom_staff_phone,
.wpex-card-custom-staff .vcex-post-excerpt,
.wpex-card-custom-staff .wpex-toggle-element-trigger {   margin-bottom: 10px !important;}

.wpex-card-custom-staff .vcex-page-title .vcex-page-title__heading{ font-size:1rem;font-weight:700; }

.wpex-card-custom-staff .vcex-post-media img { border-radius: 9999px; }
.wpex-card-custom-staff .staff-position { color: #666; font-size: 0.9em; font-style: italic; }
.wpex-card-custom-staff .wpex-social-btns { justify-content: center; margin-top: 0 !important; }
.wpex-card-custom-staff .wpex-social-btns .wpex-phone-number { display: none; }
.wpex-card-custom-staff .wpex-toggle-element-trigger {padding: 2px 20px;  }


/* (Co) Authors */

.co-authors { display: flex; }
.co-author-wrap a { display: flex; }
.co-author-wrap .avatar { border-radius: 100px; max-width: 50px; }
.co-author-wrap .co-author-name { display: block; margin: auto 20px auto 10px; }


@media screen and (max-width: 767px) {
    .co-authors { display: block; }
    .co-author-wrap a { margin-bottom: 30px;  }
    .co-author-wrap:last-child a { margin-bottom: 0px;  }
}


/* Podcasts */

.podigee-podcast-player {
	margin: 30px 0 30px 0;
}
.button-podcast-extern {
	border-radius: 50px;
}

/* Termine */

.custom_termin_calstyle {
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: #fff;
    z-index: 9;
}

.liststyle .custom_termin_calstyle {
    position: relative;
    top: 0; left: 0;
}

.custom_termin_calstyle > span { display: block; width: 100%; text-align: center; padding: 3px 10px; }

.custom_termin_calstyle .month { background-color: var(--wpex-accent, #3aaa33); color: #fff; }
.custom_termin_calstyle .weekday { font-size: 0.8rem;  }
.custom_termin_calstyle .day { font-weight: bold; font-size: 2rem; line-height: 1.5rem; padding: 0px 10px 10px 10px;}


.custom_termin_datum .startdatum { font-weight: bold; }
.custom_termin_datum .wpex-icon { margin-right: 10px; }

/* custom content elements */
.wpb_column.contentblock-style1 > .vc_column-inner > .wpb_wrapper,
.wpb_row.contentblock-style1 > .wpb_column > .vc_column-inner > .wpb_wrapper {
    padding: 30px;
    background-color: #EEE;
}

.wpb_row.contentblock-action1 > .wpb_column > .vc_column-inner > .wpb_wrapper {
    padding: 30px;
    background-color: #3aaa33;
    color: #fff;
}
.wpb_row.contentblock-action1 a { color: #000; }


.background-desaturate



/* new timeline */
.power-timeline {
    position: relative;
    overflow: hidden;
    display: grid;
}
.power-timeline::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    top: 0;
    background: #ccc;
    margin: auto;
}

.power-timeline .wpb_content_element {
	width: 48%;
    margin-top: -5rem;
}
.power-timeline .wpb_content_element:first-child {
    margin-top: 0;
}

.power-timeline .wpb_content_element:nth-of-type(odd) {
	justify-self:start;
	text-align: right;
}
.power-timeline .wpb_content_element:nth-of-type(even) {
	justify-self:end;
}

.power-timeline .wpb_content_element strong {
	color: #3aaa33;
}

.power-timeline .wpb_content_element em {
    font-size: 20px;
    font-weight: bold;
    display: block;
    font-style: normal;
    line-height: 1.2em;
}

.power-timeline .wpb_content_element p {  }

@media only screen and (max-width: 900px) {
	.power-timeline .wpb_content_element {
		text-align: left !important;
		width: 100%;
        margin-top: -2rem;
		margin-bottom: 1.5em;	
	}
	.power-timeline::before {
		display: none;
	}
}