/*
Theme Name: NTV-Theme
Theme URI: https://farn.de
Author: FARN Digital GmbH
Author URI: https://www.farn.de
Text Domain: ntv-theme
Version: 1.1.7
*/

/*
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "liga", "clig";
    -moz-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "lnum";
    -moz-font-feature-settings: "liga", "lnum";
    font-feature-settings: "liga", "lnum";
    -webkit-tap-highlight-color: rgba(0,0,0,0);
} */
/* Headings */

:root {
    --wp--preset--font-size--h1: clamp(24px, 1.5rem + 1vw, 32px);
    --wp--preset--font-size--h2: clamp(20px, 1.25rem + 0.75vw, 24px);
    --wp--preset--font-size--h3: clamp(18px, 1.125rem + 0.5vw, 20px);
    --wp--preset--font-size--h4: clamp(16px, 1rem + 0.25vw, 18px);
    --wp--preset--font-size--h5: clamp(14px, 0.875rem + 0.25vw, 16px);
    --wp--preset--font-size--h6: clamp(12px, 0.75rem + 0.25vw, 14px);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    text-decoration: none !important;
}
.wp-block-heading.is-style-special-headline {
    font-family: "Druk Web";
}
h1.wp-block-heading.is-style-special-headline,
h2.wp-block-heading.is-style-special-headline {
    font-size: 3.2rem;
    letter-spacing: 1px;
}
p + .wp-block-heading {
    margin-top: 4rem;
}

p + .wp-block-heading {
    margin-top: 2rem;
}

/* styles for body when channelizer is not active */
body.wp-theme-ntv-theme {
    background-color: #fff;
    height: 100%;
}
body.burgerbutton-open {
    overflow: hidden;
}
header {
    position: relative;
    z-index: 10;
    margin-bottom: 2rem;
}
header > .wp-block-group > p:has(+ .wp-block-group > .wp-block-search) {
    padding-right: 5vw;
    max-width: 960px;
}
header nav {
    margin-top: 0;
}
header nav ul {
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
    flex-wrap: wrap;
}
header nav ul li {
    width: 100%;
}
header nav ul li::before {
    color: var(--wp--preset--color--monza);
    background-color: var(--wp--preset--color--light-monza);
    border-radius: 9999px;
    padding: 5px;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    margin-left: 5px;
    box-sizing: border-box;
}
header nav ul li a {
    font-weight: 600;
    padding: 20px 5px 20px 0;
    font-size: 16px;
}
header .has-oxford-blue-background-color nav{
    display: none;
}
header .has-oxford-blue-background-color nav ul{
    flex-direction: row !important;
}
header .has-oxford-blue-background-color nav ul li {
    width: auto;
}
header .has-oxford-blue-background-color nav ul li:last-child a {
    padding-right: 0;
}
header .has-oxford-blue-background-color nav ul li:first-child a {
    padding-left: 0;
}
header .has-oxford-blue-background-color nav ul li,
header .has-oxford-blue-background-color nav ul li.current-menu-item,
header .has-oxford-blue-background-color nav ul li:has(a:hover) {
    border-bottom: none;
}
header .has-oxford-blue-background-color nav ul li a {
    color: var(--wp--preset--color--white) !important;
    padding: 18px 16px;
}
header nav ul li a:hover {
    color: var(--wp--preset--color--monza) !important;
}

/* search block */
.wp-block-search .wp-block-search__inside-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
    order: 2;
    position: absolute;
    transform: translateX(-100%);
    z-index: 10;
    border-top: 1px solid black !important;
    border-left: 1px solid black !important;
    border-bottom: 1px solid black !important;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-2e7e087d-3c8d-4c9a-9b08-66587a5e2e05' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8,9.49l-5.22,5.22c-.2.2-.44.29-.75.29s-.55-.1-.75-.29-.29-.44-.29-.75.1-.55.29-.75l5.22-5.22L1.29,2.78c-.2-.2-.29-.44-.29-.75s.1-.55.29-.75.44-.29.75-.29.55.1.75.29l5.22,5.22L13.22,1.29c.2-.2.44-.29.75-.29s.55.1.75.29.29.44.29.75-.1.55-.29.75l-5.22,5.22,5.22,5.22c.2.2.29.44.29.75s-.1.55-.29.75-.44.29-.75.29-.55-.1-.75-.29l-5.22-5.22Z'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
input[type="search"]:-webkit-autofill,
input[type="search"]:autofill {
    box-shadow: 0 0 0 1000px #fff inset !important;
}
.wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-element-button {
    padding-right: 0;
}
.wp-block-search:not(.wp-block-search__searchfield-hidden)
    .wp-element-button
    .search-icon {
    border-bottom: 1px solid black;
}
.wp-block-search .wp-element-button .search-icon {
    transform: scaleX(-1);
}
.wp-block-search .wp-element-button:hover .search-icon {
    border-bottom: 1px solid black;
}
.wp-block-search .wp-block-search__input {
    font-size: 0.875rem;
    appearance: none !important;
    border: none !important;
    outline: none !important;
    border-bottom: 1px solid black !important;
    height: 24px;
}

/* Search block container */
header .wp-block-search {
    background: #fff;
    transition: width ease-in-out 0.5s;
    -webkit-transition: width ease-in-out 0.5s;
    -moz-transition: width ease-in-out 0.5s;
    -ms-transition: width ease-in-out 0.5s;
    -o-transition: width ease-in-out 0.5s;
}

/* header .wp-block-search:not(.wp-block-search__searchfield-hidden) {
    width: calc(100% - 40px);
} */

/* Search Icon */
header .wp-block-search__button {
    width: 30px;
    height: 40px;
    background-color: unset;
    color: #000000;
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7503 17.9163L13.917 13.083C14.917 11.833 15.5837 10.2497 15.5837 8.49967C15.5837 4.58301 12.417 1.33301 8.50033 1.33301C4.58366 1.33301 1.41699 4.49967 1.41699 8.49967C1.41699 12.4163 4.58366 15.583 8.50033 15.583C10.2503 15.583 11.8337 14.9163 13.0837 13.9163L17.917 18.7497L18.7503 17.9163ZM2.66699 8.49967C2.66699 5.24967 5.33366 2.58301 8.50033 2.58301C11.667 2.58301 14.3337 5.24967 14.3337 8.49967C14.3337 11.7497 11.667 14.333 8.50033 14.333C5.33366 14.333 2.66699 11.7497 2.66699 8.49967Z' fill='%230A1923'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
}

/* Search icon size */
header .wp-block-search__button svg {
    display: none;
}

.wp-block-search:not(.wp-block-search__searchfield-hidden)
    .wp-block-search__button {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
}

/* Search input field */
header .wp-block-search .wp-block-search__input {
    height: 40px;
}

/* Links */
a:where(:not(.wp-element-button)),
a {
    text-decoration: none;
}
.hmg-channelizer-content-area :where(li a:where(:not(.wp-element-button))) {
    color: var(--wp--preset--color--monza);
}
.wp-block-categories-list li a:where(:not(.wp-element-button)) {
    color: black;
}
mark {
    background-color: #fce5cc !important;
}
a.eafl-link:hover {
    color: var(--theme-monza-darker);
}
ul.wp-block-list li a {
    color: var(--color-monza);
}
ul.wp-block-list li a:hover {
    color: var(--theme-monza-dark);
}

/* seperator */
hr.wp-block-separator {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    /* max-width: 800px !important; */
}

/* widths */
.alignfull {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-top: 3rem;
}
.alignwide {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-cover.alignfull > .wp-block-cover__inner-container,
.wp-block-group.alignfull {
    width: 100%;
}
.entry-content > :not(.alignwide):not(.alignfull),
.wp-block-cover.alignfull
    > .wp-block-cover__inner-container
    > :not(.alignwide):not(.alignfull),
.wp-block-group.alignfull > :not(.alignwide):not(.alignfull),
.wp-site-blocks
    > :not(.alignwide):not(.alignfull):not(.wp-block-template-part):not(.entry-content) {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.wp-site-blocks
    > :not(.alignwide):not(.alignfull):not(.wp-block-template-part):not(.entry-content) {
    max-width: 960px;
}

/* general paddings and margins for groups */
.wp-block-group.alignfull.has-background,
.wp-block-cover.alignfull {
    padding: 32px 0;
}
.alignfull + * {
    margin-top: 32px;
}
.alignfull + .alignfull,
.alignfull + footer {
    margin-top: 0 !important;
}
.entry-content > *:last-child:not(.alignfull) {
    margin-bottom: 32px;
}
.entry-content > .wp-block-group:has(+ .wp-block-group),
.entry-content > .wp-block-group:has(+ .wp-block-columns),
.entry-content > .wp-block-columns:has(+ .wp-block-group),
.entry-content > .wp-block-columns:has(+ .wp-block-columns) {
    margin-bottom: 98px !important;
}
.entry-content > .wp-block-group + .wp-block-group,
.entry-content > .wp-block-group + .wp-block-columns,
.entry-content > .wp-block-columns + .wp-block-group,
.entry-content > .wp-block-columns + .wp-block-columns {
    margin-top: 98px !important;
}

/* categories lists */
.wp-block-categories-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 2rem;
    column-count: 4;
    column-gap: 3rem;
    column-rule: 1px solid var(--wp--preset--color--aqua-haze);
}
.wp-block-categories-list li {
    line-height: 1.2;
    margin-bottom: 10px;
}
.wp-block-categories-list li a {
    text-decoration: none;
    font-family: "ClassicGrotesquePro", sans-serif;
    font-size: 1.1rem;
    hyphens: auto;
    line-height: 1.2 !important;
    display: inline-block;
    font-weight: normal;
}

/* buttons */
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: var(--wp--preset--color--monza-darker) !important;
}

/* query-loop-blocks and columns */
.wp-block-query .wp-block-post-template .wp-block-post,
.wp-block-column,
.linked-query .teaser {
    position: relative;
}

/* cover-blocks */
.wp-block-cover.alignfull.has-custom-content-position {
    padding: 2rem !important;
}

/* tables */
.wp-block-table {
    margin-top: 2rem;
}
.alignfull.wp-block-table {
    width: 90% !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}
.wp-block-table table {
    border: none !important;
    overflow-y: auto;
    display: block;
    width: 100%;
}
.wp-block-table table thead {
    text-align: justify;
    border: none !important;
}
.wp-block-table table td {
    vertical-align: baseline;
    border: none !important;
    min-width: 120px !important;
}
.wp-block-table table th {
    border: none !important;
    min-width: 120px !important;
    text-align: left;
}
.wp-block-table table tr {
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.wp-block-table a {
    text-decoration: none;
    color: var(--wp--preset--color--monza);
}

.wp-block-table figcaption {
    text-align: right;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 1rem;
}

.wp-block-group.is-style-mobile-horizontal-scroll {
    overflow-y: auto;
}

/* general tooltips */
.has-ntv-tooltip.tooltip-icon::after,
.has-ntv-tooltip[data-show-tooltip-icon="true"]::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23888888' d='M25,50C11.21,50,0,38.79,0,25S11.21,0,25,0s25,11.21,25,25-11.21,25-25,25ZM25,5.48C14.24,5.48,5.48,14.24,5.48,25s8.76,19.52,19.52,19.52,19.52-8.76,19.52-19.52S35.76,5.48,25,5.48ZM28.47,34.98v-9.59c0-1.91-1.55-3.47-3.47-3.47s-3.47,1.55-3.47,3.47v9.59c0,1.91,1.55,3.47,3.47,3.47s3.47-1.55,3.47-3.47ZM25,11.56c-1.91,0-3.47,1.55-3.47,3.47s1.55,3.47,3.47,3.47,3.47-1.55,3.47-3.47-1.55-3.47-3.47-3.47Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    transform: translateY(-1px);
}
.ntv-tooltip-box {
    position: fixed;
    max-width: 250px;
    background-color: #fff;
    color: #000;
    padding: 12px;
    border-radius: 10px;
    font-size: 0.75rem;
    z-index: 9999;
    pointer-events: none;
    white-space: normal;
    line-height: 1.4;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: opacity 0.15s ease;
}
.ntv-tooltip-box p {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin: 0 0 0.5em 0;
    padding: 0;
}

/* .ntv-tooltip-box p:nth-of-type(1):before {
    content: "";
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0004 5.70955L2.10743 0.496891C1.24041 -0.0758359 0.0854492 0.546027 0.0854492 1.58423V11.73C0.0854492 12.168 0.305241 12.5765 0.670328 12.8179L9.28183 18.5056C9.71772 18.7935 10.283 18.7935 10.7184 18.5056L19.3299 12.8179C19.695 12.5765 19.9148 12.168 19.9148 11.73V1.58423C19.9148 0.545498 18.7598 -0.0758359 17.8928 0.496362L9.99933 5.70955H10.0004Z' fill='%23FF6038'/%3E%3Cpath d='M5.43274 9.12155C4.74431 9.62718 4.39982 10.8049 5.10411 11.4362C5.53101 11.8325 6.34149 11.8695 6.78847 11.459C7.31048 11.0183 7.35645 10.2274 6.97551 9.67262C6.65639 9.16541 6.04404 8.68091 5.47289 9.09355L5.43274 9.12155Z' fill='black'/%3E%3Cpath d='M15.3371 11.1573C15.1987 11.1573 15.0597 11.1044 14.9541 10.9988C14.4437 10.4884 13.6137 10.4884 13.1038 10.9988C12.8925 11.2101 12.549 11.2101 12.3377 10.9988C12.1264 10.7874 12.1264 10.444 12.3377 10.2327C12.79 9.78041 13.3907 9.53156 14.0289 9.53156C14.6672 9.53156 15.2684 9.78041 15.7202 10.2327C15.9315 10.444 15.9315 10.7874 15.7202 10.9988C15.6145 11.1044 15.4755 11.1573 15.3371 11.1573Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
} */

/* replace emojis */
.emoji_star::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7.55456 1.70738C7.38015 1.17013 6.62006 1.17013 6.44506 1.70738L5.55898 4.43388C5.52081 4.55093 5.4466 4.6529 5.34695 4.7252C5.2473 4.7975 5.12734 4.83641 5.00423 4.83638H2.13773C1.57306 4.83638 1.33739 5.55971 1.79473 5.89221L4.11406 7.57688C4.21369 7.64931 4.28784 7.75142 4.32587 7.86857C4.36391 7.98572 4.36389 8.11191 4.32581 8.22905L3.44031 10.9555C3.26531 11.4928 3.88073 11.9402 4.33748 11.6077L6.65681 9.92305C6.7565 9.85058 6.87657 9.81155 6.99981 9.81155C7.12305 9.81155 7.24313 9.85058 7.34281 9.92305L9.66214 11.6077C10.1189 11.9402 10.7343 11.4934 10.5593 10.9555L9.67381 8.22905C9.63573 8.11191 9.63571 7.98572 9.67375 7.86857C9.71179 7.75142 9.78593 7.64931 9.88556 7.57688L12.2049 5.89221C12.6616 5.55971 12.4271 4.83638 11.8619 4.83638H8.99481C8.8718 4.83629 8.75197 4.79731 8.65244 4.72503C8.55291 4.65274 8.47878 4.55083 8.44065 4.43388L7.55456 1.70738Z' fill='%23DC0028'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: sub;
}

/* media queries -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 600px) {
    .wp-block-table table {
        display: table;
    }
    .alignfull.wp-block-table {
        width: 95% !important;
    }
    header .has-oxford-blue-background-color nav{
        display: flex;
    }
}
@media only screen and (min-width: 782px) {
    /* query loop blocks and columns */

    .wp-block-group.is-style-mobile-horizontal-scroll {
        overflow-y: unset;
    }
    .hb_custom_logo_link {
        margin-left: 50% !important;
        transform: translate(-50%);
        display: block;
    }
}
@media only screen and (min-width: 990px) {
    /* cover-blocks */
    .wp-block-cover.alignfull.has-custom-content-position {
        padding: 8rem !important;
    }

    /* paddings and margins for alignfull blocks */
    .alignfull {
        margin-top: 6rem;
    }
    .wp-block-group.alignfull.has-background,
    .wp-block-cover.alignfull {
        padding: 6rem 0;
    }
    .alignfull + * {
        margin-top: 6rem;
    }
    .entry-content > *:last-child:not(.alignfull) {
        margin-bottom: 6rem;
    }

    header > .wp-block-group > p:has(+ .wp-block-group > .wp-block-search) {
        padding-right: 0;
    }
    header .wp-block-search {
        position: relative;
        order: 3;
        right: unset;
    }

    /* header .wp-block-search:not(.wp-block-search__searchfield-hidden) {
        width: 30%;
    } */

    header .wp-block-search__button {
        background-size: 20px;
        background-position: right;
    }
    header nav ul {
        display: flex;
        flex-direction: row !important;
    }
    header nav ul li {
        border-bottom: 2px solid white;
        width: auto;
    }
    header nav ul li.current-menu-item,
    header nav ul li:has(a:hover) {
        border-bottom: 2px solid var(--wp--preset--color--monza);
    }
    header nav ul li::before {
        margin-left: 15px;
    }
    header nav ul li a {
        padding: 10px 15px 10px 0;
    }
}

@media only screen and (min-width: 1024px) {
}

/* special media query for padding fix */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #hmg-channelizer-content-area {
        width: calc(100% + 68px);
        margin-left: -34px;
    }
}

/* special media query for content width plus 10vw */
@media only screen and (min-width: calc(1200px + 10vw)) {
}

/* special media query for mobile font sizes */
@media only screen and (max-width: 600px) {
    h1,
    h1 {
        font-size: 2rem;
        line-height: 1.1875;
    }
    h2 {
        font-size: 1.5rem;
        line-height: 1.33;
    }
    h3 {
        font-size: 1.125rem;
        line-height: 1.22;
    }
    h4 {
        font-size: 1rem;
        line-height: 1.3125;
    }
}