/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.link_wrap .fa {
    order: 1;
    margin-left: 12px;
}

.themenkachel:hover img {
    filter: brightness(10);
}

/* Interactive Map Styling */
.map-sachsenanhalt svg {
    width: 100%;
    height: auto;
    display: block;
}

.map-sachsenanhalt svg path[data-name] {
    cursor: pointer;
    transition: all 0.3s ease;
}

/* SVG hover state - using fill and stroke for SVG elements */
.map-sachsenanhalt svg path[data-name].hovered {
    fill: #000000 !important;
    stroke: #ffffff !important;
    stroke-width: 2 !important;
    opacity: 0.8 !important;
}

/* SVG active state - for opened accordion elements */
.map-sachsenanhalt svg path[data-name].active {
    fill: #000000 !important;
    stroke: #ffffff !important;
    stroke-width: 3 !important;
    opacity: 1 !important;
}

/* Accordion hover state for map interaction */
.toggles.accordion .toggle .toggle-title a.hovered {
    color: #f07d00;
}

/** Menu button **/
@media only screen and (max-width: 1000px) {
    .menu-item-has-icon {
        display: flex;
        margin-top: 48px !important;
    }
}

.nectar-menu-item-with-icon {
    background-color: white;
    border-radius: 36px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    margin: 0 auto;
    width: 100%;
    max-width: 320px;
}

.nectar-menu-icon-text {
    color: #f07d00;
}

.off-canvas-menu-container .nectar-menu-icon-img {
    max-height: 36px;
}

/** Reordering Highlight Article Content in Overview **/
.custom-aspect-ratio-3-2 .item-main {
    display: grid !important;
}

.custom-aspect-ratio-3-2 .item-main .post-heading:nth-child(1) {
    order: 1;
    font-size: 32px !important;
    margin-top: 12px;
}

.custom-aspect-ratio-3-2 .item-main :nth-child(2) {
    order: 2;
    margin: 24px 0 24px !important;

    .meta-excerpt {
        color: #727272 !important;
    }
}

.custom-aspect-ratio-3-2 .item-main :nth-child(3) {
    order: 0;
}

.custom-aspect-ratio-3-2 .item-main :nth-child(4) {
    font-weight: bold;
    order: 3;
}

/** Remove bottom radius on post grid images, which are not full width **/
.nectar-post-grid:not(.custom-aspect-ratio-3-2) .nectar-post-grid-item-bg,
.nectar-post-grid:not(.custom-aspect-ratio-3-2) .nectar-post-grid-item-bg-wrap {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/** Add an background to the CTAs on mobile **/
@media (max-width: 1000px ) {

    .nectar-post-grid .nectar-post-grid-item__read-more {
        border-radius: 30px;
        padding: 6px 18px;
        text-align: center;
    }

    .nectar-post-grid.custom-aspect-ratio-3-2 .nectar-post-grid-item__read-more {
        background-color: #f07d00;

        .link_text {
            color: white !important;
        }
    }

    .nectar-post-grid:not(.custom-aspect-ratio-3-2) .nectar-post-grid-item__read-more {
        background-color: white;

        .link_text {
            color: #f07d00 !important;
        }
    }
}

/* Replace curved-arrow icon with Font Awesome arrow */
.nectar-cta[data-style="curved-arrow-animation"] .link_text svg {
    display: none;
}

.nectar-cta[data-style="curved-arrow-animation"] .link_text::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    vertical-align: middle;
}

/* Page header with featured image - fixed 600px height */
@media only screen and (min-width: 1000px) {
    .admin-bar #page-header-wrap.fullscreen-header,
    .admin-bar #page-header-wrap.fullscreen-header #page-header-bg,
    body.page #page-header-wrap,
    body.page #page-header-bg {
        height: 600px !important;
        min-height: 600px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .admin-bar #page-header-wrap.fullscreen-header #page-header-bg,
    body.page #page-header-wrap,
    body.page #page-header-bg {
        height: 600px !important;
        max-height: 40vh !important;
    }
}

/* Scroll down arrow button styles - for posts and pages */
.single-post .scroll-down-wrap,
body.page .scroll-down-wrap {
    max-width: calc(100vw - 180px);
    bottom: 0 !important;
    /*width: 100% !important;*/
    width: calc(1600px - 180px) !important;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0 !important;
    background: black;
    position: absolute;
    z-index: 100;

    @media only screen and (min-width: 1px) and (max-width: 999px) {
        max-width: 88%;
    }

    &:after {
        background: white;
        content: '';
        width: 100vw;
        height: 50px;
        position: absolute;
        left: 50%;
        right: 0;
        bottom: 0;
        transform: translateX(-50%);
    }
}

.single-post .section-down-arrow,
body.page .scroll-down-wrap .section-down-arrow {
    bottom: 0 !important;
    background: #f07d00;
    border-radius: 50%;
    border: 6px solid white !important;
    opacity: 1 !important;
    width: 100px !important;
    height: 100px !important;
    right: 0;
    left: auto !important;
    margin-left: auto;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Replace scroll-down arrow icons with Font Awesome arrow */
.single-post .section-down-arrow .fa,
body.page .scroll-down-wrap .section-down-arrow .fa {
    display: none;
}

.single-post .section-down-arrow::before,
body.page .scroll-down-wrap .section-down-arrow::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-color: white;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M297.4 566.6C309.9 579.1 330.2 579.1 342.7 566.6L502.7 406.6C515.2 394.1 515.2 373.8 502.7 361.3C490.2 348.8 469.9 348.8 457.4 361.3L352 466.7L352 96C352 78.3 337.7 64 320 64C302.3 64 288 78.3 288 96L288 466.7L182.6 361.3C170.1 348.8 149.8 348.8 137.3 361.3C124.8 373.8 124.8 394.1 137.3 406.6L297.3 566.6z'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M297.4 566.6C309.9 579.1 330.2 579.1 342.7 566.6L502.7 406.6C515.2 394.1 515.2 373.8 502.7 361.3C490.2 348.8 469.9 348.8 457.4 361.3L352 466.7L352 96C352 78.3 337.7 64 320 64C302.3 64 288 78.3 288 96L288 466.7L182.6 361.3C170.1 348.8 149.8 348.8 137.3 361.3C124.8 373.8 124.8 394.1 137.3 406.6L297.3 566.6z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Page header background position options */
#page-header-bg[data-bg-pos="left top"] .page-header-bg-image {
    background-position: left top;
}

#page-header-bg[data-bg-pos="center top"] .page-header-bg-image {
    background-position: center top;
}

#page-header-bg[data-bg-pos="right top"] .page-header-bg-image {
    background-position: right top;
}

#page-header-bg[data-bg-pos="left center"] .page-header-bg-image {
    background-position: left center;
}

#page-header-bg[data-bg-pos="center"] .page-header-bg-image {
    background-position: center center;
}

#page-header-bg[data-bg-pos="right center"] .page-header-bg-image {
    background-position: right center;
}

#page-header-bg[data-bg-pos="left bottom"] .page-header-bg-image {
    background-position: left bottom;
}

#page-header-bg[data-bg-pos="center bottom"] .page-header-bg-image {
    background-position: center bottom;
}

#page-header-bg[data-bg-pos="right bottom"] .page-header-bg-image {
    background-position: right bottom;
}

/** remove padding top on blog pages content wrapper container **/
body.single-post.material[data-bg-header=true] .container-wrap.fullscreen-blog-header {
    padding-top: 0 !important;
}

/** show "mehr erfahren" on mobile devices **/
@media only screen and (max-width: 691px) {
    .nectar-cta.has-icon .link_wrap .link_text {
        display: flex;
    }
}

/** Search result page **/
.search-results .title span {
    display: none !important;
}

/** Breadcrumb **/
.rank-math-breadcrumb a,
.rank-math-breadcrumb span {
    color: #727272 !important
}

.rank-math-breadcrumb a:hover {
    color: #f07d00 !important;
}