/*
Theme Name: Matoma Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://matoma.de
Author: Matoma
Author URI:  https://matoma.de
Template: salient
Version: 1.0
*/

/*Hyphens Einstellungen - globale Paragraphe*/
p {
  -moz-hyphens: auto;
  -epub-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 
}

/* Mega-Menü Anpassungen */
#header-outer nav .menu-item-73 > a, #header-outer nav #menu-item-73 > a {
    padding: 40px 40px 40px 70px !important;
}

.Menu-Col-1 a .nectar-ext-menu-item.style-default .inner-content .menu-item-desc {
    font-size: 24px;
    font-weight: 800;
}

/* Sprachumschalter */
body #header-outer #top .container .row #mtm-language-switch.menu-item.menu-item-has-icon {
    order: -1;
    margin-right: 30px;
}

.wpml-ls-item ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
    width: 75px;
}

/* Social Icons */
#header-outer #social-in-menu i {
    color: #000000; 
}

/* Search Icon im Header */
#header-outer #top nav ul #search-btn a span {
    color: #000000 !important;
}

/* Footer CSS-Anpassungen */
ooter-menue-hilfreiche-links, #menu-footer-impressum, #menu-footer-datenschutz {
    margin: 0;
}

#menu-footer-menue-hilfreiche-links li, #menu-footer-impressum li, #menu-footer-datenschutz li {
   list-style: none;
}

#menu-footer-datenschutz {
    display: inline-flex;
    gap: 40px;
}

.menu-footer-datenschutz-container {
    margin-left: 40px;
    margin-bottom: 0;
}

/* Toggle panels */

/* Titelfarbe der toggle panels */
.toggle>.toggle-title a {
    font-family: Montserrat !important;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    color: #0056a4 !important;
}

/* Farbe des "+" icons */
div[data-style*=minimal] .toggle>.toggle-title i {
    color: #203869;
    border: 2px solid #203869;
}

div[data-style="minimal"] .toggle > .toggle-title i:before {
    color: #203869;
    background-color: #203869;
}

div[data-style="minimal"] .toggle > .toggle-title i:after {
    color: #203869;
    background-color: #203869;
}


/* Popup Theme */
div.pum-container.popmake.theme-708 {
    left: 0 !important;
}

/*Popup Fix: 5% padding*/
.full-width-content .col.padding-5-percent > .vc_column-inner {
    padding: calc(100vw * 0.05) !important;
}

/* Padding für Antragsformular im Popup */
html body .full-width-content.vc_row-fluid .antragsformular-column.wpb_column {
    padding: 7% 17% 5% 17%;
}

.ansprechpartner-popup-column {
    max-width: 560px;
}

/* Padding für linke Spalte in Popups Antragsformular und Suche-Hilfe  */
body .popup-left-column > .vc_column-inner {
    padding-top: calc(100vw * 0.07) !important;
}

/* Anpassungen für Formulare*/
.wpcf7-list-item {
    margin: 0;
}

html body .full-width-content.vc_row-fluid .wpb_column.mtm-image-column {
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    padding-top: 35px;
    padding-bottom: 5px;
}

body span.wpcf7-list-item-label {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: #203869;
}

body input.mtm-formular-input, body textarea.mtm-formular-input  {
    border: 2px solid #D6ECEE;
    background-color: #FFFFFF;
}

.mtm-formular-input::placeholder {
    font-size: 14px;
    color: #203869;
}

.wpcf7-list-item label {
    display: flex;
    gap: 25px;
}

.mtm-input-container {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.mtm-formular-checkbox {
    min-width: 32px;
    height: 32px;
    font-size: 32px;
    -webkit-appearance: none;
    border: 2px solid #D6ECEE;
    margin-left: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.mtm-formular-checkbox:checked::before {
     font-family: dashicons;
     content: "\f147";
}

form label.mtm-formular-label {
    font-weight: normal !important;
}

.mtm-label-wrapper p {
    padding-bottom: 10px;
}

.mtm-submit-wrapper {
    display: flex;
    justify-content: center;
}

#mtm-popup-submit {
    width: 190px;
    height: 50px;
}

#popup-hilfe-button .fa.fa-search {
    font-size: 25px;
}

.wpcf7-spinner {
    position: absolute;
}

/* Popup Image Abstand zu Text */

.kontakt-popup-image-wrap {
    width: fit-content;
}

/* Meta-Tag auf Beitragsseiten */

.meta-category.nectar-inherit-label .nectar-inherit-border-radius.nectar-bg-hover-accent-color {
    border: 2px solid #8ACDCA;
    border-radius: 6px !important;
}

.meta-category.nectar-inherit-label .nectar-inherit-border-radius.nectar-bg-hover-accent-color:hover {
    background-color: #8ACDCA;
}

body .featured-media-under-header__cat-wrap .meta-category a:not(:hover) {
    background-color: white;
}

/* Hintergrundfarbe der Post Grids */

.nectar-post-grid-item-bg-wrap-inner {
    background: #D6ECEE;
}

/* Schließ-Button der Popups */

.pum-theme-708 .pum-content + .pum-close, .pum-theme-igpp .pum-content + .pum-close {
    border-radius: 50px !important;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

/* IGPP-Archivseiten Slider Kategorie */

body .meta-category a.igpp-archiv {
    color: #8ACDCA;
}

/*Blog Styles - Single Post Detailview*/
body.single-post #ajax-content-wrap .container-wrap.no-sidebar .post-area {
    overflow: hidden;
    margin-top: 200px !important;
}

@media only screen and (min-width: 1000px) {
	body.single-post #ajax-content-wrap .container-wrap.no-sidebar .container.main-content {
	    max-width: 100%;
	    padding: 0;
	}
}

body.single-post #ajax-content-wrap .container-wrap.no-sidebar .main-content .featured-media-under-header{
    display: flex;
    flex-wrap: wrap;
    background-color: #D6ECEE;
    margin: 0 -6vw;
    padding: min(6vw,90px) 6vw;
    padding-bottom: 0;
}

body.single-post #ajax-content-wrap .container-wrap.no-sidebar .main-content .nectar-social{
	display: none;
}

body.single-post #ajax-content-wrap .container-wrap.no-sidebar .main-content .featured-media-under-header__content{
    overflow-wrap: break-word;
}

body.single-post #ajax-content-wrap .container-wrap.no-sidebar .main-content .featured-media-under-header__content,
body.single-post #ajax-content-wrap .container-wrap.no-sidebar .main-content .featured-media-under-header__featured-media{
    display: block;
    max-width: unset;
    width: 100%;
}
body.single-post #ajax-content-wrap .container-wrap.no-sidebar .main-content .featured-media-under-header__content .featured-media-under-header__content-inner,
body.single-post #ajax-content-wrap .container-wrap.no-sidebar .main-content .featured-media-under-header__featured-media .featured-media-under-header__featured-media-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

body.single-post #ajax-content-wrap .container-wrap.no-sidebar .main-content .featured-media-under-header__content h1.entry-title{
    color: var(--nectar-extra-color-1);
    margin-bottom: 30px;
    max-width: 100%;
}

body.single-post #ajax-content-wrap .container-wrap.no-sidebar .main-content .featured-media-under-header__content h5.featured-media-under-header__excerpt{
    color: var(--nectar-accent-color);
}

body.single-post #ajax-content-wrap .container-wrap.no-sidebar .main-content .featured-media-under-header__featured-media {
    padding-bottom: 50px;
    margin-bottom: -150px;
}

/*Event Datum bei Beiträge*/
a.mtm-eventdate.style-button img,
.meta-category.nectar-inherit-label .nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate img {
    height: 16px;
    margin-right: 8px;
}

.meta-category.nectar-inherit-label .nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate {

    display: inline-block;
    align-items: center;
}

#ajax-content-wrap div.nectar-post-grid .meta-category a.mtm-eventdate.style-button {
    display: inline-flex;
    align-items: center;
    background-color: var(--nectar-accent-color);
    color: white;
    padding: 9px 15px;
}

.meta-category.nectar-inherit-label .nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate {
    background-color: var(--nectar-accent-color);
    color: white;
}

@media only screen and (max-width: 690px) {
	body .featured-media-under-header h1 {
            font-size: 28px;
            line-height: 1.2;
        }
}

h1.entry-title span.mtm-eventname {
    font-size: 45px;
}

.blog span.meta-category,
.archive span.meta-category{
    display: inline-block;
    padding: 3px 15px;
    border: 1px solid var(--nectar-accent-color);
    background-color: #FFFFFF;
    font-weight: 600;
    color: var(--nectar-accent-color);
    border-radius: 6px;
    margin-bottom: 15px;
}

.blog span.meta-category a,
.archive span.meta-category a {
    color: var(--nectar-accent-color) !important;
}

.blog .post .post-header a,
.archive .post .post-header a {
    color: var(--nectar-accent-color);
}

.blog .post .post-header a:hover,
.archive .post .post-header a:hover {
    color: #203869;
}

@media only screen and (max-width: 690px) {
    .post-area.masonry, 
    .post-area.masonry.span_9, 
    body[data-ext-responsive=true] .post-area.masonry.span_9, 
    body[data-ext-responsive=true] .post-area.masonry.span_9.meta_overlaid {
    	width: 100%;
    }
}

.blog span.post-featured-img img,
.archive span.post-featured-img img {
    background-color: #D6ECEE;
    height: 270px;
    object-fit: contain;
}

.post-content.classic .post-header>span.meta-category:after{
    display: none;
}

/*Event Datum bei Beiträge*/
a.mtm-eventdate.style-button img,
.meta-category.nectar-inherit-label .nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate img,
.blog span.nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate img,
.archive span.nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate img {
    height: 16px;
    margin-right: 8px;
    margin-bottom: 0;
}

div.nectar-post-grid .meta-category a.mtm-eventdate.style-button,
.blog span.nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate .style-button,
.archive span.nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate .style-button {
    display: inline-block;
    align-items: center;
    background-color: var(--nectar-accent-color);
    color: white;
    padding: 9px 15px;
    border: 1px solid var(--nectar-extra-color-2);
}

body.blog span.nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate,
body.archive span.nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate {
    display: inline-block;
    margin-left: 10px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 15px;
    vertical-align: middle;
}

#ajax-content-wrap div.nectar-post-grid .meta-category a.style-button,
.meta-category.nectar-inherit-label .nectar-inherit-border-radius.nectar-bg-hover-accent-color{
    vertical-align: middle;
}

div.nectar-post-grid .meta-category a.mtm-eventdate.style-button .mtm-eventdate-inner,
.meta-category.nectar-inherit-label .nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate .mtm-eventdate-inner,
.blog span.nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate .mtm-eventdate-inner,
.archive span.nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate .mtm-eventdate-inner   {
    display: inline-flex;
    align-items: center;
    color: white !important;
}

.meta-category.nectar-inherit-label .nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate,
.blog span.nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate,
.archive span.nectar-inherit-border-radius.nectar-bg-hover-accent-color.mtm-eventdate {
    background-color: var(--nectar-accent-color);
    padding: 7px 15px;
}

/*Portfolio*/
.bottom_controls{
     display: none;
}

/*Icon mit Hintergrund ohne Schatten*/
.nectar_icon_wrap[data-style="shadow-bg"][data-color="accent-color"] .nectar_icon:before {
    box-shadow: none;
}

.main-content a:hover {
	text-decoration: underline;
}