/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END CSS RESET*/

h1,h2,h3,h4,h5,h6,p{
    font-family: "Roboto", sans-serif;
}

p{
    margin:1em auto;
    font-weight: 300;
    font-size:16px;
}

h1{
    font-size: 4em;
    font-weight: 900;
}

h2{
    font-size: 3.5em;
    font-weight: 900;
}

h3{
    font-size: 3em;
    font-weight: 900;
}

h4{
    font-size: 1.5em;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

body {
	/*background: #EEE /*url(../images/back2.png)*/;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
}

a {
	color: #497097;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted #1A2836;
	color: #1A2836;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
.hide-on-mobile{
    display:none;
}

#m-menu{
    float:left;
    width:100%;
}

li#hamburger-img{
    padding-left: 1.75em;
}

#hamburger-img img{
    float:left;
    height:3em;
}

#m-logo img{
    height:5em;
}

#m-menu a{
    height:3em;
    line-height: 3em;
    color:#DDD;
}

#m-menu li{
    background-color:#333;
    display:block;
}

#m-contact{
    float: right;
    padding:1em;
}

.about-dept-wrap .col-4 {
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-dept-wrap p {
    text-align: justify;
}

.about-dept-wrap h4 span{
    font-weight: 900;
}

.evt-info-wrap{
    position: absolute;
    display: none;
    right: 0;
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
    .evt-info-wrap{
        position: static;
        display: block;
    }
    .hide-on-desktop{
        display:none;
    }
    .hide-on-mobile{
        display:inline;
    }
    
    .about-dept-wrap{
        padding:6em;
    }
    .dept-left{
        float:left !important;
    }
    
    .dept-right{
        float:right !important;
        text-align: right;
    }
    
    #about-wrap{
        display:flex;
    }
    
    #slideshow-container{
        display:flex;
    }
    
    #about-container{
        display:flex;
        flex-direction: column;
        justify-content: center;
        padding: 5em;
    }

}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    
    .dept-left{
        float:left !important;
    }
    .dept-right{
        float:right !important;
        text-justify: right;
    }
}

.hidden{display:none}

.parallax{background-attachment: fixed;}

.white{
    color:white;
}

.sci-gr{
    background-color:#41AC4A;
}

.tch-bl{
    background-color:#7396CE;
}

.egr-or{
    background-color:#E95026;
}

.mth-ye{
    background-color:#EAAE1D;
}

.gen-pu{
    background-color: #7670B3;
}

[class*="col-"] {
    float: left;
}

.row:after {
    content: "";
    clear: both;
    display: block;
}

img, video {
    max-width: 100%;
    height: auto;
}

#content-wrap{
    margin-top:5em;
}

header{
    background: #222 none repeat scroll 0% 0%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
}

nav{
    text-align: center;
    width: 100%;
    z-index: 9999;
}

ul.nav-main{
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul.nav-main > li{
   width:33%;
}

ul.nav-main > li > a, ul.nav-elements > li > a{
	color: #DDD;
	padding: 0em 0.75em;
	text-decoration: none;
	font-size:1.667em;
    text-transform: uppercase;
}

nav a{
	transition:color 0.25s ease 0s;
}

ul.nav-main li a:hover {
	color:#EEB346;
}

ul.nav-main img{
    vertical-align: middle;
    height: 3em;
    padding: 0.417em 0px;
}

#about-container{
    background-color: #ECECEC;
}

.ab-dept-img{
    background-attachment: fixed;
    height:500px;
    background-size: 100%;
}

#ab-sci-img{
    background-image: url("/images/science1.jpg");
}

#ab-tch-img{
    background-image: url("/images/tech1.jpg");
}

#ab-egr-img{
    background-image: url("/images/egr.jpg");
}

#ab-mth-img{
    background-image: url("/images/math.jpg");
}

.announcement-wrap{
    background-color: #FFEC7D;
    padding:1em;
    font-weight: 300;
    min-height:3em;
}

.calendar-wrap{
    height:calc(100vh - 11em)
}

.cal-evt-wrap{
    height:100%;
}

#calendar-events{
    padding:2em;
    overflow-y:scroll;
    background-color:#EEEEEE;
    height:100%;
}

.event-container{
    display:flex;
    margin:0.5em;
}

.date-box{
    padding:1em;
    text-align: center;
    width:12em;
}

.date-box p, .date-box h3{
    color:white;
    text-transform: uppercase;
}

.evt-summary h3{
    font-size:2em;
}

.evt-summary{
    padding:1em;
    background-color: #fff; 
    width:100%;
}

.evt-info-wrap{
    background-color: #DEDEDE;
    height:100%;
    overflow-y: scroll;
}

#evt-info{
    background-color: white;
    margin:1em;
    padding:2em;
    border-left:3em #7670B3 solid;
    min-height: 90%;
}


#evt-desc{
    margin-top:1em;
    font-size: 16px;
}

#evt-title{
    margin-bottom:0.5em;
}

.selected{
    background-color: #DEDEDE;
}

#evt-info-close{
    color:#7670B3;
}


#date-wrap{
    text-transform: uppercase;
    font-weight: 300;
    font-size:1.25em;
    background-color: white;
    padding:0.75em;
    height:2.75em;
}
#date-wrap span{
    font-weight: 900;
    padding-left: 1em;
}

#date-wrap .sci{
    color:#41AC4A;
}

#date-wrap .tech{
    color:#7396CE;
}

#date-wrap .egr{
   color:#E95026;
}

#date-wrap .math{
    color:#EAAE1D;
}