/*
Theme Name: Kalin
Theme URI: https://dezigndigital.com.au/themes/kalin/
Author: Dezign Digital
Author URI: https://dezigndigital.com.au/
Description: Kalin offers full-site editing flexibility and cross-browser compatibility. It is a responsive and mobile-friendly theme. Customizing the colors, fonts, typography, layouts, and more is easy. With the help of the powerful block editor, it will be simple to tailor your website to your needs. This theme is carefully crafted and meticulously developed.
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kalin
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, blog, portfolio, news
*/

/* ==========================================================
   LEBEDYN CITY — CATEGORY NEWS
========================================================== */

.lc-news-page {
    --lc-red: #ef321d;
    --lc-red-dark: #c92b19;
    --lc-black: #111317;
    --lc-text: #292d33;
    --lc-gray: #737d89;
    --lc-line: #e5e8ec;
    --lc-light: #f5f6f8;
    --lc-white: #ffffff;

    width: 100%;
    margin: 0;
    padding: 0 0 60px;

    background: #ffffff;

    color: var(--lc-black);
}


/* ==========================================================
   HEADER
========================================================== */

.lc-news-head {
    width: 100%;
    max-width: 1280px !important;

    margin: 0 auto !important;
    padding: 42px 20px 30px !important;
}


.lc-news-kicker {
    margin: 0 0 10px !important;

    display: flex;
    align-items: center;

    gap: 9px;

    color: var(--lc-red);

    font-size: 12px;
    line-height: 1;

    font-weight: 900;

    letter-spacing: .13em;

    text-transform: uppercase;
}


.lc-news-kicker::before {
    content: "";

    display: block;

    width: 27px;
    height: 4px;

    flex: 0 0 27px;

    border-radius: 20px;

    background: var(--lc-red);
}


.lc-news-main-title {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--lc-black);

    font-size: clamp(38px, 5vw, 60px) !important;

    line-height: 1 !important;

    font-weight: 900 !important;

    letter-spacing: -.045em !important;

    text-transform: none !important;
}


.lc-news-description {
    max-width: 700px;

    margin: 12px 0 0 !important;

    color: var(--lc-gray);

    font-size: 16px;
    line-height: 1.55;
}



/* ==========================================================
   CONTAINER
========================================================== */

.lc-news-content {
    width: 100%;
    max-width: 1280px !important;

    margin: 0 auto !important;

    padding-left: 20px !important;
    padding-right: 20px !important;
}



/* ==========================================================
   GRID
========================================================== */

.lc-news-grid {
    width: 100%;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.lc-news-grid > li {
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;
}



/* ==========================================================
   ПЕРША ГОЛОВНА НОВИНА
========================================================== */

.lc-news-grid > li:first-child {
    grid-column: span 2;
    grid-row: span 2;
}



/* ==========================================================
   CARD
========================================================== */

.lc-news-card {
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #fff;

    border: 1px solid var(--lc-line);

    border-radius: 17px;

    box-shadow: none;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.lc-news-card:hover {
    transform: translateY(-4px);

    border-color: #dadde2;

    box-shadow:
        0 15px 35px
        rgba(15, 23, 42, .09);
}



/* ==========================================================
   IMAGE
========================================================== */

.lc-news-image {
    width: 100%;

    margin: 0 !important;

    overflow: hidden;

    background: #f1f3f5;
}


.lc-news-image a {
    display: block;

    width: 100%;
    height: 100%;

    overflow: hidden;
}


.lc-news-image img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;

    transition: transform .45s ease;
}


.lc-news-card:hover .lc-news-image img {
    transform: scale(1.04);
}



/* ==========================================================
   ПЕРША НОВИНА — ВЕЛИКЕ ФОТО
========================================================== */

.lc-news-grid > li:first-child .lc-news-image {
    height: 430px !important;

    aspect-ratio: auto !important;
}


.lc-news-grid > li:first-child .lc-news-image img {
    height: 430px !important;
}



/* ==========================================================
   2 ТА 3 НОВИНА
========================================================== */

.lc-news-grid > li:nth-child(2) .lc-news-image,
.lc-news-grid > li:nth-child(3) .lc-news-image {
    height: 175px !important;

    aspect-ratio: auto !important;
}


.lc-news-grid > li:nth-child(2) .lc-news-image img,
.lc-news-grid > li:nth-child(3) .lc-news-image img {
    height: 175px !important;
}



/* ==========================================================
   BODY
========================================================== */

.lc-news-card-body {
    margin: 0 !important;

    padding: 19px !important;
}



/* ==========================================================
   CATEGORY
========================================================== */

.lc-news-categories {
    margin: 0 0 11px !important;

    font-size: 0;
}


.lc-news-categories a {
    display: inline-flex;

    align-items: center;

    margin: 0 5px 4px 0;

    padding: 6px 9px;

    border-radius: 6px;

    background: var(--lc-red);

    color: #fff !important;

    font-size: 10px !important;

    line-height: 1;

    font-weight: 900;

    letter-spacing: .035em;

    text-decoration: none !important;

    text-transform: uppercase;

    transition: background .2s ease;
}


.lc-news-categories a:hover {
    background: var(--lc-red-dark);
}



/* ==========================================================
   TITLE
========================================================== */

.lc-news-title {
    margin: 0 0 11px !important;

    color: var(--lc-black) !important;

    font-size: 20px !important;

    line-height: 1.27 !important;

    font-weight: 850 !important;

    letter-spacing: -.015em;
}


.lc-news-title a {
    color: inherit !important;

    text-decoration: none !important;

    transition: color .2s ease;
}


.lc-news-title a:hover {
    color: var(--lc-red) !important;
}



/* FIRST TITLE */

.lc-news-grid > li:first-child .lc-news-title {
    font-size: 32px !important;

    line-height: 1.15 !important;

    letter-spacing: -.025em;
}



/* SIDE TITLES */

.lc-news-grid > li:nth-child(2) .lc-news-title,
.lc-news-grid > li:nth-child(3) .lc-news-title {
    font-size: 18px !important;
}



/* ==========================================================
   META
========================================================== */

.lc-news-meta {
    margin: 0 !important;

    gap: 7px !important;

    color: #8a929c;
}


.lc-news-date,
.lc-news-time,
.lc-news-meta-dot {
    margin: 0 !important;

    color: #8a929c !important;

    font-size: 12px !important;

    line-height: 1.4 !important;
}


.lc-news-meta-dot {
    opacity: .7;
}



/* ==========================================================
   EXCERPT
========================================================== */

.lc-news-excerpt {
    margin: 12px 0 0 !important;
}


.lc-news-excerpt p {
    margin: 0 !important;

    color: #68717c;

    font-size: 13.5px;

    line-height: 1.6;
}


/* головна */

.lc-news-grid > li:first-child .lc-news-excerpt p {
    max-width: 820px;

    font-size: 14.5px;

    line-height: 1.65;
}


/* 2 та 3 — без excerpt */

.lc-news-grid > li:nth-child(2) .lc-news-excerpt,
.lc-news-grid > li:nth-child(3) .lc-news-excerpt {
    display: none;
}



/* ==========================================================
   PAGINATION
========================================================== */

.lc-news-pagination {
    margin-top: 45px !important;
    margin-bottom: 10px !important;

    gap: 7px !important;
}


.lc-news-pagination a,
.lc-news-pagination .page-numbers,
.lc-news-pagination .wp-block-query-pagination-previous,
.lc-news-pagination .wp-block-query-pagination-next {
    min-height: 42px;

    padding: 0 14px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border: 1px solid var(--lc-line);

    border-radius: 9px;

    background: #fff;

    color: var(--lc-black);

    font-size: 13px;
    font-weight: 800;

    text-decoration: none !important;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}


.lc-news-pagination a:hover {
    border-color: var(--lc-red);

    color: var(--lc-red);
}


.lc-news-pagination .current {
    border-color: var(--lc-red) !important;

    background: var(--lc-red) !important;

    color: #fff !important;
}



/* ==========================================================
   EMPTY
========================================================== */

.lc-news-empty {
    margin: 30px 0 !important;
    padding: 45px 25px !important;

    border: 1px solid var(--lc-line);

    border-radius: 16px;

    background: var(--lc-light);

    text-align: center;
}



/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1000px) {

    .lc-news-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }


    .lc-news-grid > li:first-child {
        grid-column: span 2;
        grid-row: auto;
    }


    .lc-news-grid > li:first-child .lc-news-image {
        height: 400px !important;
    }


    .lc-news-grid > li:first-child .lc-news-image img {
        height: 400px !important;
    }


    .lc-news-grid > li:nth-child(2) .lc-news-image,
    .lc-news-grid > li:nth-child(3) .lc-news-image {
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
    }


    .lc-news-grid > li:nth-child(2) .lc-news-image img,
    .lc-news-grid > li:nth-child(3) .lc-news-image img {
        height: 100% !important;
    }


    .lc-news-grid > li:nth-child(2) .lc-news-excerpt,
    .lc-news-grid > li:nth-child(3) .lc-news-excerpt {
        display: block;
    }

}



/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 650px) {

    .lc-news-page {
        padding-bottom: 35px;
    }


    .lc-news-head {
        padding:
            28px
            13px
            21px !important;
    }


    .lc-news-main-title {
        font-size: 38px !important;
    }


    .lc-news-description {
        font-size: 14px;
    }


    .lc-news-content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }


    /* одна колонка */

    .lc-news-grid {
        grid-template-columns: 1fr !important;

        gap: 17px !important;
    }


    .lc-news-grid > li:first-child {
        grid-column: auto;
        grid-row: auto;
    }


    /* FIRST */

    .lc-news-grid > li:first-child .lc-news-image {
        height: auto !important;

        aspect-ratio: 16 / 10 !important;
    }


    .lc-news-grid > li:first-child .lc-news-image img {
        height: 100% !important;
    }


    .lc-news-grid > li:first-child .lc-news-title {
        font-size: 24px !important;
    }


    /* ALL IMAGES */

    .lc-news-grid > li:nth-child(n+2) .lc-news-image {
        height: auto !important;

        aspect-ratio: 16 / 9 !important;
    }


    .lc-news-grid > li:nth-child(n+2) .lc-news-image img {
        height: 100% !important;
    }


    /* CARD */

    .lc-news-card {
        border-radius: 14px;
    }


    .lc-news-card-body {
        padding: 16px !important;
    }


    .lc-news-title,
    .lc-news-grid > li:nth-child(2) .lc-news-title,
    .lc-news-grid > li:nth-child(3) .lc-news-title {
        font-size: 19px !important;
    }


    .lc-news-excerpt p {
        font-size: 13px;
    }

}



/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 400px) {

    .lc-news-main-title {
        font-size: 34px !important;
    }


    .lc-news-kicker {
        font-size: 11px;
    }


    .lc-news-grid > li:first-child .lc-news-title {
        font-size: 22px !important;
    }

}


/* ==========================================================
   LEBEDYN CITY — SINGLE POST
========================================================== */

.lc-single-page {
    --lc-red: #ef321d;
    --lc-red-dark: #c92b19;

    --lc-black: #111317;
    --lc-text: #30343a;
    --lc-gray: #77808b;
    --lc-light: #f5f6f8;
    --lc-line: #e5e8ec;

    width: 100%;

    margin: 0;
    padding: 0 0 65px;

    background: #fff;

    color: var(--lc-black);
}


/* ==========================================================
   HEADER
========================================================== */

.lc-single-head {
    width: 100%;
    max-width: 1100px !important;

    margin: 0 auto !important;

    padding:
        48px
        20px
        28px !important;
}


/* CATEGORY */

.lc-single-categories {
    margin: 0 0 17px !important;

    font-size: 0;
}


.lc-single-categories a {
    display: inline-flex;

    margin: 0 6px 6px 0;

    padding: 7px 11px;

    border-radius: 7px;

    background: var(--lc-red);

    color: #fff !important;

    font-size: 11px !important;
    line-height: 1;

    font-weight: 900;

    letter-spacing: .04em;

    text-decoration: none !important;

    text-transform: uppercase;

    transition: background .2s ease;
}


.lc-single-categories a:hover {
    background: var(--lc-red-dark);
}


/* ==========================================================
   TITLE
========================================================== */

.lc-single-title {
    max-width: 1050px;

    margin: 0 !important;

    color: var(--lc-black) !important;

    font-size: clamp(
        37px,
        5vw,
        64px
    ) !important;

    line-height: 1.05 !important;

    font-weight: 900 !important;

    letter-spacing: -.045em !important;

    text-wrap: balance;
}


/* ==========================================================
   META
========================================================== */

.lc-single-meta {
    margin-top: 20px !important;

    gap: 8px !important;

    color: var(--lc-gray);
}


.lc-single-meta p {
    margin: 0 !important;
}


.lc-single-meta-label {
    color: var(--lc-red) !important;

    font-size: 13px !important;

    font-weight: 800;
}


.lc-single-date,
.lc-single-time,
.lc-single-dot {
    color: var(--lc-gray) !important;

    font-size: 13px !important;
}


.lc-single-dot {
    opacity: .65;
}


/* ==========================================================
   HERO IMAGE
========================================================== */

.lc-single-hero-wrap {
    max-width: 1200px !important;

    margin: 0 auto !important;

    padding: 0 20px !important;
}


.lc-single-hero {
    margin: 0 !important;

    overflow: hidden;

    border-radius: 20px;

    background: var(--lc-light);

    box-shadow:
        0 10px 35px
        rgba(15,23,42,.07);
}


.lc-single-hero img {
    width: 100% !important;
    height: auto !important;

    aspect-ratio: 16 / 9;

    display: block;

    object-fit: cover;
}


/* ==========================================================
   BODY
========================================================== */

.lc-single-body-wrap {
    width: 100%;
    max-width: 860px !important;

    margin: 0 auto !important;

    padding:
        35px
        20px
        0 !important;
}


/* ==========================================================
   SHARE
========================================================== */

.lc-single-share {
    margin: 0 0 32px !important;

    padding:
        15px
        17px !important;

    border: 1px solid var(--lc-line);

    border-radius: 13px;

    background: #fafafa;
}


.lc-single-share-label {
    margin: 0 !important;

    color: #5e6670;

    font-size: 13px;
    font-weight: 700;
}


.lc-share-buttons {
    display: flex;

    align-items: center;

    gap: 7px;
}


.lc-share-button {
    width: 36px;
    height: 36px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    color: #fff !important;

    font-size: 15px;

    cursor: pointer;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.lc-share-button:hover {
    transform: translateY(-2px);

    box-shadow:
        0 5px 13px
        rgba(0,0,0,.15);
}


.lc-share-facebook {
    background: #1877f2;
}


.lc-share-telegram {
    background: #229ed9;
}


.lc-share-copy {
    background: #111317;
}


.lc-share-copy.is-copied {
    background: #22a447;
}


/* ==========================================================
   ARTICLE CONTENT
========================================================== */

.lc-single-content {
    color: var(--lc-text);

    font-size: 18px;

    line-height: 1.78;
}


/* PARAGRAPH */

.lc-single-content p {
    margin:
        0
        0
        1.45em !important;
}


/* LEAD — ПЕРШИЙ АБЗАЦ */

.lc-single-content > p:first-child {
    color: #24282d;

    font-size: 21px;

    line-height: 1.65;

    font-weight: 500;
}


/* HEADINGS */

.lc-single-content h2 {
    margin:
        1.7em
        0
        .7em !important;

    color: var(--lc-black);

    font-size: 31px !important;

    line-height: 1.18 !important;

    font-weight: 900 !important;

    letter-spacing: -.025em;
}


.lc-single-content h3 {
    margin:
        1.6em
        0
        .65em !important;

    color: var(--lc-black);

    font-size: 24px !important;

    line-height: 1.25 !important;

    font-weight: 850 !important;
}


/* LINKS */

.lc-single-content a {
    color: var(--lc-red);

    text-decoration-color:
        rgba(239,50,29,.35);

    text-underline-offset: 3px;

    transition: color .2s ease;
}


.lc-single-content a:hover {
    color: var(--lc-red-dark);
}


/* BOLD */

.lc-single-content strong {
    color: #1c2025;

    font-weight: 800;
}


/* LIST */

.lc-single-content ul,
.lc-single-content ol {
    margin:
        0
        0
        1.6em !important;

    padding-left: 1.5em !important;
}


.lc-single-content li {
    margin-bottom: .55em;
}


/* QUOTE */

.lc-single-content blockquote {
    position: relative;

    margin:
        35px
        0 !important;

    padding:
        23px
        25px
        23px
        28px !important;

    border: 0 !important;

    border-left:
        5px solid
        var(--lc-red) !important;

    border-radius:
        0
        12px
        12px
        0;

    background: #f7f7f8;

    color: #34383e;
}


.lc-single-content blockquote p {
    margin: 0 !important;

    font-size: 19px;

    line-height: 1.65;

    font-weight: 550;
}


/* IMAGES IN CONTENT */

.lc-single-content figure {
    margin:
        32px
        0 !important;
}


.lc-single-content figure img {
    display: block;

    width: 100%;

    border-radius: 13px;
}


.lc-single-content figcaption {
    margin-top: 8px !important;

    color: #8a929c;

    font-size: 12px;

    line-height: 1.5;

    text-align: left;
}


/* VIDEO */

.lc-single-content iframe {
    width: 100%;

    max-width: 100%;

    border-radius: 13px;
}


/* TABLE */

.lc-single-content table {
    width: 100%;

    border-collapse: collapse;

    font-size: 15px;
}


.lc-single-content th,
.lc-single-content td {
    padding: 12px;

    border: 1px solid var(--lc-line);
}


.lc-single-content th {
    background: var(--lc-light);

    color: var(--lc-black);

    font-weight: 800;
}


/* SEPARATOR */

.lc-single-content hr {
    margin:
        40px
        0 !important;

    border: 0;

    border-top: 1px solid var(--lc-line);
}


/* ==========================================================
   EDITOR BOX
========================================================== */

.lc-single-editor {
    margin-top: 45px !important;

    padding:
        18px
        20px !important;

    gap: 15px !important;

    border-top: 1px solid var(--lc-line);

    border-bottom: 1px solid var(--lc-line);
}


.lc-single-editor-logo {
    width: 58px !important;

    margin: 0 !important;
}


.lc-single-editor-logo img {
    width: 58px !important;
    height: 58px !important;

    padding: 7px;

    border: 1px solid var(--lc-line);

    border-radius: 50%;

    background: #fff;
}


.lc-single-editor-small {
    margin: 0 0 3px !important;

    color: var(--lc-gray);

    font-size: 12px;
}


.lc-single-editor-name {
    margin: 0 !important;

    color: var(--lc-black);

    font-size: 16px;

    font-weight: 850;
}


/* ==========================================================
   POST NAVIGATION
========================================================== */

.lc-single-prev,
.lc-single-next {
    display: block;

    margin-top: 18px !important;

    padding:
        18px
        20px;

    border: 1px solid var(--lc-line);

    border-radius: 12px;

    background: #fff;

    color: var(--lc-black) !important;

    text-decoration: none !important;

    transition:
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


.lc-single-prev:hover,
.lc-single-next:hover {
    border-color:
        rgba(239,50,29,.45);

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px
        rgba(15,23,42,.06);
}


.lc-single-prev a,
.lc-single-next a {
    color: inherit !important;

    text-decoration: none !important;
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 700px) {

    .lc-single-page {
        padding-bottom: 40px;
    }


    .lc-single-head {
        padding:
            30px
            14px
            20px !important;
    }


    .lc-single-title {
        font-size: 35px !important;

        line-height: 1.08 !important;
    }


    .lc-single-meta {
        margin-top: 14px !important;
    }


    .lc-single-hero-wrap {
        padding:
            0
            12px !important;
    }


    .lc-single-hero {
        border-radius: 13px;
    }


    .lc-single-body-wrap {
        padding:
            24px
            15px
            0 !important;
    }


    .lc-single-share {
        margin-bottom: 25px !important;
    }


    .lc-single-content {
        font-size: 16.5px;

        line-height: 1.72;
    }


    .lc-single-content > p:first-child {
        font-size: 18px;

        line-height: 1.65;
    }


    .lc-single-content h2 {
        font-size: 26px !important;
    }


    .lc-single-content h3 {
        font-size: 21px !important;
    }


    .lc-single-content blockquote {
        margin:
            27px
            0 !important;

        padding:
            18px
            18px
            18px
            20px !important;
    }


    .lc-single-content blockquote p {
        font-size: 17px;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 420px) {

    .lc-single-title {
        font-size: 31px !important;
    }


    .lc-single-categories a {
        padding:
            6px
            9px;

        font-size: 10px !important;
    }


    .lc-single-share {
        padding:
            13px
            14px !important;
    }


    .lc-share-button {
        width: 34px;
        height: 34px;
    }

}