/*
*
* Theme Name: TV Blog
*/


@font-face {
    font-family: 'Euclid-Circular-B';
    /* src: url('./fonts/EuclidCircularB-Semibold-WebS.eot');
    src: url('./fonts/EuclidCircularB-Semibold-WebS.eot') format('embedded-opentype'),
        url('./fonts/EuclidCircularB-Semibold-WebS.woff2') format('woff2'),
        url('./fonts/EuclidCircularB-Semibold-WebS.woff') format('woff'),
        url('./fonts/EuclidCircularB-Semibold-WebS.ttf') format('truetype'),
        url('./fonts/EuclidCircularB-Semibold-WebS.svg') format('svg'); */
    src: url('./fonts/EuclidCircularB-Semibold-WebXL.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

html {
    height: 100%;
    width: 100%;
    min-width: 320px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
}

html::-webkit-scrollbar {
    width: 8px;
    background-color: #f1f1f1;
}

html::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}

.scrollbar::-webkit-scrollbar {
    width: 8px;
    border-radius: 8px;
    background-color: #fff;
}

.scrollbar::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border: 2px solid #fff;
    border-radius: 8px;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #B2B5BE;
}

.scrollbar::-webkit-scrollbar-thumb:active {
    background-color: #9598A1;
}

.scrollbar:hover::-webkit-scrollbar {
    width: 8px;
}

/*scrollbar*/
body {
    position: relative;
    font-family: "-apple-system", "system-ui", "BlinkMacSystemFont", "Trebuchet MS", Roboto, Ubuntu, sans-serif;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    margin: 0;

    color: var(--cold-gray-900);
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
}

@media(max-width: 992px) {
    body.open {
        overflow: hidden;
    }
}

input,
textarea,
select {
    font-family: 'SF Pro Display', 'Trebuchet MS', 'Roboto', 'SegoeUI', 'Ubuntu', 'sans-serif';
}

.clear {
    clear: both;
}

.alignnone {
    margin: 7px 0 24px 0;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-main ul, .site-main ol {
    margin-bottom: 24px;
}

.entry-content ul {
    margin-left: 19px;
}

[dir="rtl"] .entry-content ul {
    margin-right: 19px;
    margin-left: 0;
}

.entry-content ol li {
    margin-bottom: 12px;
    font-size: 20px;
}

.entry-content ul>li {
    position: relative;
    margin: 0 0 12px;
    font-size: 20px;
}

.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul,
.entry-content ol ol {
    margin: 12px 0 0 19px;
}

[dir="rtl"] .entry-content ul ul,
[dir="rtl"] .entry-content ul ol,
[dir="rtl"] .entry-content ol ul,
[dir="rtl"] .entry-content ol ol {
    margin: 12px 19px 0 0;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: inherit;
    line-height: 1.1;
}

h1,
.h1 {
    line-height: 56px;
}

h3,
.h3 {
    margin: 0 0 24px;
    font-size: 30px;
    font-weight: normal;
}

p {
    margin: 0 0 24px;
}

@media(max-width: 600px) {
    h1,
    .h1 {
        font-size: 30px;
        line-height: normal;
    }
}

a {
    color: var(--tv-blue-500);
}

a:hover {
    color: var(--tv-blue-600);
}

a:active {
    color: var(--tv-blue-700);
}

a:focus {
    color: var(--tv-blue-500);
}

.keyboard a:focus {
    border-radius: 6px;
    outline: 2px solid var(--tv-blue-500-focus);
    outline-offset: 2px;
    text-decoration: none;
}

img {
    max-width: 100%;
    border: none;
    vertical-align: middle;
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

svg:not(:root) {
    overflow: hidden;
}

/*
form
*/

/*media*/
@media (min-width: 1920px) {}

@media (min-width: 1480px) and (max-width: 1919px) {}

/**/
/**/
/*HEADER*/
/**/

.site-main {
    position: relative;
    z-index: 10;
}

.search__form {
    position: relative;
}

.search__form svg {
    display: block;
    fill: #5B6D78;
    width: 18px;
    height: 18px;
}

.search__form input {
    border-radius: 0;
    border: 0;
    padding: 0;
}

.search__form input[type=text] {
    width: 100%;
    height: 29px;
    background: #152E3E;
    padding: 0 15px 0 40px;
    font-size: 13px;
    border: 0;
    border-radius: 2px;
    color: #fff;
}

.search__form input[type=text]::-webkit-input-placeholder {
    color: #5B6D78;
}

.search__form input[type=text]::-moz-placeholder {
    color: #5B6D78;
}

.search__form input[type=text]:-ms-input-placeholder {
    color: #5B6D78;
}

.search__form input[type=text]:-moz-placeholder {
    color: #5B6D78;
}

.search__form button {
    position: absolute;
    left: 10px;
    top: 5px;
    background: none !important;
    padding: 0;
}



.post-in-blog {
    padding: 20px;
    margin-bottom: 20px;
}

.post .meta,
.post .entry-footer,
.post .entry-header {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
}

.post-in-blog .entry-title a {
    font-size: 16px;
    color: #4a4a4a;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 19px;
}

.widget.widget_categories a {
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}

.widget-area .widget .h3 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}

.widget-area .widget {
    background: #fff;
    padding: 25px;
    margin-bottom: 25px;
}

#toTop {
    display: none;
}


.widget .tagcloud a {
    border: 0;
    color: #adaeb0;
    font-weight: 400;
    line-height: 22px;
}






.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

@media (min-width: 992px) {
    .offset-right {
        padding-right: 40px;
    }

    .offset-left {
        padding-left: 40px;
    }
}

.row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.cat-title {
    display: inline-block;
    color: white;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    padding: 3px 25px;
    background-color: #244e68;
    text-transform: uppercase;
}

.cat-title.pull-right {
    margin-left: 15px;
}

h2.entry-title a {
    vertical-align: top;
}

.tags-list {
    color: #adaeb0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.main-container {
    background: #fff;
}

.main-container.single-container {
    padding-top: 0;
}

body .container {
    width: auto;
    max-width: 2360px;
    padding: 0 100px;
    box-sizing: content-box;

    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1919px) {
    body .container {
        padding: 0 40px;
    }
}

@media (max-width: 1439px) {
    body .container {
        padding: 0 32px;
    }
}

@media (max-width: 1023px) {
    body .container {
        padding: 0 20px;
    }
}

.continer-wide::before,
.continer-wide::after {
    display: none;
    content: '';
}

.top-container {
    margin: 80px 0 0 0;
}

@media (max-width: 1439px) {
    /* .main-container {
        margin: 32px 0;
    } */

    .top-container {
        margin: 32px 0 0 0;
    }
}

@media (max-width: 1023px) {
    /* .main-container {
        margin: 24px 0;
    } */

    .top-container {
        margin: 20px 0 0 0;
    }
}

@media (max-width: 767px) {
    /* .main-container {
        margin: 16px 0;
    } */
}

.popular-widget .meta .cat {
    color: #4a4a4a;
    font-size: 10px;
    font-weight: 700;
    line-height: 11px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
}

.popular-widget .meta .date {
    color: #adaeb0;
    font-size: 10px;
    font-weight: 700;
    line-height: 11px;
    display: inline-block;
    vertical-align: top;
}

.popular-widget .pop-inside li {
    min-height: 80px;
    border-top: 1px solid rgba(173, 174, 176, 0.31);
    padding: 10px 0;
}

.popular-widget .pop-inside li a {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.popular-widget .pop-widget-tabs li {
    display: inline-block;
    margin-right: 25px;
}

.popular-widget a:hover {
    text-decoration: none !important;
}

.popular-widget .pop-widget-tabs li a {
    color: #adaeb0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding-bottom: 10px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.popular-widget .pop-widget-tabs li a.active {
    color: #4a4a4a;
    border-color: #3bb3e4;
}

.header-image.with-header-image {
    background: none !important;
    min-height: 0;
}

.main-container article.post.no-results p {
    max-width: 500px;
}

.main-container article.post.no-results .search__form {
    opacity: 1;
}

.main-container article.post.no-results .search__form input[type=text]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

.main-container article.post.no-results .search__form input[type=text]::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

.main-container article.post.no-results .search__form input[type=text]:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

.main-container article.post.no-results .search__form input[type=text]:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.main-container article.post.no-results .search__form input[type=text] {
    max-width: 685px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffffff;
}

.main-container article.post:not(.no-results):not(#page-404):not(.articles-grid-item) {
    background: #ffffff;
    margin: 2em 0;
}


/* .main-container article.post h1,
.main-container article.post h2 {
    margin-top: 0;
    color: #4a4a4a;
    text-transform: uppercase;
    font-weight: 700;
} */

.header-image.with-header-image .page-title {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}

.sassy_social_share__widget {
    margin: 3em 0;
}

.heateor_sss_sharing_container {
    margin-top: 10px;
}

.sassy_social_share__widget .title {
    color: #4a4a4a;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}

.single-container .container:not(.continer-wide) {
    max-width: 680px;
}

.single-container .container:not(.continer-wide)::before,
.single-container .container:not(.continer-wide)::after {
    content: none;
    display: none;
}

.single-post article.post .entry-content,
.single-post article.portfolio .entry-content,
.single-portfolio article.post .entry-content,
.single-portfolio article.portfolio .entry-content {
    margin-bottom: 25px;
}

.single-container .sections {
    margin-bottom: 12px;
}

.single-container .sections .section {
    font-weight: 600;
}

.tv-category-container {
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.tv-category-container-wrapper {
    margin: 4px;
    background-color: transparent;
    display: grid;
}

.tv-category-link {
    display: inline-block;
    overflow: hidden;
    max-width: fit-content;
    text-overflow: ellipsis;
    padding: 3px 10px;
    color: var(--white);
    text-decoration: none;
    border-radius: 6px;
    background-color: var(--cold-gray-900);
    text-transform: uppercase;
}

.tv-category-link:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--tv-blue-500-focus);
}

.tv-category-link:active,
.tv-category-link:visited,
.tv-category-link:focus {
    color: var(--white);
    text-decoration: none;
}

.tv-category-link:hover {
    color: var(--white);
    background-color: var(--cold-gray-600);
}

.single-img {
    display: block;
    border-radius: 16px;
    margin: 40px 0;
}

.single-text {
    margin-bottom: 32px;
}

.single-date {
    line-height: 21px;
    font-size: 14px;
    margin: 4px 0;
    color: var(--cold-gray-900);
}

.single-title {
    font-family: 'Euclid-Circular-B', sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    margin: 12px 0 24px 0;
    color: var(--cold-gray-900);
    overflow: hidden;
    text-overflow: ellipsis;
}

.single-article p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: var(--cold-gray-900);
}


.single-article h2,
.single-article .h2 {
    color: var(--cold-gray-900);
    margin: 32px 0 20px 0;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0.135px;
}

.single-article h3,
.single-article .h3 {
    font-weight: 590;
    font-size: 24px;
    line-height: 28px;
    color: var(--cold-gray-900);
    margin: 32px 0 20px 0;
    letter-spacing: 0.25px;
}

.single-article h4,
.single-article .h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--cold-gray-900);
    margin: 20px 0 16px 0;
}

.main-container .single-description article.post.single-article:not(.no-results):not(#page-404):not(.articles-grid-item) {
    margin-top: 0;
}

.single-description div {
    max-width: 100% !important;
}

@media(max-width: 1279px) {
    .single-title {
        font-size: 40px;
        line-height: 48px;
    }
}

@media(max-width: 767px) {
    .single-title {
        font-size: 32px;
        line-height: 40px;
    }

    .single-img {
        float: none;
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 16px;
    }

    .single-text {
        margin-bottom: 16px;
    }
}

.wp_rp_content .wp_rp_footer {
    margin: 2em 0;
    text-align: center !important;
}

@media(max-width: 1559px) {
    .wp_rp_content .articles-grid-item:last-child {
        display: none;
    }
}

.post-in-blog .entry-title {
    line-height: 19px;
}

.site-head {
    margin-top: 120px;
    margin-bottom: 80px;
    text-align: center;
    margin: 120px auto 80px auto;
    max-width: 800px;
}

.site-title {
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: 'Euclid-Circular-B', sans-serif;
    color: var(--cold-gray-900);
    font-weight: 600;
    font-size: 80px;
    line-height: 1.2em;
    color: var(--cold-gray-900);
    margin: 48px 0 80px 0;
}

.title-text-sign {
    font-family: "-apple-system", "system-ui", "BlinkMacSystemFont", "Trebuchet MS", Roboto, Ubuntu, sans-serif;
}

.site-head .site-title {
    margin: 0;
}

.site-subtitle {
    margin-top: 24px;
    font-weight: 400;
    font-size: 28px;
    line-height: 40px;
    color: var(--cold-gray-900);
}

@media (max-width: 1439px) {
    .site-head {
        margin-top: 100px;
        margin-bottom: 64px;
        max-width: none;
    }

    .site-title {
        margin-top: 40px;
        margin-bottom: 64px;
    }
}

@media (max-width: 1279px) {
    .site-head {
        margin-top: 80px;
        margin-bottom: 48px;
    }

    .site-title {
        font-size: 56px;
        margin-top: 32px;
        margin-bottom: 48px;
    }

    .site-subtitle {
        margin-top: 16px;
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 1023px) {
    .site-title {
        margin: 32px 0 48px 0;
    }
}

@media (max-width: 767px) {
    .site-head {
        margin-top: 56px;
    }

    .site-title {
        font-size: 40px;
    }

    .site-subtitle {
        font-size: 18px;
        line-height: 28px;
    }
}


.entry-content {
    font-size: 16px;
    font-size: 18px;
    line-height: 28px;
    color: var(--cold-gray-900);
}

.error404 .site-main h2 {
    color: #4a4a4a;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

.error404 .site-main .page-title {
    color: #4a4a4a;
    font-size: 162px;
    font-weight: 700;
    line-height: 188px;
    text-align: center;
}

body.error404 article.post ul {
    padding-left: 20px;
}

body.error404 article.post li {
    list-style: disc;
    max-width: 490px;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: 0.5em 0;
}

html,
body.error404 {
    height: 100%;
    min-width: 320px;
}

body.error404 .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    min-height: 400px;
}

body.error404 .btns a {
    color: #3bb3e4;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    display: inline-block;
    border: 2px solid #3bb3e4;
    padding: 10px 25px;
    text-transform: uppercase;
}

body.error404 .btns {
    margin-top: 25px;
}

body.error404 article.post {
    background-color: transparent;
}

.site-main {
    overflow: visible;
}

@media (max-width: 767px) {
    .archive .site-title {
        float: none;
    }
}

@media (max-width: 460px) {

    body.error404 .wrapper {
        display: block;
        height: auto;
    }

    .tv-header__logo {
        padding: 0 10px;
    }

    body.error404 .btns a {
        width: 100%;
        text-align: center;
        margin: 0 0 15px !important;
    }
}


.section {
    display: inline-flex;
    padding: 3px 10px;
    color: #fff;
    background: var(--cold-gray-900);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    border-radius: 6px;
    z-index: 3;
}

.section:focus,
.section:hover,
.keyboard .section:focus {
    color: #fff;
    background: #0C0E15;
    text-decoration: none;
}

/*grid*/
.articles-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 32px;
}

.articles-grid-item {
    position: relative;
    padding: 8px;
    border-radius: 16px;
    transition: background 0.2s ease;
    overflow: auto;
}

.articles-grid-item:focus-visible,
.articles-grid-item-container:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--tv-blue-500-focus);
}

.articles-grid-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    transition: color 0.15s ease-in-out;
    transition-property: color, background-color;
    text-decoration: none;
    border-radius: 8px;
    z-index: 2;
}

.articles-grid-link:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--tv-blue-500-focus);
}

.articles-grid-item:hover {
    background: var(--cold-gray-100);
}

/*grid img*/
.articles-grid-item .articles-grid-img {
    position: relative;
    margin-bottom: 0;
    background: #0d47a1;
    overflow: hidden;
    border-radius: 8px;
    height: auto;
}

.articles-grid-item .crp_thumb.crp_default,
.articles-grid-item .crp_thumb.crp_firstchild,
.articles-grid-item .crp_thumb.crp_correctfirst,
.articles-grid-item .articles-grid-img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 2;
}

.articles-grid-item .crp_thumb.crp_default,
.articles-grid-item .crp_thumb.crp_firstchild,
.articles-grid-item .crp_thumb.crp_correctfirst {
    height: 208px;
    max-height: 208px;
}

/*grid img*/

/*grid text*/
.articles-grid-item .crp_excerpt {
    display: none;
}

.articles-grid-item .crp_title,
.articles-grid-item .articles-grid-text {
    display: block;
    margin-top: 8px;
}

.articles-grid-item .articles-grid-text-container {
    position: relative;
    overflow: hidden;
}

.articles-grid-item .date {
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: 'tnum' on, 'lnum' on;
    color: #787B86;
}

.articles-grid-item .crp_title,
.articles-grid-item .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--cold-gray-900);
    transition: color 0.2s ease-out;
    clear: both;
    margin: 0;
}

.articles-grid-text .title {
    text-overflow: ellipsis;
    overflow: hidden;
}

.articles-grid-item .articles-grid-link:hover,
.articles-grid-item .articles-grid-link:hover .crp_title,
.articles-grid-item .articles-grid-link:hover .title,
.articles-grid-item .title .articles-grid-link:hover {
    text-decoration: none;
    color: var(--tv-blue-500);
}

.articles-grid-item p:last-child {
    margin-bottom: 0;
}

.articles-grid-img .tv-category-container {
    position: absolute;
    bottom: -9px;
    margin-inline: 4px;
    z-index: 5;
}

/*item special*/
.articles-grid-item--special {
    grid-column: span 2;
    grid-row: span 2;
    margin-bottom: 8px;
}

.tv-special-post-title-container {
    overflow: hidden;
    text-overflow: ellipsis;
}

.articles-grid-item--special .articles-grid-img {
    height: auto;
}

.articles-grid-item--special .crp_title,
.articles-grid-item--special .title {
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    font-family: 'Euclid-Circular-B', sans-serif;
    margin: 0;
}

.articles-grid-item--special .section {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

/*item special*/
@media (min-width: 2560px) {

    .articles-grid-item--special~.articles-grid-item:nth-child(2) .articles-grid-img,
    .articles-grid-item--special~.articles-grid-item:nth-child(3) .articles-grid-img,
    .articles-grid-item--special~.articles-grid-item:nth-child(4) .articles-grid-img,
    .articles-grid-item--special~.articles-grid-item:nth-child(5) .articles-grid-img {
        height: auto
    }

    .articles-grid-item--special~.articles-grid-item:nth-child(2) .articles-grid-img::after,
    .articles-grid-item--special~.articles-grid-item:nth-child(3) .articles-grid-img::after,
    .articles-grid-item--special~.articles-grid-item:nth-child(4) .articles-grid-img::after,
    .articles-grid-item--special~.articles-grid-item:nth-child(5) .articles-grid-img::after {
        content: '';
        display: block;
        width: 100%;
        padding-bottom: 50%;
    }

    .articles-grid-item--special~.articles-grid-item:nth-child(2) .articles-grid-img img,
    .articles-grid-item--special~.articles-grid-item:nth-child(3) .articles-grid-img img,
    .articles-grid-item--special~.articles-grid-item:nth-child(4) .articles-grid-img img,
    .articles-grid-item--special~.articles-grid-item:nth-child(5) .articles-grid-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 2559px) {
    .articles-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .articles-grid-item--special {
        grid-column: span 3;
        grid-row: span 3;
    }

    .articles-grid-item--special .articles-grid-item-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 32px;
    }
}

@media(max-width: 1439px) {
    .articles-grid {
        grid-template-columns: 1fr 1fr;
    }

    .articles-grid-item--special {
        grid-column: span 2;
        grid-row: auto;
    }
}

@media(max-width: 1279px) {
    .articles-grid {
        grid-gap: 16px;
    }

    .articles-grid-item--special {
        margin-bottom: 16px;
    }

    .articles-grid-item--special .articles-grid-item-container {
        display: block;
        grid-gap: 0;
    }

    .articles-grid-item--special .crp_title,
    .articles-grid-item--special .title {
        font-size: 40px;
        line-height: 48px;
    }
}

@media(max-width: 767px) {
    .articles-grid {
        grid-template-columns: 1fr;
    }

    .articles-grid-item--special {
        grid-column: auto;
        grid-row: auto;
    }

    .articles-grid-item--special .crp_title,
    .articles-grid-item--special .title {
        font-size: 32px;
        line-height: 40px;
    }
}

/**/
/*sidebar-holder*/
.sidebar-holder.sidebar-index .widget-title {
    display: none;
}

.sidebar-holder {
    margin: 40px 0 0 0;
}

.sidebar-holder .widget {
    padding: 0;
    background: none;
    margin: 0;
}

.sidebar-holder.side .widget {
    margin: 0;
}

.sidebar-holder .widget .h3 {
    font-weight: normal;
}

.sidebar-holder .widget ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 16px;
    margin: 0;
}

.sidebar-holder .widget li {
    display: block;
    vertical-align: top;
    margin: 0;
    min-width: 0;
}

.sidebar-holder .widget li.current-cat,
.sidebar-holder .widget li a {
    display: block;
    vertical-align: top;
    color: var(--cold-gray-900);
    background: var(--cold-gray-100);
    padding: 11px 16px 9px 16px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 8px;
    font-weight: 400;
    letter-spacing: -0.2px;
    margin: 0;
    transition: all 0.15 ease-in-out;
}

.sidebar-holder .widget li a:hover {
    color: var(--cold-gray-900);
    background: var(--cold-gray-150);
}

.sidebar-holder .widget li.current-cat,
.sidebar-holder .widget li a:active {
    background-color: var(--cold-gray-200);
    transform: translateY(1px);
}

.keyboard .sidebar-holder .widget li a:focus {
    border-radius: 10px;
}

@media(max-width: 767px) {
    .sidebar-holder.sidebar-index {
        width: 100%;
    }

    .sidebar-holder .widget ul {
        overflow: visible;
        width: auto;
        margin: 0;
    }

    .sidebar-holder .widget li {
        float: none;
    }
}

.sidebar-index .widget_categories a,
.widget .tagcloud a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: var(--cold-gray-900);
    background: #F0F3FA;
    padding: 0.625em 1em;
    font-size: 16px !important;
    line-height: 24px;
    font-weight: normal;
    margin: 0 0 4px 0;
}

.sidebar-index .widget_categories a:hover,
.widget .tagcloud a:hover {
    background-color: #434651;
    color: #fff;
}

@media(max-width: 600px) {
    .widget .tagcloud {
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.offset-left {
    min-height: 200px;
}

.sassy_social_share__widget {
    margin: 3em 0 0 0;
}

.crp_related .articles-grid-item {
    min-height: 290px;
}

@media(max-width: 1559px) {
    .crp_related .articles-grid .post:last-child {
        display: none;
    }
}

.articles-grid-item .crp_thumb.crp_default,
.articles-grid-item .crp_thumb.crp_firstchild,
.articles-grid-item .crp_thumb.crp_featured,
.articles-grid-item .crp_thumb.crp_correctfirst {
    height: 240px;
    max-height: 240px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}

.articles-grid-title {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
    color: var(--cold-gray-900);
}

.sidebar-holder .widget li.current-cat,
.sidebar-holder .widget li a {
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}


h1,
h2,
.h1,
.h2 {
    font-weight: 700;
    color: var(--cold-gray-900);
}

h3 {
    color: var(--cold-gray-900);
}

.single-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--cold-gray-500);
    margin: 24px 0 40px;
}

.sidebar-holder .widget .h3 {
    color: var(--cold-gray-900);
}

.single-bottom-banner {
    position: relative;
    margin: 40px 0 0 0;
    padding: 40px 0 48px 0;
    border-top: 1px solid #E0E3EB;
    color: #000;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tv-ltr {
    direction: ltr;
}

.single-bottom-banner__content {
    display: flex;
    position: relative;
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    flex-direction: column;
    align-items: center;
}

.single-bottom-banner__title {
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    font-family: 'Euclid-Circular-B', sans-serif;
    margin-top: 0;
    margin-bottom: 12px;
}

.single-bottom-banner__description {
    color: var(--cold-gray-900);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    margin: 0 auto;
}

.single-bottom-banner__button {
    margin-top: 24px
}

@media (max-width: 567px) {
    .single-bottom-banner {
        padding: 32px 0 32px 0;
    }

    .single-bottom-banner__title {
        max-width: 170px;
        margin: 0 auto 13px;
        line-height: 36px;
    }

    .single-bottom-banner__button {
        margin-top: 24px
    }
}


[data-img-border] {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    margin: 32px 0;
    padding: 32px;
    border-radius: 16px;
    background: var(--cold-gray-50);
    overflow: hidden;
}

[data-img-border] img {
    margin: 0;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.2));
    border-radius: 8px;
}

@media(max-width: 767px) {
    [data-img-border] {
        padding: 16px;
    }
}

/*IE*/
.ie .articles-grid {
    display: block;
    width: 103%;
    margin: 0 -1.5%;
}

.ie .articles-grid .articles-grid-item {
    display: inline-block;
    vertical-align: top;
    width: 30.33%;
    margin: 0 1.5% 2% 1.5%;
}

.ie .articles-grid .articles-grid-item .articles-grid-img {
    text-align: center;
}

.ie .articles-grid .articles-grid-item .articles-grid-img img {
    width: auto;
    height: auto;
}

.ie .articles-grid .articles-grid-item.articles-grid-item-3 {
    width: 100%;
    display: block;
}

.ie .navigation {
    margin: 2em 1.5%;
}

@media (max-width: 1000px) {
    .ie .articles-grid .articles-grid-item {
        width: 47%;
    }
}

@media (max-width: 600px) {
    .ie .articles-grid {
        display: block;
        width: 100%;
        margin: 0;
    }

    .ie .articles-grid .articles-grid-item {
        display: block;
        width: 100%;
    }
}

#page-404 {
    text-align: center;
    margin-bottom: 48px;
}

#page-404 .page-title {
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 44px;
    text-transform: none;
}

#page-404 svg {
    max-width: 100%;
    height: auto;
}

/* Pine colorizer */

.pine-colorizer {
    /* Main colors */
    --bg-color: #ffffff;
    --border-color: #e0e3eb;
    --border-separator: #f0f3fa;
    --scroll-color: #9598a1;
    --text-color: var(--cold-gray-900);

    /* Tooltip colors */
    --tooltip-color: #ffffff;
    --tooltip-bg: #2a2e39;

    /* Copy button colors */
    --copy-hover: #f0f3fa;
    --copy-active: #e1e3eb;

    font-family: Menlo, Ubuntu Mono, Consolas, source-code-pro, monospace;
    position: relative;
    font-size: 13px;
    line-height: 18px;
    padding: 47px 12px 12px;
    border-radius: 8px;
    color: var(--text-color);
    border: 1px solid var(--border-color);
    background-color: var(--bg-color);
    overflow: unset;
    /* Save line breaks before colorization */
    white-space: pre;
}

.pine-colorizer.dark {
    /* Main colors */
    --bg-color: var(--cold-gray-900);
    --border-color: #363a45;
    --border-separator: #363a45;
    --scroll-color: #50535e;
    --text-color: #d1d4dc;

    /* Tooltip colors */
    --tooltip-color: #ffffff;
    --tooltip-bg: #363a45;

    /* Copy button colors */
    --copy-hover: #2a2e39;
    --copy-active: #363a45;
}

.pine-colorizer.colorized {
    /* Remove space reserved for header */
    padding-top: 0;
}

.pine-colorizer code {
    all: unset;
    display: block;
    overflow-x: auto;
    white-space: pre;

    /* Firefox scrollbar */
    scrollbar-color: var(--scroll-color) transparent;
    scrollbar-width: thin;
}

/* Chrome/Safari scrollbar */
.pine-colorizer code::-webkit-scrollbar {
    height: 8px;
}

.pine-colorizer code::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid transparent;
    background-color: var(--scroll-color);
    background-clip: padding-box;
}

.pine-colorizer__header {
    all: unset;
    display: block;
    white-space: pre;
    height: 40px;
    border-bottom: 1px solid var(--border-separator);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 6px;
}

.pine-colorizer__title {
    all: unset;
    font-family: -apple-system, BlinkMacSystemFont, "Trebuchet MS", Roboto, Ubuntu,
        sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    transition: all 300ms ease-in-out;
    cursor: pointer;
}

/* Pine icon */
.pine-colorizer__title:before {
    --icon-url: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path d="m16.51 15.41-2.26-3.23a.38.38 0 0 0-.5-.1l-2.37 1.53a.37.37 0 0 1-.43-.02l-3.6-2.71a.38.38 0 0 0-.34-.06l-2.94 1.02a.37.37 0 0 0-.18.14l-2.4 3.43c-.18.25 0 .59.3.59h14.42c.3 0 .48-.34.3-.59Z" fill="currentColor"/><path fill-rule="evenodd" d="m7.38 8.76 4.05 3.5 3.7-2.4a.37.37 0 0 0 .09-.55L9.3 2.14a.38.38 0 0 0-.59.01L3.25 9.51c-.22.3.08.7.43.58l3.7-1.33Zm-.7-1.34 1.02-.37 3.86 3.33 1.7-1.1-4.2-5.08-2.39 3.22Z" fill="currentColor"/></svg>');

    content: "";
    display: block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    background-color: var(--text-color);

    mask: var(--icon-url);
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask: var(--icon-url);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.pine-colorizer__copy-btn {
    all: unset;
    padding: 5px;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
}

.pine-colorizer__copy-btn:hover {
    background-color: var(--copy-hover);
}

.pine-colorizer__copy-btn:active {
    background-color: var(--copy-active);
}

/* Copy icon */
.pine-colorizer__copy-btn:before {
    --icon-url: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18"><path fill="currentColor" d="M6.5 2C5.67 2 5 2.67 5 3.5v8c0 .83.67 1.5 1.5 1.5h8c.83 0 1.5-.67 1.5-1.5v-8c0-.83-.67-1.5-1.5-1.5h-8ZM6 3.5c0-.28.22-.5.5-.5h8c.28 0 .5.22.5.5v8a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-8Zm-3 3c0-.28.22-.5.5-.5H4V5h-.5C2.67 5 2 5.67 2 6.5v8c0 .83.67 1.5 1.5 1.5h8c.83 0 1.5-.67 1.5-1.5V14h-1v.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-8Z"></path></svg>');

    content: "";
    display: block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    background-color: var(--text-color);

    mask: var(--icon-url);
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask: var(--icon-url);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.pine-colorizer__tooltip {
    position: absolute;
    display: flex;
    padding: 6px 8px;
    align-items: center;
    border-radius: 4px;
    background-color: var(--tooltip-bg);
    color: var(--tooltip-color);
    bottom: -34px;
    left: -18px;
    opacity: 0;
    transition: opacity 300ms ease-in-out;
}

.pine-colorizer__tooltip_show {
    opacity: 1;
}

/* Triangle icon */
.pine-colorizer__tooltip:before {
    --icon-url: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="4" viewBox="0 0 12 4"><path d="M6 0 0 4h12L6 0Z" fill="currentColor"/></svg>');

    content: "";
    display: block;
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 4px;
    min-width: 12px;
    min-height: 4px;
    background-color: var(--tooltip-bg);

    mask: var(--icon-url);
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask: var(--icon-url);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

/* Pine rewrites  */

.pine-colorizer .pine-colorizer__tooltip {
    max-width: unset !important;
}