/* COLORS */
.cson-kit {
    --e-global-color-orange: #ae6042;
    --e-global-color-blue: #4e738a;
    --e-global-color-gray: #747578;
    --e-global-color-gulf: #002856;
    --e-global-color-gold: #f2b826;
    --e-global-color-darksage: #587e6a;
    --e-global-color-lavender: #7D708f;
    --e-global-color-lightsage: #b0bfbc;
    --e-global-color-sand: #b6a999;
    --e-global-color-white: #fff;
    
	--e-global-color-prenursing: #3c5162;
    --e-global-color-bsn: #4e738a;
    --e-global-color-msn: #7D708f;
    --e-global-color-dnp: #ae6042;
    --e-global-color-phd: #587e6a;
    --e-global-color-pgp: #335379;
    --e-global-color-cpd: #747578;

    --e-global-color-primary: #114661;
    --e-global-color-primary-hover: #266b92;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #313131;
    --e-global-color-accent: #ae6042;
    --e-global-color-accent-hover: #c07659;
    --e-global-color-link: #ae6042;
	--e-global-color-link-visited: #ae6042;
    --e-global-color-44f3a4a: #114661;
    --e-global-color-7bd7dc2: #79427A;
    --e-global-color-a2f737b: #00000012;
    --e-global-color-gulf-blue: #002856;
    --e-global-color-gulf-blue-hover: #02356f;
    --e-global-color-blue-hover: #5a839e;    
    --e-global-color-9e21fc2: #5B5B5B;
    --e-global-color-31956a8: #F2B826;
    --e-global-color-6d6243f: #7D708F;
    --e-global-color-f85c25a: #587E6A;
    --e-global-color-9b7d859: #114661;
    --e-global-color-8bf4492: #882222;
    --e-global-color-98f3e52: #006795;
    --e-global-color-40cf987: #BD8C0F;
	--e-global-color-success: #0a9714;
    --e-global-typography-base-font-family:  "Helvetica", Sans-serif;
    --e-global-typography-primary-font-weight: 600;
	--e-global-typography-primary-font-family: 'Lato', sans-serif;
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: 'EB Garamond', serif;
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: 'Lato', sans-serif;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: 'EB Garamond', serif;
    --e-global-typography-accent-font-weight: 500;
    --e-global-typography-homehero-font-family: 'Roboto', Sans-serif;
    --e-global-typography-homehero-font-weight: 500;	
    --e-global-calendar-font-family: 'Segoe UI', Sans-serif;
    --e-global-calendar-font-weight: 400;
    --e-global-h2-title-font-family: 'Montserrat', Sans-serif;
    --e-global-h2-title-font-weight: 500;
    --e-global-color-program-bsn: #114661;
    --e-global-color-program-bsn-hover: #135575;

}

a:hover, a:focus {
    color: var( --e-global-color-gulf );
}

.hoverBright:hover {
 filter: brightness(104%) saturate(100%);
}

/* .whiteText {
    color: #fff !important;
} */

/* UTHEALTH COLORWAYS */
.cson-orange {background-color: #ae6042;}
.callout.cson-orange {background-color: #ae6042; color: #fff;}
.cson-blue {background-color: #4e738a;}
.callout.cson-blue {background-color: #4e738a; color: #fff;}
.cson-gray {background-color: #747578;}
.callout.cson-gray {background-color: #747578; color: #fff;}
.cson-gulf {background-color: #002856;}
.callout.cson-gulf {background-color: #002856; color: #fff;}
.callout.cson-gulf a {color: var( --e-global-color-gold );}
.cson-darksage {background-color: #587e6a;}
.callout.cson-darksage {background-color: #587e6a; color: #fff;}
.cson-lavender {background-color: #7D708f;}
.callout.cson-lavender {background-color: #7D708f; color: #fff;}
.cson-lightsage {background-color: #b0bfbc;}
.callout.cson-lightsage {background-color: #b0bfbc;}
.cson-sand {background-color: #b6a999;}
.callout.cson-sand {background-color: #b6a999;}

.callout.cson-orange, .callout.cson-orange p, .callout.cson-orange a, .callout.cson-orange h2, .callout.cson-orange h3, .callout.cson-orange h4, .callout.cson-orange h5, .callout.cson-orange h6, .callout.cson-orange li {
    color: white;
}

.callout.cson-blue, .callout.cson-blue p, .callout.cson-blue a, .callout.cson-blue h2, .callout.cson-blue h3, .callout.cson-blue h4, .callout.cson-blue h5, .callout.cson-blue h6, .callout.cson-blue li {
    color: white;
}

.callout.cson-gray, .callout.cson-gray p, .callout.cson-gray a, .callout.cson-gray h2, .callout.cson-gray h3, .callout.cson-gray h4, .callout.cson-gray h5, .callout.cson-gray h6, .callout.cson-gray li {
    color: white;
}

.callout.cson-gulf, .callout.cson-gulf p, .callout.cson-gulf a, .callout.cson-gulf h2, .callout.cson-gulf h3, .callout.cson-gulf h4, .callout.cson-gulf h5, .callout.cson-gulf h6, .callout.cson-gulf li {
    color: white;
}

.callout.cson-darksage, .callout.cson-darksage p, .callout.cson-darksage a, .callout.cson-darksage h2, .callout.cson-darksage h3, .callout.cson-darksage h4, .callout.cson-darksage h5, .callout.cson-darksage h6, .callout.cson-darksage li {
    color: white;
}

.callout.cson-lavender, .callout.cson-lavender p, .callout.cson-lavender a, .callout.cson-lavender h2, .callout.cson-lavender h3, .callout.cson-lavender h4, .callout.cson-lavender h5, .callout.cson-lavender h6, .callout.cson-lavender li {
    color: white;
}



/*TEXT*/
.white, .text-white {
	color: white !important;
}
.text-gulf-blue {
	color: var( --e-global-color-gulf ) !important;
}
.text-accent {
	color: var( --e-global-color-accent ) !important;
}
/*/TEXT*/
.font-secondary {
    font-family: var(  --e-global-typography-secondary-font-family) !important;
    font-weight: 200 !important;
}
.txt-white {
    color: white !important;
}
/*BG*/
.bg-orange {
    background-color: var( --e-global-color-accent );
}
.bg-gulf-blue {
    background-color: var( --e-global-color-gulf );
}
.bg-blue {
    background-color: var( --e-global-color-blue );
}    
.bg-dark-grey {
    background-color: var( --e-global-color-9e21fc2 );
}

.button.bg-orange, .button.bg-gulf-blue, .button.bg-blue {
    color: #fff;
}
    
.button.bg-orange:hover, .button.bg-orange:focus {
    background-color: var(  --e-global-color-accent-hover );
}
.button.bg-gulf-blue:hover, .button.bg-gulf-blue:focus {
    background-color: var( --e-global-color-gulf-blue-hover );
}
.button.bg-blue:hover, .button.bg-blue:focus {
    background-color: var( --e-global-color-blue-hover );
}    


/*PROGRAM*/


/*/BG*/

/*OVERLAY*/
.overlay-blue {
    background-color: transparent;
    background-image: linear-gradient(
330deg, var( --e-global-color-44f3a4a ) 18%, #114661D6 100%);
    opacity: 0.96;
}
.background-overlay {
    background: linear-gradient(180deg, #0000001A 31%, #000000C4 62%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0 !important;
    opacity: 0.5;
}
.overlay-top-left {
    background: linear-gradient(-90deg, #0000001A 31%, #000000C4 62%);
    opacity: 0.6;
}
.overlay-top-right {
    background: linear-gradient(90deg, #0000001A 31%, #000000C4 62%);
    opacity: 0.6;
}

.overlay-bottom-left {
    background: linear-gradient(180deg, #0000001A 31%, #000000C4 62%);
    opacity: 0.6;
}

.overlay-top-left-blue{
    background-color: transparent;
    background-image: linear-gradient( 80deg, var( --e-global-color-gulf ) 39%, #00285636 100%) !important;
    opacity: 0.65;
}


/*//PROGRAM COLORS  !important*/
.background-cson-bsn {
	background-color: var(  --e-global-color-9b7d859) !important;
}

.background-cson-msn {
	background: var(  --e-global-color-7bd7dc2) !important;
}
.background-cson-cpd {
	background: var( --e-global-color-gray ) !important;
}
.background-cson-dnp {
	background: var(  --e-global-color-accent ) !important;
}
.background-cson-phd {
	background: var(  --e-global-color-f85c25a ) !important;
}
.background-cson-pgp {
	background: var(  --e-global-color-40cf987 ) !important;
}

.border-cson-bsn {
   color: var(  --e-global-color-bsn) !important;
   background: white !important;
   border-left: 5px solid #ccc;
	border-left-color: var(  --e-global-color-bsn) !important;
   padding: 0.5rem !important;
}
.border-cson-msn {
   color: var(  --e-global-color-msn) !important;
   background: white !important;
   border-left: 5px solid #ccc;
	border-left-color: var(  --e-global-color-msn) !important;
   padding: 0.5rem !important;
}
.border-cson-cpd {
   color: var(  --e-global-color-cpd) !important;
   background: white !important;
   border-left: 5px solid #ccc;
	border-left-color: var( --e-global-color-cpd ) !important;
   padding: 0.5rem !important;
}
.border-cson-dnp {
   color: var( --e-global-color-dnp) !important;
   background: white !important;
   border-left: 5px solid #ccc;
   padding: 0.5rem !important;
	border-left-color: var(  --e-global-color-dnp ) !important;
}
.border-cson-phd {
   color: var(  --e-global-color-phd) !important;
   background: white !important;
   border-left: 5px solid #ccc;
	border-left-color: var(  --e-global-color-phd ) !important;
   padding: 0.5rem !important;
   
}
.border-cson-pgp {
   color: var(  --e-global-color-pgp) !important;
   background: white !important;
   border-left: 5px solid #ccc;
	border-left-color: var(  --e-global-color-pgp ) !important;
   padding: 0.5rem !important;
}

.border-cson-bsn h4 {
	color: var(  --e-global-color-bsn) !important;
}
.border-cson-msn h4 {
	color: var(  --e-global-color-msn) !important;
}
.border-cson-cpd h4 {
	color: var( --e-global-color-cpd ) !important;
}
.border-cson-dnp h4 {
	color: var(  --e-global-color-dnp ) !important;
}
.border-cson-phd h4 {
	color: var(  --e-global-color-phd ) !important;
}
.border-cson-pgp h4 {
	color: var(  --e-global-color-pgp ) !important;
}


.text-cson-bsn {
	color: var(  --e-global-color-bsn) !important;
}
.text-cson-msn {
	color: var(  --e-global-color-msn) !important;
}
.text-cson-cpd {
	color: var( --e-global-color-gray ) !important;
}
.text-cson-dnp {
	color: var(  --e-global-color-dnp ) !important;
}
.text-cson-phd {
	color: var(  --e-global-color-phd ) !important;
}
.text-cson-pgp {
	color: var(  --e-global-color-pgp ) !important;
}


/*PROGRAM-COLORED BACKGROUNDS*/
.callout.cson-prenursing {background-color: var(  --e-global-color-prenursing) !important;}
.callout.cson-prenursing:hover {background-color: #135575;}
.callout.cson-bsn {background-color: var(  --e-global-color-bsn) !important;}
.callout.cson-bsn:hover {background-color: #135575;}
.callout.cson-msn {background-color: var(  --e-global-color-msn) !important;}
.callout.cson-msn:hover {background-color: #914f92;}
.callout.cson-dnp {background-color: var(  --e-global-color-dnp) !important;}
.callout.cson-dnp:hover {background-color: #c07659;}
.callout.cson-phd {background-color: var(  --e-global-color-phd) !important;}
.callout.cson-phd:hover {background-color: #648f78;}
.callout.cson-pgp {background-color: var(  --e-global-color-pgp) !important;}
.callout.cson-pgp:hover {background-color: #c5920f;}
.callout.cson-cpd {background-color: var(  --e-global-color-cpd) !important;}
.callout.cson-cpd:hover {background-color: #02356f;}


/*PROGRAM COLORED CALLOUT TEXT*/

/*CSON-PRENURSING*/
.callout.cson-prenursing, .callout.cson-prenursing p, .callout.cson-prenursing a, .callout.cson-prenursing h2, .callout.cson-prenursing h3, .callout.cson-prenursing h4, .callout.cson-prenursing h5, .callout.cson-prenursing h6, .callout.cson-prenursing li {
    color: white;
}

/*CSON-BSN*/
.callout.cson-bsn, .callout.cson-bsn p, .callout.cson-bsn a, .callout.cson-bsn h2, .callout.cson-bsn h3, .callout.cson-bsn h4, .callout.cson-bsn h5, .callout.cson-bsn h6, .callout.cson-bsn li {
    color: white;
}

/*CSON-MSN*/
.callout.cson-msn, .callout.cson-msn p, .callout.cson-msn a, .callout.cson-msn h2, .callout.cson-msn h3, .callout.cson-msn h4, .callout.cson-msn h5, .callout.cson-msn h6, .callout.cson-msn li {
    color: white;
}

/*CSON-DNP*/
.callout.cson-dnp, .callout.cson-dnp p, .callout.cson-dnp a, .callout.cson-dnp h2, .callout.cson-dnp h3, .callout.cson-dnp h4, .callout.cson-dnp h5, .callout.cson-dnp h6, .callout.cson-dnp li {
    color: white;
}

/*CSON-PhD*/
.callout.cson-phd, .callout.cson-phd p, .callout.cson-phd a, .callout.cson-phd h2, .callout.cson-phd h3, .callout.cson-phd h4, .callout.cson-phd h5, .callout.cson-phd h6, .callout.cson-phd li {
    color: white;
}

/*CSON-CPD*/
.callout.cson-cpd, .callout.cson-cpd p, .callout.cson-cpd a, .callout.cson-cpd h2, .callout.cson-cpd h3, .callout.cson-cpd h4, .callout.cson-cpd h5, .callout.cson-cpd h6, .callout.cson-cpd li {
    color: white;
}

/*BRAND COLORS*/


.callout.cson-bsn a:hover, .callout.cson-msn a:hover, .callout.cson-dnp a:hover, .callout.cson-phd a:hover, .callout.cson-pgp a:hover, .callout.cson-cpd a:hover, .callout.cson-lavender a:hover, .callout.cson-orange a:hover, .callout.cson-sage a:hover {
    color: var(--e-global-color-gulf);;
    background-color: white;
    padding: .3rem 0;
}

.callout.cson-bsn button {
    color: var(--e-global-color-gulf);;
    background-color: white;
    padding: .3rem 0;
}

.callout.cson-msn button {
    color: white;
    border-color: white;
}

.callout.cson-accent {
    background: var(  --e-global-color-accent);
}

.callout.cson-accent:hover {
    background: var(  --e-global-color-accent-hover);
}

.callout.cson-dnp button {
    color: white;
    border-color: white;
}

.callout.cson-cpd button {
    color: white;
    border-color: white;
}

.callout.cson-phd button {
    color: white;
    border-color: white;
}

.callout.cson-pgp button {
    color: white;
    border-color: white;
}

.callout a {
    text-decoration: underline;
}

blockquote, blockquote p {
    color: #6a6a6a;
}



/*CSON-ORANGE ROW (WYSIWYG WIDGETS)*/
.row.cson-orange, .row.cson-orange a, .row.cson-orange h2, .row.cson-orange h3, .row.cson-orange h4, .row.cson-orange h5, .row.cson-orange h6, .row.cson-orange li {
    color: white;
}

/*CSON-GULF (WYSIWYG WIDGETS)*/
.row.cson-gulf, .row.cson-gulf a, .row.cson-gulf h2, .row.cson-gulf h3, .row.cson-gulf h4, .row.cson-gulf h5, .row.cson-gulf h6, .row.cson-gulf li {
    color: white;
}


.row.cson-orange a:hover, .row.cson-gulf a:hover {
    color: var(--e-global-color-gulf);;
    background-color: white;
    padding: .3rem 0;
}