:root {
    /* Brand colors */
    --jac-color-primary: #fc5c66;
    --jac-color-primary-hover: #dc3b4e;
    --jac-color-primary-light: #ffd9db;
    --jac-color-primary-dark: #c94237;
    /* Layout */
    --jac-max-width: 1140px;
    /* Course card */
    --course-card-btn-color: var(--jac-color-primary);
    --course-card-btn-hover-color: var(--jac-color-primary-hover);
    --course-card-btn-text-color: white;
    --course-card-border-radius: 16px;
    --course-card-gap: 16px;
    --course-card-padding: 16px;
    --course-card-title-size: 24px;
    --course-card-subtitle-size: 16px;
    --course-card-title-color: white;
    --course-card-subtitle-color: white;
}

.elementor-widget-video:has(.elementor-open-lightbox) {
    overflow: hidden;
}

.elementor-widget-video:has(.elementor-open-lightbox) * {
    aspect-ratio: 724 / 466;
}

.elementor-widget-video:has(.elementor-open-lightbox) img {
    object-fit: cover;
    height: 100%;
}

.aux-content-top-margin .aux-primary {
    padding-top: 0;
}

@media screen and (max-aspect-ratio: 9 / 16) {

    /* apply to aspect ratio 9/16 or thinner */
    .elementor-lightbox .elementor-video-container .elementor-video-portrait {
        display: contents;
    }
}

.aux-fold {
    padding-inline: 0 !important;
}

/* tables */

table {
    border-radius: 8px;
    overflow: hidden;
    outline: 1px solid #fc5c67;
    outline-offset: -1px;
}

table tr th {
    background-color: #FFD9DB;
    color: #fc5c67;
}

table tr th, table tr td {
    border-color: #fc5c67;
    font-size: 1rem;
}

/* hidden responsive */
@media screen and (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .hidden-tablet-desktop {
        display: none;
    }
}