/* Dynamic Content Styles */

@import "embeddediframe.css";
@import "breadcrumbs.css";
@import "cta-resources.css";
@import "featured-entity.css";
@import "header-body-text.css";
@import "hero-header-carousel-gallery.css";
@import "icon-cards.css";
@import "ordered-info-card.css";
@import "testimonial.css";
@import "two-column-text-image.css";
@import "video-grid.css";

:root {
    --card-shadow: rgba(0, 0, 0, 0.15) 5px 5px 7px,  rgba(0, 0, 0, 0.15) 0px 30px 60px -30px;
    --usef-red: #ed1d24;
    --usef-blue: #14377d;
    --usef-blue-sheer: rgba(20, 55, 125, 0.85);
}

.dcp-block-spacer {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

.circle-number {
    align-items: center;
    background: var(--usef-blue);
    border-radius: 50%;
    color: white;
    display: flex;
    flex-direction: row;
    font-size: 4rem;
    font-weight: 900;
    height: 60px;
    justify-content: center;
    width: 62px;
}

@media (max-width: 769px) {
    .dcp-block-spacer {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}

.custom-scrollbar::-webkit-scrollbar { width: 4px; }

.custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }

.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(15, 52, 125, 0.25); }

.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #555; }

.new-page-empty-block {
    max-width: 700px;
    padding: 2rem 4rem;
    margin: 4rem auto;
    background: rgba(0,0,255, 0.05);
    border: 1px solid rgba(0,0,255,0.5);
    color: rgba(0,0,122,1);
    border-radius: 1rem;
}