/*==============+
| GLOBAL COLORS |
+==============*/
/* Font Colors */
.white {
    color: #ffffff;
}

.black {
    color: #000000;
}

/* Background Colors */
.bg-white {
    background: #ffffff;
}

.bg-black {
    background: #000000;
}

/*====================+
| DEFAULT CSUB COLORS |
+====================*/
/* CSUB blue for color bg modules */
.bg-color-1,
.bg-color-1 .owl-carousel-container {
    background: #003595;
    color: #FFFFFF;
}
    .bg-color-1 .heading-color,
    .bg-color-1 a:not(.btn) {
        color: #FFFFFF;
    }
    .bg-color-1 .link-text {
        color: #003595;
    }
    .bg-color-1 .heading-color:after,
    .bg-color-1 .owl-carousel .owl-nav button.owl-next, 
    .bg-color-1 .owl-carousel .owl-nav button.owl-prev {
        background: #cc7a02;
    }
    .bg-color-1 .heading-color-card {
        color: #003595;
        border-bottom: 1px dotted#003595;
    }

/* CSUB blue for no bg and image bg modules */
.bg-white-color-1 {
    background: #FFFFFF;
    color: #000000;
}
    .bg-white-color-1 .heading-color,
    .bg-white-color-1 a:not(.btn),
    .bg-white-color-1 .link-text,
    .bg-white-color-1 .article-date,
    .bg-white-color-1 legend {
        color: #003595;
    }
    .bg-white-color-1 .heading-color:after {
        background: #cc7a02;
    }
    .bg-white-color-1 .heading-color-card {
        color: #003595;
        border-bottom: 1px dotted#003595;
    }
    
/* CSUB gold for color bg modules */
.bg-color-2 {
    background: #FFD200;
    color: #000000;
}
    .bg-color-2 .heading-color,
    .bg-color-2 a:not(.btn) {
        color: #000000;
    }
    .bg-color-2 .heading-color:after {
        background: #cc7a02;
    }
    .bg-color-2 .heading-color-card {
        color: #000000;
        border-bottom: 1px dotted#000000;
    }

/*======================+
| THEME-SPECIFIC COLORS |
+======================*/
/* Color 3 for color bg modules */
.bg-color-3,
.bg-color-3 .owl-carousel-container {
    background: #024930;
    color: #FFFFFF;
}
    .bg-color-3 .heading-color,
    .bg-color-3 a:not(.btn) {
        color: #FFFFFF;
    }
    .bg-color-3 .link-text {
        color: #024930;
    }
    .bg-color-3 .heading-color:after,
    .bg-color-3 .owl-carousel .owl-nav button.owl-next, 
    .bg-color-3 .owl-carousel .owl-nav button.owl-prev {
        background: #94b265;
    }
    .bg-color-3 .heading-color-card {
        color: #024930;
        border-bottom: 1px dotted#024930;
    }

/* Color 3 for no bg and image bg modules */        
.bg-white-color-3 {
    background: #FFFFFF;
    color: #000000;
}
    .bg-white-color-3 .heading-color,
    .bg-white-color-3 a:not(.btn),
    .bg-white-color-3 .link-text,
    .bg-white-color-3 .article-date,
    .bg-white-color-3 legend {
        color: #024930;
    }
    .bg-white-color-3 .heading-color:after {
        background:#94b265;
    }
    .bg-white-color-3 .heading-color-card {
        color: #024930;
        border-bottom: 1px dotted#024930;
    }
    .bg-white-color-3 .blockquote-border {
        border-left-color: #94b265;
    }

/* Color 4 for color bg modules */
.bg-color-4 {
    background: #D98302;
    color: #000000;
}
    .bg-color-4 .heading-color,
    .bg-color-4 a:not(.btn) {
        color: #000000;
    }
    .bg-color-4 .heading-color:after {
        background: #ffdf6e;
    }
    .bg-color-4 .heading-color-card {
        color: #000000;
        border-bottom: 1px dotted#000000;
    }

/* Color 5 for color bg modules */
.bg-color-5 {
    background: #CCCCCC;
    color: #000000;
}
    .bg-color-5 .heading-color,
    .bg-color-5 a:not(.btn) {
        color: #000000;
    }
    .bg-color-5 .heading-color:after {
        background: #7C2128;
    }
    .bg-color-5 .heading-color-card {
        color: #000000;
        border-bottom: 1px dotted#000000;
    }

/* Color 6 for color bg modules */
.bg-color-6,
.bg-color-6 .owl-carousel-container {
    background: #7C2128;
    color: #FFFFFF;
}
    .bg-color-6 .heading-color,
    .bg-color-6 a:not(.btn) {
        color: #FFFFFF;
    }
    .bg-color-6 .link-text {
        color: #7C2128;
    }
    .bg-color-6 .heading-color:after,
    .bg-color-6 .owl-carousel .owl-nav button.owl-next, 
    .bg-color-6 .owl-carousel .owl-nav button.owl-prev {
        background: #c69069;
    }
    .bg-color-6 .heading-color-card {
        color: #7C2128;
        border-bottom: 1px dotted#7C2128;
    }

/* Color 6 for no bg and image bg modules */
.bg-white-color-6 {
    background: #FFFFFF;
    color: #000000;
}
    .bg-white-color-6 .heading-color,
    .bg-white-color-6 a:not(.btn),
    .bg-white-color-6 .link-text,
    .bg-white-color-6 .article-date,
    .bg-white-color-6 legend {
        color: #7C2128;
    }
    .bg-white-color-6 .heading-color:after {
        background: #c69069;
    }
    .bg-white-color-6 .heading-color-card {
        color: #7C2128;
        border-bottom: 1px dotted#7C2128;
    }
    .bg-white-color-6 .blockquote-border {
        border-left-color: #c69069;
    }

/* Color 7 for color bg modules */
.bg-color-7,
.bg-color-7 .owl-carousel-container {
    background: #0C1975;
    color: #FFFFFF;
}
    .bg-color-7 .heading-color,
    .bg-color-7 a:not(.btn) {
        color: #FFFFFF;
    }
    .bg-color-7 .link-text {
        color: #0C1975;
    }
    .bg-color-7 .heading-color:after,
    .bg-color-7 .owl-carousel .owl-nav button.owl-next, 
    .bg-color-7 .owl-carousel .owl-nav button.owl-prev {
        background: #cc7a02;
    }
    .bg-color-7 .heading-color-card {
        color: #0C1975;
        border-bottom: 1px dotted#0C1975;
    }

/* Color 7 for no bg and image bg modules */
.bg-white-color-7 {
    background: #FFFFFF;
    color: #000000;
}
    .bg-white-color-7 .heading-color,
    .bg-white-color-7 a:not(.btn),
    .bg-white-color-7 .link-text,
    .bg-white-color-7 .article-date,
    .bg-white-color-7 legend {
        color: #0C1975;
    }
    .bg-white-color-7 .heading-color:after {
        background: #cc7a02;
    }
    .bg-white-color-7 .heading-color-card {
        color: #0C1975;
        border-bottom: 1px dotted#0C1975;
    }
    .bg-white-color-7 .blockquote-border {
        border-left-color: #cc7a02;
    }

/*==========+
| GRADIENTS |
+===========*/
/* CSUB blue gradient for color bg modules */
.bg-color-8,
.bg-color-8 .owl-carousel-container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003595+0,005ab3+50,007abf+100 */
    background: rgb(0,53,149); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,53,149,1) 0%, rgba(0,90,179,1) 50%, rgba(0,122,191,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,53,149,1) 0%,rgba(0,90,179,1) 50%,rgba(0,122,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,53,149,1) 0%,rgba(0,90,179,1) 50%,rgba(0,122,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003595', endColorstr='#007abf',GradientType=1 ); /* IE6-9 */
    color: #FFFFFF;
}
    .bg-color-8 .heading-color,
    .bg-color-8 a:not(.btn) {
        color: #FFFFFF;
    }
    .bg-color-8 .link-text {
        color: #003595;
    }
    .bg-color-8 .heading-color:after,
    .bg-color-8 .owl-carousel .owl-nav button.owl-next, 
    .bg-color-8 .owl-carousel .owl-nav button.owl-prev {
        background: #cc7a02;
    }
    .bg-color-8 .heading-color-card {
        color: #003595;
        border-bottom: 1px dotted#003595;
    }

/* CSUB gold gradient for color bg modules */
.bg-color-9 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd200+0,ffdb4c+50,ffe789+100 */
    background: rgb(255,210,0); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255,210,0,1) 0%, rgba(255,219,76,1) 50%, rgba(255,231,137,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,210,0,1) 0%,rgba(255,219,76,1) 50%,rgba(255,231,137,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,210,0,1) 0%,rgba(255,219,76,1) 50%,rgba(255,231,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd200', endColorstr='#ffe789',GradientType=1 ); /* IE6-9 */
    color: #000000;
}
    .bg-color-9 .heading-color,
    .bg-color-9 a:not(.btn) {
        color: #000000;
    }
    .bg-color-9 .heading-color:after {
        background: #cc7a02;
    }
    .bg-color-9 .heading-color-card {
        color: #000000;
        border-bottom: 1px dotted#000000;
    }