/* */
.container-dynamic-page .dynamic-page-cover-image img {
    width: 100%;
}

.inside-page-wrapper.dynamic-page {
    grid-template-columns: 3.5fr 8fr;
    gap: 1.8rem;
}

.inside-page-wrapper .inside-page--left .inside-page--left_title {
    background-color: #d31e38 !important;
}

.inside-page-wrapper .inside-page--left .inside-page--left_title h1 {
    /* font-size: 46px; */
    line-height: 65px;
}

.inside-page-wrapper.dynamic-page .inside-page--right {
    margin-top: 1rem;
}

.inside-page-wrapper.dynamic-page
    .inside-page--right.person-content
    .dynamic-page-content-wrapper {
    display: grid;
    grid-template-columns: 1.3fr 3fr;
    gap: 1rem;
    margin-top: 0.8rem;
}

.inside-page-wrapper.dynamic-page
    .inside-page--right
    .dynamic-page-person-content.alone {
    width: calc(33.33% - 20.33px);
    margin-right: 30px;
    margin-bottom: 30px;
    margin-left: 0 !important;
    vertical-align: top;
    display: inline-block !important;
}

#frontpages .img-fluid {
    margin: auto;
    display: block;
}

@media (min-width: 767px) and (max-width: 968px) {
    .inside-page-wrapper.dynamic-page
        .inside-page--right
        .dynamic-page-person-content.alone {
        width: calc(50% - 30px);
    }
}

@media screen and (max-width: 767px) {
    .inside-page-wrapper.dynamic-page
        .inside-page--right
        .dynamic-page-person-content.alone {
        width: 100%;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Eğer Dynamic Page Person Content Yoksa */
.inside-page-wrapper.dynamic-page
    .inside-page--right
    .dynamic-page-person-content {
    display: none;
}
/* Eğer Dynamic Page Person Content Varsa */
.inside-page-wrapper.dynamic-page
    .inside-page--right.person-content
    .dynamic-page-person-content {
    display: block;
    margin: 10px;
}

.inside-page-wrapper.dynamic-page
    .inside-page--right
    .dynamic-page-person-content
    img {
    width: 100%;
}
.inside-page-wrapper.dynamic-page
    .inside-page--right
    .dynamic-page-person-content
    > div {
    padding: 1rem 0;
}
.inside-page-wrapper.dynamic-page
    .inside-page--right
    .dynamic-page-person-content
    > div:last-child {
    border-bottom: none;
}
.inside-page-wrapper.dynamic-page
    .inside-page--right
    .dynamic-page-person-content
    > div
    > p {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}
.inside-page-wrapper.dynamic-page
    .inside-page--right
    .dynamic-page-person-content
    > div
    > span {
    font-size: 14px;
    line-height: 17px;
}
.inside-page-wrapper.dynamic-page
    .inside-page--right
    .dynamic-page-person-content
    > div
    > span.kimlik {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #d31e38;
    display: block;
    margin-bottom: 0.2rem;
}

.inside-page--right .dynamic-page-title {
    font-size: 26px;
    line-height: 39px;
    font-weight: 500;
    color: #111722;
    padding: 2rem 0 1rem 0;
}

#frontpages {
    font-size: 17px;
    color: #5a6987;
    margin-bottom: 1rem;
}

.dynamic-page-left-menu {
    padding: 1rem 4rem;
}

.dynamic-page-left-menu ul li a {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #111722;
    padding: 0.6rem;
    display: block;
    font-family: "Poppins", sans-serif !important;
}
.dynamic-page-left-menu ul li a.active {
    color: #d31e38;
}

.editorjs-columns-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
/* Editor JS Çift Column bir taraf img bir taraf table kullanıldığı duruma özel CSS - maksat image tabloyu sıkıştırmasın */
.editorjs-columns-wrapper:has(div table) {
    display: grid !important;
    grid-template-columns: 1.5fr 3fr;
    gap: 2rem !important;
}

@media (max-width: 1266px) {
    .editorjs-columns-wrapper > div:first-child .attachment {
        margin: 1rem;
    }
    .editorjs-columns-wrapper > div:last-child .attachment {
        margin: 1rem;
    }
    #frontpages .attachment.single-attach {
        margin: 1rem;
    }
    .container-dynamic-page .dynamic-page-cover-image {
        margin-top: 80px;
    }
}

@media (max-width: 920px) {
    #frontpages .attachment * {
        padding: 0;
        margin: 0;
    }
    #frontpages .attachment p {
        font-size: 14px;
    }
    #frontpages .attachment {
        gap: 0rem;
    }
    .container-dynamic-page .dynamic-page-cover-image img {
        height: 300px;
        object-fit: cover;
    }
}

@media screen and (max-width: 680px) {
    .editorjs-columns-wrapper:has(div table) {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }
    .inside-page-wrapper .inside-page--left .inside-page--left_title h1 {
        /* font-size: 24px; */
        line-height: 35px;
    }
    #frontpages {
        font-size: 14px;
    }

    .inside-page-wrapper.dynamic-page
        .inside-page--right.person-content
        .dynamic-page-content-wrapper {
        display: block;
    }

    .inside-page--right.person-content .dynamic-page-person-content {
        margin-bottom: 1rem;
    }

    .inside-page--right .dynamic-page-title {
        font-size: 16px;
        line-height: 24px;
        padding: 1rem 0;
    }

    .back-link {
        display: none;
    }

    .container-dynamic-page .dynamic-page-cover-image img {
        height: 250px;
        object-fit: cover;
    }

    .dynamic-page-left-menu {
        padding: 1rem;
        padding-top: 0;
        padding-bottom: 2rem;
    }

    .dynamic-page-left-menu ul li a {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
}
.inside-page-wrapper .inside-page--left {
    background: rgba(247, 249, 251, 1) !important;
}

.dynamic-page-person-content .personel-card-image {
    background: #fdf4f5;
    border: none !important;
    padding: 0 !important;
    position: relative;
}
.dynamic-page-person-content .personel-card-image .image-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 2;
    min-height: 358px;
    width: 100%;
    margin: 0 auto;
}

.dynamic-page-person-content .personel-card-image .additional-bg {
    background: #d31e38;
    min-height: 70%;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 50%;
    z-index: 1;
}

.dynamic-page-person-content .attachment {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: #f7f9fb;
    padding: 0.8rem 0.5rem;
    word-break: break-all;
}

.dynamic-page-person-content .attachment p {
    padding: 0 !important;
    font-size: 17px;
    font-weight: 500;
    line-height: 17px;
    color: #5a6987;
    display: flex;
    align-items: center;
    margin: 0;
}

.dynamic-page-person-content .attachment:hover {
    background: #fdf4f5;
}
.dynamic-page-person-content .attachment:hover > div p {
    color: #d31e38 !important;
}
footer .footer-contact {
    background-color: #d31e38 !important;
}
footer .footer-contact .footer-contact-address,
footer .footer-contact-phone,
footer .footer-contact .footer-contact-email-sub,
footer .footer-contact .footer-copy,
footer .footer-contact ::placeholder {
    color: #eea5af !important;
    opacity: 1;
}
footer .footer-contact .footer-contact-title,
.footer-contact-bottom-title,
footer .footer-contact-social ul li a i {
    color: #fff !important;
}
footer .footer-contact .social-icons li a {
    background-color: #d31e38 !important;
    border-color: #fff;
}
footer .footer-contact-social .social-instagram a {
    background: url("/templates/svg/instagram.svg") no-repeat center center !important;
}
footer .footer-contact-social .social-twitter a {
    background: url("/templates/svg/twitter.svg") no-repeat center center !important;
}
footer .footer-contact-social .social-facebook a {
    background: url("/templates/svg/facebook.svg") no-repeat center center !important;
}
footer .footer-contact-social .social-youtube a {
    background: url("/templates/svg/youtube.svg") no-repeat center center !important;
}