/*
========================================================================
SINGLE POST
========================================================================
*/

.single .main-content__wrapper::before {
    content: '';
    width: 1000px;
    height: 1000px;
    position: absolute;
    top: 250px;
    transform: translateX(-50%);
    background: linear-gradient(270deg, rgba(97, 189, 175, 0.08) 0%, rgba(38, 183, 205, 0.08) 50%, rgba(51, 138, 202, 0.08) 100%);
    border-radius: 100%;
    filter: blur(70px);
    z-index: -1;
}

.single .budi-gradient-top {
    z-index: -1;
}

.single article {
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 160px;
}

.single .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

.single .entry-category {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.single .entry-category__item {
    position: relative;
    padding: 8px 10px;
    background: rgb(116 240 255 / 5%);
    width: fit-content;
    border-radius: 8px;
    border: 1px solid rgb(116 240 255 / 35%);
    margin-bottom: 1rem;
}

.single .entry-category__item p {
    font-size: 18px;
    line-height: 1.2em;
    color: #74F0FF;
}

.single .entry-date {
    color: rgb(255, 255, 255, 0.8);
}

.single .entry-date *:not(:last-child) {
    margin-right: 10px;
}

.single .entry-title {
    margin: 20px 0 30px 0;
}

.single .entry-excerpt {
    font-size: 26px;
    line-height: 1.35em;
    color: rgb(255, 255, 255, 0.8);
    margin-bottom: 50px;
}

/* Post - Image Placeholder */
.single .wpb_single_image:has(.vc_img-placeholder) * {
    width: 100%;
}

.single .wpb_single_image:has(.vc_img-placeholder) img {
    max-height: 500px;
    height: 70vw;
}

.single .wpb_single_image:has(.vc_img-placeholder) .vc_single_image-wrapper {
    position: relative;
    background: linear-gradient(to right, #366EFC 0%, #74F0FF 100%);
    opacity: 15%;
}

.single .wpb_single_image:has(.vc_img-placeholder) figure {
    position: relative;
}

.single .wpb_single_image:has(.vc_img-placeholder) figure::after {
    content: '';
    position: absolute;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 32C0 14.3269 14.3269 0 32 0C49.6731 0 64 14.3269 64 32C64 49.6731 49.6731 64 32 64C14.3269 64 0 49.6731 0 32Z' fill='%233F8CFF' fill-opacity='0.2'/%3E%3Cpath d='M21.334 37.3334L27.4487 31.2187C27.9487 30.7188 28.6269 30.4379 29.334 30.4379C30.0411 30.4379 30.7192 30.7188 31.2193 31.2187L37.334 37.3334M34.6673 34.6667L36.782 32.552C37.2821 32.0521 37.9602 31.7713 38.6673 31.7713C39.3744 31.7713 40.0526 32.0521 40.5527 32.552L42.6673 34.6667M34.6673 26.6667H34.6807M24.0007 42.6667H40.0007C40.7079 42.6667 41.3862 42.3858 41.8863 41.8857C42.3864 41.3856 42.6673 40.7073 42.6673 40V24C42.6673 23.2928 42.3864 22.6145 41.8863 22.1144C41.3862 21.6143 40.7079 21.3334 40.0007 21.3334H24.0007C23.2934 21.3334 22.6151 21.6143 22.115 22.1144C21.6149 22.6145 21.334 23.2928 21.334 24V40C21.334 40.7073 21.6149 41.3856 22.115 41.8857C22.6151 42.3858 23.2934 42.6667 24.0007 42.6667Z' stroke='%233F8CFF' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

/* Post - Image */
.single .wpb_single_image .vc_box_rounded {
    overflow: hidden;
    border-radius: 25px !important;
}

.single .wpb_single_image img[src*="no_image.png"] {
    visibility: hidden;
}

/* Post - Blockquotes */
.single blockquote {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 25px;
    padding: 40px;
    border-radius: 25px;
    box-shadow: var(--glass-effect);
    background: linear-gradient(to right,rgba(54, 110, 252, 0.15) 0%, rgba(116, 240, 255, 0.15) 100%);
}

.single blockquote::before {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='33' viewBox='0 0 36 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2091 32.1H0.00909088V16.8C-0.0575757 14.6 0.242424 12.5333 0.909091 10.6C1.64242 8.66667 2.64242 6.96667 3.90909 5.5C5.17576 4.03333 6.67576 2.83333 8.40909 1.9C10.2091 0.9 12.1424 0.266667 14.2091 0V6.6C11.6758 7.46667 9.94242 8.76667 9.00909 10.5C8.07576 12.1667 7.60909 14.2333 7.60909 16.7H14.2091V32.1ZM35.5091 32.1H21.3091V16.8C21.2424 14.6 21.5424 12.5333 22.2091 10.6C22.9424 8.66667 23.9424 6.96667 25.2091 5.5C26.4758 4.03333 27.9758 2.83333 29.7091 1.9C31.5091 0.9 33.4424 0.266667 35.5091 0V6.6C32.9758 7.46667 31.2424 8.76667 30.3091 10.5C29.3758 12.1667 28.9091 14.2333 28.9091 16.7H35.5091V32.1Z' fill='%2374F0FF'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 36px;
    height: 33px;
}

.single blockquote p {
    flex: 1;
    font-style: italic;
}

@media (max-width: 767px) {
    .single blockquote {
        flex-direction: column;
        gap: 20px;
        padding: 30px;
    }
}

/* Breadcrumbs */
.budi-breadcrumbs {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 60px;
    color: #FFF;
    word-break: break-word;
}

.budi-breadcrumbs a {
    color: #FFF;
    transition: all 0.3s ease;
    cursor: pointer !important;
}

.budi-breadcrumbs a:hover, .budi-breadcrumbs a:focus {
    text-shadow: 0 1px 0px rgba(255, 255, 255, 0.6);
}

.budi-breadcrumbs span {
    color: rgba(255, 255, 255, 0.8);
}

.budi-breadcrumbs::after {
    content: "";
    display: table;
    clear: both;
}

/* Warning, Danger, Update, Neutral Box */
.budi-warning-box,
.budi-danger-box,
.budi-update-box,
.budi-neutral-box {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 20px;
    padding: 30px;
    border-radius: 25px;
    box-shadow: var(--glass-effect);
}

.budi-warning-box p,
.budi-danger-box p,
.budi-update-box p,
.budi-neutral-box p {
    font-style: italic;
}

.budi-warning-box::before,
.budi-danger-box::before,
.budi-update-box::before,
.budi-neutral-box::before {
    display: inline-block;
    width: 22px;
    height: auto;
}

@media (max-width: 767px) {
    .budi-warning-box,
    .budi-danger-box,
    .budi-update-box,
    .budi-neutral-box {
        padding: 20px;
        align-items: flex-start;
    }
}

/* Warning */
.budi-warning-box {
    background-color: rgb(255, 208, 0, 0.2);
}

.budi-warning-box::before {
    content: '⚠️';
}

/* Danger */
.budi-danger-box {
    background-color: rgb(255, 46, 50, 0.2);
}

.budi-danger-box::before {
    content: '❗';
}

/* Update */
.budi-update-box {
    background-color: rgba(66, 220, 0, 0.2);
}

.budi-update-box::before {
    content: '✅';
}

/* Neutral */
.budi-neutral-box {
    background-color: rgba(244, 244, 244, 0.15);
}


/* Styles specific to the Budi News single post template. */

.single-post .post-author {
    margin-top: 1.25rem;
    margin-bottom: 50px;
}

.single-post .post-author__inner {
    display: flex;
    align-items: center;
    gap: 16px;
}

.single-post .post-author__avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    flex: 0 0 64px;
    background: rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-post .post-author__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

.single-post .post-author__text {
    display: flex;
    flex-direction: column;
}

.single-post .post-author__name {
    margin: 0;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
    color: #ffffff;
}

.single-post .post-author__name-link {
    color: inherit;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.single-post .post-author__name-link:hover {
    border-bottom-color: currentColor;
}

.single-post .post-author__bio {
    margin: 0;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.3;
    opacity: 0.8;
    color: #ffffff;
}

.single-post h2{
    margin-bottom: var(--h4-spacing);
    font-size: 26px;
    line-height: 1.375em;
    color: var(--color-light) !important;
    font-weight: 700;
}

.single-post p,
.single-post ul li{
    font-size: var(--font-text-size);
    font-weight: var(--font-text-weight);
    color: var(--body-text-color);
    line-height: var(--font-text-line-height);
    font-family: var(--font-text);
    -webkit-font-smoothing: antialiased;
}