/*
Theme Name:     Newspaper Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        9.0c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/


.tdb-author-img {
    padding-bottom: unset !important;
    aspect-ratio: 496 / 650;
}

.td_block_wrap.tdc-no-posts {
    display: none;
}

.nf-post-excerpt p {
    font-family: var(--secondary-font) !important;
    font-size: clamp(1.125rem, 1.038rem + 0.4348vw, 1.4375rem);
	font-weight: 400;
	line-height: 1.8;
    margin-bottom: 4rem;
    color: var(--tt-hover)
}

/* Condensed by CSS (Open Sans Condensed) */
.td-module-title,
.td-block-title,
.tdb-title-text,
body .tdb-category-title .tdb-title-text,
.condensed-font,
.td-module-meta-info .td-post-category,
.entry-category,
.td-footer-template-wrap,
.td-header-template-wrap,
body .td_block_inner .td-module-title, 
body .td_block_inner .td-block-title,
body .td_block_title .td-block-title span,
body .td-module-title .tdm-btn,
.td-footer-template-wrap .tdm_block_inline_text.condensed-font .tdm-descr,
body .td_block_wrap .td_block_inner .td-tc-tab-txt,
.nf-is-advertorial .td-module-thumb::before,
.nf-is-advertorial .td-image-container::before,
.nf-is-advertorial .tdb-module-img::before,
.nf-advertorial-single-badge,
.wp-block-heading,
.tdb-entry-category,
.tds-button,
.nf-ausgabe__button,
.nf-portrait__button,
.nf-ausgabe__title {
    font-family: var(--primary-font) !important;
	font-stretch: 75% !important;
	font-variation-settings: "wdth" 75 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
}

body .td-theme-wrap .tdb-category-title {
    text-align: left;
    background-color: #000000;
    padding: 0 1em;
    line-height: 1.2;
}

body .tdb-category-title .tdb-title-text {
    color: white;
}

.tdb_single_content .wp-block-heading {
    font-weight: 600 !important;
}

body .td_block_wrap .tdm-btn {
    font-weight: 400 !important;
}

.nf-best-of-design__card .nf-best-of-design__description {
    font-family: var(--primary-font) !important;
	font-stretch: 75% !important;
	font-variation-settings: "wdth" 75 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.tds-button .tdm-btn::before {
    border-width: 1px !important;
}

.tds-button .tdm-btn i {
    display: none !important;
}

.td-footer-template-wrap .tdm_block_inline_text .tdm-descr {
    font-stretch: 100% !important;
    font-variation-settings: normal !important;
    text-transform: none !important;
}

.td-scroll-up[data-style="style1"] {
    background-color: #828282 !important;
}

/* Ausgaben */
.nf-ausgaben {
    display: grid;
    grid-template-columns: repeat(var(--nf-ausgaben-columns, 4), minmax(0, 1fr));
    column-gap: var(--nf-ausgaben-gap-x, 24px);
    row-gap: var(--nf-ausgaben-gap-y, 32px);
}

.nf-ausgabe {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: var(--nf-ausgaben-text-color, inherit);
}

.nf-ausgabe__link {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.nf-ausgabe__media {
    display: block;
    overflow: hidden;
    aspect-ratio: var(--nf-ausgaben-image-ratio, 3 / 4);
    background: #f5f5f5;
}

.nf-ausgabe__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.nf-ausgabe:hover .nf-ausgabe__image {
    transform: scale(1.04);
}

.nf-ausgabe__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 16px;
}

.nf-ausgabe__title {
    color: var(--nf-ausgaben-title-color, inherit);
    display: block;
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.2;
    font-weight: inherit;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .nf-ausgaben {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Portraits */
.nf-portraits {
    display: grid;
    column-gap: var(--nf-portraits-gap-x, 24px);
    row-gap: var(--nf-portraits-gap-y, 24px);
    color: var(--nf-portraits-text-color, inherit);
}

.nf-portraits--cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.nf-portraits--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nf-portraits--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nf-portraits--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nf-portraits--cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.nf-portraits--cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.nf-portrait {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.nf-portrait__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--nf-portraits-text-color, inherit);
    text-decoration: none;
}

.nf-portrait__link:hover,
.nf-portrait__link:focus {
    color: var(--nf-portraits-text-color, inherit);
    text-decoration: none;
}

.nf-portrait__media {
    display: block;
    aspect-ratio: 496 / 650;
    overflow: hidden;
    background: #f5f5f5;
}

.nf-portrait__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    transition: transform 0.35s ease;
    transform: scale(1);
}

.nf-portrait__link:hover .nf-portrait__image,
.nf-portrait__link:focus .nf-portrait__image {
    transform: scale(1.045);
}

.nf-portrait__content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding-top: 16px;
    color: var(--nf-portraits-text-color, inherit);
}

.nf-portrait__body {
    flex: 1 1 auto;
}

.nf-portrait__title {
    display: block;
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.2;
    font-weight: inherit;
    color: var(--nf-portraits-title-color, var(--nf-portraits-text-color, inherit));
    text-transform: uppercase;
}

.nf-portrait__excerpt {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    color: var(--nf-portraits-excerpt-color, var(--nf-portraits-text-color, inherit));
}

.nf-portrait__excerpt p {
    margin: 0 0 12px;
    font-family: var(--secondary-font) !important;
}

.nf-portrait__footer {
    display: block;
    margin-top: auto;
}

.nf-portrait__button, .nf-ausgabe__button {
    display: inline-block;
    margin-top: 8px;
    color: var(--nf-portraits-button-color, var(--nf-portraits-text-color, inherit));
    background: var(--nf-portraits-button-bg, transparent);
    border: 1px solid var(--nf-portraits-button-border-color, currentColor);
    padding: 8px 14px;
    text-decoration: none;
    line-height: 1.2;
    border-color: white;
}

.nf-portrait__link:hover .nf-portrait__button,
.nf-portrait__link:focus .nf-portrait__button {
    color: var(--tt-accent-color);
    text-decoration: none;
}

.nf-ausgabe__link:hover ~ .nf-ausgabe__content .nf-ausgabe__button {
    color: var(--tt-primary-color);
    text-decoration: none;
}

.nf-best-of-design__card:hover .nf-best-of-design__description {
    text-decoration: underline;
}

.nf-portraits--teaser .nf-portrait__excerpt {
    display: none;
}

@media (max-width: 1024px) {
    .nf-portraits--cols-4,
    .nf-portraits--cols-5,
    .nf-portraits--cols-6 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Best of Design */
.nf-best-of-design {
    --nf-bod-columns: 3;
    --nf-bod-gap-x: 24px;
    --nf-bod-gap-y: 32px;
    --nf-bod-image-ratio: 4 / 3;
    --nf-bod-title-color: inherit;
    --nf-bod-text-color: inherit;
    --nf-bod-button-color: currentColor;
    --nf-bod-button-bg: transparent;
    --nf-bod-button-border-color: currentColor;
    display: grid;
    grid-template-columns: repeat(var(--nf-bod-columns), minmax(0, 1fr));
    column-gap: var(--nf-bod-gap-x);
    row-gap: var(--nf-bod-gap-y);
}

.nf-best-of-design__card {
    color: inherit;
    display: flex;
    flex-direction: column;
    min-width: 0;
    text-decoration: none;
}

.nf-best-of-design__card:hover .nf-best-of-design__image {
    transform: scale(1.04);
}

.nf-best-of-design__media {
    aspect-ratio: var(--nf-bod-image-ratio);
    background: #f5f5f5;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.nf-best-of-design__image {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
    width: 100%;
}

.nf-best-of-design__placeholder {
    background: #f5f5f5;
    display: block;
    height: 100%;
    width: 100%;
}

.nf-best-of-design__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding-top: 14px;
}

.nf-best-of-design__title {
    display: block;
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.2;
    font-weight: inherit;
    color: var(--nf-bod-title-color);
    text-transform: uppercase;
}

.nf-best-of-design__description {
    color: var(--nf-bod-text-color);
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 8px;
}

.nf-best-of-design__button {
    align-self: flex-start;
    background: var(--nf-bod-button-bg);
    border: 1px solid var(--nf-bod-button-border-color);
    color: var(--nf-bod-button-color);
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    margin-top: auto;
    padding: 0.75em 1em;
    transform: translateY(16px);
}

@media (max-width: 900px) {
    .nf-best-of-design {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 540px) {
    .nf-best-of-design {
        grid-template-columns: 1fr;
    }
}

body .td_flex_block .td-excerpt,
body .td-cpt-post .td-excerpt,
body .td_block_wrap .td-excerpt{
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  column-count: unset !important;
  font-family: var(--secondary-font) !important;
}

.td_flex_block .entry-title,
.td-cpt-post .entry-title,
.nf-portrait__excerpt {
    line-height: 1.2;
    min-height: 2.4em;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    column-count: unset !important;
}