/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                    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              +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* lines 1088*/
/*---------------------------------------------------------------------------------------------
        COLORS & STANDARD FORM ELEMENTS

    BASIC ELEMENTS WILL BE STYLED FIRST, THEN COLOR CODES ADDED FOR MAJOR CLASSES,
    FINALLY AT THE END OF THIS WILL BE STANDARD OVERRIDES FOR ELEMENTS THAT NEED ADJUSTMENTS
    INCLUDING THINGS LIKE BLOCKQUTES, INPUT BOXES, ETC
--------------------------------------------------------------------------------------------*/
/*------------------------------------------------------
    STANDARD COLORS
--------------------------------------------------------*/


/*----------------------------------------------------------------
  TITAN BLUE
*/

.titan-blue, .titan-blue *, body[class*="theme"] main .titan-blue * {
    background-color: var(--titan-blue);
    color: var(--titan-blue-text);
    border-color:var(--titan-blue-text);
}

    .titan-blue main a {
        color: var(--titan-blue-link-text);
        background-color: var(--titan-blue);
        text-decoration-color: var(--titan-blue-link-text);
    }

    .titan-blue input, .titan-blue select, .titan-blue button {
        background-color:var(--titan-blue-text);
        color: var(--titan-blue);
    }

        .titan-blue input[type="button"], .titan-blue input[type="submit"], .titan-blue input[type="reset"] {
            background-color: var(--titan-blue);
            color: var(--titan-blue-text);
        }

        .titan-blue a:hover, .titan-blue a:focus,
        .titan-blue button:hover, .titan-blue button:focus {
            color: var(--titan-blue-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .titan-blue a.button:hover, .titan-blue a.pill:hover,
        .titan-blue a.button:focus, .titan-blue a.pill:focus,
        a.button.titan-blue:hover, a.pill.titan-blue:hover,
        a.button.titan-blue:focus, a.pill.titan-blue:focus,
        .titan-blue input:hover, .titan-blue input:focus {
            color: var(--titan-blue);
            background-color: var(--titan-blue-text);
            text-decoration: none;
        }


/*----------------------------------------------------------------
  DARK MEDIUM BLUE
*/
.dark-medium-blue, .dark-medium-blue > *, body[class*="theme"] main .dark-medium-blue * {
    background-color: var(--dark-medium-blue);
    color: var(--dark-medium-blue-text);
}

    .dark-medium-blue a {
        color: var(--dark-medium-blue-link-text);
        background-color: var(--dark-medium-blue);
        text-decoration-color: var(--dark-medium-blue-link-text);
    }

    .dark-medium-blue input, .dark-medium-blue select, .dark-medium-blue button {
        color: var(--dark-medium-blue);
    }

        .dark-medium-blue input[type="button"], .dark-medium-blue input[type="submit"], .dark-medium-blue input[type="reset"] {
            background-color: var(--dark-medium-blue);
            color: var(--dark-medium-blue-text);
        }

        .dark-medium-blue a:hover, .dark-medium-blue a:focus,
        .dark-medium-blue button:hover, .dark-medium-blue button:focus {
            color: var(--dark-medium-blue-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .dark-medium-blue a.button:hover, .dark-medium-blue a.pill:hover,
        .dark-medium-blue a.button:focus, .dark-medium-blue a.pill:focus,
        .dark-medium-blue input:hover, .dark-medium-blue input:focus {
            color: var(--dark-medium-blue);
            background-color: var(--dark-medium-blue-text);
            text-decoration: none;
        }


/*----------------------------------------------------------------
  MEDIUM BLUE
*/

.medium-blue, .medium-blue > *, body[class*="theme"] main .medium-blue * {
    background-color: var(--medium-blue);
    color: var(--medium-blue-text);
}

    .medium-blue a {
        color: var(--medium-blue-link-text);
        background-color: var(--medium-blue);
        text-decoration-color: var(--medium-blue-link-text);
    }

    .medium-blue input, .medium-blue select, .medium-blue button {
        color: var(--medium-blue);
    }

        .medium-blue input[type="button"], .medium-blue input[type="submit"], .medium-blue input[type="reset"] {
            background-color: var(--medium-blue);
            color: var(--medium-blue-text);
        }

        .medium-blue a:hover, .medium-blue a:focus,
        .medium-blue button:hover, .medium-blue button:focus {
            color: var(--medium-blue-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .medium-blue a.button:hover, .medium-blue a.pill:hover,
        .medium-blue a.button:focus, .medium-blue a.pill:focus,
        .medium-blue input:hover, .medium-blue input:focus {
            color: var(--medium-blue);
            background-color: var(--medium-blue-text);
            text-decoration: none;
        }

/*----------------------------------------------------------------
  LIGHT BLUE
*/

.light-blue, .light-blue > *, body[class*="theme"] main .light-blue * {
    background-color: var(--light-blue);
    color: var(--light-blue-text);
}

    .light-blue a {
        color: var(--light-blue-link-text);
        background-color: var(--light-blue);
        text-decoration-color: var(--light-blue-link-text);
    }

    .light-blue input, .light-blue select, .light-blue button {
        color: var(--light-blue-text);
    }

        .light-blue input[type="button"], .light-blue input[type="submit"], .light-blue input[type="reset"] {
            background-color: var(--light-blue);
            color: var(--light-blue-text);
        }

        .light-blue a:hover, .light-blue a:focus,
        .light-blue button:hover, .light-blue button:focus {
            color: var(--light-blue-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .light-blue a.button:hover, .light-blue a.pill:hover,
        .light-blue a.button:focus, .light-blue a.pill:focus,
        .light-blue input:hover, .light-blue input:focus {
            color: var(--light-blue);
            background-color: var(--light-blue-text);
            text-decoration: none;
        }



/*----------------------------------------------------------------
  Navigation BLUE
*/

.nav-blue, .nav-blue > *, body[class*="theme"] main .nav-blue * {
    background-color: var(--nav-blue);
    color: var(--nav-blue-text);
}

        .nav-blue a {
            color: var(--nav-blue-link-text);
            background-color: var(--nav-blue);
            text-decoration-color: var(--nav-blue-link-text);
        }

        .nav-blue input, .nav-blue select, .nav-blue button {
            color: var(--nav-blue-text);
        }

            .nav-blue input[type="button"], .nav-blue input[type="submit"], .nav-blue input[type="reset"] {
                background-color: var(--nav-blue);
                color: var(--nav-blue-text);
            }

            .nav-blue a:hover, .nav-blue a:focus,
            .nav-blue button:hover, .nav-blue button:focus {
                color: var(--nav-blue-link-hover-text);
                text-decoration-color: var(--orange);
            }

            .nav-blue a.button:hover, .nav-blue a.pill:hover,
            .nav-blue a.button:focus, .nav-blue a.pill:focus,
            .nav-blue input:hover, .nav-blue input:focus {
                color: var(--nav-blue);
                background-color: var(--nav-blue-text);
                text-decoration: none;
            }

/*----------------------------------------------------------------
  DARK GRAY
*/

.dark-gray, .dark-gray > *, body[class*="theme"] main .dark-gray * {
    background-color: var(--dark-gray);
    color: var(--dark-gray-text);
}

    .dark-gray a {
        color: var(--dark-gray-link-text);
        background-color: var(--dark-gray);
        text-decoration-color: var(--dark-gray-link-text);
    }

    .dark-gray input, .dark-gray select, .dark-gray button {
        color: var(--dark-gray);
    }

        .dark-gray input[type="button"], .dark-gray input[type="submit"], .dark-gray input[type="reset"] {
            background-color: var(--dark-gray);
            color: var(--dark-gray-text);
        }

        .dark-gray a:hover, .dark-gray a:focus,
        .dark-gray button:hover, .dark-gray button:focus {
            color: var(--dark-gray-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .dark-gray a.button:hover, .dark-gray a.pill:hover,
        .dark-gray a.button:focus, .dark-gray a.pill:focus,
        .dark-gray input:hover, .dark-gray input:focus {
            color: var(--dark-gray);
            background-color: var(--dark-gray-text);
            text-decoration: none;
        }

/*----------------------------------------------------------------
   GRAY
*/

.gray, .gray > *, body[class*="theme"] main .gray * {
    background-color: var(--gray);
    color: var(--gray-text);
}

    .gray a {
        color: var(--gray-link-text);
        background-color: var(--gray);
        text-decoration-color: var(--gray-link-text);
    }

    .gray input, .gray select, .gray button {
        color: var(--gray);
    }

        .gray input[type="button"], .gray input[type="submit"], .gray input[type="reset"] {
            background-color: var(--gray);
            color: var(--gray-text);
        }

        .gray a:hover, .gray a:focus,
        .gray button:hover, .gray button:focus {
            color: var(--gray-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .gray a.button:hover, .gray a.pill:hover,
        .gray a.button:focus, .gray a.pill:focus,
        .gray input:hover, .gray input:focus {
            color: var(--gray);
            background-color: var(--gray-text);
            text-decoration: none;
        }


/*----------------------------------------------------------------
   LIGHT GRAY
*/

.light-gray, .light-gray > *, body[class*="theme"] main .light-gray * {
    background-color: var(--light-gray);
    color: var(--light-gray-text);
}

        .light-gray a {
            color: var(--light-gray-link-text);
            background-color: var(--light-gray);
            text-decoration-color: var(--light-gray-link-text);
        }

        .light-gray input, .light-gray select, .light-gray button {
            color: var(--light-gray-text);
        }

            .light-gray input[type="button"], .light-gray input[type="submit"], .light-gray input[type="reset"] {
                background-color: var(--light-gray);
                color: var(--light-gray-text);
            }

            .light-gray a:hover, .light-gray a:focus,
            .light-gray button:hover, .light-gray button:focus {
                color: var(--light-gray-link-hover-text);
                text-decoration-color: var(--orange);
            }

            .light-gray a.button:hover, .light-gray a.pill:hover,
            .light-gray a.button:focus, .light-gray a.pill:focus,
            .light-gray input:hover, .light-gray input:focus {
                color: var(--light-gray);
                background-color: var(--light-gray-text);
                text-decoration: none;
            }


/*----------------------------------------------------------------
   DARK WARM GRAY
*/

.dark-warm-gray, .dark-warm-gray > *, body[class*="theme"] main .dark-warm-gray * {
    background-color: var(--dark-warm-gray);
    color: var(--dark-warm-gray-text);
}

            .dark-warm-gray a {
                color: var(--dark-warm-gray-link-text);
                background-color: var(--dark-warm-gray);
                text-decoration-color: var(--dark-warm-gray-link-text);
            }

            .dark-warm-gray input, .dark-warm-gray select, .dark-warm-gray button {
                color: var(--dark-warm-gray-text);
            }

                .dark-warm-gray input[type="button"], .dark-warm-gray input[type="submit"], .dark-warm-gray input[type="reset"] {
                    background-color: var(--dark-warm-gray);
                    color: var(--dark-warm-gray-text);
                }

                .dark-warm-gray a:hover, .dark-warm-gray a:focus,
                .dark-warm-gray button:hover, .dark-warm-gray button:focus {
                    color: var(--dark-warm-gray-link-hover-text);
                    text-decoration-color: var(--orange);
                }

                .dark-warm-gray a.button:hover, .dark-warm-gray a.pill:hover,
                .dark-warm-gray a.button:focus, .dark-warm-gray a.pill:focus,
                .dark-warm-gray input:hover, .dark-warm-gray input:focus {
                    color: var(--dark-warm-gray);
                    background-color: var(--dark-warm-gray-text);
                    text-decoration: none;
                }

/*----------------------------------------------------------------
   WARM GRAY
*/

.warm-gray, .warm-gray > *, body[class*="theme"] main .warm-gray * {
    background-color: var(--warm-gray);
    color: var(--warm-gray-text);
}

    .warm-gray a {
        color: var(--warm-gray-link-text);
        background-color: var(--warm-gray);
        text-decoration-color: var(--warm-gray-link-text);
    }

    .warm-gray input, .warm-gray select, .warm-gray button {
        color: var(--warm-gray-text);
    }

        .warm-gray input[type="button"], .warm-gray input[type="submit"], .warm-gray input[type="reset"] {
            background-color: var(--warm-gray);
            color: var(--warm-gray-text);
        }

        .warm-gray a:hover, .warm-gray a:focus,
        .warm-gray button:hover, .warm-gray button:focus {
            color: var(--warm-gray-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .warm-gray a.button:hover, .warm-gray a.pill:hover,
        .warm-gray a.button:focus, .warm-gray a.pill:focus,
        .warm-gray input:hover, .warm-gray input:focus {
            color: var(--warm-gray);
            background-color: var(--warm-gray-text);
            text-decoration: none;
        }

/*----------------------------------------------------------------
   LIGHT WARM GRAY
*/

.light-warm-gray, .light-warm-gray > *, body[class*="theme"] main .light-warm-gray * {
    background-color: var(--light-warm-gray);
    color: var(--light-warm-gray-text);
}

    .light-warm-gray a {
        color: var(--light-warm-gray-link-text);
        background-color: var(--light-warm-gray);
        text-decoration-color: var(--light-warm-gray-link-text);
    }

    .light-warm-gray input, .light-warm-gray select, .light-warm-gray button {
        color: var(--light-warm-gray-text);
    }

        .light-warm-gray input[type="button"], .light-warm-gray input[type="submit"], .light-warm-gray input[type="reset"] {
            background-color: var(--light-warm-gray);
            color: var(--light-warm-gray-text);
        }

        .light-warm-gray a:hover, .light-warm-gray a:focus,
        .light-warm-gray button:hover, .light-warm-gray button:focus {
            color: var(--light-warm-gray-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .light-warm-gray a.button:hover, .light-warm-gray a.pill:hover,
        .light-warm-gray a.button:focus, .light-warm-gray a.pill:focus,
        .light-warm-gray input:hover, .light-warm-gray input:focus {
            color: var(--light-warm-gray);
            background-color: var(--light-warm-gray-text);
            text-decoration: none;
        }


    /*----------------------------------------------------------------
   DARK COOL GRAY
*/

.dark-cool-gray, .dark-cool-gray > *, body[class*="theme"] main .dark-cool-gray * {
    background-color: var(--dark-cool-gray);
    color: var(--dark-cool-gray-text);
}

        .dark-cool-gray a {
            color: var(--dark-cool-gray-link-text);
            background-color: var(--dark-cool-gray);
            text-decoration-color: var(--dark-cool-gray-link-text);
        }

        .dark-cool-gray input, .dark-cool-gray select, .dark-cool-gray button {
            color: var(--dark-cool-gray-text);
        }

            .dark-cool-gray input[type="button"], .dark-cool-gray input[type="submit"], .dark-cool-gray input[type="reset"] {
                background-color: var(--dark-cool-gray);
                color: var(--dark-cool-gray-text);
            }

            .dark-cool-gray a:hover, .dark-cool-gray a:focus,
            .dark-cool-gray button:hover, .dark-cool-gray button:focus {
                color: var(--dark-cool-gray-link-hover-text);
                text-decoration-color: var(--orange);
            }

            .dark-cool-gray a.button:hover, .dark-cool-gray a.pill:hover,
            .dark-cool-gray a.button:focus, .dark-cool-gray a.pill:focus,
            .dark-cool-gray input:hover, .dark-cool-gray input:focus {
                color: var(--dark-cool-gray);
                background-color: var(--dark-cool-gray-text);
                text-decoration: none;
            }


        /*----------------------------------------------------------------
   COOL GRAY
*/

.cool-gray, .cool-gray > *, body[class*="theme"] main .cool-gray * {
    background-color: var(--cool-gray);
    color: var(--cool-gray-text);
}

            .cool-gray a {
                color: var(--cool-gray-link-text);
                background-color: var(--cool-gray);
                text-decoration-color: var(--cool-gray-link-text);
            }

            .cool-gray input, .cool-gray select, .cool-gray button {
                color: var(--cool-gray-text);
            }

                .cool-gray input[type="button"], .cool-gray input[type="submit"], .cool-gray input[type="reset"] {
                    background-color: var(--cool-gray);
                    color: var(--cool-gray-text);
                }

                .cool-gray a:hover, .cool-gray a:focus,
                .cool-gray button:hover, .cool-gray button:focus {
                    color: var(--cool-gray-link-hover-text);
                    text-decoration-color: var(--orange);
                }

                .cool-gray a.button:hover, .cool-gray a.pill:hover,
                .cool-gray a.button:focus, .cool-gray a.pill:focus,
                .cool-gray input:hover, .cool-gray input:focus {
                    color: var(--cool-gray);
                    background-color: var(--cool-gray-text);
                    text-decoration: none;
                }


            /*----------------------------------------------------------------
   light COOL GRAY
*/

.light-cool-gray, .light-cool-gray > *, body[class*="theme"] main .light-cool-gray * {
    background-color: var(--light-cool-gray);
    color: var(--light-cool-gray-text);
}

                .light-cool-gray a {
                    color: var(--light-cool-gray-link-text);
                    background-color: var(--light-cool-gray);
                    text-decoration-color: var(--light-cool-gray-link-text);
                }

                .light-cool-gray input, .light-cool-gray select, .light-cool-gray button {
                    color: var(--light-cool-gray-text);
                }

                    .light-cool-gray input[type="button"], .light-cool-gray input[type="submit"], .light-cool-gray input[type="reset"] {
                        background-color: var(--light-cool-gray);
                        color: var(--light-cool-gray-text);
                    }

                    .light-cool-gray a:hover, .light-cool-gray a:focus,
                    .light-cool-gray button:hover, .light-cool-gray button:focus {
                        color: var(--light-cool-gray-link-hover-text);
                        text-decoration-color: var(--orange);
                    }

                    .light-cool-gray a.button:hover, .light-cool-gray a.pill:hover,
                    .light-cool-gray a.button:focus, .light-cool-gray a.pill:focus,
                    .light-cool-gray input:hover, .light-cool-gray input:focus {
                        color: var(--light-cool-gray);
                        background-color: var(--light-cool-gray-text);
                        text-decoration: none;
                    }




    /*----------------------------------------------------------------
   dark-dialog BOX
*/

.dark-dialog, .dark-dialog > *, body[class*="theme"] main .dark-dialog * {
    background-color: var(--dark-dialog);
    color: var(--dark-dialog-text);
}

        .dark-dialog a {
            color: var(--dark-dialog-link-text);
            background-color: var(--dark-dialog);
            text-decoration-color: var(--dark-dialog-link-text);
        }

        .dark-dialog input, .dark-dialog select, .dark-dialog button {
            color: var(--dark-dialog-text);
        }

            .dark-dialog input[type="button"], .dark-dialog input[type="submit"], .dark-dialog input[type="reset"] {
                background-color: var(--dark-dialog);
                color: var(--dark-dialog-text);
            }

            .dark-dialog a:hover, .dark-dialog a:focus,
            .dark-dialog button:hover, .dark-dialog button:focus {
                color: var(--dark-dialog-link-hover-text);
                text-decoration-color: var(--orange);
            }

            .dark-dialog a.button:hover, .dark-dialog a.pill:hover,
            .dark-dialog a.button:focus, .dark-dialog a.pill:focus,
            .dark-dialog-box input:hover, .dark-dialog input:focus {
                color: var(--dark-dialog);
                background-color: var(--dark-dialog-text);
                text-decoration: none;
            }


/*----------------------------------------------------------------
   DIALOG BOX
*/

.dialog, .dialog > *, body[class*="theme"] main .dialog * {
    background-color: var(--dialog);
    color: var(--dialog-text);
}

    .dialog a {
        color: var(--dialog-link-text);
        background-color: var(--dialog);
        text-decoration-color: var(--dialog-link-text);
    }

    .dialog input, .dialog select, .dialog button {
        color: var(--dialog-text);
    }

        .dialog input[type="button"], .dialog input[type="submit"], .dialog input[type="reset"] {
            background-color: var(--dialog);
            color: var(--dialog-text);
        }

        .dialog a:hover, .dialog a:focus,
        .dialog button:hover, .dialog button:focus {
            color: var(--dialog-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .dialog a.button:hover, .dialog a.pill:hover,
        .dialog a.button:focus, .dialog a.pill:focus,
        .dialog-box input:hover, .dialog input:focus {
            color: var(--dialog);
            background-color: var(--dialog-text);
            text-decoration: none;
        }


    /*----------------------------------------------------------------
   LIGHT DIALOG BOX
*/

.light-dialog, .light-dialog > *, body[class*="theme"] main .light-dialog * {
    background-color: var(--light-dialog);
    color: var(--light-dialog-text);
}

        .light-dialog a {
            color: var(--light-dialog-link-text);
            background-color: var(--light-dialog);
            text-decoration-color: var(--light-dialog-link-text);
        }

        .light-dialog input, .light-dialog select, .light-dialog button {
            color: var(--light-dialog-text);
        }

            .light-dialog input[type="button"], .light-dialog input[type="submit"], .light-dialog input[type="reset"] {
                background-color: var(--light-dialog);
                color: var(--light-dialog-text);
            }

            .light-dialog a:hover, .light-dialog a:focus,
            .light-dialog button:hover, .light-dialog button:focus {
                color: var(--light-dialog-link-hover-text);
                text-decoration-color: var(--orange);
            }

            .light-dialog a.button:hover, .light-dialog a.pill:hover,
            .light-dialog a.button:focus, .light-dialog a.pill:focus,
            .light-dialog-box input:hover, .light-dialog input:focus {
                color: var(--light-dialog);
                background-color: var(--light-dialog-text);
                text-decoration: none;
            }

/*----------------------------------------------------------------
   ORANGE
*/

.orange, .orange > *, body[class*="theme"] main .orange * {
    background-color: var(--orange);
    color: var(--orange-text);
}

    .orange a {
        color: var(--orange-link-text);
        background-color: var(--orange);
        text-decoration-color: var(--orange-link-text);
    }

    .orange input, .orange select, .orange button {
        color: var(--orange);
    }

        .orange input[type="button"], .orange input[type="submit"], .orange input[type="reset"] {
            background-color: var(--orange);
            color: var(--orange-text);
        }

        .orange a:hover, .orange a:focus,
        .orange button:hover, .orange button:focus {
            color: var(--orange-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .orange a.button:hover, .orange a.pill:hover,
        .orange a.button:focus, .orange a.pill:focus,
        .orange input:hover, .orange input:focus {
            color: var(--orange);
            background-color: var(--orange-text);
            text-decoration: none;
        }


    /*----------------------------------------------------------------
   LIGHT ORANGE
*/

.light-orange, .light-orange > *, body[class*="theme"] main .light-orange * {
    background-color: var(--light-orange);
    color: var(--light-orange-text);
}

        .light-orange a {
            color: var(--light-orange-link-text);
            background-color: var(--light-orange);
            text-decoration-color: var(--light-orange-link-text);
        }

        .light-orange input, .light-orange select, .light-orange button {
            color: var(--light-orange);
        }

            .light-orange input[type="button"], .light-orange input[type="submit"], .light-orange input[type="reset"] {
                background-color: var(--light-orange);
                color: var(--light-orange-text);
            }

            .light-orange a:hover, .light-orange a:focus,
            .light-orange button:hover, .light-orange button:focus {
                color: var(--light-orange-link-hover-text);
                text-decoration-color: var(--light-orange);
            }

            .light-orange a.button:hover, .light-orange a.pill:hover,
            .light-orange a.button:focus, .light-orange a.pill:focus,
            .light-orange input:hover, .light-orange input:focus {
                color: var(--light-orange);
                background-color: var(--light-orange-text);
                text-decoration: none;
            }


/*----------------------------------------------------------------
   SUNSHINE
*/

.sunshine, .sunshine > *, body[class*="theme"] main .sunshine * {
    background-color: var(--sunshine);
    color: var(--sunshine-text);
}

    .sunshine a {
        color: var(--sunshine-link-text);
        background-color: var(--sunshine);
        text-decoration-color: var(--sunshine-link-text);
    }

    .sunshine input, .sunshine select, .sunshine button {
        color: var(--sunshine-text);
    }

        .sunshine input[type="button"], .sunshine input[type="submit"], .sunshine input[type="reset"] {
            background-color: var(--sunshine);
            color: var(--sunshine-text);
        }

        .sunshine a:hover, .sunshine a:focus,
        .sunshine button:hover, .sunshine button:focus {
            color: var(--sunshine-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .sunshine a.button:hover, .sunshine a.pill:hover,
        .sunshine a.button:focus, .sunshine a.pill:focus,
        .sunshine input:hover, .sunshine input:focus {
            color: var(--sunshine);
            background-color: var(--sunshine-text);
            text-decoration: none;
        }


/*----------------------------------------------------------------
   MUSTARD
*/

.mustard, .mustard > *, body[class*="theme"] main .mustard * {
    background-color: var(--mustard);
    color: var(--mustard-text);
}

    .mustard a {
        color: var(--mustard-link-text);
        background-color: var(--mustard);
        text-decoration-color: var(--mustard-link-text);
    }

    .mustard input, .mustard select, .mustard button {
        color: var(--mustard-text);
    }

        .mustard input[type="button"], .mustard input[type="submit"], .mustard input[type="reset"] {
            background-color: var(--mustard);
            color: var(--mustard-text);
        }

        .mustard a:hover, .mustard a:focus,
        .mustard button:hover, .mustard button:focus {
            color: var(--mustard-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .mustard a.button:hover, .mustard a.pill:hover,
        .mustard a.button:focus, .mustard a.pill:focus,
        .mustard input:hover, .mustard input:focus {
            color: var(--mustard);
            background-color: var(--mustard-text);
            text-decoration: none;
        }

    /*----------------------------------------------------------------
   burnt-orange
*/

.burnt-orange, .burnt-orange > *, body[class*="theme"] main .burnt-orange * {
    background-color: var(--burnt-orange);
    color: var(--burnt-orange-text);
}

        .burnt-orange a {
            color: var(--burnt-orange-link-text);
            background-color: var(--burnt-orange);
            text-decoration-color: var(--burnt-orange-link-text);
        }

        .burnt-orange input, .burnt-orange select, .burnt-orange button {
            color: var(--burnt-orange-text);
        }

            .burnt-orange input[type="button"], .burnt-orange input[type="submit"], .burnt-orange input[type="reset"] {
                background-color: var(--burnt-orange);
                color: var(--burnt-orange-text);
            }

            .burnt-orange a:hover, .burnt-orange a:focus,
            .burnt-orange button:hover, .burnt-orange button:focus {
                color: var(--burnt-orange-link-hover-text);
                text-decoration-color: var(--orange);
            }

            .burnt-orange a.button:hover, .burnt-orange a.pill:hover,
            .burnt-orange a.button:focus, .burnt-orange a.pill:focus,
            .burnt-orange input:hover, .burnt-orange input:focus {
                color: var(--burnt-orange);
                background-color: var(--burnt-orange-text);
                text-decoration: none;
            }


/*----------------------------------------------------------------
    WHITE
*/

.white, .white > *, body[class*="theme"] main .white * {
    background-color: var(--white);
    color: var(--white-text);
}

    .white a {
        color: var(--white-link-text);
        background-color: var(--white);
        text-decoration-color: var(--white-link-text);
    }

    .white input, .white select, .white button {
        color: var(--white-text);
    }

        .white input[type="button"], .white input[type="submit"], .white input[type="reset"] {
            background-color: var(--white);
            color: var(--white-text);
        }

        .white a:hover, .white a:focus,
        .white button:hover, .white button:focus {
            color: var(--white-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .white a.button:hover, .white a.pill:hover,
        .white a.button:focus, .white a.pill:focus,
        .white input:hover, .white input:focus {
            color: var(--white);
            background-color: var(--white-text);
            text-decoration: none;
        }


/*----------------------------------------------------------------
    OFF WHITE
*/

.off-white, .off-white > *, body[class*="theme"] main .off-white * {
    background-color: var(--off-white);
    color: var(--off-white-text);
}

.off-white a {
    color: var(--off-white-link-text);
    background-color: var(--off-white);
    text-decoration-color: var(--off-white-link-text);
}

.off-white input, .off-white select, .off-white button {
    color: var(--off-white-text);
}

.off-white input[type="button"], .off-white input[type="submit"], .off-white input[type="reset"] {
    background-color: var(--off-white);
    color: var(--off-white-text);
}

.off-white a:hover, .off-white a:focus,
.off-white button:hover, .off-white button:focus {
    color: var(--off-white-link-hover-text);
    text-decoration-color: var(--orange);
}

.off-white a.button:hover, .off-white a.pill:hover,
.off-white a.button:focus, .off-white a.pill:focus,
.off-white input:hover, .off-white input:focus {
    color: var(--off-white);
    background-color: var(--off-white-text);
    text-decoration: none;
}

 /*----------------------------------------------------------------
    BLACK
*/

.black, .black > *, body[class*="theme"] main .black * {
    background-color: var(--black);
    color: var(--black-text);
}

        .black a {
            color: var(--black-link-text);
            background-color: var(--black);
            text-decoration-color: var(--black-link-text);
        }

        .black input, .black select, .black button {
            color: var(--black-text);
        }

            .black input[type="button"], .black input[type="submit"], .black input[type="reset"] {
                background-color: var(--black);
                color: var(--black-text);
            }

            .black a:hover, .black a:focus,
            .black button:hover, .black button:focus {
                color: var(--black-link-hover-text);
                text-decoration-color: var(--orange);
            }

            .black a.button:hover, .black a.pill:hover,
            .black a.button:focus, .black a.pill:focus,
            .black input:hover, .black input:focus {
                color: var(--black);
                background-color: var(--black-text);
                text-decoration: none;
            }


/*----------------------------------------------------------------
    coal
*/

.coal, main .coal > *, body[class*="theme"] main .coal * {
    background-color: var(--coal);
    color: var(--coal-text);
}


.coal a {
    color: var(--coal-link-text);
    background-color: var(--coal);
    text-decoration-color: var(--coal-link-text);
}

            .coal input, .coal select, .coal button {
                color: var(--coal-text);
            }

                .coal input[type="button"], .coal input[type="submit"], .coal input[type="reset"] {
                    background-color: var(--coal);
                    color: var(--coal-text);
                }

                .coal a:hover, .coal a:focus,
                .coal button:hover, .coal button:focus {
                    color: var(--coal-link-hover-text);
                    text-decoration-color: var(--orange);
                }

                .coal a.button:hover, .coal a.pill:hover,
                .coal a.button:focus, .coal a.pill:focus,
                .coal input:hover, .coal input:focus {
                    color: var(--coal);
                    background-color: var(--coal-text);
                    text-decoration: none;
                }


/*----------------------------------------------------------------
    ash
*/

.ash, .ash > *, body[class*="theme"] main .ash * {
    background-color: var(--ash);
    color: var(--ash-text);
}

                .ash a {
                    color: var(--ash-link-text);
                    background-color: var(--ash);
                    text-decoration-color: var(--ash-link-text);
                }

                .ash input, .ash select, .ash button {
                    color: var(--ash-text);
                }

                    .ash input[type="button"], .ash input[type="submit"], .ash input[type="reset"] {
                        background-color: var(--ash);
                        color: var(--ash-text);
                    }

                    .ash a:hover, .ash a:focus,
                    .ash button:hover, .ash button:focus {
                        color: var(--ash-link-hover-text);
                        text-decoration-color: var(--orange);
                    }

                    .ash a.button:hover, .ash a.pill:hover,
                    .ash a.button:focus, .ash a.pill:focus,
                    .ash input:hover, .ash input:focus {
                        color: var(--ash);
                        background-color: var(--ash-text);
                        text-decoration: none;
                    }


/*----------------------------------------------------------------
   beige
*/

.beige, .beige > *, body[class*="theme"] main .beige * {
    background-color: var(--beige);
    color: var(--beige-text);
}

    .beige a {
        color: var(--beige-link-text);
        background-color: var(--beige);
        text-decoration-color: var(--beige-link-text);
    }

    .beige input, .beige select, .beige button {
        color: var(--beige-text);
    }

        .beige input[type="button"], .beige input[type="submit"], .beige input[type="reset"] {
            background-color: var(--beige);
            color: var(--beige-text);
        }

        .beige a:hover, .beige a:focus,
        .beige button:hover, .beige button:focus {
            color: var(--beige-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .beige a.button:hover, .beige a.pill:hover,
        .beige a.button:focus, .beige a.pill:focus,
        .beige input:hover, .beige input:focus {
            color: var(--beige);
            background-color: var(--beige-text);
            text-decoration: none;
        }

/*----------------------------------------------------------------
   TAUPE
*/

.taupe, .taupe > *, body[class*="theme"] main .taupe * {
    background-color: var(--taupe);
    color: var(--taupe-text);
}

    .taupe a {
        color: var(--taupe-link-text);
        background-color: var(--taupe);
        text-decoration-color: var(--taupe-link-text);
    }

    .taupe input, .taupe select, .taupe button {
        color: var(--taupe-text);
    }

        .taupe input[type="button"], .taupe input[type="submit"], .taupe input[type="reset"] {
            background-color: var(--taupe);
            color: var(--taupe-text);
        }

        .taupe a:hover, .taupe a:focus,
        .taupe button:hover, .taupe button:focus {
            color: var(--taupe-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .taupe a.button:hover, .taupe a.pill:hover,
        .taupe a.button:focus, .taupe a.pill:focus,
        .taupe input:hover, .taupe input:focus {
            color: var(--taupe);
            background-color: var(--taupe-text);
            text-decoration: none;
        }

/*----------------------------------------------------------------
   GRADIENT
*/

.gradient, .gradient > *, body[class*="theme"] main .gradient * {
    background-color: var(--gradient);
    color: var(--gradient-text);
}

    .gradient a {
        color: var(--gradient-link-text);
        background-color: var(--gradient);
        text-decoration-color: var(--gradient-link-text);
    }

    .gradient input, .gradient select, .gradient button {
        color: var(--gradient-text);
    }

        .gradient input[type="button"], .gradient input[type="submit"], .gradient input[type="reset"] {
            background-color: var(--gradient);
            color: var(--gradient-text);
        }

        .gradient a:hover, .gradient a:focus,
        .gradient button:hover, .gradient button:focus {
            color: var(--gradient-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .gradient a.button:hover, .gradient a.pill:hover,
        .gradient a.button:focus, .gradient a.pill:focus,
        .gradient input:hover, .gradient input:focus {
            color: var(--gradient);
            background-color: var(--gradient-text);
            text-decoration: none;
        }

/*----------------------------------------------------------------
   BROWN
*/

.brown, .brown > *, body[class*="theme"] main .brown * {
    background-color: var(--brown);
    color: var(--brown-text);
}

    .brown a {
        color: var(--brown-link-text);
        background-color: var(--brown);
        text-decoration-color: var(--brown-link-text);
    }

    .brown input, .brown select, .brown button {
        color: var(--brown-text);
    }

        .brown input[type="button"], .brown input[type="submit"], .brown input[type="reset"] {
            background-color: var(--brown);
            color: var(--brown-text);
        }

        .brown a:hover, .brown a:focus,
        .brown button:hover, .brown button:focus {
            color: var(--brown-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .brown a.button:hover, .brown a.pill:hover,
        .brown a.button:focus, .brown a.pill:focus,
        .brown input:hover, .brown input:focus {
            color: var(--brown);
            background-color: var(--brown-text);
            text-decoration: none;
        }


/*----------------------------------------------------------------
   BRICK RED
*/

.brick-red, .brick-red > *, body[class*="theme"] main .brick * {
    background-color: var(--brick-red);
    color: var(--brick-red-text);
}

    .brick-red a {
        color: var(--brick-red-link-text);
        background-color: var(--brick-red);
        text-decoration-color: var(--brick-red-link-text);
    }

    .brick-red input, .brick-red select, .brick-red button {
        color: var(--brick-red-text);
    }

        .brick-red input[type="button"], .brick-red input[type="submit"], .brick-red input[type="reset"] {
            background-color: var(--brick-red);
            color: var(--brick-red-text);
        }

        .brick-red a:hover, .brick-red a:focus,
        .brick-red button:hover, .brick-red button:focus {
            color: var(--brick-red-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .brick-red a.button:hover, .brick-red a.pill:hover,
        .brick-red a.button:focus, .brick-red a.pill:focus,
        .brick-red input:hover, .brick-red input:focus {
            color: var(--brick-red);
            background-color: var(--brick-red-text);
            text-decoration: none;
        }


 /*----------------------------------------------------------------
   ALRET RED
*/

.alert-red, .alert-red > *, body[class*="theme"] main .alert-red * {
    background-color: var(--alert-red);
    color: var(--alert-red-text);
}

        .alert-red a {
            color: var(--alert-red-link-text);
            background-color: var(--alert-red);
            text-decoration-color: var(--alert-red-link-text);
        }

        .alert-red input, .alert-red select, .alert-red button {
            color: var(--alert-red-text);
        }

            .alert-red input[type="button"], .alert-red input[type="submit"], .alert-red input[type="reset"] {
                background-color: var(--alert-red);
                color: var(--alert-red-text);
            }

            .alert-red a:hover, .alert-red a:focus,
            .alert-red button:hover, .alert-red button:focus {
                color: var(--alert-red-link-hover-text);
                text-decoration-color: var(--orange);
            }

            .alert-red a.button:hover, .alert-red a.pill:hover,
            .alert-red a.button:focus, .alert-red a.pill:focus,
            .alert-red input:hover, .alert-red input:focus {
                color: var(--alert-red);
                background-color: var(--alert-red-text);
                text-decoration: none;
            }

/*----------------------------------------------------------------
   DARK GREEN
*/

.dark-green, .dark-green > *, body[class*="theme"] main .dark-green * {
    background-color: var(--dark-green);
    color: var(--dark-green-text);
}

    .dark-green a {
        color: var(--dark-green-link-text);
        background-color: var(--dark-green);
        text-decoration-color: var(--dark-green-link-text);
    }

    .dark-green input, .dark-green select, .dark-green button {
        color: var(--dark-green-text);
    }

        .dark-green input[type="button"], .dark-green input[type="submit"], .dark-green input[type="reset"] {
            background-color: var(--dark-green);
            color: var(--dark-green-text);
        }

        .dark-green a:hover, .dark-green a:focus,
        .dark-green button:hover, .dark-green button:focus {
            color: var(--dark-green-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .dark-green a.button:hover, .dark-green a.pill:hover,
        .dark-green a.button:focus, .dark-green a.pill:focus,
        .dark-green input:hover, .dark-green input:focus {
            color: var(--dark-green);
            background-color: var(--dark-green-text);
            text-decoration: none;
        }

    /*----------------------------------------------------------------
   GREEN
*/

.green, .green > *, body[class*="theme"] main .green * {
    background-color: var(--green);
    color: var(--green-text);
}

        .green a {
            color: var(--green-link-text);
            background-color: var(--green);
            text-decoration-color: var(--green-link-text);
        }

        .green input, .green select, .green button {
            color: var(--green-text);
        }

            .green input[type="button"], .green input[type="submit"], .green input[type="reset"] {
                background-color: var(--green);
                color: var(--green-text);
            }

            .green a:hover, .green a:focus,
            .green button:hover, .green button:focus {
                color: var(--green-link-hover-text);
                text-decoration-color: var(--orange);
            }

            .green a.button:hover, .green a.pill:hover,
            .green a.button:focus, .green a.pill:focus,
            .green input:hover, .green input:focus {
                color: var(--green);
                background-color: var(--green-text);
                text-decoration: none;
            }


/*----------------------------------------------------------------
  LIGHT GREEN
*/

.light-green, .light-green > *, body[class*="theme"] main .light-green * {
    background-color: var(--light-green);
    color: var(--light-green-text);
}

    .light-green a {
        color: var(--light-green-link-text);
        background-color: var(--light-green);
        text-decoration-color: var(--light-green-link-text);
    }

    .light-green input, .light-green select, .light-green button {
        color: var(--light-green-text);
    }

        .light-green input[type="button"], .light-green input[type="submit"], .light-green input[type="reset"] {
            background-color: var(--light-green);
            color: var(--light-green-text);
        }

        .light-green a:hover, .light-green a:focus,
        .light-green button:hover, .light-green button:focus {
            color: var(--light-green-link-hover-text);
            text-decoration-color: var(--orange);
        }

        .light-green a.button:hover, .light-green a.pill:hover,
        .light-green a.button:focus, .light-green a.pill:focus,
        .light-green input:hover, .light-green input:focus {
            color: var(--light-green);
            background-color: var(--light-green-text);
            text-decoration: none;
        }


 

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