@charset "utf-8";

/*///////////////////////////////////////////////////////////////////////////////

RESPONSIVE Styles

///////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////
LEVEL 2: UNDER 1240px WIDE
/////////////////////////////////////////////////////////////////*/

@media (max-width: 1240px) {

body{
	font-size:.95em;}

.container{
	width:940px;}

header .search form input[type="text"]{
	width:175px;}

nav.topnav ul li a{
	font-size:1.1em;
	padding:20px 12px;}

nav.topnav ul ul a{
	font-size:1em;
	padding:8px 0px 8px 14px;}

.page-banner{
	height:250px;}
	
}


/*/////////////////////////////////////////////////////////////////
LEVEL 3: UNDER 980px WIDE - TOUCH NAV KICKS IN
/////////////////////////////////////////////////////////////////*/

@media (max-width: 980px) {

.container{
	min-width:300px;
	width:calc(100% - 20px);}

footer .copyright{
	float:none;
	text-align:center;}
	
footer .mailing-list{
	float:none;
	margin-top:25px;
	text-align:center;}

footer .mailing-list a{
	background:#008C8C;
	display:inline-block;
	font-family:'Lato', sans-serif;
	font-size:.9em;
	font-weight:400;
	padding:15px 20px;}

footer .mailing-list a:hover{
	background:#005E5E;}

footer .social{
	text-align:center;}

footer .social a{
	background:none;
	padding:0;}

footer .social a:hover{
	background:none;
	padding:0;}

header .logo{
	float:none;}

header .search{
	display:none;}

.index-bottom,
.index-columns,
.index-columns .right{
	display:block;}

.index-bottom .box-left{
	margin-bottom:40px;
	margin-right:0;}

.index-columns .banner{
	margin-bottom:20px;
	margin-right:0px;
	min-height:400px;}

.nav-button{
	display:block;}

nav.topnav{
	display:none;}

.page-banner{
	height:200px;}


}


/*/////////////////////////////////////////////////////////////////
LEVEL 4: UNDER 788px WIDE - BEGIN STACKING VERTICALLY
/////////////////////////////////////////////////////////////////*/

@media (max-width: 788px) {

/* Force table to not be like tables anymore */
table.responsive,
table.responsive thead,
table.responsive tbody,
table.responsive th,
table.responsive td,
table.responsive tr{
	display:block;}
		
/* Hide table headers (but not display: none;, for accessibility) */
table.responsive thead tr{
	position:absolute;
	top:-9999px;
	left:-9999px;}
		
table.responsive tr{
	border:1px solid #ccc; }
		
table.responsive td{
	/* Behave  like a "row" */
	border:none;
	border-bottom:1px solid #ddd; 
	position:relative;
	padding-left:50%;
	text-align:left;}
		
table.responsive td:before { 
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;}

table.conferences td:nth-of-type(1):before { content: "Organization:"; }
table.conferences td:nth-of-type(2):before { content: "Dates:"; }
table.conferences td:nth-of-type(3):before { content: "Location:"; }
table.conferences td:nth-of-type(4):before { content: "Submission Deadline:"; }
table.conferences td:nth-of-type(5):before { content: "Website:"; }
		
table.syllabi td:nth-of-type(1):before { content: "Course Name:"; }
table.syllabi td:nth-of-type(2):before { content: "Topic Area:"; }
table.syllabi td:nth-of-type(3):before { content: "Course Level:"; }
table.syllabi td:nth-of-type(4):before { content: "Instructor:"; }
table.syllabi td:nth-of-type(5):before { content: "Institution:"; }
table.syllabi td:nth-of-type(6):before { content: "Course Date:"; }
table.syllabi td:nth-of-type(7):before { content: "Syllabus:"; }


}


/*/////////////////////////////////////////////////////////////////
LEVEL 5: UNDER 640px WIDE
/////////////////////////////////////////////////////////////////*/

@media (max-width: 640px) {

}


/*/////////////////////////////////////////////////////////////////
LEVEL 6: UNDER 500px WIDE
/////////////////////////////////////////////////////////////////*/

@media (max-width: 500px) {

header .logo img.logo-wide{
	display:none;}

header .logo img.logo-tall{
	display:inline-block;}

}


/*/////////////////////////////////////////////////////////////////
LEVEL 7: UNDER 440px WIDE
/////////////////////////////////////////////////////////////////*/

@media (max-width: 440px) {

}