/* =========================================
Forteriti Blog Theme
========================================= */

/* =========================================
Global article page background
========================================= */

html,
body,
body.t-body,
#allrecords,
.t-records{
    background:#080B12 !important;
}

/* Remove default Tilda white backgrounds */

.t-rec,
.t396,
.t-container,
.t-col{
    background:transparent !important;
}

/* =========================================
Blog listing page
========================================= */

.t-feed,
.t-feed__posts-wrapper,
.t-feed__posts,
.t-feed__posts-preloader,
.t-feed__grid,
.t-feed__container,
.t-feed__slds-wrapper,
.t-slds__wrapper{
    background:#0D1320 !important;
}

/* Blog cards */

.t-feed__slider-grid__post-wrapper{
    background:#141C2B !important;
    border-radius:16px !important;
}

/* =========================================
Blog article page
========================================= */

.t-feed__post,
.t-feed__post-content,
.t-feed__post-description,
.t-feed__post-text,
.t-feed__post-wrapper{
    background:#080B12 !important;
}

/* IMPORTANT:
Do not restrict wrapper width
(fix calculator/mobile layout)
*/

.t-feed__post-wrapper{
    width:auto !important;
    max-width:none !important;
}

/* Article content */

.t-feed__post-content{
    margin-left:auto !important;
    margin-right:auto !important;
}

/* =========================================
Desktop blog container
========================================= */

@media (min-width:1200px){

    #rec2741486001 .t-container{

        max-width:none !important;
        width:calc(100vw - 40px) !important;

        margin-left:auto !important;
        margin-right:auto !important;

        padding-left:0 !important;
        padding-right:0 !important;

    }

}

/* =========================================
Typography
========================================= */

.t-feed__post *,
.t-feed__post-content *,
.t-feed__post-description *,
.t-feed__post-text *{
    color:#FFFFFF !important;
}

/* Dates */

.t-feed__post-date,
.t-feed__post-info,
.t-feed__post .t-uptitle{
    color:#AAB8B5 !important;
}

/* Links */

.t-feed__post a{
    color:#8347F4 !important;
}

/* =========================================
Mobile
========================================= */

@media (max-width:767px){

    .t-feed__post-content{
        width:100% !important;
        max-width:100% !important;

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

}

/* =========================================
Prevent layout flash
========================================= */

#allrecords{
    opacity:0;
    transition:opacity .45s ease;
}

#allrecords.loaded{
    opacity:1;
}

/* =========================================
Forteriti Blog Theme
========================================= */

/* =========================================
Global article page background
========================================= */

html,
body,
body.t-body,
#allrecords,
.t-records{
    background:#080B12 !important;
}

/* Remove default Tilda white backgrounds */

.t-rec,
.t396,
.t-container,
.t-col{
    background:transparent !important;
}

/* =========================================
Blog listing page
========================================= */

.t-feed,
.t-feed__posts-wrapper,
.t-feed__posts,
.t-feed__posts-preloader,
.t-feed__grid,
.t-feed__container,
.t-feed__slds-wrapper,
.t-slds__wrapper{
    background:#0D1320 !important;
}

/* Blog cards */

.t-feed__slider-grid__post-wrapper{
    background:#141C2B !important;
    border-radius:16px !important;
}

/* =========================================
Blog article page
========================================= */

.t-feed__post,
.t-feed__post-content,
.t-feed__post-description,
.t-feed__post-text,
.t-feed__post-wrapper{
    background:#080B12 !important;
}

/* IMPORTANT:
Do not restrict wrapper width
(fix calculator/mobile layout)
*/

.t-feed__post-wrapper{
    width:auto !important;
    max-width:none !important;
}

/* Article content */

.t-feed__post-content{
    margin-left:auto !important;
    margin-right:auto !important;
}

/* =========================================
Desktop blog container
========================================= */

@media (min-width:1200px){

    #rec2741486001 .t-container{

        max-width:none !important;
        width:calc(100vw - 40px) !important;

        margin-left:auto !important;
        margin-right:auto !important;

        padding-left:0 !important;
        padding-right:0 !important;

    }

}

/* =========================================
Typography
========================================= */

.t-feed__post *,
.t-feed__post-content *,
.t-feed__post-description *,
.t-feed__post-text *{
    color:#FFFFFF !important;
}

/* Dates */

.t-feed__post-date,
.t-feed__post-info,
.t-feed__post .t-uptitle{
    color:#AAB8B5 !important;
}

/* Links */

.t-feed__post a{
    color:#8347F4 !important;
}

/* =========================================
Mobile
========================================= */

@media (max-width:767px){

    .t-feed__post-content{
        width:100% !important;
        max-width:100% !important;

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

}

/* =========================================
Prevent layout flash
========================================= */

#allrecords{
    opacity:0;
    transition:opacity .45s ease;
}

#allrecords.loaded{
    opacity:1;
}
/* =========================================
Calconic lagel hiding
========================================= */
.built-with-calconic{
    display:none !important;
}


/* Force dark background for blog article page */

html,
body,
#allrecords,
.t-records,
.t-record,
.t-rec,
.t-container,
.t-container_100,
.t-width,
.t-feed,
.t-feed__post,
.t-feed__post-wrapper,
.t-feed__post-content,
.t-feed__post-text,
.t-feed__post-description{
    background:#080B12 !important;
}

/* ===== Full-width dark background for blog articles ===== */

html,
body,
#allrecords,
.t-records,
.t-feed,
.t-feed__post,
.t-feed__post-wrapper,
.t-feed__post-content,
.t-feed__post-container,
.t-container,
.t-col{
    background:#080B12 !important;
}

/* Убираем ограничение ширины контейнера */

.t-feed__post-wrapper,
.t-feed__post-container,
.t-feed__post-content,
.t-container{
    max-width:none !important;
}

/* Красим псевдоэлементы Tilda */

.t-rec::before,
.t-rec::after,
.t-feed__post::before,
.t-feed__post::after,
.t-feed__post-wrapper::before,
.t-feed__post-wrapper::after{
    background:#080B12 !important;
}

/* ===== Force article text white ===== */

.t-feed__post-popup *,
.t-feed__post *,
.t-feed__post-content *,
.t-feed__post-text *,
.t-feed__post-description *,
.t-feed__post-wrapper *{
    color:#FFFFFF !important;
}

/* Date and metadata */

.t-feed__post-date,
.t-feed__post-info,
.t-feed__post-popup .t-uptitle,
.t-feed__post .t-uptitle{
    color:#AAB8B5 !important;
}

/* Links */

.t-feed__post a,
.t-feed__post-popup a{
    color:#8347F4 !important;
}

/* Blog vertical stripes */
/* =========================================
   Forteriti Blog Article — Mobile Fix
   Remove white side strips
   ========================================= */

@media screen and (max-width: 767px) {

    html,
    body,
    #allrecords {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background-color: #080B12 !important;
    }

    body {
        overflow-x: hidden !important;
    }

    #allrecords {
        overflow-x: hidden !important;
    }

    /* Tilda blog/article containers */
    .t-feed,
    .t-feed__post,
    .t-feed__post-wrapper,
    .t-feed__post-popup,
    .t-feed__post-popup__container,
    .t-feed__post-popup__content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        background-color: #080B12 !important;
    }

    /* Remove possible white backgrounds from inner wrappers */
    .t-feed__post-popup *,
    .t-feed__post-wrapper * {
        box-sizing: border-box;
    }

    .t-feed__post-popup__container,
    .t-feed__post-popup__content {
        background-color: #080B12 !important;
    }
}
    /* Width of text at blog */
@media screen and (max-width: 767px) {

    #rec2356375531 .t-feed__textwrapper {
        width: calc(100% + 50px) !important;
        max-width: none !important;
        margin-left: -25px !important;
    }

}

    /* Position of button All posts */
/* All posts — desktop + mobile */
#rec2356375531 .t-feed__showallpost-btn {
    transform: translateY(-30px) !important;
}


/* Mobile */
@media screen and (max-width: 767px) {

    #rec2356375531 .t-feed__textwrapper {
        width: calc(100% + 50px) !important;
        max-width: none !important;
        margin-left: -25px !important;
    }

}

/* =========================================
   Forteriti Recommendation Popup
   Transparent background — scoped only to
   recommendation popup #rec2958711601
   ========================================= */

#rec2958711601,
#rec2958711601.t-rec,
#rec2958711601 .t396,
#rec2958711601 .t396__artboard,
#rec2958711601::before,
#rec2958711601::after,
#rec2958711601 .t396__artboard::before,
#rec2958711601 .t396__artboard::after,
#rec2958711601 .t-popup__bg,
#rec2958711601 .t-popup__container,
#rec2958711601 .t-popup__wrapper,
#rec2958711601 .t396__artboard::before,
#rec2958711601 .t396__artboard::after {
    background: transparent !important;
    background-color: transparent !important;
}

/* =========================================
   Forteriti Recommendation Popup
   Transparent overlay — popup only
   ========================================= */

/* Popup overlay */
body:has(#rec2958711601) .t-popup__bg,
body:has(#rec2958711601) .t-popup__container,
body:has(#rec2958711601) .t-popup__wrapper {
    background: transparent !important;
    background-color: transparent !important;
}

/* Keep recommendation block itself transparent */
#rec2958711601,
#rec2958711601 .t396,
#rec2958711601 .t396__artboard {
    background: transparent !important;
    background-color: transparent !important;
}

/* =========================================
   Forteriti Cookie Popup — Border
   ========================================= */

.t972__banner {
    border: 1px solid #596069 !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
}

/* =========================================
   Forteriti Cookie Settings — Border
   ========================================= */

.t972__settings {
    border: 1px solid #596069 !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
}

/* =========================================
   Forteriti Blog Article — Desktop Position
   ========================================= */
/* =========================================
   Forteriti Blog Article — Desktop Position
   ========================================= */

@media screen and (min-width: 1200px) {

    .t-feed__post-popup__content.t-col_8 {
        transform: translateX(-18vw) !important;
    }

}

/* =========================================
   Forteriti Blog Article — Mobile Width Fix
   ========================================= */
/* =========================================
   Forteriti Blog Article — Mobile
   Keep left position, add right breathing room
   ========================================= */

@media screen and (max-width: 767px) {

    .t-feed__post-popup__content.t-col_8 {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;

        margin-right: 20px !important;

        box-sizing: border-box !important;
    }

    .t-feed__post-popup__text-wrapper,
    .t-feed__post-popup__text {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .t-feed__post-popup__text * {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
    }

}