/*
===========================================
Chris Myers Inc.
Custom Stylesheet
===========================================
*/

/* Variables */
:root {
    --cmi-blue: #1e6fd9;
    --cmi-blue-light: #6ea8ff;
    --cmi-navy: #07111f;
    --cmi-dark: #03070e;
    --cmi-panel: #0d1a2b;
    --cmi-border: rgba(110, 168, 255, 0.28);
    --cmi-white: #f5f7fa;
    --cmi-muted: #a7b4c8;
}

/*
===========================================
Front-End Theme Reset
Does not affect Beaver Builder edit mode
===========================================
*/

body:not(.fl-builder-edit) .fl-page-footer {
    display: none !important;
}

body:not(.fl-builder-edit) .fl-page-content,
body:not(.fl-builder-edit) .fl-content,
body:not(.fl-builder-edit) .fl-post,
body:not(.fl-builder-edit) .fl-post-content {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body:not(.fl-builder-edit).home .fl-post-header,
body:not(.fl-builder-edit).home .entry-header {
    display: none !important;
}

/*
===========================================
Beaver Builder Edit Mode Protection
===========================================
*/

body.fl-builder-edit {
    background-color: #ffffff !important;
    color: #222222 !important;
}

body.fl-builder-edit .fl-page-content,
body.fl-builder-edit .fl-content,
body.fl-builder-edit .fl-post,
body.fl-builder-edit .fl-post-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
}

body.fl-builder-edit .fl-page-footer {
    display: block !important;
}

/*
===========================================
Typography
===========================================
*/

body:not(.fl-builder-edit) {
    font-family: "Inter", sans-serif;
    background-color: var(--cmi-navy);
    color: var(--cmi-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.02em;
}

body:not(.fl-builder-edit) a {
    color: var(--cmi-blue-light);
}

body:not(.fl-builder-edit) a:hover,
body:not(.fl-builder-edit) a:focus {
    color: var(--cmi-white);
}

/*
===========================================
Global Container
===========================================
*/

.cmi-container {
    width: min(100% - 48px, 1440px);
    margin-inline: auto;
}

/*
===========================================
Header
===========================================
*/

.cmi-header {
    position: relative;
    z-index: 99;
    background: rgba(3, 7, 14, 0.95);
    border-bottom: 1px solid rgba(110, 168, 255, 0.18);
}

.cmi-header img {
    max-width: 155px;
    height: auto;
}

/* Regular Beaver Builder Menu */
.cmi-header .menu a,
.cmi-header .fl-menu a {
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cmi-white) !important;
    transition: color 0.25s ease;
}

.cmi-header .menu a:hover,
.cmi-header .menu a:focus,
.cmi-header .fl-menu a:hover,
.cmi-header .fl-menu a:focus {
    color: var(--cmi-blue-light) !important;
}

/* UABB Advanced Menu */
.cmi-header .uabb-creative-menu .menu-item > a,
.cmi-header .uabb-creative-menu .menu-item > a span {
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cmi-white) !important;
    transition: color 0.25s ease;
}

.cmi-header .uabb-creative-menu .menu-item > a:hover,
.cmi-header .uabb-creative-menu .menu-item > a:focus,
.cmi-header .uabb-creative-menu .menu-item > a:hover span,
.cmi-header .uabb-creative-menu .current-menu-item > a,
.cmi-header .uabb-creative-menu .current-menu-item > a span {
    color: var(--cmi-blue-light) !important;
}

/*
===========================================
Header Button
===========================================
*/

.cmi-header .fl-button {
    padding: 12px 22px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: linear-gradient(
        135deg,
        var(--cmi-blue),
        #4b8fff
    ) !important;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition:
        transform 0.25s ease,
        filter 0.25s ease;
}

.cmi-header .fl-button:hover,
.cmi-header .fl-button:focus {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

/*
===========================================
Responsive Header
===========================================
*/

@media (max-width: 1200px) {
    .cmi-header .menu a,
    .cmi-header .fl-menu a,
    .cmi-header .uabb-creative-menu .menu-item > a,
    .cmi-header .uabb-creative-menu .menu-item > a span {
        font-size: 13px;
        letter-spacing: 0.03em;
    }

    .cmi-header img {
        max-width: 135px;
    }

    .cmi-header .fl-button {
        padding: 10px 18px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 768px) {
    .cmi-container {
        width: min(100% - 30px, 1440px);
    }

    .cmi-header img {
        max-width: 125px;
    }
}

/*
===========================================
Future Sections
===========================================
*/

/*
===========================================
Chris Myers Homepage Hero
===========================================
*/

.cmi-home-hero {
    position: relative;
    min-height: 780px;
    overflow: hidden;
    background-color: #03070E;
    background-image:
        linear-gradient(
            90deg,
            rgba(3, 7, 14, 0.96) 0%,
            rgba(3, 7, 14, 0.86) 38%,
            rgba(7, 17, 31, 0.45) 65%,
            rgba(7, 17, 31, 0.12) 100%
        ),
        url("PASTE-BACKGROUND-ONLY-IMAGE-URL-HERE");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-bottom: 1px solid rgba(110, 168, 255, 0.16);
}

/* Remove Beaver Builder row spacing */

.cmi-home-hero > .fl-row-content-wrap {
    min-height: 780px;
    padding: 0 !important;
    background: transparent !important;
}

.cmi-home-hero .fl-row-content {
    width: 100%;
    max-width: 1460px;
    min-height: 780px;
    margin: 0 auto;
}

.cmi-home-hero .fl-col-group {
    min-height: 780px;
    display: flex;
    align-items: stretch;
}

/*
Left content
*/

.cmi-home-hero-copy {
    display: flex;
    align-items: center;
}

.cmi-home-hero-copy > .fl-col-content {
    width: 100%;
    padding: 60px 30px 60px 55px !important;
}

.cmi-home-hero-copy .fl-module-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.cmi-home-hero-title,
.cmi-home-hero-title *,
.cmi-home-hero-title h1 {
    max-width: 700px;
    margin: 0 !important;
    color: #F5F7FA !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(64px, 5.4vw, 92px) !important;
    font-weight: 700 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase;
}

.cmi-home-hero-description {
    max-width: 555px;
    margin-top: 30px;
}

.cmi-home-hero-description,
.cmi-home-hero-description *,
.cmi-home-hero-description p {
    margin-bottom: 0 !important;
    color: rgba(245, 247, 250, 0.76) !important;
    font-family: "Inter", sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

/*
Right image
*/

.cmi-home-hero-visual {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.cmi-home-hero-visual > .fl-col-content {
    width: 100%;
    height: 100%;
    min-height: 780px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 40px 30px 0 0 !important;
}

.cmi-home-hero-chris {
    position: relative;
    z-index: 3;
    width: 100%;
}

.cmi-home-hero-chris .fl-module-content {
    margin: 0 !important;
    text-align: right;
}

.cmi-home-hero-chris img {
    display: block;
    width: auto !important;
    max-width: 590px !important;
    max-height: 700px;
    margin-right: 0;
    margin-left: auto;
    object-fit: contain;
    object-position: bottom right;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.28));
}

/*
Entrance animation
*/

.cmi-home-hero-copy {
    animation: cmiHeroCopy 0.8s ease-out both;
}

.cmi-home-hero-visual {
    animation: cmiHeroVisual 1s ease-out 0.12s both;
}

@keyframes cmiHeroCopy {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes cmiHeroVisual {
    from {
        opacity: 0;
        transform: translateX(24px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/*
Tablet
*/

@media (max-width: 1100px) {

    .cmi-home-hero,
    .cmi-home-hero > .fl-row-content-wrap,
    .cmi-home-hero .fl-row-content,
    .cmi-home-hero .fl-col-group {
        min-height: 690px;
    }

    .cmi-home-hero-copy > .fl-col-content {
        padding-left: 35px !important;
    }

    .cmi-home-hero-title,
    .cmi-home-hero-title *,
    .cmi-home-hero-title h1 {
        font-size: clamp(56px, 6vw, 74px) !important;
    }

    .cmi-home-hero-description,
    .cmi-home-hero-description *,
    .cmi-home-hero-description p {
        font-size: 18px !important;
    }

    .cmi-home-hero-chris img {
        max-width: 500px !important;
        max-height: 620px;
    }
}

/*
Mobile
*/

@media (max-width: 767px) {

    .cmi-home-hero {
        min-height: auto;
        background-position: 58% center;
    }

    .cmi-home-hero > .fl-row-content-wrap,
    .cmi-home-hero .fl-row-content,
    .cmi-home-hero .fl-col-group {
        min-height: auto;
    }

    .cmi-home-hero .fl-col-group {
        display: flex;
        flex-direction: column;
    }

    .cmi-home-hero-copy,
    .cmi-home-hero-visual {
        width: 100% !important;
    }

    .cmi-home-hero-copy > .fl-col-content {
        padding: 70px 24px 20px !important;
    }

    .cmi-home-hero-title,
    .cmi-home-hero-title *,
    .cmi-home-hero-title h1 {
        max-width: 520px;
        font-size: clamp(46px, 14vw, 66px) !important;
        line-height: 1 !important;
    }

    .cmi-home-hero-description {
        max-width: 440px;
        margin-top: 22px;
    }

    .cmi-home-hero-description,
    .cmi-home-hero-description *,
    .cmi-home-hero-description p {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }

    .cmi-home-hero-visual > .fl-col-content {
        min-height: 440px;
        padding: 10px 15px 0 !important;
        justify-content: center;
    }

    .cmi-home-hero-chris .fl-module-content {
        text-align: center;
    }

    .cmi-home-hero-chris img {
        width: auto !important;
        max-width: min(100%, 410px) !important;
        max-height: 470px;
        margin: 0 auto;
        object-position: bottom center;
    }
}

/*
Small mobile
*/

@media (max-width: 480px) {

    .cmi-home-hero-copy > .fl-col-content {
        padding: 55px 18px 15px !important;
    }

    .cmi-home-hero-title,
    .cmi-home-hero-title *,
    .cmi-home-hero-title h1 {
        font-size: 47px !important;
    }

    .cmi-home-hero-description,
    .cmi-home-hero-description *,
    .cmi-home-hero-description p {
        font-size: 16px !important;
    }

    .cmi-home-hero-visual > .fl-col-content {
        min-height: 390px;
    }

    .cmi-home-hero-chris img {
        max-width: 355px !important;
        max-height: 410px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .cmi-home-hero-copy,
    .cmi-home-hero-visual {
        animation: none;
    }
}

/*
===========================================
Hero Scroll Arrow
===========================================
*/

.cmi-scroll-arrow {
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    z-index: 100;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 70px;
    height: 70px;

    text-decoration: none;
    cursor: pointer;

    color: rgba(110, 168, 255, .70);

    transition: color .30s ease;
}

.cmi-scroll-arrow:hover {
    color: #FFFFFF;
}

.cmi-scroll-arrow span {

    display: block;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: 300;
    line-height: .70;

    user-select: none;

    animation: cmiArrowBounce 2.6s ease-in-out infinite;
}

/* Animation */

@keyframes cmiArrowBounce {

    0%,
    22% {
        transform: translateY(0);
        opacity: .45;
    }

    35% {
        transform: translateY(16px);
        opacity: 1;
    }

    48% {
        transform: translateY(8px);
    }

    60% {
        transform: translateY(16px);
    }

    72% {
        transform: translateY(0);
        opacity: .85;
    }

    100% {
        transform: translateY(0);
        opacity: .45;
    }

}

/* Hover */

.cmi-scroll-arrow:hover span {

    animation-play-state: running;

}

/* Mobile */

@media (max-width: 768px) {

    .cmi-scroll-arrow {

        bottom: 12px;
        width: 56px;
        height: 56px;

    }

    .cmi-scroll-arrow span {

        font-size: 60px;

    }

}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {

    .cmi-scroll-arrow span {

        animation: none;

    }

}

/*
===========================================
Broadcast Logo Section
===========================================
*/

.cmi-logo-section {
    background: #07111F;
    border-top: 1px solid rgba(110, 168, 255, 0.12);
    padding: 50px 0 55px;
}

.cmi-logo-section .fl-row-content {
    max-width: 1460px;
}

.cmi-logo-section .fl-col-group {
    display: flex;
    align-items: center;
}

.cmi-logo-heading,
.cmi-logo-heading *,
.cmi-logo-heading h2 {
    margin: 0 0 22px !important;
    color: rgba(245, 247, 250, 0.72) !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.14em !important;
    text-align: center !important;   /* Changed from right */
    text-transform: uppercase;
}

.cmi-logo-strip .fl-module-content {
    margin: 0 !important;
    text-align: right;
}

.cmi-logo-strip img {
    display: block;
    width: auto !important;
    max-width: 560px !important;
    max-height: 65px;
    margin-left: auto;
    opacity: 0.72;
    transition: opacity 0.25s ease;
}

.cmi-logo-strip img:hover {
    opacity: 1;
}

@media (max-width: 767px) {

    .cmi-logo-section {
        padding: 38px 20px 42px;
    }

    .cmi-logo-section .fl-col-group {
        display: block;
    }

    .cmi-logo-section .fl-col:first-child {
        display: none;
    }

    .cmi-logo-section .fl-col:last-child {
        width: 100% !important;
    }

    .cmi-logo-heading,
    .cmi-logo-heading *,
    .cmi-logo-heading h2 {
        font-size: 12px !important;
        text-align: center !important;
    }

    .cmi-logo-strip .fl-module-content {
        text-align: center;
    }

    .cmi-logo-strip img {
        width: 100% !important;
        max-width: 520px !important;
        max-height: none;
        margin: 0 auto;
    }
}


/*
===========================================
Chris Myers Career Stats Section
===========================================
*/

.cmi-stats-section {
    position: relative;
    padding: 34px 32px;
    background: #07111F;
    border-top: 1px solid rgba(110, 168, 255, 0.12);
    border-bottom: 1px solid rgba(110, 168, 255, 0.12);
}

.cmi-stats-section > .fl-row-content-wrap {
    padding: 0 !important;
    background: transparent !important;
}

.cmi-stats-section .fl-row-content {
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 24px 28px;

    background:
        linear-gradient(
            135deg,
            rgba(13, 26, 43, 0.96) 0%,
            rgba(7, 17, 31, 0.98) 100%
        );

    border: 1px solid rgba(110, 168, 255, 0.28);
    border-radius: 7px;
}

.cmi-stats-section .fl-col-group {
    display: flex;
    align-items: stretch;
}

/*
Individual stat columns
===========================================
*/

.cmi-stat-item {
    position: relative;
    display: flex;
    align-items: stretch;
}

.cmi-stat-item > .fl-col-content {
    position: relative;
    width: 100%;
    min-height: 128px;

    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 20px;
    align-content: center;

    padding: 18px 28px !important;
    background: transparent !important;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}

.cmi-stat-item:hover > .fl-col-content {
    background-color: rgba(110, 168, 255, 0.04) !important;
    transform: translateY(-2px);
}

/*
Vertical dividers
===========================================
*/

.cmi-stat-item:not(:last-child) > .fl-col-content::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    width: 1px;
    height: calc(100% - 40px);
    background: rgba(110, 168, 255, 0.17);
}

/*
Remove Beaver Builder module spacing
===========================================
*/

.cmi-stat-item .fl-module-content {
    margin: 0 !important;
}

/*
Icons
===========================================
*/

.cmi-stat-item .fl-module-photo {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
}

.cmi-stat-item .fl-photo {
    text-align: left;
}

.cmi-stat-item .fl-photo-img {
    display: block;
    width: auto !important;
    max-width: 68px !important;
    height: 68px !important;
    object-fit: contain;

    filter:
        drop-shadow(0 0 10px rgba(30, 111, 217, 0.18));
}

/*
Main numbers / headings
===========================================
*/

.cmi-stat-item .fl-module-heading {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
}

.cmi-stat-item .fl-heading,
.cmi-stat-item .fl-heading *,
.cmi-stat-item h2,
.cmi-stat-item h3 {
    margin: 0 !important;

    color: #286AEA !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(42px, 3vw, 54px) !important;
    font-weight: 700 !important;
    line-height: 0.95 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase;
}

/*
Descriptions
===========================================
*/

.cmi-stat-item .fl-module-rich-text {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    margin-top: 10px;
}

.cmi-stat-item .fl-module-rich-text,
.cmi-stat-item .fl-module-rich-text *,
.cmi-stat-item .fl-module-rich-text p {
    margin: 0 !important;

    color: rgba(245, 247, 250, 0.90) !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase;
}

/*
Large tablet
===========================================
*/

@media (max-width: 1180px) {

    .cmi-stats-section {
        padding-left: 22px;
        padding-right: 22px;
    }

    .cmi-stats-section .fl-row-content {
        padding: 20px 16px;
    }

    .cmi-stat-item > .fl-col-content {
        min-height: 118px;
        grid-template-columns: 58px minmax(0, 1fr);
        column-gap: 14px;
        padding: 16px 18px !important;
    }

    .cmi-stat-item .fl-photo-img {
        max-width: 54px !important;
        height: 54px !important;
    }

    .cmi-stat-item .fl-heading,
    .cmi-stat-item .fl-heading *,
    .cmi-stat-item h2,
    .cmi-stat-item h3 {
        font-size: 39px !important;
    }

    .cmi-stat-item .fl-module-rich-text,
    .cmi-stat-item .fl-module-rich-text *,
    .cmi-stat-item .fl-module-rich-text p {
        font-size: 12px !important;
    }
}

/*
Tablet: 2 × 2
===========================================
*/

@media (max-width: 900px) {

    .cmi-stats-section .fl-col-group {
        display: flex;
        flex-wrap: wrap;
    }

    .cmi-stat-item {
        width: 50% !important;
    }

    .cmi-stat-item > .fl-col-content {
        min-height: 130px;
        padding: 22px 24px !important;
    }

    .cmi-stat-item:nth-child(2) > .fl-col-content::after {
        display: none;
    }

    .cmi-stat-item:nth-child(-n + 2) > .fl-col-content {
        border-bottom: 1px solid rgba(110, 168, 255, 0.16);
    }

    .cmi-stat-item .fl-heading,
    .cmi-stat-item .fl-heading *,
    .cmi-stat-item h2,
    .cmi-stat-item h3 {
        font-size: 46px !important;
    }

    .cmi-stat-item .fl-module-rich-text,
    .cmi-stat-item .fl-module-rich-text *,
    .cmi-stat-item .fl-module-rich-text p {
        font-size: 13px !important;
    }
}

/*
===========================================
Mobile: stacked
===========================================
*/

@media (max-width: 600px) {

    .cmi-stats-section {
        padding: 22px 16px;
    }

    .cmi-stats-section .fl-row-content {
        padding: 10px 18px;
    }

    .cmi-stat-item {
        width: 100% !important;
    }

    .cmi-stat-item > .fl-col-content {

        min-height: 104px;

        display: grid;
        grid-template-columns: 70px 1fr;
        align-items: center;
        column-gap: 20px;

        padding: 18px 4px !important;
    }

    .cmi-stat-item:not(:last-child) > .fl-col-content {
        border-bottom: 1px solid rgba(110,168,255,.16);
    }

    .cmi-stat-item:not(:last-child) > .fl-col-content::after {
        display:none;
    }

    /* Icon */

    .cmi-stat-item .fl-module-photo {
        align-self:center;
    }

    .cmi-stat-item .fl-photo {
        text-align:center;
    }

    .cmi-stat-item .fl-photo-img{
        width:52px !important;
        height:52px !important;
        max-width:52px !important;
    }

    /* Number */

    .cmi-stat-item .fl-module-heading{
        align-self:end;
    }

    .cmi-stat-item .fl-heading,
    .cmi-stat-item h2,
    .cmi-stat-item h3{

        font-size:48px !important;
        line-height:.95 !important;

    }

    /* Description */

    .cmi-stat-item .fl-module-rich-text{

        margin-top:6px;                                                         

    }

    .cmi-stat-item .fl-module-rich-text,
    .cmi-stat-item .fl-module-rich-text p{

        font-size:14px !important;
        line-height:1.3 !important;

    }

}


/*
===========================================
Chris Myers
Three Pillars Section
===========================================
*/

.cmi-pillars-section {
    background: #07111F;
    padding: 90px 28px;
}

/* Each column */
.cmi-pillar-column {
    padding: 0 18px;
}

/* UABB Info Box */
.cmi-pillar-box .uabb-infobox {
    height: 100%;
    text-align: center;
    background: #0D1A2B;
    border: 1px solid rgba(40, 106, 234, 0.22);
    border-radius: 10px;
    padding: 46px 34px 42px;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

/* Hover */
.cmi-pillar-box .uabb-infobox:hover {
    transform: translateY(-6px);
    border-color: rgba(40, 106, 234, 0.55);
}

/* Remove extra spacing */
.cmi-pillar-box .fl-module-content,
.cmi-pillar-box .uabb-module-content {
    margin: 0;
}

/* Icon area */
.cmi-pillar-box .uabb-imgicon-wrap,
.cmi-pillar-box .uabb-icon-wrap {
    margin-bottom: 28px;
}

/* Icon image */
.cmi-pillar-box .uabb-image-content img {
    width: 72px;
    height: auto;
    display: inline-block;
}

/* Icon font */
.cmi-pillar-box .uabb-icon i {
    color: #286AEA;
    font-size: 70px;
}

/* Heading */
.cmi-pillar-box .uabb-infobox-title {
    color: #286AEA;
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.18;
    text-transform: uppercase;
    margin: 0 0 18px;
}

/* Description */
.cmi-pillar-box .uabb-infobox-text,
.cmi-pillar-box .uabb-infobox-text p {
    color: #A7B4C8;
    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    margin: 0;
}

/* Tablet */
@media (max-width: 992px) {

    .cmi-pillars-section {
        padding: 70px 22px;
    }

    .cmi-pillar-column {
        padding: 0 10px;
    }

    .cmi-pillar-box .uabb-infobox {
        padding: 38px 24px 36px;
    }

    .cmi-pillar-box .uabb-infobox-title {
        font-size: 25px;
    }

    .cmi-pillar-box .uabb-infobox-text,
    .cmi-pillar-box .uabb-infobox-text p {
        font-size: 16px;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .cmi-pillars-section {
        padding: 55px 18px;
    }

    .cmi-pillar-column {
        padding: 0 0 22px;
    }

    .cmi-pillar-box .uabb-infobox {
        padding: 34px 24px;
    }

    .cmi-pillar-box .uabb-infobox-title {
        font-size: 27px;
    }

    .cmi-pillar-box .uabb-infobox-text,
    .cmi-pillar-box .uabb-infobox-text p {
        font-size: 16px;
    }
}


/*
===========================================
FINAL MOBILE STATS OVERRIDE
Keep this at the bottom of the stylesheet
===========================================
*/

@media screen and (max-width: 600px) {

    .cmi-stats-section {
        padding: 22px 14px !important;
    }

    .cmi-stats-section .fl-row-content {
        width: 100% !important;
        padding: 14px 12px !important;
    }

    .cmi-stats-section .fl-col-group {
        display: block !important;
    }

    .cmi-stats-section .cmi-stat-item {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        float: none !important;
    }

    .cmi-stats-section .cmi-stat-item > .fl-col-content {
        width: 100% !important;
        max-width: 310px !important;
        min-height: 105px !important;
        margin: 0 auto !important;
        padding: 16px 0 !important;

        display: grid !important;
        grid-template-columns: 66px 210px !important;
        grid-template-rows: auto auto !important;
        column-gap: 18px !important;

        align-content: center !important;
        align-items: center !important;
        justify-content: center !important;

        background: transparent !important;
        transform: none !important;
    }

    /* Icon */

    .cmi-stats-section .cmi-stat-item .fl-module-photo {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
        width: 66px !important;
    }

    .cmi-stats-section .cmi-stat-item .fl-photo {
        width: 66px !important;
        text-align: center !important;
    }

    .cmi-stats-section .cmi-stat-item .fl-photo-img {
        display: block !important;
        width: 52px !important;
        max-width: 52px !important;
        height: 52px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }

    /* Number/title */

    .cmi-stats-section .cmi-stat-item .fl-module-heading {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 210px !important;
        align-self: end !important;
    }

    .cmi-stats-section .cmi-stat-item .fl-heading,
    .cmi-stats-section .cmi-stat-item .fl-heading *,
    .cmi-stats-section .cmi-stat-item h2,
    .cmi-stats-section .cmi-stat-item h3 {
        margin: 0 !important;
        font-size: 46px !important;
        line-height: 0.95 !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    /* Description */

    .cmi-stats-section .cmi-stat-item .fl-module-rich-text {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: 210px !important;
        margin: 5px 0 0 !important;
        align-self: start !important;
    }

    .cmi-stats-section .cmi-stat-item .fl-module-rich-text,
    .cmi-stats-section .cmi-stat-item .fl-module-rich-text *,
    .cmi-stats-section .cmi-stat-item .fl-module-rich-text p {
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        text-align: left !important;
    }

    /* Remove all mobile dividers */

    .cmi-stats-section .cmi-stat-item > .fl-col-content::after {
        display: none !important;
    }

    .cmi-stats-section .cmi-stat-item:not(:last-child) > .fl-col-content {
        border-bottom: 0 !important;
    }
}


/*
===========================================
ABOUT CHRIS SECTION
===========================================
*/

.cmi-about-section {
    position: relative;
    overflow: hidden;
    padding: 110px 30px;
    background:
        radial-gradient(
            circle at 18% 50%,
            rgba(40, 106, 234, 0.14),
            transparent 34%
        ),
        #07111f;
}

.cmi-about-section > .fl-row-content-wrap {
    background: transparent !important;
}

.cmi-about-section .fl-row-content {
    max-width: 1240px;
    margin: 0 auto;
}

/*
===========================================
LEFT PHOTO COLUMN
===========================================
*/

.cmi-about-photo > .fl-col-content {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 560px;
    padding: 0 45px 0 0;
}

.cmi-about-photo .fl-module-photo,
.cmi-about-photo .fl-photo {
    width: 100%;
    margin: 0;
    text-align: center;
}

.cmi-about-photo img {
    display: block;
    width: 100%;
    max-width: 520px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    filter: drop-shadow(0 28px 35px rgba(0, 0, 0, 0.35));
}

/*
===========================================
RIGHT CONTENT COLUMN
===========================================
*/

.cmi-about-content > .fl-col-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 560px;
    padding: 25px 0 25px 55px;
}

/*
===========================================
SMALL BLUE ABOUT LABEL
Module class: cmi-about-label
===========================================
*/

.cmi-about-label {
    margin-bottom: 18px;
}

.cmi-about-label .fl-heading {
    margin: 0 !important;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase;
    color: #286aea !important;
}

/*
===========================================
MAIN ABOUT TITLE
Module class: cmi-about-title
===========================================
*/

.cmi-about-title {
    max-width: 680px;
    margin-bottom: 28px;
}

.cmi-about-title .fl-heading {
    margin: 0 !important;
    font-family: "Oswald", sans-serif;
    font-size: clamp(46px, 4.7vw, 68px) !important;
    font-weight: 600 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    text-transform: none;
    color: #f5f7fa !important;
}

/*
===========================================
BODY COPY
===========================================
*/

.cmi-about-content .fl-module-rich-text {
    max-width: 690px;
    margin-bottom: 30px;
}

.cmi-about-content .fl-module-rich-text p {
    margin: 0 0 18px;
    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.75;
    color: #a7b4c8;
}

.cmi-about-content .fl-module-rich-text p:last-child {
    margin-bottom: 0;
}

/*
===========================================
BUTTON
===========================================
*/

.cmi-about-content .fl-button-wrap {
    text-align: left;
}

.cmi-about-content a.fl-button {
    min-width: 180px;
    padding: 15px 26px;
    border: 1px solid rgba(110, 168, 255, 0.45);
    border-radius: 3px;
    background: #286aea;
    box-shadow: 0 12px 28px rgba(40, 106, 234, 0.22);
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.cmi-about-content a.fl-button:hover {
    border-color: #6ea8ff;
    background: #1e6fd9;
    box-shadow: 0 16px 34px rgba(40, 106, 234, 0.32);
    transform: translateY(-3px);
}

.cmi-about-content a.fl-button .fl-button-text {
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
}

/*
===========================================
TABLET
===========================================
*/

@media screen and (max-width: 900px) {

    .cmi-about-section {
        padding: 85px 28px;
    }

    .cmi-about-photo > .fl-col-content {
        min-height: 480px;
        padding-right: 25px;
    }

    .cmi-about-photo img {
        max-width: 430px;
    }

    .cmi-about-content > .fl-col-content {
        min-height: 480px;
        padding-left: 35px;
    }

    .cmi-about-title .fl-heading {
        font-size: 46px !important;
    }

    .cmi-about-content .fl-module-rich-text p {
        font-size: 16px;
        line-height: 1.65;
    }
}

/*
===========================================
MOBILE
===========================================
*/

@media screen and (max-width: 767px) {

    .cmi-about-section {
        padding: 70px 20px;
    }

    .cmi-about-section .fl-col-group {
        display: flex;
        flex-direction: column;
    }

    .cmi-about-photo,
    .cmi-about-content {
        width: 100% !important;
    }

    .cmi-about-photo > .fl-col-content {
        min-height: auto;
        padding: 0;
    }

    .cmi-about-photo img {
        max-width: 380px;
    }

    .cmi-about-content > .fl-col-content {
        min-height: auto;
        padding: 45px 0 0;
        text-align: center;
    }

    .cmi-about-label {
        margin-bottom: 15px;
    }

    .cmi-about-label .fl-heading {
        text-align: center !important;
        font-size: 14px !important;
        letter-spacing: 0.18em !important;
    }

    .cmi-about-title {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .cmi-about-title .fl-heading {
        text-align: center !important;
        font-size: 40px !important;
        line-height: 1.08 !important;
    }

    .cmi-about-content .fl-module-rich-text {
        margin-right: auto;
        margin-left: auto;
    }

    .cmi-about-content .fl-module-rich-text p {
        text-align: center;
        font-size: 16px;
        line-height: 1.65;
    }

    .cmi-about-content .fl-button-wrap {
        text-align: center;
    }
}

/*
===========================================
ABOUT HEADING COLOR FIX
Keep at the bottom of custom.css
===========================================
*/

/* Small blue label — H6 */

.cmi-about-content h6.fl-heading,
.cmi-about-content .fl-heading-tag h6,
.cmi-about-content h6 {
    margin: 0 0 18px !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: #286aea !important;
}

/* Large white title — H2 */

.cmi-about-content h2.fl-heading,
.cmi-about-content .fl-heading-tag h2,
.cmi-about-content h2 {
    margin: 0 0 28px !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(46px, 4.7vw, 68px) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
    color: #f5f7fa !important;
}

/* Force links or spans inside headings to inherit the color */

.cmi-about-content h6 *,
.cmi-about-content h2 * {
    color: inherit !important;
}

/* Mobile */

@media screen and (max-width: 767px) {

    .cmi-about-content h6.fl-heading,
    .cmi-about-content h6 {
        font-size: 14px !important;
        text-align: center !important;
    }

    .cmi-about-content h2.fl-heading,
    .cmi-about-content h2 {
        font-size: 40px !important;
        text-align: center !important;
    }
}

/*
===========================================
FEATURED VIDEOS — TOP ROW
===========================================
*/

.cmi-videos-section {
    position: relative;
    overflow: hidden;
    padding: 110px 30px 105px;
    text-align: center;
    background:
        radial-gradient(
            circle at 75% 25%,
            rgba(40, 106, 234, 0.1),
            transparent 36%
        ),
        #03070e;
}

.cmi-videos-section > .fl-row-content-wrap {
    background: transparent !important;
}

.cmi-videos-section .fl-row-content {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

/*
===========================================
FEATURED VIDEOS INTRO
===========================================
*/

.cmi-videos-label,
.cmi-videos-title,
.cmi-videos-intro {
    width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
}

.cmi-videos-label {
    max-width: 900px;
    margin-bottom: 18px !important;
}

.cmi-videos-label .fl-module-content,
.cmi-videos-title .fl-module-content,
.cmi-videos-intro .fl-module-content {
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Small blue label */

.cmi-videos-label .fl-heading {
    margin: 0 !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #286aea !important;
}

/* Main heading */

.cmi-videos-title {
    max-width: 1000px;
    margin-bottom: 26px !important;
}

.cmi-videos-title .fl-heading {
    margin: 0 !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(52px, 5vw, 74px) !important;
    font-weight: 600 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #f5f7fa !important;
}

/* Intro text */

.cmi-videos-intro {
    max-width: 780px;
    margin-bottom: 62px !important;
}

.cmi-videos-intro p {
    margin: 0 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    text-align: center !important;
    color: #a7b4c8 !important;
}

/*
===========================================
FEATURED VIDEO
===========================================
*/

.cmi-featured-video {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto !important;
    text-align: center;
}

.cmi-featured-video .fl-module-content {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto !important;
    border: 1px solid rgba(110, 168, 255, 0.28);
    border-radius: 8px;
    background: #0d1a2b;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
}

.cmi-featured-video .fl-video,
.cmi-featured-video .fl-embed-video,
.cmi-featured-video .fluid-width-video-wrapper {
    width: 100% !important;
    margin: 0 auto !important;
}

.cmi-featured-video iframe,
.cmi-featured-video video,
.cmi-featured-video img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9;
    margin: 0 auto !important;
    object-fit: cover;
}

/*
===========================================
LATEST APPEARANCES — BOTTOM ROW
===========================================
*/

.cmi-latest-section {
    position: relative;
    overflow: hidden;
    padding: 90px 30px 100px;
    text-align: center;
    background: #07111f;
}
.cmi-latest-section{
    padding-top:140px;
}

.cmi-latest-section > .fl-row-content-wrap {
    background: transparent !important;
}

.cmi-latest-section .fl-row-content {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

/*
===========================================
LATEST APPEARANCES HEADING
===========================================
*/

.cmi-latest-videos-title {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 55px !important;
    text-align: center !important;
}

.cmi-latest-videos-title .fl-module-content {
    margin: 0 auto !important;
}

.cmi-latest-videos-title .fl-heading {
    margin: 0 !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 46px !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.01em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #f5f7fa !important;
}

/*
===========================================
THREE VIDEO COLUMNS
===========================================
*/

.cmi-latest-section .fl-col-group {
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.cmi-video-card {
    text-align: center !important;
}

.cmi-video-card > .fl-col-content {
    height: 100%;
    padding: 0 24px 20px !important;
    text-align: center !important;
}

.cmi-video-card .fl-module-heading,
.cmi-video-card .fl-module-heading .fl-module-content,
.cmi-video-card .fl-module-rich-text,
.cmi-video-card .fl-module-rich-text .fl-module-content {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
}

/* Card titles */

.cmi-video-card .fl-heading,
.cmi-video-card h3 {
    margin: 0 0 8px !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: #f5f7fa !important;
}

/* Card descriptions */

.cmi-video-card .fl-module-rich-text p {
    margin: 0 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    text-align: center !important;
    color: #a7b4c8 !important;
}

/* Force inner spans to inherit correct colors */

.cmi-videos-label .fl-heading *,
.cmi-videos-title .fl-heading *,
.cmi-latest-videos-title .fl-heading *,
.cmi-video-card .fl-heading * {
    color: inherit !important;
}

/*
===========================================
TABLET
===========================================
*/

@media screen and (max-width: 900px) {

    .cmi-videos-section {
        padding: 90px 28px 85px;
    }

    .cmi-videos-title .fl-heading {
        font-size: 54px !important;
    }

    .cmi-videos-intro {
        margin-bottom: 50px !important;
    }

    .cmi-featured-video {
        max-width: 900px;
    }

    .cmi-latest-section {
        padding: 75px 28px 85px;
    }

    .cmi-latest-videos-title {
        margin-bottom: 44px !important;
    }

    .cmi-latest-videos-title .fl-heading {
        font-size: 40px !important;
    }

    .cmi-video-card > .fl-col-content {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .cmi-video-card .fl-heading,
    .cmi-video-card h3 {
        font-size: 24px !important;
    }
}

/*
===========================================
MOBILE
===========================================
*/

@media screen and (max-width: 767px) {

    .cmi-videos-section {
        padding: 70px 20px 65px;
    }

    .cmi-videos-label .fl-heading {
        font-size: 14px !important;
        letter-spacing: 0.18em !important;
    }

    .cmi-videos-title .fl-heading {
        font-size: 40px !important;
        line-height: 1.08 !important;
    }

    .cmi-videos-intro {
        margin-bottom: 38px !important;
    }

    .cmi-videos-intro p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .cmi-latest-section {
        padding: 65px 20px 70px;
    }

    .cmi-latest-videos-title {
        margin-bottom: 38px !important;
    }

    .cmi-latest-videos-title .fl-heading {
        font-size: 34px !important;
    }

    .cmi-latest-section .fl-col-group {
        display: block;
    }

    .cmi-video-card {
        width: 100% !important;
        margin-bottom: 42px !important;
    }

    .cmi-video-card:last-child {
        margin-bottom: 0 !important;
    }

    .cmi-video-card > .fl-col-content {
        padding: 0 !important;
    }

    .cmi-video-card .fl-heading,
    .cmi-video-card h3 {
        font-size: 26px !important;
    }
}

/*
===========================================
VIDEOS SECTION — FINAL STYLE OVERRIDE
Keep this at the very bottom of custom.css
===========================================
*/

/*
-------------------------------------------
TOP VIDEO ROW
-------------------------------------------
*/

/* FEATURED VIDEOS blue label */

.cmi-videos-section h6,
.cmi-videos-section h6.fl-heading,
.cmi-videos-section .cmi-videos-label .fl-heading {
    margin: 0 0 18px !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #286aea !important;
}

/* Main Experience Chris Myers title */

.cmi-videos-section h2,
.cmi-videos-section h2.fl-heading,
.cmi-videos-section .cmi-videos-title .fl-heading {
    margin: 0 0 26px !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(52px, 5vw, 74px) !important;
    font-weight: 600 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #f5f7fa !important;
}

/* Intro paragraph */

.cmi-videos-section .cmi-videos-intro,
.cmi-videos-section .cmi-videos-intro p {
    text-align: center !important;
}

.cmi-videos-section .cmi-videos-intro p {
    margin: 0 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    color: #a7b4c8 !important;
}

/*
-------------------------------------------
LATEST APPEARANCES ROW
-------------------------------------------
*/

/* Latest Appearances heading */

.cmi-latest-section h2,
.cmi-latest-section h2.fl-heading,
.cmi-latest-section .cmi-latest-videos-title .fl-heading {
    margin: 0 !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 46px !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.01em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #f5f7fa !important;
}

.cmi-latest-videos-title {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 55px !important;
    text-align: center !important;
}

/* Three card headings */

.cmi-latest-section h3,
.cmi-latest-section h3.fl-heading,
.cmi-video-card .fl-heading {
    margin: 0 0 8px !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: #f5f7fa !important;
}

/* Card descriptions */

.cmi-video-card .fl-module-rich-text,
.cmi-video-card .fl-module-rich-text p {
    text-align: center !important;
}

.cmi-video-card .fl-module-rich-text p {
    margin: 0 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    color: #a7b4c8 !important;
}

/* Center everything inside each card */

.cmi-video-card,
.cmi-video-card > .fl-col-content,
.cmi-video-card .fl-module-heading,
.cmi-video-card .fl-module-rich-text {
    text-align: center !important;
}

/* Force Beaver Builder spans and links to inherit colors */

.cmi-videos-section h6 *,
.cmi-videos-section h2 *,
.cmi-latest-section h2 *,
.cmi-latest-section h3 * {
    color: inherit !important;
}

/*
-------------------------------------------
MOBILE
-------------------------------------------
*/

@media screen and (max-width: 767px) {

    .cmi-videos-section h6,
    .cmi-videos-section h6.fl-heading {
        font-size: 14px !important;
    }

    .cmi-videos-section h2,
    .cmi-videos-section h2.fl-heading {
        font-size: 40px !important;
        line-height: 1.08 !important;
    }

    .cmi-videos-section .cmi-videos-intro p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .cmi-latest-section h2,
    .cmi-latest-section h2.fl-heading {
        font-size: 34px !important;
    }

    .cmi-latest-section h3,
    .cmi-latest-section h3.fl-heading {
        font-size: 26px !important;
    }
}

/*
===========================================
LATEST APPEARANCES — TRUE CENTER FIX
Keep at the very bottom of custom.css
===========================================
*/

/* Make the heading module span the entire row */

.cmi-latest-section .cmi-latest-videos-title {
    display: block !important;
    clear: both !important;
    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 55px !important;
    padding: 0 !important;

    text-align: center !important;
}

/* Remove Beaver Builder module-width restrictions */

.cmi-latest-section .cmi-latest-videos-title .fl-module-content {
    display: block !important;
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

/* Center the actual heading */

.cmi-latest-section .cmi-latest-videos-title .fl-heading,
.cmi-latest-section .cmi-latest-videos-title h2 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Oswald", sans-serif !important;
    font-size: 46px !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.01em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #f5f7fa !important;
}

/* Ensure the three-column group also uses the full row */

.cmi-latest-section .fl-col-group {
    width: 100% !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Center all three cards */

.cmi-latest-section .cmi-video-card,
.cmi-latest-section .cmi-video-card > .fl-col-content,
.cmi-latest-section .cmi-video-card .fl-module-heading,
.cmi-latest-section .cmi-video-card .fl-heading {
    text-align: center !important;
}

/* Mobile */

@media screen and (max-width: 767px) {

    .cmi-latest-section .cmi-latest-videos-title {
        margin-bottom: 38px !important;
    }

    .cmi-latest-section .cmi-latest-videos-title .fl-heading,
    .cmi-latest-section .cmi-latest-videos-title h2 {
        font-size: 34px !important;
    }
}

/*
===========================================
FEATURED VIDEOS TOP — TRUE CENTER FIX
Keep at the very bottom of custom.css
===========================================
*/

/* Make the top row's main column use the full available width */

.cmi-videos-section .fl-col,
.cmi-videos-section .fl-col-content {
    width: 100% !important;
    max-width: none !important;
}

/* Force the three intro modules to span the full row */

.cmi-videos-section .cmi-videos-label,
.cmi-videos-section .cmi-videos-title,
.cmi-videos-section .cmi-videos-intro {
    display: block !important;
    clear: both !important;
    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;

    text-align: center !important;
}

/* Remove Beaver Builder module-content width restrictions */

.cmi-videos-section .cmi-videos-label .fl-module-content,
.cmi-videos-section .cmi-videos-title .fl-module-content,
.cmi-videos-section .cmi-videos-intro .fl-module-content {
    display: block !important;
    width: 100% !important;
    max-width: none !important;

    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;

    text-align: center !important;
}

/* Featured Videos label */

.cmi-videos-section .cmi-videos-label .fl-heading,
.cmi-videos-section .cmi-videos-label h6 {
    display: block !important;
    width: 100% !important;

    margin: 0 0 18px !important;

    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #286aea !important;
}

/* Main title */

.cmi-videos-section .cmi-videos-title .fl-heading,
.cmi-videos-section .cmi-videos-title h2 {
    display: block !important;
    width: 100% !important;
    max-width: 1000px !important;

    margin: 0 auto 28px !important;

    font-family: "Oswald", sans-serif !important;
    font-size: clamp(52px, 5vw, 74px) !important;
    font-weight: 600 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #f5f7fa !important;
}

/* Intro paragraph */

.cmi-videos-section .cmi-videos-intro {
    margin-bottom: 60px !important;
}

.cmi-videos-section .cmi-videos-intro p {
    display: block !important;
    width: 100% !important;
    max-width: 780px !important;

    margin: 0 auto !important;

    font-family: "Inter", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.75 !important;
    text-align: center !important;
    color: #a7b4c8 !important;
}

/* Keep featured video centered beneath the intro */

.cmi-videos-section .cmi-featured-video {
    display: block !important;
    clear: both !important;
    float: none !important;

    width: 100% !important;
    max-width: 1040px !important;

    margin-right: auto !important;
    margin-left: auto !important;
}

/* Mobile */

@media screen and (max-width: 767px) {

    .cmi-videos-section .cmi-videos-title .fl-heading,
    .cmi-videos-section .cmi-videos-title h2 {
        font-size: 40px !important;
        line-height: 1.08 !important;
    }

    .cmi-videos-section .cmi-videos-intro p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }
}

/*
===========================================
CHRIS MYERS SOCIAL MEDIA SECTION
===========================================
*/

/*
SECTION
Add cmi-social-section to the Beaver Builder row
*/

.cmi-social-section{
    position:relative;
    overflow:hidden;

    padding:95px 35px 110px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(40,106,234,.19) 0%,
            rgba(40,106,234,.07) 31%,
            transparent 60%
        ),
        linear-gradient(
            180deg,
            #0d1a2b 0%,
            #07111f 58%,
            #03070e 100%
        );

    border-top:1px solid rgba(110,168,255,.14);

    color:#f5f7fa;
}

/*
Keep Beaver Builder backgrounds transparent
*/

.cmi-social-section .fl-row-content-wrap,
.cmi-social-section .fl-row-content,
.cmi-social-section .fl-col-content{
    background:transparent !important;
}

/*
Background glow
*/

.cmi-social-section::before{
    content:"";

    position:absolute;
    top:-400px;
    left:50%;

    width:950px;
    height:760px;

    transform:translateX(-50%);

    border-radius:50%;

    background:rgba(40,106,234,.12);

    filter:blur(115px);

    pointer-events:none;
}

/*
Background grid
*/

.cmi-social-section::after{
    content:"";

    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.017) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.017) 1px,
            transparent 1px
        );

    background-size:65px 65px;

    opacity:.45;

    pointer-events:none;
}

/*
Main Beaver Builder content container
*/

.cmi-social-section .fl-row-content{
    position:relative;
    z-index:2;

    width:100%;
    max-width:1500px;

    margin:0 auto;
}

/*
===========================================
SECTION HEADER
===========================================
*/

/*
SOCIAL MEDIA eyebrow
*/

.cmi-social-section .cmi-social-eyebrow{
    width:100%;

    margin:0 auto 16px;

    text-align:center;
}

.cmi-social-section .cmi-social-eyebrow,
.cmi-social-section .cmi-social-eyebrow *{
    font-family:"Inter", Arial, sans-serif;
    font-size:13px;
    font-weight:700;

    line-height:1.4;
    letter-spacing:4px;

    text-align:center;
    text-transform:uppercase;

    color:#6ea8ff;
}

/*
FOLLOW CHRIS heading
*/

.cmi-social-section .cmi-social-heading{
    position:relative;

    width:100%;

    margin:0 auto 27px;
    padding-bottom:25px;

    text-align:center;
}

.cmi-social-section .cmi-social-heading,
.cmi-social-section .cmi-social-heading *{
    font-family:"Oswald", Arial, sans-serif;
    font-size:clamp(52px, 5vw, 78px);
    font-weight:600;

    line-height:1;
    letter-spacing:.5px;

    text-align:center;
    text-transform:uppercase;

    color:#f5f7fa;
}

/*
Blue underline
*/

.cmi-social-section .cmi-social-heading::after{
    content:"";

    position:absolute;
    bottom:0;
    left:50%;

    width:72px;
    height:4px;

    transform:translateX(-50%);

    border-radius:20px;

    background:linear-gradient(
        90deg,
        #286aea,
        #6ea8ff
    );

    box-shadow:0 0 18px rgba(40,106,234,.45);
}

/*
Description
*/

.cmi-social-section .cmi-social-description{
    width:100%;
    max-width:760px;

    margin:0 auto 62px;

    text-align:center;
}

.cmi-social-section .cmi-social-description,
.cmi-social-section .cmi-social-description *{
    font-family:"Inter", Arial, sans-serif;
    font-size:18px;
    font-weight:400;

    line-height:1.75;

    text-align:center;

    color:#a7b4c8;
}

/*
Remove inherited margins
*/

.cmi-social-section .cmi-social-eyebrow p,
.cmi-social-section .cmi-social-heading p,
.cmi-social-section .cmi-social-heading h1,
.cmi-social-section .cmi-social-heading h2,
.cmi-social-section .cmi-social-heading h3,
.cmi-social-section .cmi-social-description p{
    margin:0;
}

/*
===========================================
THREE-CARD LAYOUT
===========================================
*/

/*
The Beaver Builder group containing the 3 columns
*/

.cmi-social-section .fl-col-group{
    display:flex;
    align-items:stretch;

    gap:28px;

    width:100%;
}

/*
Each Beaver Builder column
*/

.cmi-social-section .fl-col{
    display:flex;
    flex:1 1 0;

    width:auto !important;
    max-width:none !important;
    min-width:0;
}

/*
Column content
*/

.cmi-social-section .fl-col-content{
    display:flex;
    flex-direction:column;

    width:100%;

    padding:0 !important;
}

/*
HTML module wrappers
*/

.cmi-social-section .fl-module-html{
    display:flex;
    flex:1;

    width:100%;
}

.cmi-social-section .fl-module-content{
    width:100%;

    margin:0 !important;
}

.cmi-social-section .fl-html{
    display:flex;

    width:100%;
    height:100%;
}

/*
===========================================
SOCIAL CARD
===========================================
*/

.cmi-social-card{
    position:relative;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    width:100%;
    max-width:430px;
    min-height:330px;

    margin:0 auto;
    padding:40px 24px 35px;

    overflow:hidden;
    box-sizing:border-box;

    border:1px solid rgba(110,168,255,.28);
    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.075) 0%,
            rgba(255,255,255,.025) 50%,
            rgba(40,106,234,.035) 100%
        );

    box-shadow:
        0 28px 58px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.08);

    text-align:center;
    text-decoration:none;

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    isolation:isolate;

    transition:
        transform .38s cubic-bezier(.2,.7,.2,1),
        border-color .38s ease,
        background .38s ease,
        box-shadow .38s ease;
}

/*
Force all card content centered
*/

.cmi-social-card,
.cmi-social-card *{
    text-align:center;
}

/*
Top highlight
*/

.cmi-social-card::before{
    content:"";

    position:absolute;
    top:0;
    left:15%;

    width:70%;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    opacity:.55;

    pointer-events:none;
}

/*
Bottom blue hover line
*/

.cmi-social-card::after{
    content:"";

    position:absolute;
    right:32px;
    bottom:0;
    left:32px;

    height:4px;

    transform:scaleX(0);
    transform-origin:center;

    border-radius:20px 20px 0 0;

    background:linear-gradient(
        90deg,
        transparent,
        #286aea,
        #6ea8ff,
        transparent
    );

    box-shadow:0 0 20px rgba(40,106,234,.65);

    transition:transform .38s ease;

    pointer-events:none;
}

/*
Internal glow
*/

.cmi-social-card-glow{
    position:absolute;
    top:42%;
    left:50%;

    width:220px;
    height:220px;

    transform:
        translate(-50%, -50%)
        scale(.65);

    border-radius:50%;

    background:rgba(40,106,234,.22);

    filter:blur(62px);

    opacity:0;

    transition:
        opacity .38s ease,
        transform .38s ease;

    pointer-events:none;
}

/*
===========================================
ICON CIRCLE
===========================================
*/

.cmi-social-icon-wrap{
    position:relative;
    z-index:2;

    display:flex;
    justify-content:center;
    align-items:center;

    width:118px;
    height:118px;

    margin:0 auto 27px;

    border:1px solid rgba(110,168,255,.28);
    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.09),
            rgba(255,255,255,.025)
        );

    box-shadow:
        0 18px 36px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.08);

    transition:
        transform .38s ease,
        border-color .38s ease,
        background .38s ease,
        box-shadow .38s ease;
}

/*
Font Awesome Instagram and YouTube
*/

.cmi-social-fa{
    display:inline-block;

    font-family:
        "Font Awesome 5 Brands",
        "Font Awesome 6 Brands",
        "FontAwesome" !important;

    font-size:58px;
    font-style:normal;
    font-weight:400;

    line-height:1;

    color:#fff;

    filter:drop-shadow(0 9px 15px rgba(0,0,0,.28));

    transition:
        transform .38s ease,
        color .38s ease,
        filter .38s ease;
}

/*
X icon
*/

.cmi-x-icon{
    display:block;

    font-family:Arial, Helvetica, sans-serif;
    font-size:62px;
    font-weight:400;

    line-height:1;

    color:#fff;

    filter:drop-shadow(0 9px 15px rgba(0,0,0,.28));

    transition:
        transform .38s ease,
        color .38s ease,
        filter .38s ease;
}

/*
===========================================
CARD TEXT
===========================================
*/

.cmi-social-card-title{
    position:relative;
    z-index:2;

    display:block;

    width:100%;
    margin:0 0 8px;

    font-family:"Oswald", Arial, sans-serif;
    font-size:29px;
    font-weight:600;

    line-height:1.15;
    letter-spacing:.4px;

    text-align:center;
    text-transform:uppercase;

    color:#f5f7fa;

    transition:
        color .38s ease,
        transform .38s ease;
}

.cmi-social-card-text{
    position:relative;
    z-index:2;

    display:block;

    width:100%;
    min-height:24px;

    margin:0 0 23px;

    font-family:"Inter", Arial, sans-serif;
    font-size:15px;
    font-weight:400;

    line-height:1.55;

    text-align:center;

    color:#a7b4c8;

    transition:
        color .38s ease,
        transform .38s ease;
}

.cmi-social-card-arrow{
    position:relative;
    z-index:2;

    display:flex;
    justify-content:center;
    align-items:center;

    width:100%;

    gap:9px;

    font-family:"Inter", Arial, sans-serif;
    font-size:13px;
    font-weight:700;

    line-height:1.3;
    letter-spacing:1.7px;

    text-align:center;
    text-transform:uppercase;

    color:#6ea8ff;

    transition:
        color .38s ease,
        gap .38s ease,
        transform .38s ease;
}

/*
===========================================
HOVER
===========================================
*/

.cmi-social-card:hover{
    transform:translateY(-10px);

    border-color:rgba(110,168,255,.72);

    background:
        linear-gradient(
            145deg,
            rgba(40,106,234,.17) 0%,
            rgba(255,255,255,.052) 50%,
            rgba(40,106,234,.08) 100%
        );

    box-shadow:
        0 38px 72px rgba(0,0,0,.43),
        0 0 42px rgba(40,106,234,.18),
        inset 0 1px 0 rgba(255,255,255,.12);

    text-decoration:none;
}

.cmi-social-card:hover::after{
    transform:scaleX(1);
}

.cmi-social-card:hover .cmi-social-card-glow{
    opacity:1;

    transform:
        translate(-50%, -50%)
        scale(1);
}

.cmi-social-card:hover .cmi-social-icon-wrap{
    transform:
        translateY(-5px)
        scale(1.05);

    border-color:rgba(110,168,255,.72);

    background:
        linear-gradient(
            145deg,
            rgba(40,106,234,.22),
            rgba(255,255,255,.05)
        );

    box-shadow:
        0 22px 42px rgba(0,0,0,.35),
        0 0 30px rgba(40,106,234,.23),
        inset 0 1px 0 rgba(255,255,255,.12);
}

.cmi-social-card:hover .cmi-social-fa,
.cmi-social-card:hover .cmi-x-icon{
    color:#6ea8ff;

    transform:scale(1.08);

    filter:
        drop-shadow(0 0 19px rgba(40,106,234,.64))
        drop-shadow(0 11px 17px rgba(0,0,0,.28));
}

.cmi-social-card:hover .cmi-social-card-title{
    color:#fff;

    transform:translateY(-2px);
}

.cmi-social-card:hover .cmi-social-card-text{
    color:#d5dde9;

    transform:translateY(-2px);
}

.cmi-social-card:hover .cmi-social-card-arrow{
    gap:14px;

    color:#fff;

    transform:translateY(-2px);
}

/*
Keyboard accessibility
*/

.cmi-social-card:focus-visible{
    outline:3px solid #6ea8ff;
    outline-offset:6px;

    transform:translateY(-7px);
}

/*
===========================================
TABLET
===========================================
*/

@media screen and (max-width:1100px){

    .cmi-social-section{
        padding-right:24px;
        padding-left:24px;
    }

    .cmi-social-section .fl-col-group{
        gap:18px;
    }

    .cmi-social-card{
        min-height:315px;

        padding:36px 18px 32px;
    }

    .cmi-social-icon-wrap{
        width:108px;
        height:108px;

        margin-bottom:24px;
    }

    .cmi-social-fa{
        font-size:53px;
    }

    .cmi-x-icon{
        font-size:57px;
    }

    .cmi-social-card-title{
        font-size:26px;
    }
}

/*
===========================================
MOBILE
===========================================
*/

@media screen and (max-width:767px){

    .cmi-social-section{
        padding:72px 18px 82px;
    }

    .cmi-social-section .cmi-social-eyebrow,
    .cmi-social-section .cmi-social-eyebrow *{
        font-size:12px;

        letter-spacing:3px;
    }

    .cmi-social-section .cmi-social-heading{
        margin-bottom:23px;
        padding-bottom:21px;
    }

    .cmi-social-section .cmi-social-heading,
    .cmi-social-section .cmi-social-heading *{
        font-size:48px;
    }

    .cmi-social-section .cmi-social-description{
        margin-bottom:42px;
    }

    .cmi-social-section .cmi-social-description,
    .cmi-social-section .cmi-social-description *{
        font-size:16px;

        line-height:1.7;
    }

    .cmi-social-section .fl-col-group{
        display:block;
    }

    .cmi-social-section .fl-col{
        display:block;

        width:100% !important;
    }

    .cmi-social-section .fl-col + .fl-col{
        margin-top:22px;
    }

    .cmi-social-card{
        max-width:500px;
        min-height:305px;

        padding:34px 20px 31px;
    }

    .cmi-social-card:hover{
        transform:translateY(-6px);
    }

    .cmi-social-icon-wrap{
        width:106px;
        height:106px;
    }

    .cmi-social-fa{
        font-size:52px;
    }

    .cmi-x-icon{
        font-size:56px;
    }
}

/*
===========================================
SMALL PHONES
===========================================
*/

@media screen and (max-width:480px){

    .cmi-social-section{
        padding-right:15px;
        padding-left:15px;
    }

    .cmi-social-section .cmi-social-heading,
    .cmi-social-section .cmi-social-heading *{
        font-size:42px;
    }

    .cmi-social-card{
        min-height:295px;

        border-radius:18px;
    }
}

/*
===========================================
REDUCED MOTION
===========================================
*/

@media (prefers-reduced-motion:reduce){

    .cmi-social-card,
    .cmi-social-card::after,
    .cmi-social-card-glow,
    .cmi-social-icon-wrap,
    .cmi-social-fa,
    .cmi-x-icon,
    .cmi-social-card-title,
    .cmi-social-card-text,
    .cmi-social-card-arrow{
        transition:none;
    }
}


/*
===========================================
CHRIS MYERS FOOTER
===========================================
*/

.cmi-footer{
    position:relative;
    overflow:hidden;

    background:#03070e;

    border-top:1px solid rgba(40,106,234,.28);

    padding:58px 28px 28px;
}

/* Subtle blue highlight across top */

.cmi-footer::before{
    content:"";

    position:absolute;
    top:-1px;
    left:50%;

    width:72%;
    height:2px;

    transform:translateX(-50%);

    background:linear-gradient(
        90deg,
        transparent,
        rgba(40,106,234,.18),
        rgba(40,106,234,.9),
        rgba(40,106,234,.18),
        transparent
    );

    box-shadow:0 0 18px rgba(40,106,234,.32);
}

/*
===========================================
FOOTER ROW / COLUMNS
===========================================
*/

.cmi-footer .fl-row-content-wrap{
    background:transparent;
}

.cmi-footer .fl-row-content{
    max-width:1500px;
}

.cmi-footer .fl-col-content{
    padding-left:18px;
    padding-right:18px;
}

/*
===========================================
FOOTER LOGO
===========================================
*/

.cmi-footer-logo{
    text-align:center;
}

.cmi-footer-logo img{
    display:block;

    width:auto;
    max-width:165px;
    height:auto;

    margin:0 auto;

    transition:
        transform .3s ease,
        filter .3s ease;
}

.cmi-footer-logo img:hover{
    transform:translateY(-3px);

    filter:drop-shadow(
        0 0 14px rgba(40,106,234,.42)
    );
}

/*
===========================================
FOOTER TAGLINE
===========================================
*/

.cmi-footer-tagline{
    margin:12px 0 0;

    text-align:center;

    font-family:'Inter', sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.5;

    letter-spacing:.2px;

    color:#a7b4c8;
}

.cmi-footer-tagline p{
    margin:0;
}

/*
===========================================
FOOTER HEADINGS
===========================================
*/

.cmi-footer-heading{
    margin:0 0 24px;

    text-align:center;

    font-family:'Oswald', sans-serif;
    font-size:20px;
    font-weight:600;
    line-height:1.2;

    letter-spacing:.7px;
    text-transform:uppercase;

    color:#f5f7fa;
}

.cmi-footer-heading p{
    margin:0;
}

/*
===========================================
FOOTER LINKS
===========================================
*/

.cmi-footer-links{
    margin:0;
    padding:0;

    list-style:none;

    text-align:center;
}

.cmi-footer-links li{
    margin:0 0 12px;
}

.cmi-footer-links li:last-child{
    margin-bottom:0;
}

.cmi-footer-links a{
    position:relative;

    display:inline-block;

    font-family:'Inter', sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1.5;

    color:#5f9cff;

    text-decoration:none;

    transition:
        color .25s ease,
        transform .25s ease;
}

.cmi-footer-links a::after{
    content:"";

    position:absolute;
    left:50%;
    bottom:-4px;

    width:0;
    height:1px;

    transform:translateX(-50%);

    background:#286aea;

    transition:width .25s ease;
}

.cmi-footer-links a:hover{
    color:#ffffff;

    transform:translateY(-2px);
}

.cmi-footer-links a:hover::after{
    width:100%;
}

/*
===========================================
FOOTER SOCIAL ICONS
===========================================
*/

.cmi-footer-social{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:22px;

    margin-top:4px;
}

.cmi-footer-social a{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:40px;
    height:40px;

    color:#ffffff;

    text-decoration:none;

    transition:
        color .28s ease,
        transform .28s ease,
        filter .28s ease;
}

.cmi-footer-social a:hover{
    color:#286aea;

    transform:translateY(-4px) scale(1.08);

    filter:drop-shadow(
        0 0 12px rgba(40,106,234,.55)
    );
}

/* Instagram and YouTube */

.cmi-footer-social .cmi-social-fa{
    display:block;

    font-size:34px;
    line-height:1;

    color:inherit;
}

/* Custom X */

.cmi-footer-social .cmi-x-icon{
    display:block;

    font-family:Arial, Helvetica, sans-serif;
    font-size:34px;
    font-weight:400;
    line-height:1;

    color:inherit;
}

/*
===========================================
FOOTER BOTTOM
===========================================
*/

.cmi-footer-bottom{
    margin-top:54px;
    padding-top:24px;

    border-top:1px solid rgba(255,255,255,.08);

    text-align:center;
}

.cmi-footer-copyright{
    margin:0;

    font-family:'Inter', sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:1.7;

    color:#a7b4c8;
}

.cmi-footer-copyright p{
    margin:0;
}

.cmi-footer-copyright a{
    position:relative;

    color:#5f9cff;

    text-decoration:none;

    transition:color .25s ease;
}

.cmi-footer-copyright a::after{
    content:"";

    position:absolute;
    left:0;
    bottom:-3px;

    width:0;
    height:1px;

    background:#286aea;

    transition:width .25s ease;
}

.cmi-footer-copyright a:hover{
    color:#ffffff;
}

.cmi-footer-copyright a:hover::after{
    width:100%;
}

/*
===========================================
TABLET
===========================================
*/

@media (max-width:992px){

    .cmi-footer{
        padding:48px 24px 26px;
    }

    .cmi-footer .fl-col{
        margin-bottom:34px;
    }

    .cmi-footer .fl-col:last-child{
        margin-bottom:0;
    }

    .cmi-footer-heading{
        margin-bottom:18px;

        font-size:19px;
    }

    .cmi-footer-bottom{
        margin-top:28px;
    }
}

/*
===========================================
MOBILE
===========================================
*/

@media (max-width:767px){

    .cmi-footer{
        padding:42px 20px 24px;

        text-align:center;
    }

    .cmi-footer .fl-col-content{
        padding-left:0;
        padding-right:0;
    }

    .cmi-footer-logo img{
        max-width:150px;
    }

    .cmi-footer-tagline{
        max-width:280px;

        margin:10px auto 0;

        font-size:13px;
    }

    .cmi-footer-heading{
        margin-bottom:16px;

        font-size:18px;
    }

    .cmi-footer-links li{
        margin-bottom:10px;
    }

    .cmi-footer-links a{
        font-size:14px;
    }

    .cmi-footer-links a:hover{
        transform:none;
    }

    .cmi-footer-social{
        gap:20px;
    }

    .cmi-footer-social a{
        width:38px;
        height:38px;
    }

    .cmi-footer-social .cmi-social-fa,
    .cmi-footer-social .cmi-x-icon{
        font-size:32px;
    }

    .cmi-footer-bottom{
        margin-top:18px;
        padding-top:20px;
    }

    .cmi-footer-copyright{
        max-width:340px;

        margin:0 auto;

        font-size:12px;
    }
}

/*
===========================================
REDUCED MOTION
===========================================
*/

@media (prefers-reduced-motion:reduce){

    .cmi-footer-logo img,
    .cmi-footer-links a,
    .cmi-footer-links a::after,
    .cmi-footer-social a,
    .cmi-footer-copyright a,
    .cmi-footer-copyright a::after{
        transition:none !important;
        transform:none !important;
    }
}



/*
===========================================
ABOUT PAGE HERO
===========================================
*/

.cmi-about-hero{
    background:
        radial-gradient(
            circle at 73% 36%,
            rgba(40,106,234,.28) 0%,
            rgba(40,106,234,.10) 28%,
            transparent 60%
        ),
        #03070E;
}

.cmi-about-image{
    border-radius:16px;
    overflow:hidden;
}



/*
===========================================
GLOBAL TYPOGRAPHY
===========================================
*/

.cmi-eyebrow{
    font-family:'Inter', sans-serif;
    font-size:15px;
    font-weight:600;
    line-height:1.3;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#286AEA;
}

.cmi-section-heading{
    font-family:'Oswald', sans-serif;
    font-size:60px;
    font-weight:700;
    line-height:1.08;
    color:#FFFFFF;
}

.cmi-body-copy{
    font-family:'Inter', sans-serif;
    font-size:19px;
    font-weight:400;
    line-height:1.8;
    color:#C8D2E0;
}

.cmi-section-alt > .fl-row-content-wrap{
    background-color:#07111F;
}


/* =========================================
   ABOUT PAGE — NASCAR SECTION
========================================= */

.fl-node-no16afr8k0qg > .fl-row-content-wrap {
    position: relative;
    overflow: hidden;
    padding: 65px 20px !important;
    background-position: right center !important;
}

/* Dark gradient behind the copy */
.fl-node-no16afr8k0qg > .fl-row-content-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(3, 10, 21, 0.98) 0%,
        rgba(3, 10, 21, 0.94) 38%,
        rgba(3, 10, 21, 0.72) 53%,
        rgba(3, 10, 21, 0.18) 72%,
        rgba(3, 10, 21, 0) 86%
    );
}

.fl-node-no16afr8k0qg .fl-row-content {
    position: relative;
    z-index: 2;
}

/* Text column */
.fl-node-no16afr8k0qg .fl-node-r6tsdcu5kwfh {
    width: 50% !important;
    max-width: 650px;
}

.fl-node-no16afr8k0qg .cmi-section-heading {
    margin-bottom: 22px;
}

.fl-node-no16afr8k0qg .fl-rich-text,
.fl-node-no16afr8k0qg .fl-rich-text p {
    color: #d4dbe7 !important;
    line-height: 1.65;
}

/* Blue divider beneath headline */
.fl-node-no16afr8k0qg .cmi-section-heading::after {
    content: "";
    display: block;
    width: 150px;
    height: 4px;
    margin-top: 28px;
    background: #6ea8ff;
}


/* =========================================
   NASCAR — MOBILE
========================================= */

@media (max-width: 768px) {

    .fl-node-no16afr8k0qg > .fl-row-content-wrap {
        padding: 320px 22px 55px !important;
        background-color: #07111f !important;
        background-size: auto 300px !important;
        background-position: right top !important;
        background-repeat: no-repeat !important;
    }

    .fl-node-no16afr8k0qg > .fl-row-content-wrap::before {
        background: linear-gradient(
            180deg,
            rgba(7, 17, 31, 0) 0,
            rgba(7, 17, 31, 0.15) 210px,
            #07111f 300px,
            #07111f 100%
        );
    }

    .fl-node-no16afr8k0qg .fl-node-r6tsdcu5kwfh {
        width: 100% !important;
        max-width: none;
    }

    .fl-node-no16afr8k0qg .cmi-eyebrow,
    .fl-node-no16afr8k0qg .cmi-section-heading {
        text-align: center;
    }

    .fl-node-no16afr8k0qg .cmi-section-heading {
        font-size: 40px !important;
        line-height: 1.08 !important;
    }

    .fl-node-no16afr8k0qg .cmi-section-heading::after {
        margin: 24px auto 28px;
        width: 110px;
    }

    .fl-node-no16afr8k0qg .fl-rich-text,
    .fl-node-no16afr8k0qg .fl-rich-text p {
        font-size: 17px !important;
        line-height: 1.65;
        text-align: left;
    }
}


/* =========================================
   CMI BOOKING CTA
========================================= */

.cmi-booking-cta > .fl-row-content-wrap {
    position: relative;
    overflow: hidden;
    padding: 90px 30px !important;
    background:
        radial-gradient(
            circle at 78% 45%,
            rgba(40, 106, 234, 0.18) 0%,
            rgba(40, 106, 234, 0.06) 28%,
            rgba(7, 17, 31, 0) 55%
        ),
        #07111f !important;
}

.cmi-booking-cta .fl-row-content {
    position: relative;
    z-index: 2;
    max-width: 1440px;
    margin: 0 auto;
}

/* Vertically center both columns */
.cmi-booking-cta .fl-col-group {
    display: flex;
    align-items: center;
}

.cmi-booking-copy {
    width: 54% !important;
}

.cmi-booking-visual {
    width: 46% !important;
}

.cmi-booking-copy > .fl-col-content {
    padding-right: 75px;
}


/* Eyebrow */
.cmi-booking-eyebrow .fl-heading {
    margin: 0 0 22px !important;
    color: #286aea !important;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2;
    letter-spacing: 3px;
    text-transform: uppercase;
}


/* Main heading */
.cmi-booking-title .fl-heading {
    max-width: 660px;
    margin: 0 !important;
    color: #f5f7fa !important;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: clamp(44px, 4vw, 64px) !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
    letter-spacing: -1px;
    text-transform: uppercase;
}

/* Blue divider */
.cmi-booking-title .fl-heading::after {
    content: "";
    display: block;
    width: 150px;
    height: 4px;
    margin-top: 30px;
    background: #6ea8ff;
}


/* Paragraph */
.cmi-booking-text {
    max-width: 680px;
    margin-top: 30px;
}

.cmi-booking-text .fl-rich-text,
.cmi-booking-text .fl-rich-text p {
    margin-bottom: 0;
    color: #c5cfdd !important;
    font-family: Inter, Arial, sans-serif;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1.7;
}


/* Button */
.cmi-booking-button {
    margin-top: 34px;
}

.cmi-booking-button .fl-button {
    padding: 16px 32px !important;
    border: 1px solid #4f92f7 !important;
    border-radius: 5px !important;
    background: linear-gradient(
        135deg,
        #286aea 0%,
        #3188df 100%
    ) !important;
    box-shadow: 0 10px 28px rgba(40, 106, 234, 0.24);
    transition:
        transform 0.2s ease,
        filter 0.2s ease,
        box-shadow 0.2s ease;
}

.cmi-booking-button .fl-button,
.cmi-booking-button .fl-button-text {
    color: #ffffff !important;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.cmi-booking-button .fl-button:hover {
    filter: brightness(1.12);
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(40, 106, 234, 0.34);
}


/* Photograph */
.cmi-booking-image {
    position: relative;
}

.cmi-booking-image::before {
    content: "";
    position: absolute;
    inset: -12px;
    z-index: 0;
    border: 1px solid rgba(110, 168, 255, 0.22);
    border-radius: 10px;
    pointer-events: none;
}

.cmi-booking-image .fl-photo-content {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 7px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
}

.cmi-booking-image img {
    display: block;
    width: 100% !important;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 992px) {

    .cmi-booking-cta > .fl-row-content-wrap {
        padding: 75px 25px !important;
    }

    .cmi-booking-copy > .fl-col-content {
        padding-right: 45px;
    }

    .cmi-booking-title .fl-heading {
        font-size: 46px !important;
    }

    .cmi-booking-text .fl-rich-text,
    .cmi-booking-text .fl-rich-text p {
        font-size: 17px !important;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

    .cmi-booking-cta > .fl-row-content-wrap {
        padding: 60px 22px !important;
    }

    .cmi-booking-cta .fl-col-group {
        display: block;
    }

    .cmi-booking-copy,
    .cmi-booking-visual {
        width: 100% !important;
    }

    .cmi-booking-copy > .fl-col-content {
        padding-right: 0;
    }

    .cmi-booking-eyebrow .fl-heading,
    .cmi-booking-title .fl-heading,
    .cmi-booking-text .fl-rich-text,
    .cmi-booking-text .fl-rich-text p {
        text-align: center;
    }

    .cmi-booking-title .fl-heading {
        max-width: 560px;
        margin-right: auto !important;
        margin-left: auto !important;
        font-size: 40px !important;
    }

    .cmi-booking-title .fl-heading::after {
        width: 110px;
        margin: 26px auto 0;
    }

    .cmi-booking-text {
        margin: 28px auto 0;
    }

    .cmi-booking-button {
        margin-top: 30px;
        text-align: center;
    }

    .cmi-booking-visual {
        margin-top: 48px;
    }

    .cmi-booking-image img {
        aspect-ratio: 16 / 11;
    }
}

/* =========================================
   BOOKING CTA — BEAVER HEADING FIX
========================================= */

/* Eyebrow heading */
.cmi-booking-cta h2.cmi-booking-eyebrow {
    margin: 0 0 22px !important;
    color: #286aea !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}

/* Main heading */
.cmi-booking-cta h3.cmi-booking-title {
    max-width: 660px;
    margin: 0 !important;
    color: #f5f7fa !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: clamp(44px, 4vw, 64px) !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
    letter-spacing: -1px !important;
    text-transform: uppercase !important;
}

/* Blue divider */
.cmi-booking-cta h3.cmi-booking-title::after {
    content: "";
    display: block;
    width: 150px;
    height: 4px;
    margin-top: 30px;
    background: #6ea8ff;
}

/* Paragraph fix */
.cmi-booking-cta div.cmi-booking-text,
.cmi-booking-cta div.cmi-booking-text p {
    color: #c5cfdd !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}


/* Mobile */
@media (max-width: 768px) {

    .cmi-booking-cta h2.cmi-booking-eyebrow,
    .cmi-booking-cta h3.cmi-booking-title,
    .cmi-booking-cta div.cmi-booking-text,
    .cmi-booking-cta div.cmi-booking-text p {
        text-align: center !important;
    }

    .cmi-booking-cta h3.cmi-booking-title {
        max-width: 560px;
        margin-right: auto !important;
        margin-left: auto !important;
        font-size: 40px !important;
    }

    .cmi-booking-cta h3.cmi-booking-title::after {
        width: 110px;
        margin: 26px auto 0;
    }
}





/*
===========================================
CMI BOOK PAGE — HERO SECTION
===========================================
*/

.cmi-book-hero > .fl-row-content-wrap {
    position: relative;
    overflow: hidden;
    padding: 90px 35px !important;
    background:
        radial-gradient(
            circle at 80% 50%,
            rgba(255, 231, 190, 0.34) 0%,
            rgba(255, 231, 190, 0.12) 25%,
            rgba(255, 231, 190, 0) 48%
        ),
        #f5a24b !important;
}

.cmi-book-hero .fl-row-content {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.cmi-book-hero .fl-col-group {
    display: flex;
    align-items: center;
}


/*
===========================================
COLUMNS
===========================================
*/

.cmi-book-copy {
    width: 55% !important;
}

.cmi-book-visual {
    width: 45% !important;
}

.cmi-book-copy > .fl-col-content {
    padding-right: 55px;
}


/*
===========================================
MAIN HEADLINE
===========================================
*/

.cmi-book-title .fl-heading,
h1.cmi-book-title,
h2.cmi-book-title {
    max-width: 760px;
    margin: 0 0 28px !important;
    color: #29265f !important;
    font-family: "Barlow Semi Condensed", Arial, sans-serif !important;
    font-size: clamp(54px, 5vw, 80px) !important;
    font-weight: 800 !important;
    line-height: 0.98 !important;
    letter-spacing: -1px !important;
    text-transform: uppercase;
}


/*
===========================================
BROADCASTER LINE
===========================================
*/

.cmi-book-kicker,
.cmi-book-kicker p,
.cmi-book-kicker .fl-rich-text {
    margin: 0 0 12px !important;
    color: #ffffff !important;
    font-family: "Barlow Semi Condensed", Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}


/*
===========================================
CHRIS MYERS
===========================================
*/

.cmi-book-author .fl-heading,
h2.cmi-book-author,
h3.cmi-book-author {
    margin: 0 0 32px !important;
    color: #29265f !important;
    font-family: "Barlow Semi Condensed", Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


/*
===========================================
BUTTON
===========================================
*/

.cmi-book-button .fl-module-content {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.cmi-book-button .fl-button-wrap {
    text-align: left;
}

.cmi-book-button .fl-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 16px 34px !important;
    border: 2px solid #29265f !important;
    border-radius: 2px !important;
    background: #29265f !important;
    box-shadow: 0 10px 24px rgba(41, 38, 95, 0.22);
    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.cmi-book-button .fl-button,
.cmi-book-button .fl-button-text {
    color: #ffffff !important;
    font-family: "Barlow Semi Condensed", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.cmi-book-button .fl-button:hover {
    background: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(41, 38, 95, 0.3);
}

.cmi-book-button .fl-button:hover .fl-button-text {
    color: #29265f !important;
}


/*
===========================================
BOOK IMAGE
===========================================
*/

.cmi-book-cover {
    position: relative;
    transform: translateX(-55px);
}

.cmi-book-cover::before {
    content: "";
    position: absolute;
    top: 18%;
    left: 50%;
    width: 72%;
    height: 70%;
    border-radius: 50%;
    background: rgba(255, 232, 194, 0.3);
    filter: blur(48px);
    transform: translateX(-50%);
    pointer-events: none;
}

.cmi-book-cover .fl-photo-content {
    position: relative;
    z-index: 2;
    display: block;
    text-align: center;
}

.cmi-book-cover img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 650px !important;
    height: auto !important;
    margin: 0 auto !important;
    filter: drop-shadow(22px 27px 25px rgba(41, 38, 95, 0.32));
}


/*
===========================================
TABLET
===========================================
*/

@media (max-width: 992px) {

    .cmi-book-hero > .fl-row-content-wrap {
        padding: 75px 25px !important;
    }

    .cmi-book-copy > .fl-col-content {
        padding-right: 35px;
    }

    .cmi-book-title .fl-heading,
    h1.cmi-book-title,
    h2.cmi-book-title {
        font-size: 56px !important;
    }

    .cmi-book-cover {
        transform: translateX(-25px);
    }

    .cmi-book-cover img {
        max-height: 550px !important;
    }
}


/*
===========================================
MOBILE
===========================================
*/

@media (max-width: 768px) {

    .cmi-book-hero > .fl-row-content-wrap {
        padding: 45px 22px 65px !important;
    }

    .cmi-book-hero .fl-col-group {
        display: flex;
        flex-direction: column;
    }

    .cmi-book-copy,
    .cmi-book-visual {
        width: 100% !important;
    }

    /* Book appears first */

    .cmi-book-visual {
        order: 1;
        margin: 0 !important;
    }

    .cmi-book-copy {
        order: 2;
        margin-top: 38px;
    }

    .cmi-book-copy > .fl-col-content {
        padding-right: 0;
    }


    /* Mobile book */

    .cmi-book-cover {
        margin: 0 !important;
        transform: none !important;
    }

    .cmi-book-cover::before {
        width: 80%;
        height: 75%;
        filter: blur(38px);
    }

    .cmi-book-cover .fl-photo-content {
        display: block !important;
        overflow: visible !important;
        text-align: center !important;
    }

    .cmi-book-cover img {
        display: block !important;
        width: auto !important;
        max-width: 82% !important;
        max-height: 460px !important;
        height: auto !important;
        margin: 0 auto !important;
    }


    /* Mobile typography */

    .cmi-book-title .fl-heading,
    h1.cmi-book-title,
    h2.cmi-book-title {
        max-width: 390px;
        margin-right: auto !important;
        margin-left: auto !important;
        font-size: 44px !important;
        line-height: 1 !important;
        text-align: center !important;
    }

    .cmi-book-kicker,
    .cmi-book-kicker p,
    .cmi-book-kicker .fl-rich-text {
        max-width: 390px;
        margin-right: auto !important;
        margin-left: auto !important;
        font-size: 17px !important;
        text-align: center !important;
    }

    .cmi-book-author .fl-heading,
    h2.cmi-book-author,
    h3.cmi-book-author {
        font-size: 32px !important;
        text-align: center !important;
    }


    /* Center mobile button */

    .cmi-book-button,
    .cmi-book-button .fl-button-wrap {
        text-align: center !important;
    }

    .cmi-book-button .fl-button {
        display: inline-flex !important;
        margin: 0 auto !important;
    }
}


/*
===========================================
CMI BOOK — INSIDE THE BOOK SECTION
===========================================
*/

.cmi-book-stories > .fl-row-content-wrap {
    position: relative;
    overflow: hidden;
    padding: 100px 30px 110px !important;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(41, 38, 95, 0.42) 0%,
            rgba(41, 38, 95, 0.12) 28%,
            rgba(7, 17, 31, 0) 55%
        ),
        #07111f !important;
}

.cmi-book-stories .fl-row-content {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}


/*
===========================================
SECTION INTRODUCTION
===========================================
*/

/* Orange eyebrow */

.cmi-stories-eyebrow .fl-heading,
h2.cmi-stories-eyebrow,
h3.cmi-stories-eyebrow {
    margin: 0 0 18px !important;
    color: #f5a24b !important;
    font-family: "Barlow Semi Condensed", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-align: center !important;
    text-transform: uppercase;
}


/* Main section heading */

.cmi-stories-heading .fl-heading,
h2.cmi-stories-heading,
h3.cmi-stories-heading {
    max-width: 950px;
    margin: 0 auto !important;
    color: #f5f7fa !important;
    font-family: "Barlow Semi Condensed", Arial, sans-serif !important;
    font-size: clamp(48px, 5vw, 70px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -1px !important;
    text-align: center !important;
    text-transform: uppercase;
}


/* Introductory paragraph */

.cmi-stories-intro {
    max-width: 900px;
    margin: 28px auto 0;
}

.cmi-stories-intro,
.cmi-stories-intro p,
.cmi-stories-intro .fl-rich-text {
    color: #b9c3d2 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    text-align: center !important;
}


/*
===========================================
INSIDE THE BOOK LABEL
===========================================
*/

.cmi-stories-label {
    margin-top: 58px;
}

.cmi-stories-label .fl-heading,
h2.cmi-stories-label,
h3.cmi-stories-label {
    display: flex;
    width: 100%;
    margin: 0 !important;
    align-items: center;
    gap: 20px;
    color: #f5a24b !important;
    font-family: "Barlow Semi Condensed", Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-align: center !important;
    text-transform: uppercase;
}

.cmi-stories-label .fl-heading::before,
.cmi-stories-label .fl-heading::after,
h2.cmi-stories-label::before,
h2.cmi-stories-label::after,
h3.cmi-stories-label::before,
h3.cmi-stories-label::after {
    content: "";
    height: 1px;
    flex: 1;
    background: rgba(245, 162, 75, 0.72);
}


/*
===========================================
FOUR-CARD GRID
===========================================
*/

.cmi-story-grid {
    margin-top: 38px;
}

.cmi-story-grid .fl-col-group {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 20px;
}

.cmi-story-card {
    flex: 1 1 0;
    width: auto !important;
}

.cmi-story-card > .fl-col-content {
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(245, 162, 75, 0.52);
    background:
        linear-gradient(
            145deg,
            rgba(41, 38, 95, 0.42) 0%,
            rgba(7, 17, 31, 0.96) 54%,
            rgba(3, 7, 14, 0.98) 100%
        );
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26);
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.cmi-story-card:hover > .fl-col-content {
    border-color: #f5a24b;
    transform: translateY(-7px);
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.38);
}


/*
===========================================
CARD IMAGES
===========================================
*/

.cmi-story-image .fl-module-content {
    margin: 0 !important;
}

.cmi-story-image .fl-photo,
.cmi-story-image .fl-photo-content {
    display: block;
    width: 100%;
    overflow: hidden;
}

.cmi-story-image img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    transition:
        transform 0.45s ease,
        filter 0.35s ease;
}

.cmi-story-card:hover .cmi-story-image img {
    filter: brightness(1.08);
    transform: scale(1.035);
}


/*
===========================================
YEAR OR CATEGORY
===========================================
*/

.cmi-story-year .fl-module-content {
    margin: 24px 24px 10px !important;
}

.cmi-story-year,
.cmi-story-year p,
.cmi-story-year .fl-rich-text,
.cmi-story-year .fl-heading {
    margin-bottom: 0 !important;
    color: #f5a24b !important;
    font-family: "Barlow Semi Condensed", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


/*
===========================================
CARD TITLES
===========================================
*/

.cmi-story-title .fl-module-content {
    margin: 0 24px !important;
}

.cmi-story-title .fl-heading,
h3.cmi-story-title,
h4.cmi-story-title {
    margin: 0 !important;
    color: #f5f7fa !important;
    font-family: "Barlow Semi Condensed", Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}


/*
===========================================
CARD PARAGRAPHS
===========================================
*/

.cmi-story-text .fl-module-content {
    margin: 18px 24px 28px !important;
}

.cmi-story-text,
.cmi-story-text p,
.cmi-story-text .fl-rich-text {
    margin-bottom: 0 !important;
    color: #b9c3d2 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}


/*
===========================================
TABLET — TWO CARDS PER ROW
===========================================
*/

@media (max-width: 1100px) {

    .cmi-book-stories > .fl-row-content-wrap {
        padding: 85px 25px 95px !important;
    }

    .cmi-story-grid .fl-col-group {
        flex-wrap: wrap;
    }

    .cmi-story-card {
        flex: 0 0 calc(50% - 10px);
        width: calc(50% - 10px) !important;
        margin-bottom: 20px;
    }
}


/*
===========================================
MOBILE — ONE CARD PER ROW
===========================================
*/

@media (max-width: 768px) {

    .cmi-book-stories > .fl-row-content-wrap {
        padding: 65px 22px 70px !important;
    }

    .cmi-stories-eyebrow .fl-heading,
    h2.cmi-stories-eyebrow,
    h3.cmi-stories-eyebrow {
        font-size: 15px !important;
        letter-spacing: 2.4px !important;
    }

    .cmi-stories-heading .fl-heading,
    h2.cmi-stories-heading,
    h3.cmi-stories-heading {
        max-width: 500px;
        font-size: 42px !important;
        line-height: 1.02 !important;
    }

    .cmi-stories-intro,
    .cmi-stories-intro p,
    .cmi-stories-intro .fl-rich-text {
        font-size: 17px !important;
        line-height: 1.65 !important;
    }

    .cmi-stories-label {
        margin-top: 48px;
    }

    .cmi-stories-label .fl-heading,
    h2.cmi-stories-label,
    h3.cmi-stories-label {
        gap: 12px;
        font-size: 17px !important;
        letter-spacing: 2px !important;
    }

    .cmi-story-grid {
        margin-top: 30px;
    }

    .cmi-story-grid .fl-col-group {
        display: block;
    }

    .cmi-story-card {
        width: 100% !important;
        margin-bottom: 26px;
    }

    .cmi-story-image img {
        width: 100% !important;
        aspect-ratio: 3 / 2;
    }

    .cmi-story-title .fl-heading,
    h3.cmi-story-title,
    h4.cmi-story-title {
        font-size: 29px !important;
    }

    .cmi-story-year .fl-module-content {
        margin-top: 25px !important;
    }
}


/*
===========================================
REDUCED MOTION
===========================================
*/

@media (prefers-reduced-motion: reduce) {

    .cmi-story-card > .fl-col-content,
    .cmi-story-image img {
        transition: none !important;
        transform: none !important;
    }
}


/* INSIDE THE BOOK — BEAVER HEADING FIX */

.cmi-book-stories h2.cmi-story-title {
    margin: 0 !important;
    color: #f5f7fa !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
}

@media (max-width: 768px) {
    .cmi-book-stories h2.cmi-story-title {
        font-size: 24px !important;
    }
}

.cmi-book-stories h2.cmi-story-title {
    margin: 0 !important;
    color: #f5f7fa !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
}

/* Space above Inside the Book divider */
.cmi-book-stories h2.cmi-stories-label {
    margin-top: 30px !important;
}


/* =========================================
   CHRIS MYERS BOOK — LEGENDS & CHAMPIONS
========================================= */

.cmi-legends-section > .fl-row-content-wrap {
    position: relative;
    overflow: hidden;
    padding: 90px 30px !important;
    background:
        radial-gradient(circle at 78% 45%, rgba(245, 162, 75, 0.08), transparent 36%),
        linear-gradient(135deg, #07111f 0%, #091426 58%, #050b14 100%) !important;
}

.cmi-legends-section .fl-row-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.cmi-legends-section .fl-col-group {
    display: flex;
    align-items: center;
}

.cmi-legends-copy {
    width: 32% !important;
}

.cmi-legends-visual {
    width: 68% !important;
}

.cmi-legends-copy > .fl-col-content {
    padding-right: 55px;
}

/* Heading — supports a class placed directly on the Beaver heading */
.cmi-legends-section h2.cmi-legends-title,
.cmi-legends-section .cmi-legends-title .fl-heading {
    max-width: 430px;
    margin: 0 !important;
    color: #f5a24b !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(42px, 3.6vw, 62px) !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

/* Orange divider */
.cmi-legends-section h2.cmi-legends-title::after,
.cmi-legends-section .cmi-legends-title .fl-heading::after {
    content: "";
    display: block;
    width: 105px;
    height: 4px;
    margin-top: 28px;
    background: #f5a24b;
}

/* Paragraph — supports a class placed directly on the text module */
.cmi-legends-section .cmi-legends-text,
.cmi-legends-section .cmi-legends-text p,
.cmi-legends-section div.cmi-legends-text,
.cmi-legends-section div.cmi-legends-text p {
    color: #b8c4d4 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}

.cmi-legends-section .cmi-legends-text {
    max-width: 430px;
    margin-top: 28px !important;
}

.cmi-legends-section .cmi-legends-text p:last-child {
    margin-bottom: 0 !important;
}

/* Artwork */
.cmi-legends-image {
    position: relative;
    margin: 0 !important;
}

.cmi-legends-image::before {
    content: "";
    position: absolute;
    inset: -10px;
    z-index: 0;
    border: 1px solid rgba(245, 162, 75, 0.28);
    pointer-events: none;
}

.cmi-legends-image .fl-photo-content {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #07111f;
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.38);
}

.cmi-legends-image img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 7;
    object-fit: cover;
    object-position: center;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 992px) {
    .cmi-legends-section > .fl-row-content-wrap {
        padding: 75px 25px !important;
    }

    .cmi-legends-copy {
        width: 36% !important;
    }

    .cmi-legends-visual {
        width: 64% !important;
    }

    .cmi-legends-copy > .fl-col-content {
        padding-right: 38px;
    }

    .cmi-legends-section h2.cmi-legends-title,
    .cmi-legends-section .cmi-legends-title .fl-heading {
        font-size: 44px !important;
    }

    .cmi-legends-section .cmi-legends-text,
    .cmi-legends-section .cmi-legends-text p {
        font-size: 16px !important;
    }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {
    .cmi-legends-section > .fl-row-content-wrap {
        padding: 60px 22px 65px !important;
    }

    .cmi-legends-section .fl-col-group {
        display: block;
    }

    .cmi-legends-copy,
    .cmi-legends-visual {
        width: 100% !important;
    }

    .cmi-legends-copy > .fl-col-content {
        padding-right: 0;
    }

    .cmi-legends-section h2.cmi-legends-title,
    .cmi-legends-section .cmi-legends-title .fl-heading {
        max-width: 560px;
        margin-right: auto !important;
        margin-left: auto !important;
        font-size: 40px !important;
        line-height: 1.06 !important;
        text-align: center !important;
    }

    .cmi-legends-section h2.cmi-legends-title::after,
    .cmi-legends-section .cmi-legends-title .fl-heading::after {
        width: 90px;
        margin: 24px auto 0;
    }

    .cmi-legends-section .cmi-legends-text,
    .cmi-legends-section .cmi-legends-text p {
        text-align: center !important;
    }

    .cmi-legends-section .cmi-legends-text {
        max-width: 560px;
        margin: 26px auto 0 !important;
    }

    .cmi-legends-visual {
        margin-top: 42px;
    }

    .cmi-legends-image::before {
        inset: -6px;
    }

    .cmi-legends-image img {
        aspect-ratio: 16 / 7;
        object-fit: contain;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cmi-legends-image,
    .cmi-legends-image img {
        transition: none !important;
        transform: none !important;
    }
}



/* =========================================
   CHRIS MYERS BOOK — WATCH SECTION
========================================= */

.cmi-watch-section > .fl-row-content-wrap {
    position: relative;
    overflow: hidden;
    padding: 85px 30px 95px !important;
    background:
        radial-gradient(circle at 50% 15%, rgba(245, 162, 75, 0.07), transparent 34%),
        linear-gradient(180deg, #050b14 0%, #07111f 55%, #050b14 100%) !important;
}

.cmi-watch-section .fl-row-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

/* WATCH divider heading — class is directly on Beaver's H2 */
.cmi-watch-section h2.cmi-watch-label,
.cmi-watch-section .cmi-watch-label .fl-heading {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    margin: 0 !important;
    color: #f5a24b !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

.cmi-watch-section h2.cmi-watch-label::before,
.cmi-watch-section h2.cmi-watch-label::after,
.cmi-watch-section .cmi-watch-label .fl-heading::before,
.cmi-watch-section .cmi-watch-label .fl-heading::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: rgba(245, 162, 75, 0.65);
}

/* Remove Beaver module margins */
.cmi-watch-section .cmi-watch-featured .fl-module-content,
.cmi-watch-section .cmi-watch-video .fl-module-content {
    margin: 0 !important;
}

/* Featured video */
.cmi-watch-featured {
    margin-top: 42px;
}

.cmi-watch-featured .uabb-video-inner-wrap,
.cmi-watch-featured .uabb-video__outer-wrap {
    overflow: hidden;
    border: 1px solid rgba(245, 162, 75, 0.72);
    border-radius: 8px;
    background: #03070e;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.42);
}

/* Two smaller videos */
.cmi-watch-grid {
    display: flex;
    gap: 26px;
    margin-top: 28px;
}

.cmi-watch-card {
    width: calc(50% - 13px) !important;
}

.cmi-watch-video .uabb-video-inner-wrap,
.cmi-watch-video .uabb-video__outer-wrap {
    overflow: hidden;
    border: 1px solid rgba(245, 162, 75, 0.58);
    border-radius: 7px;
    background: #03070e;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

/* Thumbnail treatment */
.cmi-watch-section .uabb-video__play {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    background: #03070e;
}

.cmi-watch-section .uabb-video-inner-wrap {
    position: static !important;
}

.cmi-watch-section .uabb-video__play::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(3, 7, 14, 0.04) 0%,
        rgba(3, 7, 14, 0.08) 58%,
        rgba(3, 7, 14, 0.28) 100%
    );
    transition: background 0.25s ease;
}

.cmi-watch-section .uabb-video__play img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: transform 0.35s ease, filter 0.35s ease;
}

/* Orange play button */
.cmi-watch-section .uabb-video__play-icon {
    z-index: 2;
    width: 72px !important;
    height: auto !important;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.45));
    transition: transform 0.22s ease, filter 0.22s ease;
}

.cmi-watch-section .cmi-watch-video .uabb-video__play-icon {
    width: 62px !important;
}

.cmi-watch-section .uabb-youtube-icon-bg {
    fill: #f5a24b !important;
}

/* Hover */
.cmi-watch-section .uabb-video__play:hover img {
    transform: scale(1.025);
    filter: brightness(0.9);
}

.cmi-watch-section .uabb-video__play:hover::after {
    background: rgba(3, 7, 14, 0.16);
}

.cmi-watch-section .uabb-video__play:hover .uabb-video__play-icon {
    transform: translate(-50%, -50%) scale(1.08);
    filter: drop-shadow(0 10px 24px rgba(245, 162, 75, 0.32));
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 992px) {
    .cmi-watch-section > .fl-row-content-wrap {
        padding: 72px 25px 80px !important;
    }

    .cmi-watch-featured {
        margin-top: 36px;
    }

    .cmi-watch-grid {
        gap: 20px;
        margin-top: 22px;
    }

    .cmi-watch-card {
        width: calc(50% - 10px) !important;
    }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {
    .cmi-watch-section > .fl-row-content-wrap {
        padding: 58px 20px 65px !important;
    }

    .cmi-watch-section h2.cmi-watch-label,
    .cmi-watch-section .cmi-watch-label .fl-heading {
        gap: 14px;
        font-size: 19px !important;
        letter-spacing: 2.4px !important;
    }

    .cmi-watch-featured {
        margin-top: 32px;
    }

    .cmi-watch-grid {
        display: block;
        margin-top: 20px;
    }

    .cmi-watch-card {
        width: 100% !important;
    }

    .cmi-watch-card + .cmi-watch-card {
        margin-top: 20px;
    }

    .cmi-watch-section .uabb-video__play-icon,
    .cmi-watch-section .cmi-watch-video .uabb-video__play-icon {
        width: 58px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cmi-watch-section .uabb-video__play img,
    .cmi-watch-section .uabb-video__play::after,
    .cmi-watch-section .uabb-video__play-icon {
        transition: none !important;
    }
}



/* WATCH SECTION — UABB VIDEO VISIBILITY FIX */

.cmi-watch-section .uabb-video__play {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.cmi-watch-section .uabb-video-inner-wrap {
    position: static !important;
}

.cmi-watch-section .uabb-video__play img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}



/* =========================================
   CMI BOOK PAGE — LISTEN SECTION
========================================= */

.cmi-listen-section > .fl-row-content-wrap {
    position: relative;
    overflow: hidden;
    padding: 80px 30px 90px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(242, 145, 32, 0.09), transparent 38%),
        #07111f !important;
}

.cmi-listen-section > .fl-row-content-wrap > .fl-row-content {
    max-width: 1440px;
    margin: 0 auto;
}

/* LISTEN heading */
.cmi-listen-section h2.cmi-listen-title,
.cmi-listen-section .cmi-listen-title .fl-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin: 0 0 42px !important;
    color: #f29120 !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 4px !important;
    text-align: center;
    text-transform: uppercase;
}

.cmi-listen-section h2.cmi-listen-title::before,
.cmi-listen-section h2.cmi-listen-title::after,
.cmi-listen-section .cmi-listen-title .fl-heading::before,
.cmi-listen-section .cmi-listen-title .fl-heading::after {
    content: "";
    flex: 1 1 auto;
    width: auto;
    height: 1px;
    background: rgba(242, 145, 32, 0.72);
}

/* Two podcast cards */
.cmi-listen-section .fl-col-group-nested {
    display: flex;
    align-items: stretch;
    gap: 24px;
}

.cmi-listen-section .fl-col-group-nested > .fl-col {
    width: calc(50% - 12px) !important;
}

.cmi-listen-section .fl-col-group-nested > .fl-col > .fl-col-content,
.cmi-listen-card,
.cmi-listen-card > .fl-module-content,
.cmi-listen-card .uabb-infobox {
    height: 100%;
}

.cmi-listen-card .uabb-infobox {
    padding: 26px !important;
    border: 1px solid rgba(242, 145, 32, 0.72);
    border-radius: 4px;
    background: linear-gradient(145deg, #0d1a2b 0%, #081321 100%);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.cmi-listen-card .uabb-infobox:hover {
    transform: translateY(-4px);
    border-color: #f29120;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.34);
}

.cmi-listen-card .uabb-infobox-left-right-wrap {
    display: flex !important;
    align-items: center;
    gap: 26px;
    height: 100%;
}

/* Podcast cover */
.cmi-listen-card .uabb-imgicon-wrap {
    flex: 0 0 42%;
    width: 42% !important;
    margin: 0 !important;
}

.cmi-listen-card .uabb-image,
.cmi-listen-card .uabb-image-content {
    width: 100%;
}

.cmi-listen-card .uabb-photo-img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 3px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38);
}

/* Podcast copy */
.cmi-listen-card .uabb-infobox-content {
    flex: 1 1 auto;
    width: auto !important;
    padding: 0 !important;
    text-align: left !important;
}

.cmi-listen-card .uabb-infobox-title-prefix {
    margin: 0 0 7px !important;
    color: #f29120 !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase;
}

.cmi-listen-card .uabb-infobox-title {
    margin: 0 0 16px !important;
    color: #f5f7fa !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: clamp(24px, 2vw, 31px) !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    text-transform: uppercase;
}

.cmi-listen-card .uabb-infobox-text,
.cmi-listen-card .uabb-infobox-text p {
    margin: 0 !important;
    color: #b9c5d5 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    text-align: left !important;
}

/* Listen button */
.cmi-listen-card .uabb-infobox-button {
    margin-top: 22px !important;
}

.cmi-listen-card .uabb-button-wrap {
    text-align: left !important;
}

.cmi-listen-card a.uabb-button {
    padding: 12px 22px !important;
    border: 1px solid #f5a442 !important;
    border-radius: 3px !important;
    background: #f29120 !important;
    box-shadow: none !important;
}

.cmi-listen-card .uabb-button-text {
    color: #07111f !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
}

.cmi-listen-card a.uabb-button:hover {
    background: #ffad4d !important;
    border-color: #ffad4d !important;
}

/* =========================================
   TABLET AND MOBILE
========================================= */

@media (max-width: 992px) {
    .cmi-listen-section > .fl-row-content-wrap {
        padding: 70px 24px 75px !important;
    }

    .cmi-listen-section .fl-col-group-nested {
        display: block;
    }

    .cmi-listen-section .fl-col-group-nested > .fl-col {
        width: 100% !important;
    }

    .cmi-listen-section .fl-col-group-nested > .fl-col + .fl-col {
        margin-top: 24px;
    }
}

@media (max-width: 600px) {
    .cmi-listen-section > .fl-row-content-wrap {
        padding: 58px 20px 64px !important;
    }

    .cmi-listen-section h2.cmi-listen-title,
    .cmi-listen-section .cmi-listen-title .fl-heading {
        gap: 14px;
        margin-bottom: 30px !important;
        font-size: 24px !important;
        letter-spacing: 3px !important;
    }

    .cmi-listen-card .uabb-infobox {
        padding: 22px !important;
    }

    .cmi-listen-card .uabb-infobox-left-right-wrap {
        display: block !important;
    }

    .cmi-listen-card .uabb-imgicon-wrap {
        width: 100% !important;
        max-width: 300px;
        margin: 0 auto 24px !important;
    }

    .cmi-listen-card .uabb-infobox-content,
    .cmi-listen-card .uabb-infobox-text,
    .cmi-listen-card .uabb-infobox-text p,
    .cmi-listen-card .uabb-button-wrap {
        text-align: center !important;
    }

    .cmi-listen-card .uabb-infobox-title {
        font-size: 27px !important;
    }
}




/* =========================================
   CMI BOOK PAGE — FINAL PURCHASE CTA
========================================= */

.cmi-final-book-cta > .fl-row-content-wrap {
    position: relative;
    overflow: hidden;
    padding: 72px 24px 62px !important;
    background:
        radial-gradient(ellipse at 50% 112%, rgba(242, 145, 32, 0.78) 0%, rgba(242, 145, 32, 0.30) 22%, rgba(242, 145, 32, 0.08) 42%, transparent 64%),
        radial-gradient(ellipse at 50% 120%, #f29120 0%, transparent 42%),
        linear-gradient(135deg, #18255f 0%, #111b4d 46%, #07111f 100%) !important;
    border-top: 1px solid rgba(242, 145, 32, 0.55);
    border-bottom: 1px solid rgba(242, 145, 32, 0.45);
}

/* Subtle stadium-light texture */
.cmi-final-book-cta > .fl-row-content-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.45;
    background:
        repeating-radial-gradient(
            ellipse at 50% 115%,
            transparent 0 22px,
            rgba(255, 180, 76, 0.16) 23px 24px,
            transparent 25px 44px
        );
    mask-image: linear-gradient(to top, #000 0%, transparent 72%);
    -webkit-mask-image: linear-gradient(to top, #000 0%, transparent 72%);
}

.cmi-final-book-cta > .fl-row-content-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 5px;
    background: linear-gradient(90deg, transparent, #f29120 25%, #ffb34d 50%, #f29120 75%, transparent);
    box-shadow: 0 -10px 35px rgba(242, 145, 32, 0.42);
    pointer-events: none;
}

.cmi-final-book-cta .fl-row-content {
    position: relative;
    z-index: 2;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

/* Main headline */
.cmi-final-book-cta h2.cmi-final-book-title,
.cmi-final-book-cta .cmi-final-book-title .fl-heading {
    margin: 0 0 24px !important;
    color: #f5f7fa !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: clamp(52px, 6vw, 82px) !important;
    font-weight: 700 !important;
    line-height: 0.95 !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    text-transform: uppercase;
    text-shadow: 0 4px 0 rgba(3, 7, 14, 0.72), 0 12px 28px rgba(0, 0, 0, 0.38);
}

/* Purchase button module */
.cmi-final-book-button {
    margin: 0 auto 18px !important;
    text-align: center !important;
}

.cmi-final-book-button.fl-button-wrap {
    text-align: center !important;
}

.cmi-final-book-button a.fl-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: min(430px, 100%) !important;
    min-height: 64px;
    padding: 15px 34px !important;
    border: 2px solid #ffb34d !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #f7a638 0%, #e68112 100%) !important;
    box-shadow: 0 6px 0 #9e4f05, 0 14px 30px rgba(0, 0, 0, 0.30);
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.cmi-final-book-button .fl-button-text {
    color: #ffffff !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    text-shadow: 0 2px 2px rgba(88, 38, 0, 0.40);
}

.cmi-final-book-button a.fl-button:hover {
    filter: brightness(1.10);
    transform: translateY(-2px);
    box-shadow: 0 8px 0 #9e4f05, 0 18px 34px rgba(0, 0, 0, 0.36);
}

/* Availability line */
.cmi-final-book-availability,
.cmi-final-book-availability p,
.cmi-final-book-availability .fl-rich-text,
.cmi-final-book-availability .fl-rich-text p {
    margin: 0 !important;
    color: #f5f7fa !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: center !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {
    .cmi-final-book-cta > .fl-row-content-wrap {
        padding: 58px 20px 52px !important;
    }

    .cmi-final-book-cta h2.cmi-final-book-title,
    .cmi-final-book-cta .cmi-final-book-title .fl-heading {
        margin-bottom: 22px !important;
        font-size: clamp(44px, 14vw, 62px) !important;
        line-height: 0.98 !important;
    }

    .cmi-final-book-button a.fl-button {
        width: 100% !important;
        max-width: 380px;
        min-height: 58px;
        padding: 14px 24px !important;
    }

    .cmi-final-book-button .fl-button-text {
        font-size: 23px !important;
    }

    .cmi-final-book-availability,
    .cmi-final-book-availability p,
    .cmi-final-book-availability .fl-rich-text,
    .cmi-final-book-availability .fl-rich-text p {
        font-size: 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cmi-final-book-button a.fl-button {
        transition: none;
    }
}



/* =========================================
   CMI DAILY BRIEFING — HERO
========================================= */

.cmi-briefing-hero > .fl-row-content-wrap {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 620px;
    overflow: hidden;
    padding: 90px 40px !important;
    background-color: #07111f !important;
    background-size: cover !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}

/* Additional protection behind the copy */
.cmi-briefing-hero > .fl-row-content-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(3, 10, 21, 0.28) 0%,
        rgba(3, 10, 21, 0.12) 44%,
        rgba(3, 10, 21, 0) 67%
    );
}

.cmi-briefing-hero .fl-row-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.cmi-briefing-hero .fl-col-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    max-width: 650px;
}

/* Eyebrow */
.cmi-briefing-hero h2.cmi-briefing-eyebrow,
.cmi-briefing-hero .cmi-briefing-eyebrow .fl-heading {
    margin: 0 0 22px !important;
    color: #286aea !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase;
}

.cmi-briefing-hero h2.cmi-briefing-eyebrow::after,
.cmi-briefing-hero .cmi-briefing-eyebrow .fl-heading::after {
    content: "";
    display: block;
    width: 58px;
    height: 3px;
    margin-top: 16px;
    background: #286aea;
}

/* Main headline */
.cmi-briefing-hero h2.cmi-briefing-title,
.cmi-briefing-hero .cmi-briefing-title .fl-heading {
    max-width: 650px;
    margin: 0 0 28px !important;
    color: #f5f7fa !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: clamp(54px, 5vw, 76px) !important;
    font-weight: 700 !important;
    line-height: 0.98 !important;
    letter-spacing: -1px !important;
    text-transform: uppercase;
    text-shadow: 0 5px 22px rgba(0, 0, 0, 0.38);
}

/* Introduction */
.cmi-briefing-hero .cmi-briefing-intro,
.cmi-briefing-hero .cmi-briefing-intro p,
.cmi-briefing-hero .cmi-briefing-intro .fl-rich-text,
.cmi-briefing-hero .cmi-briefing-intro .fl-rich-text p {
    max-width: 600px;
    margin: 0 !important;
    color: #c5cfdd !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    text-align: left !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 992px) {
    .cmi-briefing-hero > .fl-row-content-wrap {
        min-height: 540px;
        padding: 75px 32px !important;
        background-position: 68% center !important;
    }

    .cmi-briefing-hero .fl-col-content {
        max-width: 560px;
    }

    .cmi-briefing-hero h2.cmi-briefing-title,
    .cmi-briefing-hero .cmi-briefing-title .fl-heading {
        max-width: 560px;
        font-size: 54px !important;
    }
}

/* =========================================
   MOBILE — IMAGE ABOVE, COPY BELOW
========================================= */

@media (max-width: 768px) {
    .cmi-briefing-hero > .fl-row-content-wrap {
        display: block;
        min-height: 0;
        padding: 360px 22px 58px !important;
        background-color: #07111f !important;
        background-size: auto 330px !important;
        background-position: 78% top !important;
        background-repeat: no-repeat !important;
    }

    .cmi-briefing-hero > .fl-row-content-wrap::before {
        background: linear-gradient(
            180deg,
            rgba(7, 17, 31, 0) 0,
            rgba(7, 17, 31, 0.08) 225px,
            #07111f 325px,
            #07111f 100%
        );
    }

    .cmi-briefing-hero .fl-col-content {
        display: block;
        max-width: none;
        text-align: center;
    }

    .cmi-briefing-hero h2.cmi-briefing-eyebrow,
    .cmi-briefing-hero .cmi-briefing-eyebrow .fl-heading {
        margin-bottom: 20px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .cmi-briefing-hero h2.cmi-briefing-eyebrow::after,
    .cmi-briefing-hero .cmi-briefing-eyebrow .fl-heading::after {
        width: 52px;
        margin: 14px auto 0;
    }

    .cmi-briefing-hero h2.cmi-briefing-title,
    .cmi-briefing-hero .cmi-briefing-title .fl-heading {
        max-width: 520px;
        margin: 0 auto 24px !important;
        font-size: clamp(42px, 12vw, 54px) !important;
        line-height: 1 !important;
        text-align: center !important;
    }

    .cmi-briefing-hero .cmi-briefing-intro,
    .cmi-briefing-hero .cmi-briefing-intro p,
    .cmi-briefing-hero .cmi-briefing-intro .fl-rich-text,
    .cmi-briefing-hero .cmi-briefing-intro .fl-rich-text p {
        max-width: 520px;
        margin-right: auto !important;
        margin-left: auto !important;
        font-size: 17px !important;
        line-height: 1.6 !important;
        text-align: center !important;
    }
}

@media (max-width: 390px) {
    .cmi-briefing-hero > .fl-row-content-wrap {
        padding-top: 335px !important;
        background-size: auto 310px !important;
    }
}



/*
===========================================
DAILY BRIEFING — TEXT POST ARCHIVE
===========================================
*/

.cmi-briefing-archive {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(40, 106, 234, 0.12),
            transparent 38%
        ),
        #03070e;
}

.cmi-briefing-archive > .fl-row-content-wrap {
    padding: 85px 30px 95px !important;
    background: transparent !important;
}

.cmi-briefing-archive .fl-row-content {
    max-width: 1380px;
}

/*
Grid
*/

.cmi-briefing-posts .fl-post-grid > ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.cmi-briefing-posts .fl-post-column {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/*
Card
*/

.cmi-briefing-posts .fl-post-grid-post {
    position: relative;
    display: flex;
    height: 100%;
    min-height: 360px;
    overflow: hidden;
    border: 1px solid rgba(40, 106, 234, 0.55) !important;
    border-radius: 2px;
    background:
        linear-gradient(
            145deg,
            rgba(13, 31, 55, 0.98),
            rgba(5, 15, 29, 0.98)
        ) !important;
    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.cmi-briefing-posts .fl-post-grid-post::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background:
        linear-gradient(
            225deg,
            #286aea 0 48%,
            transparent 50%
        );
    opacity: 0.85;
    pointer-events: none;
}

.cmi-briefing-posts .fl-post-grid-post::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(110, 168, 255, 0.08);
    border-radius: 50%;
    pointer-events: none;
}

.cmi-briefing-posts .fl-post-grid-post:hover {
    transform: translateY(-7px);
    border-color: #286aea !important;
    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.42),
        0 0 24px rgba(40, 106, 234, 0.14);
}

/*
Card content
*/

.cmi-briefing-posts .fl-post-grid-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 34px 30px 30px !important;
}

.cmi-briefing-posts .fl-post-grid-title {
    margin: 0 0 17px !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 27px !important;
    font-weight: 600 !important;
    line-height: 1.22 !important;
    letter-spacing: 0.15px;
    text-transform: uppercase;
}

.cmi-briefing-posts .fl-post-grid-title a {
    color: #f5f7fa !important;
    text-decoration: none !important;
    transition: color 0.25s ease;
}

.cmi-briefing-posts .fl-post-grid-title a:hover {
    color: #6ea8ff !important;
}

/*
Post date
*/

.cmi-briefing-posts .fl-post-grid-meta {
    order: -1;
    margin: 0 0 15px !important;
    color: #6ea8ff !important;
    font-family: "Oswald", sans-serif;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.cmi-briefing-posts .fl-post-grid-author,
.cmi-briefing-posts .fl-post-grid-meta .fl-sep {
    display: none !important;
}

.cmi-briefing-posts .fl-post-grid-date {
    color: #6ea8ff !important;
}

/*
Excerpt
*/

.cmi-briefing-posts .fl-post-grid-content {
    flex-grow: 1;
    margin: 0 !important;
}

.cmi-briefing-posts .fl-post-grid-content p {
    margin: 0 0 24px !important;
    color: #a7b4c8 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1.7 !important;
}

/*
Read Briefing link
*/

.cmi-briefing-posts .fl-post-grid-more {
    margin-top: auto !important;
}

.cmi-briefing-posts .fl-post-grid-more a {
    display: inline-flex;
    align-items: center;
    color: #6ea8ff !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600;
    letter-spacing: 1.3px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.cmi-briefing-posts .fl-post-grid-more a::after {
    content: " →";
    margin-left: 7px;
    transition: transform 0.25s ease;
}

.cmi-briefing-posts .fl-post-grid-more a:hover {
    color: #ffffff !important;
}

.cmi-briefing-posts .fl-post-grid-more a:hover::after {
    transform: translateX(4px);
}

/*
Pagination
*/

.cmi-briefing-posts .fl-builder-pagination {
    margin-top: 55px !important;
}

.cmi-briefing-posts .fl-builder-pagination ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.cmi-briefing-posts .fl-builder-pagination li {
    margin: 0 !important;
}

.cmi-briefing-posts .fl-builder-pagination .page-numbers {
    display: inline-flex;
    min-width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(110, 168, 255, 0.35);
    color: #a7b4c8 !important;
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    text-decoration: none !important;
    transition:
        color 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}

.cmi-briefing-posts .fl-builder-pagination a.page-numbers:hover,
.cmi-briefing-posts .fl-builder-pagination .page-numbers.current {
    border-color: #286aea;
    background: #286aea;
    color: #ffffff !important;
}

.cmi-briefing-posts .fl-builder-pagination .next,
.cmi-briefing-posts .fl-builder-pagination .prev {
    padding: 0 17px;
}

/*
Tablet
*/

@media (max-width: 1024px) {

    .cmi-briefing-archive > .fl-row-content-wrap {
        padding: 70px 28px 80px !important;
    }

    .cmi-briefing-posts .fl-post-grid > ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/*
Mobile
*/

@media (max-width: 600px) {

    .cmi-briefing-archive > .fl-row-content-wrap {
        padding: 55px 20px 65px !important;
    }

    .cmi-briefing-posts .fl-post-grid > ul {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .cmi-briefing-posts .fl-post-grid-post {
        min-height: 0;
    }

    .cmi-briefing-posts .fl-post-grid-text {
        padding: 28px 24px 26px !important;
    }

    .cmi-briefing-posts .fl-post-grid-title {
        font-size: 23px !important;
    }

    .cmi-briefing-posts .fl-post-grid-content p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .cmi-briefing-posts .fl-builder-pagination {
        margin-top: 40px !important;
    }
}

/*
Reduced motion
*/

@media (prefers-reduced-motion: reduce) {

    .cmi-briefing-posts .fl-post-grid-post,
    .cmi-briefing-posts .fl-post-grid-more a::after {
        transition: none !important;
    }

    .cmi-briefing-posts .fl-post-grid-post:hover {
        transform: none !important;
    }
}




/*
===========================================
CMI — INDIVIDUAL BRIEFING POSTS
===========================================
*/

/* Full-page background */

body.single-post,
body.single-post .fl-page,
body.single-post .fl-page-content {
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(40, 106, 234, 0.13),
            transparent 34%
        ),
        #03070e !important;
}

body.single-post .fl-page-content {
    padding: 80px 30px 100px !important;
}

/* Main container */

body.single-post .fl-page-content > .container {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Remove old sidebar */

body.single-post .fl-sidebar {
    display: none !important;
}

/* Make article full width */

body.single-post .fl-content {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*
Article panel
*/

body.single-post .fl-post {
    overflow: hidden;
    margin: 0 !important;
    border: 1px solid rgba(40, 106, 234, 0.35);
    border-radius: 3px;
    background:
        linear-gradient(
            145deg,
            rgba(13, 26, 43, 0.98),
            rgba(5, 14, 27, 0.98)
        ) !important;
    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.38);
}

/*
Post header
*/

body.single-post .fl-post-header {
    position: relative;
    margin: 0 !important;
    padding: 65px 70px 45px !important;
    border-bottom: 1px solid rgba(110, 168, 255, 0.22);
    background:
        linear-gradient(
            135deg,
            rgba(40, 106, 234, 0.16),
            transparent 60%
        );
}

body.single-post .fl-post-header::before {
    content: "AROUND THE NFL";
    display: block;
    margin-bottom: 18px;
    color: #6ea8ff;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

body.single-post .fl-post-title {
    max-width: 900px;
    margin: 0 0 20px !important;
    color: #f5f7fa !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(40px, 5vw, 68px) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

body.single-post .fl-post-meta {
    margin: 0 !important;
    color: #6ea8ff !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 0.5px;
}

body.single-post .fl-post-meta a {
    color: #6ea8ff !important;
    text-decoration: none !important;
}

/* Hide imported author */

body.single-post .fl-post-meta .fl-post-author,
body.single-post .fl-post-meta .fl-sep {
    display: none !important;
}

/*
Article content
*/

body.single-post .fl-post-content {
    max-width: 980px;
    margin: 0 auto !important;
    padding: 55px 70px 75px !important;
    color: #d8e0eb !important;
    font-family: "Inter", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.82 !important;
}

/* Remove duplicate imported title */

body.single-post .fl-post-content > table:first-child {
    display: none !important;
}

/*
Clean imported email tables
*/

body.single-post .fl-post-content table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
    table-layout: auto !important;
}

body.single-post .fl-post-content tbody,
body.single-post .fl-post-content tr,
body.single-post .fl-post-content td {
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    background: transparent !important;
}

body.single-post .fl-post-content td {
    padding: 0 !important;
    color: #d8e0eb !important;
    vertical-align: top !important;
}

/*
Typography
*/

body.single-post .fl-post-content p {
    margin: 0 0 22px !important;
    color: #d8e0eb !important;
    font-family: "Inter", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.82 !important;
}

body.single-post .fl-post-content span {
    color: inherit;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

body.single-post .fl-post-content h1,
body.single-post .fl-post-content h2,
body.single-post .fl-post-content h3 {
    margin: 46px 0 22px !important;
    color: #6ea8ff !important;
    font-family: "Oswald", sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

body.single-post .fl-post-content h1 {
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(110, 168, 255, 0.3);
    font-size: 30px !important;
}

body.single-post .fl-post-content h2 {
    font-size: 26px !important;
}

body.single-post .fl-post-content h3 {
    font-size: 22px !important;
}

body.single-post .fl-post-content strong,
body.single-post .fl-post-content b {
    color: #ffffff !important;
    font-weight: 700 !important;
}

body.single-post .fl-post-content em,
body.single-post .fl-post-content i {
    color: #b8c5d8 !important;
}

/*
Links
*/

body.single-post .fl-post-content a {
    color: #6ea8ff !important;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(110, 168, 255, 0.45);
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

body.single-post .fl-post-content a:hover {
    color: #ffffff !important;
    text-decoration-color: #ffffff;
}

/*
Quotes
*/

body.single-post .fl-post-content blockquote {
    margin: 32px 0 !important;
    padding: 22px 28px !important;
    border-left: 4px solid #286aea !important;
    background: rgba(40, 106, 234, 0.08);
    color: #cbd6e5 !important;
}

/*
Images
*/

body.single-post .fl-post-content img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin: 35px auto !important;
}

/* Hide old category and tag footer */

body.single-post .fl-post-footer {
    display: none !important;
}

/*
Tablet
*/

@media (max-width: 1024px) {

    body.single-post .fl-page-content {
        padding: 65px 28px 85px !important;
    }

    body.single-post .fl-post-header {
        padding: 55px 50px 40px !important;
    }

    body.single-post .fl-post-content {
        padding: 48px 50px 65px !important;
    }
}

/*
Mobile
*/

@media (max-width: 600px) {

    body.single-post .fl-page-content {
        padding: 35px 18px 60px !important;
    }

    body.single-post .fl-post-header {
        padding: 38px 25px 30px !important;
    }

    body.single-post .fl-post-header::before {
        margin-bottom: 14px;
        font-size: 13px;
        letter-spacing: 1.5px;
    }

    body.single-post .fl-post-title {
        margin-bottom: 15px !important;
        font-size: 35px !important;
        line-height: 1.12 !important;
    }

    body.single-post .fl-post-content {
        padding: 35px 25px 48px !important;
        font-size: 16px !important;
        line-height: 1.72 !important;
    }

    body.single-post .fl-post-content table,
    body.single-post .fl-post-content tbody,
    body.single-post .fl-post-content tr,
    body.single-post .fl-post-content td {
        display: block !important;
        width: 100% !important;
    }

    body.single-post .fl-post-content p {
        margin-bottom: 19px !important;
        font-size: 16px !important;
        line-height: 1.72 !important;
    }

    body.single-post .fl-post-content h1 {
        margin-top: 38px !important;
        font-size: 25px !important;
    }

    body.single-post .fl-post-content h2 {
        font-size: 23px !important;
    }
}


/*
===========================================
DAILY BRIEFING — QUOTE REFINEMENT
===========================================
*/

/* Make quoted source material read as one continuous section */

body.single-post .fl-post-content blockquote {
    margin: 24px 0 0 !important;
    padding: 20px 28px !important;
    border-left: 4px solid #286aea !important;
    background: rgba(40, 106, 234, 0.07) !important;
}

body.single-post .fl-post-content blockquote + blockquote {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.single-post .fl-post-content blockquote p {
    margin: 0 !important;
}

/* Stronger division hierarchy */

body.single-post .fl-post-content h2 {
    margin: 70px 0 28px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(110, 168, 255, 0.38);
    color: #6ea8ff !important;
    font-size: 32px !important;
}

/* Team headings */

body.single-post .fl-post-content h3 {
    margin: 45px 0 22px !important;
    padding-left: 14px;
    border-left: 4px solid #286aea;
    color: #ffffff !important;
    font-size: 24px !important;
}

/* Remove blue line from quoted content */
body.single-post .fl-post-content blockquote {
    border-left: none !important;
    padding-left: 24px !important;
}

/* Hide category and tag links beneath individual posts */
body.single-post .fl-post-meta-bottom {
    display: none !important;
}

/* Hide incorrect/redundant publication date on briefing cards */
.cmi-briefing-posts .fl-post-grid-meta {
    display: none !important;
}




/*
===========================================
CMI NASCAR HERO — COMPLETE CSS
===========================================
*/

.cmi-nascar-hero {
    position: relative;
    overflow: hidden;
    background-color: #07111f;
}


/*
===========================================
DESKTOP HERO
===========================================
*/

.cmi-nascar-hero > .fl-row-content-wrap {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 620px;
    padding: 100px 40px;
    overflow: hidden;

    background-color: #07111f;
    background-size: cover !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}


/* Dark overlay behind the copy */

.cmi-nascar-hero > .fl-row-content-wrap::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    content: "";

    background: linear-gradient(
        90deg,
        rgba(3, 10, 20, 0.98) 0%,
        rgba(3, 10, 20, 0.93) 28%,
        rgba(3, 10, 20, 0.68) 48%,
        rgba(3, 10, 20, 0.20) 72%,
        rgba(3, 10, 20, 0.05) 100%
    );

    pointer-events: none;
}


/* Remove the unwanted long decorative line */

.cmi-nascar-hero > .fl-row-content-wrap::after {
    display: none !important;
    content: none !important;
}


/*
===========================================
CONTENT CONTAINER
===========================================
*/

.cmi-nascar-hero .fl-row-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
}

.cmi-nascar-hero .fl-col {
    width: 100%;
}

.cmi-nascar-hero .fl-col-content {
    width: 100%;
    max-width: 640px;
}


/*
===========================================
EYEBROW
===========================================
*/

.cmi-nascar-hero h2.cmi-nascar-eyebrow,
.cmi-nascar-hero .cmi-nascar-eyebrow .fl-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 18px !important;

    color: #2389da !important;
    font-family: "Oswald", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}





/*
===========================================
MAIN TITLE
===========================================
*/

.cmi-nascar-hero h2.cmi-nascar-title,
.cmi-nascar-hero .cmi-nascar-title .fl-heading {
    max-width: 640px;
    margin: 0 0 25px !important;

    color: #ffffff !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(58px, 5vw, 82px) !important;
    font-weight: 700 !important;
    line-height: 0.98 !important;
    letter-spacing: -1px !important;
    text-transform: uppercase !important;

    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}


/*
===========================================
INTRODUCTION
===========================================
*/

.cmi-nascar-hero .cmi-nascar-intro {
    max-width: 600px;
    margin: 0 !important;
}

.cmi-nascar-hero .cmi-nascar-intro p {
    margin: 0 !important;

    color: rgba(238, 244, 250, 0.88) !important;
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}


/*
===========================================
TABLET
===========================================
*/

@media (max-width: 1024px) and (min-width: 769px) {

    .cmi-nascar-hero > .fl-row-content-wrap {
        min-height: 560px;
        padding: 85px 36px;

        background-position: 72% center !important;
    }

    .cmi-nascar-hero > .fl-row-content-wrap::before {
        background: linear-gradient(
            90deg,
            rgba(3, 10, 20, 0.97) 0%,
            rgba(3, 10, 20, 0.88) 42%,
            rgba(3, 10, 20, 0.35) 75%,
            rgba(3, 10, 20, 0.12) 100%
        );
    }

    .cmi-nascar-hero .fl-col-content {
        max-width: 570px;
    }

    .cmi-nascar-hero h2.cmi-nascar-title,
    .cmi-nascar-hero .cmi-nascar-title .fl-heading {
        font-size: 60px !important;
    }
}


/*
===========================================
MOBILE HERO
Image above and copy underneath
===========================================
*/

@media (max-width: 768px) {

    .cmi-nascar-hero > .fl-row-content-wrap {
        position: relative;
        display: block;
        min-height: 0;
        padding: 390px 22px 58px;
        overflow: hidden;

        /* Remove Beaver Builder's desktop background on mobile */

        background-color: #07111f !important;
        background-image: none !important;
    }


    /*
    Create a separate mobile photograph area.
    Chris remains anchored to the right.
    */

    .cmi-nascar-hero > .fl-row-content-wrap::before {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 370px;
        content: "";

        background-image:
            linear-gradient(
                180deg,
                rgba(7, 17, 31, 0) 55%,
                rgba(7, 17, 31, 0.25) 72%,
                #07111f 100%
            ),
            url("https://chrismyerssports.com/cmi/wp-content/uploads/2026/08/NASCAR-Hero-Image1.jpg") !important;

        background-size: cover !important;
        background-position: right center !important;
        background-repeat: no-repeat !important;

        pointer-events: none;
    }


    /* Remove the unwanted decorative line */

    .cmi-nascar-hero > .fl-row-content-wrap::after {
        display: none !important;
        content: none !important;
    }


    /* Mobile content container */

    .cmi-nascar-hero .fl-row-content {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .cmi-nascar-hero .fl-col,
    .cmi-nascar-hero .fl-col-content {
        width: 100%;
        max-width: none;
    }


    /* Mobile eyebrow */

    .cmi-nascar-hero h2.cmi-nascar-eyebrow,
    .cmi-nascar-hero .cmi-nascar-eyebrow .fl-heading {
        gap: 11px;
        margin: 0 0 15px !important;

        font-size: 14px !important;
        line-height: 1.2 !important;
        letter-spacing: 2.4px !important;
    }

    .cmi-nascar-hero h2.cmi-nascar-eyebrow::before,
    .cmi-nascar-hero .cmi-nascar-eyebrow .fl-heading::before {
        width: 32px;
        flex: 0 0 32px;
    }


    /* Mobile headline */

    .cmi-nascar-hero h2.cmi-nascar-title,
    .cmi-nascar-hero .cmi-nascar-title .fl-heading {
        max-width: none;
        margin: 0 0 21px !important;

        font-size: clamp(43px, 13vw, 58px) !important;
        line-height: 1 !important;
        letter-spacing: -0.5px !important;
    }


    /* Mobile paragraph */

    .cmi-nascar-hero .cmi-nascar-intro {
        max-width: none;
        margin: 0 !important;
    }

    .cmi-nascar-hero .cmi-nascar-intro p {
        margin: 0 !important;

        font-size: 17px !important;
        line-height: 1.65 !important;
    }
}


/*
===========================================
SMALL PHONES
===========================================
*/

@media (max-width: 480px) {

    .cmi-nascar-hero > .fl-row-content-wrap {
        padding: 350px 20px 50px;
    }

    .cmi-nascar-hero > .fl-row-content-wrap::before {
        height: 330px;

        /*
        Keeps Chris visible without pushing him
        completely against the edge.
        */

        background-position: 87% center !important;
    }

    .cmi-nascar-hero h2.cmi-nascar-title,
    .cmi-nascar-hero .cmi-nascar-title .fl-heading {
        font-size: 43px !important;
    }
}


/*
===========================================
REDUCED MOTION
===========================================
*/

@media (prefers-reduced-motion: reduce) {

    .cmi-nascar-hero,
    .cmi-nascar-hero * {
        transition: none !important;
        animation: none !important;
    }
}

/* REMOVE NASCAR EYEBROW LINE */

.cmi-nascar-hero h2.cmi-nascar-eyebrow::before,
.cmi-nascar-hero .cmi-nascar-eyebrow .fl-heading::before {
    display: none !important;
    width: 0 !important;
    content: none !important;
}

/*
===========================================
NASCAR EYEBROW — MATCH DAILY BRIEFING
===========================================
*/

.cmi-nascar-hero h2.cmi-nascar-eyebrow,
.cmi-nascar-hero .cmi-nascar-eyebrow .fl-heading {
    display: block !important;
}


/* Remove the line from the left side */

.cmi-nascar-hero h2.cmi-nascar-eyebrow::before,
.cmi-nascar-hero .cmi-nascar-eyebrow .fl-heading::before {
    display: none !important;
    content: none !important;
}


/* Place the blue line underneath the eyebrow */

.cmi-nascar-hero h2.cmi-nascar-eyebrow::after,
.cmi-nascar-hero .cmi-nascar-eyebrow .fl-heading::after {
    display: block !important;
    width: 58px !important;
    height: 3px !important;
    margin: 16px 0 0 !important;
    content: "" !important;

    background-color: #286aea !important;
}






/*
===========================================
CMI NASCAR ARCHIVE — COMPLETE CSS
===========================================
*/

.cmi-nascar-archive {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(40, 106, 234, 0.12),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #07111f 0%,
            #050d18 100%
        );
}


/*
===========================================
ARCHIVE ROW
===========================================
*/

.cmi-nascar-archive > .fl-row-content-wrap {
    padding: 90px 40px 100px;
}

.cmi-nascar-archive .fl-row-content {
    width: 100%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
}


/*
===========================================
POSTS MODULE
===========================================
*/

.cmi-nascar-posts,
.cmi-nascar-posts .fl-module-content {
    margin: 0 !important;
}

.cmi-nascar-posts .fl-post-grid {
    margin: 0 !important;
}

.cmi-nascar-posts .fl-post-grid ul {
    margin: 0 !important;
    padding: 0 !important;
}


/*
===========================================
POST COLUMNS
===========================================
*/

.cmi-nascar-posts .fl-post-column {
    display: flex;
    padding: 14px !important;
}


/*
===========================================
POST CARDS
===========================================
*/

.cmi-nascar-posts .fl-post-grid-post {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 360px;
    overflow: hidden;

    background: linear-gradient(
        145deg,
        rgba(13, 31, 55, 0.98),
        rgba(5, 15, 29, 0.98)
    ) !important;

    border: 1px solid rgba(40, 106, 234, 0.55) !important;
    border-radius: 2px !important;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


/* Blue racing accent across the top */

.cmi-nascar-posts .fl-post-grid-post::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    content: "";

    background: linear-gradient(
        90deg,
        #286aea 0%,
        #6ea8ff 65%,
        transparent 100%
    );
}


/* Card hover */

.cmi-nascar-posts .fl-post-grid-post:hover {
    border-color: rgba(110, 168, 255, 0.9) !important;

    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.42),
        0 0 24px rgba(40, 106, 234, 0.12);

    transform: translateY(-6px);
}


/*
===========================================
CARD CONTENT
===========================================
*/

.cmi-nascar-posts .fl-post-grid-text {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    padding: 34px 30px 30px !important;
}


/*
===========================================
POST TITLE
===========================================
*/

.cmi-nascar-posts .fl-post-grid-title {
    margin: 0 0 16px !important;
    padding: 0 !important;

    font-family: "Oswald", sans-serif !important;
    font-size: 27px !important;
    font-weight: 600 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.cmi-nascar-posts .fl-post-grid-title a {
    color: #f5f7fa !important;
    text-decoration: none !important;

    transition: color 0.25s ease;
}

.cmi-nascar-posts .fl-post-grid-title a:hover {
    color: #6ea8ff !important;
}


/*
===========================================
POST META
===========================================
*/

.cmi-nascar-posts .fl-post-grid-meta {
    margin: 0 0 20px !important;

    color: #6ea8ff !important;
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}


/* Remove the author and divider */

.cmi-nascar-posts .fl-post-grid-author,
.cmi-nascar-posts .fl-post-grid-meta .fl-sep {
    display: none !important;
}


/* Keep the date */

.cmi-nascar-posts .fl-post-grid-date {
    display: block !important;
    color: #6ea8ff !important;
}


/*
===========================================
POST EXCERPT
===========================================
*/

.cmi-nascar-posts .fl-post-grid-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;

    color: #f5f7fa !important;
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;
}

.cmi-nascar-posts .fl-post-grid-content p {
    display: -webkit-box;
    margin: 0 0 24px !important;
    overflow: hidden;

    color: rgba(245, 247, 250, 0.82) !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}


/*
===========================================
READ NASCAR REPORT LINK
===========================================
*/

.cmi-nascar-posts .fl-post-grid-more {
    display: inline-flex !important;
    align-items: center;
    align-self: flex-start;
    margin-top: auto !important;
    padding-bottom: 5px;

    color: #6ea8ff !important;
    border-bottom: 2px solid #286aea;

    font-family: "Oswald", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.3px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    transition:
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.cmi-nascar-posts .fl-post-grid-more::after {
    margin-left: 9px;
    content: "›";

    font-size: 21px;
    line-height: 0;
}

.cmi-nascar-posts .fl-post-grid-more:hover {
    color: #ffffff !important;
    border-color: #ffffff;
    transform: translateX(4px);
}


/*
===========================================
PAGINATION
===========================================
*/

.cmi-nascar-posts .fl-builder-pagination {
    margin: 60px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center;
}

.cmi-nascar-posts .fl-builder-pagination ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.cmi-nascar-posts .fl-builder-pagination li {
    margin: 0 !important;
}

.cmi-nascar-posts .fl-builder-pagination a.page-numbers,
.cmi-nascar-posts .fl-builder-pagination span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;

    color: #a7b4c8 !important;
    background-color: #0d1a2b !important;
    border: 1px solid rgba(110, 168, 255, 0.28);
    border-radius: 2px;

    font-family: "Oswald", sans-serif !important;
    font-size: 15px !important;
    text-decoration: none !important;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease;
}

.cmi-nascar-posts .fl-builder-pagination a.page-numbers:hover,
.cmi-nascar-posts .fl-builder-pagination span.page-numbers.current {
    color: #ffffff !important;
    background-color: #286aea !important;
    border-color: #286aea !important;
}


/*
===========================================
TABLET
===========================================
*/

@media (max-width: 1024px) {

    .cmi-nascar-archive > .fl-row-content-wrap {
        padding: 75px 26px 85px;
    }

    .cmi-nascar-posts .fl-post-column {
        padding: 12px !important;
    }

    .cmi-nascar-posts .fl-post-grid-post {
        min-height: 340px;
    }

    .cmi-nascar-posts .fl-post-grid-text {
        padding: 30px 26px 27px !important;
    }

    .cmi-nascar-posts .fl-post-grid-title {
        font-size: 24px !important;
    }
}


/*
===========================================
MOBILE
===========================================
*/

@media (max-width: 768px) {

    .cmi-nascar-archive > .fl-row-content-wrap {
        padding: 58px 14px 70px;
    }

    .cmi-nascar-posts .fl-post-column {
        display: block;
        width: 100% !important;
        padding: 10px 8px !important;
    }

    .cmi-nascar-posts .fl-post-grid-post {
        width: 100% !important;
        min-height: 0;
    }

    .cmi-nascar-posts .fl-post-grid-text {
        padding: 29px 23px 27px !important;
    }

    .cmi-nascar-posts .fl-post-grid-title {
        margin-bottom: 13px !important;
        font-size: 23px !important;
        line-height: 1.28 !important;
    }

    .cmi-nascar-posts .fl-post-grid-meta {
        margin-bottom: 17px !important;
        font-size: 14px !important;
    }

    .cmi-nascar-posts .fl-post-grid-content {
        font-size: 14px !important;
    }

    .cmi-nascar-posts .fl-post-grid-content p {
        -webkit-line-clamp: 4;
    }

    .cmi-nascar-posts .fl-builder-pagination {
        margin-top: 45px !important;
    }
}


/*
===========================================
REDUCED MOTION
===========================================
*/

@media (prefers-reduced-motion: reduce) {

    .cmi-nascar-posts .fl-post-grid-post,
    .cmi-nascar-posts .fl-post-grid-title a,
    .cmi-nascar-posts .fl-post-grid-more,
    .cmi-nascar-posts .fl-builder-pagination a {
        transition: none !important;
        transform: none !important;
    }
}

/*
===========================================
POST META — HIDE IMPORTED DATES
===========================================
*/

.cmi-nascar-posts .fl-post-grid-meta {
    display: none !important;
}







/* ========================================
   MEDIA PAGE HERO
======================================== */

.cmi-media-hero > .fl-row-content-wrap {
    position: relative;
    min-height: 600px;
    padding: 90px 7%;
    overflow: hidden;

    background-color: var(--cmi-navy);
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
}

/* Navy gradient overlay */
.cmi-media-hero > .fl-row-content-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        #07111f 0%,
        rgba(7, 17, 31, 0.98) 27%,
        rgba(7, 17, 31, 0.84) 48%,
        rgba(7, 17, 31, 0.34) 73%,
        rgba(7, 17, 31, 0.08) 100%
    );
}

/* Keep content above the overlay */
.cmi-media-hero .fl-row-content {
    position: relative;
    z-index: 1;
}

/* Hero content width */
.cmi-media-hero-content .fl-col-content {
    max-width: 760px;
}

/* Align all hero modules */
.cmi-media-hero-eyebrow,
.cmi-media-hero-title,
.cmi-media-hero-description {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* ========================================
   FIRST HEADING
======================================== */

.cmi-media-hero-eyebrow {
    margin-top: 0 !important;
    margin-bottom: 22px !important;

    color: var(--cmi-blue-light) !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: clamp(15px, 1.25vw, 20px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
}

/* Blue line under first heading */
.cmi-media-hero-eyebrow::after {
    content: "";
    display: block;
    width: 82px;
    height: 5px;
    margin-top: 14px;
    background: var(--cmi-blue);
}


/* ========================================
   MAIN TITLE
======================================== */

.cmi-media-hero-title {
    margin-top: 0 !important;
    margin-bottom: 26px !important;
    padding: 0 !important;

    color: var(--cmi-white) !important;
    font-family: "Oswald", sans-serif !important;
    font-size: clamp(54px, 6vw, 92px) !important;
    font-weight: 700 !important;
    line-height: 0.96 !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase;
    text-shadow: 0 4px 22px rgba(0, 0, 0, 0.35);
}

/* Remove any old line from main title */
.cmi-media-hero-title::after {
    display: none !important;
    content: none !important;
}


/* ========================================
   DESCRIPTION
======================================== */

.cmi-media-hero-description {
    max-width: 625px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    color: var(--cmi-muted) !important;
    font-family: "Inter", sans-serif !important;
    font-size: clamp(17px, 1.35vw, 21px) !important;
    font-weight: 400;
    line-height: 1.65 !important;
}

.cmi-media-hero-description p {
    margin: 0 !important;
    color: inherit !important;
}


/* ========================================
   MEDIA HERO — TABLET
======================================== */

@media (max-width: 992px) {

    .cmi-media-hero > .fl-row-content-wrap {
        min-height: 540px;
        padding: 75px 45px;
        background-size: auto 100%;
        background-position: 65% center;
    }

    .cmi-media-hero > .fl-row-content-wrap::before {
        background: linear-gradient(
            90deg,
            #07111f 0%,
            rgba(7, 17, 31, 0.96) 44%,
            rgba(7, 17, 31, 0.58) 74%,
            rgba(7, 17, 31, 0.20) 100%
        );
    }

    .cmi-media-hero-content .fl-col-content {
        max-width: 620px;
    }

    .cmi-media-hero-title {
        font-size: clamp(50px, 7vw, 72px) !important;
    }
}


/* ========================================
   MEDIA HERO — MOBILE
======================================== */

@media (max-width: 768px) {

    .cmi-media-hero > .fl-row-content-wrap {
        min-height: 570px;
        padding: 235px 24px 55px;
        align-items: flex-end;

        /* Keeps Chris’s head visible */
        background-size: auto 100%;
        background-position: 62% top;
    }

    .cmi-media-hero > .fl-row-content-wrap::before {
        background: linear-gradient(
            0deg,
            #07111f 0%,
            rgba(7, 17, 31, 0.97) 43%,
            rgba(7, 17, 31, 0.48) 73%,
            rgba(7, 17, 31, 0.10) 100%
        );
    }

    .cmi-media-hero-content .fl-col-content {
        max-width: 100%;
    }

    .cmi-media-hero-eyebrow {
        margin-bottom: 18px !important;
        font-size: 14px !important;
        letter-spacing: 0.13em !important;
    }

    .cmi-media-hero-eyebrow::after {
        width: 65px;
        height: 4px;
        margin-top: 12px;
    }

    .cmi-media-hero-title {
        margin-bottom: 20px !important;
        font-size: clamp(44px, 14vw, 62px) !important;
        line-height: 1 !important;
    }

    .cmi-media-hero-description {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }
}




/* ========================================
   MEDIA PAGE — VIDEO GALLERY
======================================== */

.cmi-media-videos > .fl-row-content-wrap {
    padding: 90px 6% 110px;
    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(30, 111, 217, 0.12),
            transparent 36%
        ),
        var(--cmi-dark);
}

.cmi-media-videos .fl-row-content {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

/* Remove Beaver Builder module spacing */
.cmi-media-gallery {
    margin: 0 !important;
}

/* Main YotuWP container */
.cmi-media-gallery .yotuwp {
    width: 100%;
    padding: 0;
    background: transparent !important;
}


/* ========================================
   VIDEO GRID
======================================== */

.cmi-media-gallery .yotu-videos {
    width: 100%;
    padding: 0;
}

.cmi-media-gallery .yotu-videos ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    margin: 0 !important;
    padding: 0 !important;
}

/* Override YotuWP column widths */
.cmi-media-gallery .yotu-videos ul li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;

    background: var(--cmi-panel);
    border: 1px solid var(--cmi-border);
    border-radius: 8px;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.22);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.cmi-media-gallery .yotu-videos ul li:hover {
    transform: translateY(-7px);
    border-color: rgba(110, 168, 255, 0.72);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.35);
}

.cmi-media-gallery .yotu-video {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    color: var(--cmi-white) !important;
}


/* ========================================
   VIDEO THUMBNAILS
======================================== */

.cmi-media-gallery .yotu-video-thumb-wrp {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #000;
}

/* Dark hover overlay */
.cmi-media-gallery .yotu-video-thumb-wrp::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(3, 7, 14, 0);
    transition: background 0.3s ease;
}

.cmi-media-gallery
.yotu-video:hover
.yotu-video-thumb-wrp::before {
    background: rgba(3, 7, 14, 0.32);
}

/* Thumbnail image */
.cmi-media-gallery .yotu-video-thumb {
    width: 100% !important;
    transition: transform 0.45s ease;
}

.cmi-media-gallery
.yotu-video:hover
.yotu-video-thumb {
    transform: translateY(-50%) scale(1.055) !important;
}

/* Custom play triangle */
.cmi-media-gallery .yotu-video-thumb-wrp::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;

    width: 0;
    height: 0;
    padding: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 22px solid #ffffff;

    background: none;
    opacity: 0;
    transform: translate(-40%, -50%) scale(0.8);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.cmi-media-gallery
.yotu-video:hover
.yotu-video-thumb-wrp::after {
    opacity: 1;
    transform: translate(-40%, -50%) scale(1);
}


/* ========================================
   VIDEO TITLES
======================================== */

.cmi-media-gallery .yotu-video-title {
    display: -webkit-box !important;
    min-height: 78px;
    margin: 0 !important;
    padding: 20px 22px 22px !important;
    overflow: hidden;

    color: var(--cmi-white) !important;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em;
    white-space: normal !important;
    text-decoration: none !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.cmi-media-gallery
.yotu-video:hover
.yotu-video-title {
    color: var(--cmi-blue-light) !important;
    text-decoration: none !important;
}

/* Hide empty descriptions */
.cmi-media-gallery .yotu-video-description:empty {
    display: none;
}


/* ========================================
   PAGINATION
======================================== */

/* Hide pagination above the videos */
.cmi-media-gallery .yotu-pagination-top {
    display: none !important;
}

/* Pagination below the videos */
.cmi-media-gallery .yotu-pagination-bottom {
    margin-top: 55px;
    padding: 0 !important;

    color: var(--cmi-muted) !important;
    font-family: "Inter", sans-serif;
    font-size: 14px !important;
}

/* Previous and next buttons */
.cmi-media-gallery .yotu-button-prs {
    min-width: 95px;
    margin: 0 12px;
    padding: 8px 20px;

    background: transparent !important;
    border: 1px solid var(--cmi-blue) !important;
    border-radius: 4px;

    color: var(--cmi-white) !important;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}

.cmi-media-gallery .yotu-button-prs:hover,
.cmi-media-gallery .yotu-button-prs:focus {
    background: var(--cmi-blue) !important;
    border-color: var(--cmi-blue) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/* ========================================
   VIDEO GALLERY — TABLET
======================================== */

@media (max-width: 992px) {

    .cmi-media-videos > .fl-row-content-wrap {
        padding: 75px 40px 90px;
    }

    .cmi-media-gallery .yotu-videos ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 26px;
    }

    .cmi-media-gallery .yotu-video-title {
        min-height: 74px;
        font-size: 19px !important;
    }
}


/* ========================================
   VIDEO GALLERY — MOBILE
======================================== */

@media (max-width: 600px) {

    .cmi-media-videos > .fl-row-content-wrap {
        padding: 60px 22px 75px;
    }

    .cmi-media-gallery .yotu-videos ul {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .cmi-media-gallery .yotu-video-title {
        min-height: 0;
        padding: 18px 18px 20px !important;
        font-size: 18px !important;
    }

    .cmi-media-gallery .yotu-pagination-bottom {
        margin-top: 40px;
    }

    .cmi-media-gallery .yotu-button-prs {
        min-width: 78px;
        margin: 0 7px;
        padding: 7px 14px;
        font-size: 13px !important;
    }
}



/* Keep Contact Chris on one line */
.cmi-header .fl-button {
    width: auto !important;
    min-width: 140px;
    white-space: nowrap !important;
}




/* ========================================
   CONTACT PAGE — HERO
======================================== */

.cmi-contact-hero > .fl-row-content-wrap {
    position: relative;
    isolation: isolate;
    min-height: 450px;
    padding: 75px 7%;
    overflow: hidden;

    background-color: var(--cmi-navy, #07111f);
    background-size: auto 100%;
    background-position: right top;
    background-repeat: no-repeat;
}

/* Content above any background overlay */
.cmi-contact-hero .fl-row-content {
    position: relative;
    z-index: 1;
    width: 100%;
}

/* Keep text clear of Chris’s portrait */
.cmi-contact-hero-content .fl-col-content {
    width: 55%;
    max-width: 650px;
    margin: 0;
    padding: 0;
}

/* Reset Beaver Builder module spacing */
.cmi-contact-hero .cmi-contact-hero-eyebrow,
.cmi-contact-hero .cmi-contact-hero-title,
.cmi-contact-hero .cmi-contact-hero-description {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
}


/* ========================================
   GET IN TOUCH + BLUE LINE
======================================== */

.cmi-contact-hero .cmi-contact-hero-eyebrow {
    margin-bottom: 24px !important;

    color: var(--cmi-blue-light, #6ea8ff) !important;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.3 !important;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

/* Line belongs under the small heading */
.cmi-contact-hero .cmi-contact-hero-eyebrow::after {
    content: "";
    display: block;
    position: static;
    width: 65px;
    height: 4px;
    margin-top: 15px;

    background: var(--cmi-blue, #1e6fd9);
}


/* ========================================
   CONTACT CHRIS
======================================== */

.cmi-contact-hero .cmi-contact-hero-title {
    margin-bottom: 24px !important;

    color: var(--cmi-white, #f5f7fa) !important;
    font-family: "Oswald", sans-serif;
    font-size: clamp(52px, 5.5vw, 82px) !important;
    font-weight: 700;
    line-height: 1.02 !important;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}

/* No decorative line under the main title */
.cmi-contact-hero .cmi-contact-hero-title::after {
    content: none !important;
    display: none !important;
}


/* ========================================
   DESCRIPTION
======================================== */

.cmi-contact-hero .cmi-contact-hero-description {
    max-width: 560px;

    color: var(--cmi-muted, #a7b4c8) !important;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
}

.cmi-contact-hero-description p {
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit;
    line-height: inherit;
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 992px) {

    .cmi-contact-hero > .fl-row-content-wrap {
        min-height: 440px;
        padding: 65px 40px;
    }

    .cmi-contact-hero-content .fl-col-content {
        width: 58%;
    }

    .cmi-contact-hero .cmi-contact-hero-title {
        font-size: clamp(46px, 6vw, 60px) !important;
    }

    .cmi-contact-hero .cmi-contact-hero-description {
        font-size: 17px;
        line-height: 1.6;
    }
}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 768px) {

    .cmi-contact-hero > .fl-row-content-wrap {
        min-height: 560px;
        padding: 270px 24px 50px;
        align-items: flex-end;

        /* Stable image size above the text */
        background-size: auto 380px;
        background-position: right top;
    }

    /* Fade the portrait into the text area */
    .cmi-contact-hero > .fl-row-content-wrap::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;

        background: linear-gradient(
            to bottom,
            rgba(7, 17, 31, 0) 0,
            rgba(7, 17, 31, 0.08) 180px,
            rgba(7, 17, 31, 0.85) 290px,
            #07111f 380px
        );
    }

    .cmi-contact-hero-content .fl-col-content {
        width: 100%;
        max-width: 100%;
    }

    .cmi-contact-hero .cmi-contact-hero-eyebrow {
        margin-bottom: 19px !important;
        font-size: 14px !important;
        letter-spacing: 0.16em;
    }

    .cmi-contact-hero .cmi-contact-hero-eyebrow::after {
        width: 52px;
        height: 3px;
        margin-top: 12px;
    }

    .cmi-contact-hero .cmi-contact-hero-title {
        margin-bottom: 20px !important;
        font-size: clamp(42px, 10vw, 60px) !important;
        line-height: 1.05 !important;
    }

    .cmi-contact-hero .cmi-contact-hero-description {
        max-width: 480px;
        font-size: 16px;
        line-height: 1.6;
    }
}

/* Contact hero — mobile side spacing */
@media (max-width: 768px) {

    .fl-row.cmi-contact-hero > .fl-row-content-wrap {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .cmi-contact-hero-content .fl-col-content {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}


/* Blend the contact hero image into the navy background */
@media (min-width: 769px) {

    .cmi-contact-hero > .fl-row-content-wrap::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;

        background: linear-gradient(
            to right,
            #07111f 0%,
            #07111f 40%,
            rgba(7, 17, 31, 0.85) 48%,
            rgba(7, 17, 31, 0.35) 60%,
            rgba(7, 17, 31, 0) 75%
        );
    }
}






/* =========================================
   CONTACT SECTION — INFORMATION + FORM
   ========================================= */

.cmi-contact-section > .fl-row-content-wrap {
  padding: 80px 40px;
  background: var(--cmi-navy, #07111f);
}

.cmi-contact-section .fl-row-content {
  max-width: 1200px;
}

/* LEFT COLUMN */

.cmi-contact-info > .fl-col-content {
  padding: 20px 50px 20px 0;
}

.cmi-contact-info .fl-module-content {
  margin: 0 0 22px;
}

/* Small first heading: use H3 in Beaver Builder */

.cmi-contact-info h3.fl-heading {
  margin: 0;
  color: var(--cmi-blue-light, #6ea8ff);
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.cmi-contact-info h3.fl-heading::after {
  content: "";
  display: block;
  width: 65px;
  height: 4px;
  margin-top: 16px;
  background: var(--cmi-blue, #1e6fd9);
}

/* Main heading: use H2 in Beaver Builder */

.cmi-contact-info h2.fl-heading {
  margin: 0;
  color: var(--cmi-white, #f5f7fa);
  font-family: "Oswald", sans-serif;
  font-size: clamp(34px, 3.5vw, 46px);
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
}

.cmi-contact-info h2.fl-heading::after {
  content: none;
}

.cmi-contact-info .fl-rich-text {
  color: var(--cmi-muted, #a7b4c8);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.8;
}

.cmi-contact-info .fl-rich-text p {
  margin: 0 0 18px;
}

.cmi-contact-info .fl-rich-text ul {
  margin: 0 0 22px;
  padding-left: 20px;
}

.cmi-contact-info .fl-rich-text li {
  margin-bottom: 10px;
}

.cmi-contact-info .fl-rich-text li::marker {
  color: var(--cmi-blue-light, #6ea8ff);
}

.cmi-contact-info a {
  color: var(--cmi-blue-light, #6ea8ff);
  text-underline-offset: 4px;
}

.cmi-contact-info a:hover {
  color: var(--cmi-white, #f5f7fa);
}

/* RIGHT COLUMN — FORM PANEL */

.cmi-contact-form > .fl-col-content {
  padding: 40px;
  background: var(--cmi-panel, #0d1a2b);
  border: 1px solid var(--cmi-border, rgba(110, 168, 255, 0.28));
  border-radius: 12px;
}

.cmi-contact-form .fl-module-content {
  margin: 0;
}

.cmi-contact-form .fluentform {
  width: 100%;
  color: var(--cmi-white, #f5f7fa);
  font-family: "Inter", sans-serif;
}

.cmi-contact-form .fluentform,
.cmi-contact-form .fluentform * {
  box-sizing: border-box;
}

/* FIELD SPACING + LABELS */

.cmi-contact-form .fluentform .ff-el-group {
  margin-bottom: 24px;
}

.cmi-contact-form .fluentform .ff-el-input--label {
  margin-bottom: 9px;
}

.cmi-contact-form .fluentform .ff-el-input--label label {
  color: var(--cmi-white, #f5f7fa);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

/* INPUTS, DROPDOWNS + MESSAGE */

.cmi-contact-form .fluentform .ff-el-form-control {
  width: 100%;
  max-width: 100%;
  min-height: 50px;
  padding: 13px 15px;
  background: var(--cmi-navy, #07111f);
  border: 1px solid rgba(167, 180, 200, 0.35);
  border-radius: 6px;
  box-shadow: none;
  color: var(--cmi-white, #f5f7fa);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color-scheme: dark;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cmi-contact-form .fluentform .ff-el-form-control::placeholder {
  color: #8d9cb2;
  opacity: 1;
}

.cmi-contact-form .fluentform .ff-el-form-control:focus {
  outline: 2px solid var(--cmi-blue-light, #6ea8ff);
  outline-offset: 2px;
  border-color: var(--cmi-blue-light, #6ea8ff);
  background: var(--cmi-navy, #07111f);
  color: var(--cmi-white, #f5f7fa);
}

.cmi-contact-form .fluentform textarea.ff-el-form-control {
  min-height: 170px;
  resize: vertical;
}

.cmi-contact-form .fluentform select.ff-el-form-control {
  padding-right: 36px;
}

.cmi-contact-form .fluentform select option {
  background: #07111f;
  color: #f5f7fa;
}

/* HELP TEXT + CHECKBOX LABELS */

.cmi-contact-form .fluentform .ff-el-help-message,
.cmi-contact-form .fluentform .ff-el-input--content > .text-muted {
  color: var(--cmi-muted, #a7b4c8);
  font-size: 13px;
  line-height: 1.6;
}

.cmi-contact-form .fluentform .ff-el-form-check-label {
  color: var(--cmi-muted, #a7b4c8);
  font-size: 14px;
  line-height: 1.6;
}

.cmi-contact-form .fluentform input[type="checkbox"],
.cmi-contact-form .fluentform input[type="radio"] {
  accent-color: var(--cmi-blue, #1e6fd9);
}

/* SUBMIT BUTTON */

.cmi-contact-form .fluentform .ff-btn-submit {
  display: inline-block;
  min-height: 50px;
  padding: 14px 30px;
  background: var(--cmi-blue, #1e6fd9);
  border: 1px solid transparent;
  border-radius: 6px;
  box-shadow: none;
  color: #ffffff;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.cmi-contact-form .fluentform .ff-btn-submit:hover {
  background: #185bb3;
  color: #ffffff;
}

.cmi-contact-form .fluentform .ff-btn-submit:focus-visible {
  outline: 2px solid var(--cmi-blue-light, #6ea8ff);
  outline-offset: 4px;
}

.cmi-contact-form .fluentform .ff-btn-submit:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

/* VALIDATION + SUCCESS MESSAGES */

.cmi-contact-form .fluentform .error {
  color: #ffb4b4;
}

.cmi-contact-form .fluentform .ff-el-is-error .ff-el-form-control {
  border-color: #ff9696;
}

.cmi-contact-form .ff-message-success {
  padding: 20px;
  background: #102a25;
  border: 1px solid #4c9b80;
  border-radius: 6px;
  box-shadow: none;
  color: #d7f5e8;
  font-family: "Inter", sans-serif;
  line-height: 1.6;
}

/* TABLET */

@media (max-width: 992px) {
  .cmi-contact-section > .fl-row-content-wrap {
    padding: 60px 30px;
  }

  .cmi-contact-info > .fl-col-content {
    padding-right: 30px;
  }

  .cmi-contact-form > .fl-col-content {
    padding: 28px;
  }
}

/* MOBILE — INFORMATION ABOVE FORM */

@media (max-width: 768px) {
  .cmi-contact-section > .fl-row-content-wrap {
    padding: 45px 24px !important;
  }

  .cmi-contact-section .fl-col-group {
    display: block;
  }

  .cmi-contact-section .cmi-contact-info,
  .cmi-contact-section .cmi-contact-form {
    float: none;
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .cmi-contact-info > .fl-col-content {
    margin: 0;
    padding: 0 0 28px;
  }

  .cmi-contact-form > .fl-col-content {
    margin: 0;
    padding: 24px 18px;
    border-radius: 10px;
  }

  .cmi-contact-info h2.fl-heading {
    font-size: 36px;
  }

  .cmi-contact-form .fluentform .ff-t-container {
    display: block;
  }

  .cmi-contact-form .fluentform .ff-t-cell {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .cmi-contact-form .fluentform .ff-btn-submit {
    width: 100%;
  }
}








/* PRIVACY POLICY PAGE */

body.privacy-policy,
body.privacy-policy .fl-page,
body.privacy-policy .fl-page-content {
  background-color: #07111f !important;
}

body.privacy-policy .fl-page-content {
  padding-top: 50px;
  padding-bottom: 60px;
  color: #a7b4c8;
}

body.privacy-policy .fl-post-content {
  font-size: 16px;
  line-height: 1.8;
}

body.privacy-policy .fl-post-content p,
body.privacy-policy .fl-post-content li {
  color: #a7b4c8 !important;
}

body.privacy-policy .fl-page-content h1,
body.privacy-policy .fl-page-content h2,
body.privacy-policy .fl-page-content h3,
body.privacy-policy .fl-post-content strong {
  color: #f5f7fa !important;
}

body.privacy-policy .fl-post-content h2 {
  margin-top: 36px;
  margin-bottom: 16px;
}

body.privacy-policy .fl-post-content a {
  color: #6ea8ff !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.privacy-policy .fl-post-content a:hover {
  color: #ffffff !important;
}

@media (max-width: 768px) {
  body.privacy-policy .fl-page-content {
    padding: 35px 24px 45px;
  }
}







/* ========================================
   OH MY-ERS SPORTS HERO
======================================== */

.cmi-ohmyers-hero {
	overflow: hidden;
	background-color: #03070e;
}

.cmi-ohmyers-hero .fl-row-content-wrap,
.cmi-ohmyers-hero .fl-row-content,
.cmi-ohmyers-hero .fl-col-content {
	padding: 0;
	margin: 0;
	max-width: none;
}

.cmi-ohmyers-hero .fl-module-photo,
.cmi-ohmyers-hero .fl-photo,
.cmi-ohmyers-hero .fl-photo-content {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.cmi-ohmyers-hero img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
	margin: 0;
}

/* Desktop and tablet */
.cmi-ohmyers-hero-desktop {
	display: block;
}

.cmi-ohmyers-hero-mobile {
	display: none;
}

/* Phones */
@media (max-width: 767px) {

	.cmi-ohmyers-hero-desktop {
		display: none !important;
	}

	.cmi-ohmyers-hero-mobile {
		display: block !important;
	}

	.cmi-ohmyers-hero-mobile img {
		width: 100%;
		height: auto;
	}
}



/* ========================================
   OH MY-ERS — COMING SOON
======================================== */

.cmi-ohmyers-coming {
	background:
		radial-gradient(
			circle at 82% 50%,
			rgba(30, 111, 217, 0.17),
			transparent 42%
		),
		#07111f;
	overflow: hidden;
}

.cmi-ohmyers-coming > .fl-row-content-wrap {
	padding: 80px 40px;
}

.cmi-ohmyers-coming .fl-row-content {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
}

.cmi-ohmyers-coming .fl-col-group {
	display: flex;
	align-items: center;
}

/* Left text column */

.cmi-ohmyers-coming-copy > .fl-col-content {
	padding: 20px 60px 20px 0;
}

/* Small heading */

.cmi-ohmyers-coming .cmi-ohmyers-coming-eyebrow {
	position: relative;
	margin: 0 0 28px !important;
	padding: 0 0 20px;
	color: #6ea8ff !important;
	font-family: "Barlow Semi Condensed", sans-serif !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: 4px !important;
	text-transform: uppercase;
}

.cmi-ohmyers-coming .cmi-ohmyers-coming-eyebrow::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 64px;
	height: 3px;
	background-color: #1e6fd9;
}

/* Coming Soon title */

.cmi-ohmyers-coming .cmi-ohmyers-coming-title {
	margin: 0 0 25px !important;
	color: #f5f7fa !important;
	font-family: "Oswald", sans-serif !important;
	font-size: clamp(54px, 6vw, 86px) !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: -1px !important;
	text-transform: uppercase;
}

/* Description */

.cmi-ohmyers-coming .cmi-ohmyers-coming-text {
	max-width: 500px;
	margin: 0 !important;
	color: #a7b4c8;
	font-family: "Inter", sans-serif;
	font-size: 18px;
	line-height: 1.75;
}

.cmi-ohmyers-coming .cmi-ohmyers-coming-text p {
	margin: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

/* Right image column */

.cmi-ohmyers-coming-image > .fl-col-content {
	padding: 0;
}

.cmi-ohmyers-coming-image .fl-module-photo,
.cmi-ohmyers-coming-image .fl-photo,
.cmi-ohmyers-coming-image .fl-photo-content {
	display: block;
	width: 100%;
	margin: 0;
}

.cmi-ohmyers-coming-image img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	border: 1px solid rgba(110, 168, 255, 0.32);
	border-radius: 4px;
	box-shadow:
		0 25px 60px rgba(0, 0, 0, 0.45),
		0 0 40px rgba(30, 111, 217, 0.14);
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 991px) {

	.cmi-ohmyers-coming > .fl-row-content-wrap {
		padding: 65px 30px;
	}

	.cmi-ohmyers-coming-copy > .fl-col-content {
		padding-right: 35px;
	}

	.cmi-ohmyers-coming .cmi-ohmyers-coming-title {
		font-size: clamp(48px, 7vw, 66px) !important;
	}

	.cmi-ohmyers-coming .cmi-ohmyers-coming-text {
		font-size: 17px;
	}
}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 767px) {

	.cmi-ohmyers-coming > .fl-row-content-wrap {
		padding: 55px 22px;
	}

	.cmi-ohmyers-coming .fl-col-group {
		display: flex;
		flex-direction: column;
	}

	.cmi-ohmyers-coming-copy,
	.cmi-ohmyers-coming-image {
		width: 100% !important;
	}

	.cmi-ohmyers-coming-copy > .fl-col-content {
		padding: 0 0 38px;
	}

	.cmi-ohmyers-coming .cmi-ohmyers-coming-eyebrow {
		margin-bottom: 24px !important;
		font-size: 15px !important;
		letter-spacing: 3px !important;
	}

	.cmi-ohmyers-coming .cmi-ohmyers-coming-title {
		margin-bottom: 20px !important;
		font-size: clamp(48px, 15vw, 64px) !important;
	}

	.cmi-ohmyers-coming .cmi-ohmyers-coming-text {
		font-size: 16px;
		line-height: 1.7;
	}

	.cmi-ohmyers-coming-image img {
		border-radius: 3px;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
	}
}

/* Stats */

/* Cards */

/* Buttons */

/* Footer */