/***--> Globals ***/
    /*--> Colors */
    .ew-trap { 
        background-color: var(--palette-type-redirect-trap) !important;
    }
    .ew-mask {
        background-color: var(--palette-type-redirect-mask) !important;
    }
    .ew-click-to-post {
        background-color: var(--palette-type-redirect-ctp) !important;
    }
    .ew-expired { background-color: #5f5f5f !important; }
    /*!! End Colors */
    /*--> Element styles */
    .tooltip {
        font-size: 16px;
    }
    .ew-header-tag {
        font-weight: 300;
        margin: 0;
    }
    .ew-label {
        all: unset;
        padding: 0;
        font-size: 15px;
        font-weight: 300;
        display: block;
        color: var(--palette-text-primary);
    }
    .ew-checkbox-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .ew-checkbox-wrapper > .ew-label {
        line-height: 20px;
        padding-left: 8px;
        cursor: pointer;
    }
    .ew-h4 {
        font-size: 16px;
        font-weight: 400;
        margin: 0;
    }
    .ew-pointer {
        cursor: pointer;
    }
    .ew-shadow {
        /* TODO: this isnt actually doing anything. Fix (--shadows-2) or delete? */
        -webkit-box-shadow: var(--shadow2);
        -moz-box-shadow: var(--shadow2);
        box-shadow: var(--shadow2);
        transition: all 0.3s ease-in-out;
    }
    .ew-shadow-bottom {
        -webkit-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.16);
        -moz-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.16);
        box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.16);
    }
    .ew-shadow-hover:hover {
        /* TODO: this isnt actually doing anything. Fix (--shadows-4) or delete? */
        -webkit-box-shadow: var(--shadow4);
        -moz-box-shadow: var(--shadow4);
        box-shadow: var(--shadow4);
        z-index: 100;
    }
    .ew-no-select {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    @media screen and (min-width: 1200px) {
        .ew-desktop-no-shadow {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
        .ew-desktop-shadow {
            -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
            -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
            box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
            transition: all 0.3s ease-in-out;
        }
    }
    /*!! End Element styles */

    /*--> Layout & display */
    .oasis .ew-row, .oasis .ew-col { margin-bottom: 24px; }
    .standard .ew-row, .standard .ew-col { margin-bottom: 16px; }

    .standard .ew-row-small, .standard .ew-col-small { margin-bottom: 12px; }

    .ew-truncate {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .ew-text-wrap { overflow-wrap: break-word; }

    .ew-actions-wrapper-no-margin,
    .ew-actions-wrapper,
    .ew-actions-wrapper-no-margin {
        display: flex;
        justify-content: flex-end;
    }
    .ew-actions-wrapper { margin-top: 24px; }
    .ew-actions-wrapper-no-margin > *:not(:last-child),
    .ew-actions-wrapper > *:not(:last-child) {
        margin-right: 12px;
    }

    .ew-children-margin > * { margin-right: 12px; }
    .ew-children-margin > *:last-child { margin-right: 0; }

    .paper {
        border-radius: var(--shape-borderRadius);
        padding: 16px 0;
        background: var(--palette-background-paper-main);
        -webkit-box-shadow: var(--shadow-paper);
        -moz-box-shadow: var(--shadow-paper);
        box-shadow: var(--shadow-paper);
        margin-bottom: 48px;
    }
    .paper.paper-no-padding { padding: 0; }
    .paper.paper-contained { padding: 16px; }
    .paper.paper-contained-large { padding: 32px; }

    .ew-capitalize { text-transform: capitalize; }
    .ew-lowercase  { text-transform: lowercase; }
    .ew-uppercase  { text-transform: uppercase; }

    .ew-font-weight--thin       { font-weight: 100; }
    .ew-font-weight--extra-light{ font-weight: 200; }
    .ew-font-weight--light      { font-weight: 300; }
    .ew-font-weight--regular    { font-weight: 400; }
    .ew-font-weight--medium     { font-weight: 500; }
    .ew-font-weight--semi-bold  { font-weight: 600; }
    .ew-font-weight--bold       { font-weight: 700; }
    .ew-font-weight--extra-bold { font-weight: 800; }
    .ew-font-weight--black      { font-weight: 900; }

    .ew-child-margin-12 > *:not(:last-child) { margin-right: 12px; }

    .ew-text-align-left { text-align: left; }
    .ew-text-align-center { text-align: center; }
    .ew-text-align-right { text-align: right; }

    .ew-flex, .ew-flex-col, .ew-flex-wrap, .ew-flex-no-wrap,
    .ew-justify-start, .ew-justify-end, .ew-justify-between, .ew-justify-center,
    .ew-align-center, .ew-align-start, .ew-align-end,
    .ew-justify-align {
        display: flex;
    }
    .ew-flex-col { flex-direction: column; }
    .ew-flex-row { flex-direction: row; }
    .ew-flex-wrap { flex-wrap: wrap; }
    .ew-flex-no-wrap { flex-wrap: nowrap; }
    .ew-justify-start { justify-content: flex-start; }
    .ew-justify-end { justify-content: flex-end; }
    .ew-justify-between { justify-content: space-between; }
    .ew-justify-center { justify-content: center; }
    .ew-align-center { align-items: center; }
    .ew-align-start { align-items: flex-start; }
    .ew-align-end { align-items: flex-end; }
    .ew-justify-align {
        align-items: center;
        justify-content: space-between;
    }

    .hide-mobile, .xs-hide { display: none; }
    .xs-block { display: block; }
    .xs-show { display: unset; }
    .xs-flex, .xs-flex-start, .xs-flex-end, .xs-flex-center { display: flex; }
    .xs-flex-start { justify-content: flex-start; }
    .xs-flex-end { justify-content: flex-end; }
    .xs-flex-center { justify-content: center; }

    /* col-sm */
    @media (min-width: 768px) {
        .sm-hide { display: none; }
        .sm-block { display: block; }
        .sm-show { display: unset; }

        .sm-flex, .sm-flex-start, .sm-flex-end, .sm-flex-center,
        .sm-align-start, .sm-align-end, .sm-align-center { display: flex; }
        .sm-flex-start { justify-content: flex-start; }
        .sm-flex-end { justify-content: flex-end; }
        .sm-flex-center { justify-content: center; }
        .sm-justify-between { justify-content: space-between; }
        .sm-align-start { align-items: flex-start; }
        .sm-align-end { align-items: flex-end; }
        .sm-align-center { align-items: center; }
        .sm-flex-col { flex-direction: column; }
        .sm-flex-row { flex-direction: row; }

        .ew-sm-text-align-left { text-align: left; }
        .ew-sm-text-align-center { text-align: center; }
        .ew-sm-text-align-right { text-align: right; }
    }
    @media (min-width: 992px) { /* col-md */
        .md-hide { display: none; }
        .md-block { display: block; }
        .md-show { display: unset; }

        .md-flex, .md-flex-start, .md-flex-end, .md-flex-center,
        .md-align-start, .md-align-end, .md-align-center { display: flex; }
        .md-flex-start { justify-content: flex-start; }
        .md-flex-end { justify-content: flex-end; }
        .md-flex-center { justify-content: center; }
        .md-justify-between { justify-content: space-between; }
        .md-align-start { align-items: flex-start; }
        .md-align-end { align-items: flex-end; }
        .md-align-center { align-items: center; }
        .md-flex-col { flex-direction: column; }
        .md-flex-row { flex-direction: row; }

        .ew-md-text-align-left { text-align: left; }
        .ew-md-text-align-center { text-align: center; }
        .ew-md-text-align-right { text-align: right; }
    }
    @media (min-width: 1200px) { /* col-lg */
        .hide-desktop, .lg-hide { display: none; }
        .show-desktop-flex { display: flex; }
        .show-desktop-block, .lg-block { display: block; }
        .lg-show { display: unset; }

        .lg-flex, .lg-flex-start, .lg-flex-end, .lg-flex-center,
        .lg-align-start, .lg-align-end, .lg-align-center { display: flex; }
        .lg-flex-start { justify-content: flex-start; }
        .lg-flex-end { justify-content: flex-end; }
        .lg-flex-center { justify-content: center; }
        .lg-justify-between { justify-content: space-between; }
        .lg-align-start { align-items: flex-start; }
        .lg-align-end { align-items: flex-end; }
        .lg-align-center { align-items: center; }
        .lg-flex-col { flex-direction: column; }
        .lg-flex-row { flex-direction: row; }

        .ew-lg-text-align-left { text-align: left; }
        .ew-lg-text-align-center { text-align: center; }
        .ew-lg-text-align-right { text-align: right; }
    }
    /*!! End layout & display */

/***!! End Globals ***/
/***--> Overrides */
    @media (max-width: 1024px) {
        .ew-col-sm-4 { width: 33.3333333% !important; }
    }
/***!! Overrides */