.description{
    line-height: 33px;
}
    .description img{
        max-width: 100%;
        height: auto;
        max-height: 600px;
    }

.description iframe,
.description embed,
.description object,
.description video,
.description audio,
.description table,
.description figure {
    max-width: 100% !important;
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
    .description iframe[src*="youtube.com"],
    .description iframe[src*="youtu.be"],
    .description iframe[src*="vimeo.com"],
    .description iframe[src*="facebook.com/plugins/video"],
    .description iframe[src*="facebook.com/plugins/post"] {
        width: 100% !important;
        aspect-ratio: 16 / 9;
        height: auto !important;
        display: block;
    }
}

.description pre {
    max-width: 100%;
    overflow-x: auto;
}

.cw-embed-wrap {
    position: relative;
    max-width: 100%;
}

.cw-embed-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    z-index: 2;
    pointer-events: none;
}

.cw-embed-loader:before {
    content: "";
    width: 44px;
    height: 44px;
    border: 4px solid rgba(255, 255, 255, 0.35);
    border-top-color: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    animation: cwLoadingSpin 0.8s linear infinite;
}

@keyframes cwLoadingSpin {
    to {
        transform: rotate(360deg);
    }
}

.cw-embed-wrap.cw-embed-loaded .cw-embed-loader {
    display: none;
}

/*breadcrumbs*/
/*Smooth hover state*/
a.metabox__blog-home-link,
a.metabox__blog-home-link:link,
a.metabox__blog-home-link:visited,
a.taxonomy-terms,
a.taxonomy-terms:link,
a.taxonomy-terms:visited {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color .3s cubic-bezier(.645, .045, .355, 1),
                opacity .3s, transform .3s;/*without these 2, data-aos="fade" won't work due to color transition here for some reason*/
}
a.metabox__blog-home-link:hover,
a.taxonomy-terms:hover {
    color: var(--white-color);
}
/*End smooth hover state*/

a.taxonomy-terms{
    cursor: default;
}
/*end breadcrumbs*/


.acf-fields{
    color: var(--less-white-color);
}    
    .acf-fields strong{
        color:var(--white-color);
    }