/*
American Studies CUstomization

Item: CSS3 Full Responsive Dropdown Menu
Author: http://codecanyon.net/user/JN0iZzze
Version: 1.2
*/


#feeds ul li { list-style: none; display: block; padding-bottom: 0px; border-bottom:none; margin-bottom: 0px; }


/*******************************************/
/***            Menu Container           ***/
/*******************************************/

nav.academic { display: none; }

body { }

h1, h2 body {font-family: "Source Sans Pro", "SourceSans", Helvetica, sans-serif; font-weight: 500;}

/* start Events styles */
.events { position: relative; width:80%; margin: 50px auto; padding: 0; }
.events ul.hpevents { position: relative; width: 100%; background: #FFF; display: table; margin: 0 auto; padding: 0; height: auto; }
.events ul.hpevents li { position: relative; list-style: none; display: table-cell; border: 1px solid #222; padding: 10px;}
.events ul.hpevents li .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
.events ul.hpevents li .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }
.events ul.hpevents li .eventtext { float: left; display: inline; font-size: 0.8em; padding: 20px;  }
.events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;}
.events .ctabutton { float: right;}
.events ul.hpevents li .eventpic { position: relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 1%;}
.events ul.hpevents li .eventpic img { width: auto;height:100%;}

/* start Events styles */
body#home .events { position: relative; width:80%; margin: 50px auto; padding: 0; }
body#home .events ul.hpevents { position: relative; width: 100%; background: #FFF; display: table; margin: 0 auto; padding: 0; height: auto; }
body#home .events ul.hpevents li { position: relative; list-style: none; display: table-cell; border: 1px solid #222; padding: 10px;}
body#home .events ul.hpevents li .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
body#home .events ul.hpevents li .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }
body#home .events ul.hpevents li .eventtext { float: left; display: inline; font-size: 0.8em; padding: 20px;  }
body#home .events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;}
body#home .ctabutton { float: right;}
body#home .events ul.hpevents li .eventpic { position: relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 1%;}
body#home .events ul.hpevents li .eventpic img { width: auto;height:100%;}


#hightlight { border: 1px solid red;}

.submenu_container > ul > li > a { 
	padding: 5px 25px; 
	display: block; color: #fff; text-decoration: none; background: #49453c; font-size: 14px; line-height: 29px; height: 29px; font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif; box-sizing: content-box; -moz-box-sizing: content-box; transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -webkit-transition: background-color 200ms linear; border: none;  }
.submenu_container > ul > li:hover > a { padding-left: 25px; background: #676257; border: none; height: 30px;}

legend { font-weight:bold;}

nav.academicsnav {display:none;}

.tdx2 .imgshell {position:relative; width: 20%;}


/* Mobile(Responsive) */

/*@media only screen and (max-width: 940px) and (min-width: 640px) {

    .submenu_container > ul > li > a { padding: 8px 15px; font-size: 14px; }
.submenu_container > ul > li:hover > a { padding-left: 16px; }

}*/

@media only screen and (min-width: 1001px)  {



}

@media only screen and (min-width: 1001px) and (max-width: 1210px) {
	// Snap to Full Width Nav

}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
	//LAPTOP styles go here


}

/* ---------------------------- TABLET ONLY  STYLES ------------------------ */

@media only screen and (min-width: 565px) and (max-width: 900px) {
	//TABLET styles go here
	
}
/***************