@charset "utf-8";
/* CSS Document */

:root {
    /* Official university colors */
    --medium-blue: #1C2957;
    --royal-blue: #003594;
    --university-gold: #FFB81C;
    --dark-gold: #B58500;
    --dark-blue: #141B4D;
    /* Ssoe accent colors */
    --dept-bio: #9e0044;
    --dept-chem: #E87722;
    --dept-civ: #B58500;
    --dept-ec: #A4D65E;
    --dept-ind: #008264;
    --dept-mem: #0081A6;
    /* Background colors to white */
    --BG-medium-blue: #1C2957;
    --BG-royal-blue: #003594;
    --BG-university-gold: #FFB81C;
    --BG-dark-gold: #B58500;
    --BG-dark-blue: #141B4D;
    --BG-charcoal: #75787B;
    --BG-gray: #97999B;
    --BG-light-gray: #C8C9C7;
    --BG-very-light-gray: #F7F7F7;
    /* White colors to dark */
    --white-to-royal: #ffffff;
    --white-to-medium: #ffffff;
    --white-to-gold: #ffffff;
    --white-to-dgold: #ffffff;
    --white-to-dblue: #ffffff;
    /* WCAG fixed colors don't change */
    --fixed-medium-blue: #1C2957;
    --fixed-royal-blue: #003594;
    --fixed-university-gold: #FFB81C;
    --fixed-dark-gold: #B58500;
    --fixed-dark-blue: #141B4D;
    --fixed-charcoal: #75787B;
    --fixed-gray: #97999B;
    --fixed-light-gray: #C8C9C7;
    --fixed-very-light-gray: #F7F7F7;
    --fixed-white: #FFFFFF;
    /* Grey and Black */
    --copy: #3d3d3d;
    --charcoal: #75787B;
    --gray: #97999B;
    --light-gray: #C8C9C7;
    --white-text: #FFFFFF;
    /* Special Case */
	--success-green: #24a51d;

    /* Test Color */
    --test-color: #1ae9e7;
}

	/*>>>>>>>>>>> BACKGROUND IMAGES  <<<<<<<<<<<<<<<<*/
	
	/* Set BG images here, set fallback color in WCAG
	   1-create new bg image class
	   2-set to url() in color.css
	   3-set to color in color-wcag.css*/
.BG-IMG-footer { 
	background-color: var(--dark-blue);
	background-image: linear-gradient(rgba(20, 27, 77, 0.8), rgba(20, 27, 77, 0)),url('../gfx/bgs/swanson-footer.jpg');
	background-size:100% auto;
	background-position:center bottom;
	background-repeat: no-repeat;
}


.BG-IMG-circle1 {
    background-color: var(--royal-blue);
    background-image: url('../gfx/bgs/circle1.jpg');
    background-position: center;
    background-size: cover;
}

.BG-IMG-math1 {
    background-color: var(--royal-blue);
    background-image: url('../gfx/bgs/math.jpg');
    background-position: center;
    background-size: cover;
}

.BG-IMG-molecule1 {
    background-color: var(--royal-blue);
    background-image: url('../gfx/bgs/molecule.jpg');
    background-position: center;
    background-size: cover;
}

.BG-IMG-geo1 {
    background-color: var(--BG-light-gray);
    background-image: url('../gfx/bgs/geo1.jpg');
    background-position: center;
    background-size: cover;
} 

	/*>>>>>>>>>>> BACKGROUND gradients <<<<<<<<<<<<<<<<*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003594+0,141b4d+100 */
.BGRoyalToDark {
	/* this background maintains a workable contrast and doesn't require a fallback - added to base.css
background: -moz-linear-gradient(-45deg, #003594 0%, #141b4d 100%); /* FF3.6-15 
background: -webkit-linear-gradient(-45deg, #003594 0%,#141b4d 100%); /* Chrome10-25,Safari5.1-6 
background: linear-gradient(135deg, #003594 0%,#141b4d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003594', endColorstr='#141b4d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.BGGrayToLight {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9e9e9+0,fbfbfb+100 */
background: #e9e9e9; /* Old browsers */
background: -moz-linear-gradient(left,  #e9e9e9 0%, #fbfbfb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #e9e9e9 0%,#fbfbfb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #e9e9e9 0%,#fbfbfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.whiteBG70 {
background-color: rgba(255,255,255,.7);
}