/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                    WARNING:    DO NOT UPDATE OR CHANGE THIS FILE                    +
+     IF YOU WANT MODIFY THESE STYLES PLEASE USE THE OVERRIDE FILE IN YOUR CSS_SITE   +
+     FOLDER, UPDATES TO THESE STYLES DELETED UPON NEXT TEMPLATE UPGRADE              +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

[class*='card'] {
    margin: 10px;
}

    [class*='card']:not([class*='fa-']) p {
        line-height: var(--line-height-extra-space);
    }

/*-- keeps cards with items on the bottom*/
[class*="grid-item"][class*="card-baseline"] {
    display: flex !important;
}

[class*="card-baseline"] .overlay-content {
    display: flex;
    flex-direction: column;
}

    [class*="card-baseline"] .overlay-content *:last-child {
        margin-top: auto;
    }

/*-- CARD BORDER COLORS --------------------------*/

[class*='card-border-color-1']:not([class*='fa-']) {
    border-color: var(--primary) !important;
}

[class*='card-border-color-2']:not([class*='fa-']) {
    border-color: var(--secondary) !important;
}

[class*='card-border-color-3']:not([class*='fa-']) {
    border-color: var(--neutral) !important;
}

[class*='card-border-color-4']:not([class*='fa-']) {
    border-color: var(--dark) !important;
}

[class*='card-border-color-5']:not([class*='fa-']) {
    border-color: var(--accent-1) !important;
}

[class*='card-border-color-6']:not([class*='fa-']) {
    border-color: var(--accent-2) !important;
}

[class*='card-border-color-black']:not([class*='fa-']) {
    border-color: var(--my-black) !important;
}

[class*='card-border-color-gray']:not([class*='fa-']) {
    border-color: var(--my-gray) !important;
}

[class*='card-border-color-white']:not([class*='fa-']) {
    border-color: var(--my-white) !important;
}


/*-- CARD BORDERS   -------------------------*/

[class*='card-border-width-zero']:not([class*='fa-']) {
    border: 0px;
}

[class*='card-border-width-thin']:not([class*='fa-']) {
    border-width: var(--border-width-thin);
}

[class*='card-border-width-medium']:not([class*='fa-']) {
    border-width: var(--border-width-medium);
}

[class*='card-border-width-thick']:not([class*='fa-']) {
    border-width: var(--border-width-thick);
}

[class*='card-border-width-heavy']:not([class*='fa-']) {
    border-width: var(--border-width-heavy);
}

[class*='card-border-width-ultra']:not([class*='fa-']) {
    border-width: var(--border-width-ultra);
}


/*-- CARD SHADOW   -------------------------*/

[class*='card']:not([class*="fa-"]) {
    box-shadow: 0px 0px 1px rgba(0,0,0,.4);
}

[class*='card-shadow-zero']:not([class*='fa-']) {
    box-shadow: none;
}

[class*='card-shadow-thin']:not([class*='fa-']) {
    box-shadow: 0px 0px 2px rgba(0,0,0,.4);
}

[class*='card-shadow-medium']:not([class*='fa-']) {
    box-shadow: 0px 2px 3px rgba(0,0,0,.5);
}

[class*='card-shadow-thick']:not([class*='fa-']) {
    box-shadow: 0px 2px 4px rgba(0,0,0,.6);
}

[class*='card-shadow-heavy']:not([class*='fa-']) {
    box-shadow: 0px 3px 6px rgba(0,0,0,.75);
}

[class*='card-shadow-ultra']:not([class*='fa-']) {
    box-shadow: 0px 4px 8px rgba(0,0,0,.85);
}


/*-- CARD EDGES   -------------------------*/
[class*='card-edge-top']:not([class*='edge-top-']) {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}

[class*='card-edge-bottom']:not([class*='edge-bottom-']) {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

[class*='card-edge-left']:not([class*='edge-left-']) {
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
}

[class*='card-edge-right']:not([class*='edge-right-']) {
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
}

[class*='card-edge-top-bottom']:not([class*='fa-']) {
    border-left: 0px;
    border-right: 0px;
}

[class*='card-edge-left-right']:not([class*='fa-']) {
    border-top: 0px;
    border-bottom: 0px;
}

[class*='card-edge-top-left']:not([class*='fa-']) {
    border-bottom: 0px;
    border-right: 0px;
}

[class*='card-edge-top-right']:not([class*='fa-']) {
    border-bottom: 0px;
    border-left: 0px;
}

[class*='card-edge-bottom-left']:not([class*='fa-']) {
    border-top: 0px;
    border-right: 0px;
}

[class*='card-edge-bottom-right']:not([class*='fa-']) {
    border-top: 0px;
    border-left: 0px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                               END OF CSS FILE                                       +
+     IF YOU WANT TO OVER RIDE THESE STYLES PLEASE DO IT IN THE CSS OVERRIDE FILES    +
+     CHANGES TO THIS FILE WILL BE DELETED UPON NEXT TEMPLATE UPDATE                  +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
