/* default | info: https://css-tricks.com/css-cascade-layers/ */

@layer framework, components, utilities, overrides, cross-browser, theme, custom;
@layer framework.important, framework.bootstrap, framework.fancybox, framework.selector-two, framework.selector-two.bootstrap, framework.datepicker3, framework.local;

@import url('https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css') layer(framework.fancybox);
@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker3.min.css') layer(framework.datepicker3);
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css') layer(framework.bootstrap);
@import url('https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css') layer(framework.selector-two);
@import url('https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css') layer(framework.selector-two.bootstrap);

@import url('/css/theme.css') layer(theme);
@import url('/css/dxp-forms.css') layer(theme);
@import url('/css/dxp-variables.css') layer(custom);
@import url('/css/components.css') layer(components);
@import url('/css/Websites/CinerGlass/dxp-overrides.css') layer(framework.important);

@layer cross-browser {
    .dxp-browser__firefox input[type="password"],
    .dxp-browser__edge input[type="password"] {
        font-family: Arial;
    }
}

@layer framework.local {
    /* most of our normal framework overrides can live here */

    .dxp-component-image figure {
        margin-bottom: 0;
    }

    @media (min-width: 1400px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1140px;
        }
    }

    @media (min-width: 1200px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl {
            max-width: 1140px;
        }
    }
}

@layer framework.important {
    /* add !important styles in a lower layer */
    /* to override any !important framework styles */
    /* | Component | Blogs */
    .dxp-component-blogs.dxp-component-blogs--hide-card .dxp-component-blogs__item:not(:last-child) .card {
        border-bottom: 1px solid var(--bs-light) !important;
        padding-bottom: var(--bs-card-spacer-y) !important;
    }

    .dxp-component-blogs.dxp-component-blogs--hide-card .dxp-component-blogs__item-image {
        border-radius: 4px !important;
    }

    .dxp-component-blogs__item-link {
        color: var(--bs-white) !important;
    }

        .dxp-component-blogs__item-link:hover,
        .dxp-component-blogs__item-link:focus,
        .dxp-component-blogs__item-link:active {
            color: var(--bs-white) !important;
        }

    /* | Component | Icons */
    .dxp-component-icons__item .bi-chevron-right {
        border-top-right-radius: unset !important;
    }

    .dxp-component-icons__item-icon.align-self-center {
        margin-bottom: 0 !important;
    }

    /* | Component | Accordion */
    .accordion-button:focus {
        box-shadow: none !important;
    }

    /* | Footer | Links */
    @media (max-width: 767.98px) {
        .dxp-footer-links .nav-link {
            border-right: none !important;
            margin-bottom: 8px;
        }
    }

    /* | Header */
    @media (max-width: 991.98px) {
        .dxp-header-navigation__home .visually-hidden,
        .dxp-header-navigation__home .visually-hidden-focusable:not(:focus):not(:focus-within) {
            position: relative !important;
            width: 100% !important;
            height: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: hidden !important;
            clip: initial !important;
            white-space: nowrap !important;
            border: 0 !important;
        }

        .dxp-header-navigation:not(.mobile) {
            display: none !important;
        }
    }

    @media (min-width: 992px) {
    }

    /* | Component | Jobs - Macro */
    .dxp-component-banner__item--macro-job-search > .container > .row {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .dxp-component-banner__item--macro-job-search .card .dxp-macro-job-search__title {
        margin-bottom: 1rem !important;
    }

    @media (min-width: 992px) {
        .dxp-component-banner__item--macro-job-search .col-lg-6 {
            max-width: 480px !important;
        }
    }
}

@layer utilities {
}

@layer overrides {
    /* 5 Columns
      @media (min-width: 992px) {
      .dxp-component-icons .row-cols-xl-4 > *,
      .dxp-component-numbers .row-cols-xl-4 > * {
      flex: 0 0 auto;
      width: 20%;
      }
      }
      */
}

/* responsive video iframe */
iframe[src*="youtube.com"], iframe[src*="vimeo.com"] {
    width: 100%;
    height: 100%;
}

.responsive-video {
    width: 100%;
    aspect-ratio: 16 / 9;
}

    .responsive-video.aspect-16-9 {
        aspect-ratio: 16 / 9;
    }

    .responsive-video.aspect-4-3 {
        aspect-ratio: 4 / 3;
    }

    .responsive-video.aspect-9-16 {
        aspect-ratio: 9 / 16;
    }