/* ADD VIDEO SPACER */
.yottie-widget-video {
    padding: 0 10px !important;
    padding-bottom: 15px !important;
}
@media (max-width: 768px) {
    .yottie-widget-video {
        padding-left: 0 !important;   
        padding-right: 0 !important;
    }
}

/* REMOVE SLIDER CONTAINER PADDING */
.yottie-widget-feed-section-slide {
    padding-top: 0 !important;
}

/* CHANGE BACKGROUND COLOR */
.yottie-widget-feed-section-slide {
    background: #112346 !important;
}
.yottie-widget-video {
    background: transparent !important;
}

/* REMOVE ROUNDING OF SLIDER */
.yottie-widget-inner {
    border-radius: 0 !important;
}

/* MAKE VIDEO DESC FLUSH */
.yottie-widget-video-classic .yottie-widget-video-info {
    padding-top: 5px !important;
    padding-bottom: 10px !important;
}

/* REVERSE META AND TITLE */
.yottie-widget-video-classic .yottie-widget-video-info {
    padding-bottom: 0 !important;
    display: flex;
    flex-direction: column-reverse;
    gap: 5px;
}

/* ADJUST COLOR OF PLAY BUTTON */
.yottie-widget-video-preview svg.yottie-widget-video-preview-play path.subcolor {
	fill: #112346 !important;
}

/* REMOVE ROUNDING OF ARROWS */
div.yottie-widget-feed-section-arrow {
   border-radius: 0 !important;
   box-shadow: unset !important;
}

/* ADJUST TITLE FONT */
.yottie-widget-video-info-title {
    font-weight: 300;
    font-size: 1.1rem;
    text-transform: none;
    overflow: visible;
    white-space: unset;
    line-height: inherit;
    text-decoration: none !important;
}
.yottie-widget-video-info-title:hover {
    text-decoration: none !important;
}

/* ADJUST DATE FONT */
div.yottie-widget-video-info-passed-time {
    line-height: unset !important;
    font-size: 1rem !important;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 5px !important;
}
@media (max-width: 768px) {
    div.yottie-widget-video-info-passed-time {
        font-size: 0.9rem !important;   
    }
}

/* ADJUST POPUP META */
.yottie-popup-video-meta-date,
.yottie-popup-video-meta-description,
.yottie-popup-video-title {
    color: var(--zf-black) !important;
}