/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                    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 BACKGROUND COLOR ---------------------------

[class*='card-1']:not([class*='fa-']), [class*='card-1']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
[class*="background-"] .grid-item.card-1:not([class*='button']) {
    background-color: var(--primary);
    color: var(--primary-text);
}

.dark-mode [class*='card-1']:not([class*='fa-']), .dark-mode [class*='card-1']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
.dark-mode [class*="background-"] .grid-item.card-1:not([class*='button']) {
    background-color: var(--primary-dark);
    color: var(--primary-dark-text);
}

[class*='card-2']:not([class*='fa-']), [class*='card-2']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
[class*="background-"] .grid-item.card-2:not([class*='button']) {
    background-color: var(--secondary);
    color: var(--secondary-text);
}

.dark-mode [class*='card-2']:not([class*='fa-']), .dark-mode [class*='card-2']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
.dark-mode [class*="background-"] .grid-item.card-2:not([class*='button']) {
    background-color: var(--secondary-dark);
    color: var(--secondary-dark-text);
}

[class*='card-3']:not([class*='fa-']), [class*='card-3']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
[class*="background-"] .grid-item.card-3:not([class*='button']) {
    background-color: var(--neutral);
    color: var(--neutral-text);
}

.dark-mode [class*='card-3']:not([class*='fa-']), .dark-mode [class*='card-3']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
.dark-mode [class*="background-"] .grid-item.card-3:not([class*='button']) {
    background-color: var(--neutral-dark);
    color: var(--neutral-dark-text);
}

[class*='card-4']:not([class*='fa-']), [class*='card-4']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
[class*="background-"] .grid-item.card-4:not([class*='button']) {
    background-color: var(--dark);
    color: var(--dark-text);
}

.dark-mode [class*='card-4']:not([class*='fa-']), .dark-mode [class*='card-4']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
.dark-mode [class*="background-"] .grid-item.card-4:not([class*='button']) {
    background-color: var(--dark-dark);
    color: var(--dark-dark-text);
}

[class*='card-5']:not([class*='fa-']), [class*='card-5']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
[class*="background-"] .grid-item.card-5:not([class*='button']) {
    background-color: var(--accent-1);
    color: var(--accent-1-text);
}

.dark-mode [class*='card-5']:not([class*='fa-']), .dark-mode [class*='card-5']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
.dark-mode [class*="background-"] .grid-item.card-5:not([class*='button']) {
    background-color: var(--accent-1-dark);
    color: var(--accent-1-dark-text);
}

[class*='card-6']:not([class*='fa-']), [class*='card-6']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
[class*="background-"] .grid-item.card-6:not([class*='button']) {
    background-color: var(--accent-2);
    color: var(--accent-2-text);
}

.dark-mode [class*='card-6']:not([class*='fa-']), .dark-mode [class*='card-6']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
.dark-mode [class*="background-"] .grid-item.card-6:not([class*='button']) {
    background-color: var(--accent-2-dark);
    color: var(--accent-2-dark-text);
}

[class*='card-black']:not([class*='fa-']), [class*='card-black']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
[class*="background-"] .grid-item.card-black:not([class*='button']) {
    background-color: var(--my-black);
    color: var(--my-black-text);
}

.dark-mode [class*='card-black']:not([class*='fa-']), .dark-mode [class*='card-black']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
.dark-mode [class*="background-"] .grid-item.card-black:not([class*='button']) {
    background-color: var(--my-black-dark);
    color: var(--my-black-dark-text);
}

[class*='card-gray']:not([class*='fa-']), [class*='card-gray']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
[class*="background-"] .grid-item.card-gray:not([class*='button']) {
    background-color: var(--my-gray);
    color: var(--my-gray-text);
}

.dark-mode [class*='card-gray']:not([class*='fa-']), .dark-mode [class*='card-gray']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
.dark-mode [class*="background-"] .grid-item.card-gray:not([class*='button']) {
    background-color: var(--my-gray-dark);
    color: var(--my-gray-dark-text);
}

[class*='card-white']:not([class*='fa-']), [class*='card-white']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
[class*="background-"] .grid-item.card-white:not([class*='button']){
    background-color: var(--my-white);
    color: var(--my-white-text);
}

.dark-mode [class*='card-white']:not([class*='fa-']), .dark-mode [class*='card-white']:not([class*='fa-']) *:not([class*="button"]):not(i):not(.standout-block),
.dark-mode [class*="background-"] .grid-item.card-white:not([class*='button']) {
    background-color: var(--my-white-dark);
    color: var(--my-white-dark-text);
}

    */

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


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

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

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

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

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

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

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

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

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


/*-- 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                  +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/