/*
 * Last updated 11/13/14 LP
 */

/* RESPONSIVE
------------------------------------------------------- */

/* Desktop and tablet landscape will get the normal layout */

/* Mobile navigation */
#mobile-sitenav {
	cursor: pointer;
	display: none;
	margin: 0 -1%;
	padding: 10px 0 10px 40px;
	text-decoration: none;
	background: #D8AB4C url("https://s3.amazonaws.com/vu-www4/i/menu-bl.png") 10px center no-repeat ;
}

/*
 * 990px and smaller because the normal layout is 950px
 * and we want to have some space on the left and right
 */
@media only screen and (max-width: 990px) {
	/* Basics */
	img,
	img[style],
	a img,
	a img[style] {
		height: auto !important;
		max-width: 100% !important;
	}
	#toolsvu {
		display: none;
	}
	#top-nav-container, #top-nav-container2 { display: none; }
	/* Content */
	.container {
		width: 96%;
		margin: 0 2%;
	}
	/* Footer */
	#footer #homeflickr {
		display: none;
	}
	#footer .footgroup {
		width: 100%;
	}
	#footer .footgroup #yourvu {
		margin: 0 4% 10px 0;
		padding: 15px 5%;
		width: 54%;
	}
	#footer .footgroup #yourvu ul {
		width: 50%;
	}
	#footer .footgroup #social {
		margin: 0 0 10px 0;
		padding: 0;
		width: 32%;
	}
	#footer .footgroup #popular {
		display: none;
	}
}

@media only screen and (max-width: 989px) {
	/* Content */
	hr.divider { width: 95% !important;} 
	.span-12,.span-13,.span-14,.span-15,.span-16,.span-17,.span-18,.span-19,.span-20,.span-21,.span-22,.span-23,.span-24 { 
	width: 100%; margin-right: 0; }
	.column,.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11 {
		margin-right: 2%;
		width: 45%;
	}
}

@media only screen and (max-width: 950px) {
	/* hide header and search */ 
	#vunews { display: none; }

	/* Brand bar */
	.vuinsider {
		margin: 0 2% !important;
		width: 96% !important;
	}
	.vuinsider .vulogomini {
		width: 100%;
		padding-right: 0;
	}
	.vulogomini h1 a { width: 300px !important; background: url('/i/news2011-vanderbilt-responsive.jpg') no-repeat !important; height: 46px !important;  }

	/* Mobile Header Stuff */
	#mobiletitle { display: block !important; font-family: 'Bree Serif', Georgia, serif; }
	#mobiletitle a:link, #mobiletitle a:visited {
		color: #EAEAEA !important;
		display: block; 
		font-size: 1.5em;
		line-height: 1.0em;
		padding: 0.10em 0.4em;
		margin: 0 2%;
		width: 96%;
		border: 0; 
		text-decoration: none; 
	}
	#mobilesearch { padding: 0px 0px 20px 25px; display: block !important; clear: both; }
	#mobilesearch input { padding: 6px; background: #444; border: 1px solid #555; font-size: 1.0em; margin-right: 6px !important; color: #AAA;  } 
	#mobilesearch input.searchbox { width: 70%}
	#mobilesearch input.searchbtn { width: 12%; }
	#mobile-sitenav { display: block; }
	.sitenav-container { display: none; }
	#sitenavigation { display: block; font-size: 1.3em; margin: 0; padding: 0; }
}



/* Tablet portrait and smaller */
@media only screen and (max-width: 768px) {
	/* GSA IMAGE PREVIEW */
	img.previewimage { max-width: 30%; }
	
	.wp-caption { width: 97% !important; }
	
	/* Content */		
	.colborder, .border { padding: 0 !important; margin: 0 !important; width: 100% !important; border: 0 !important; } 
	.column,.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12,.span-13,.span-14,.span-15,.span-16,.span-17,.span-18,.span-19,.span-20,.span-21,.span-22,.span-23,.span-24 {
		margin-right: 0 !important;
		width: 100%;
	}
	
	.videopage { margin: 0; padding: 0; width: 97%; height: auto; background: #FFF; }
	.videopage p { display: none; }
	
	/* NIVO */
	.nivoSlider { width: 100%;  !important; overflow: hidden; -moz-box-shadow:0 0 10px #FFF; -webkit-box-shadow:0 0 10px #FFF; box-shadow:0 0 10px #FFF;}
	.nivoSlider img { width: 100% !important; overflow: hidden;  }
	
	/* REPORTER SPECIFIC */
	.vumcpubs li img { display: block; width: 100%; clear: right !important; }
	.vumcpubs ul li { clear: right; width: 50% !important; }
	#social_media_box { display: none; }
	#footer_links  { width: 100%; border-top: 1px solid #666;  } 
	.links_span  { width: 40%; }
	#bottom_logo  { width: 100%; } 
	
	/* Research Specific */
	div#socsci, div#physsci, div#law, div#medsci, div#engin, div#educ { width: 47%; margin-right: 3%; }
	hr#resdivider { display: none; }
	
	/* Main News Specific */
	.expert { width: 100%; }
	#flickr { width: 100%; } 
	div#social { padding-top: 20px !important; }
	#news .vidlist ul { clear: none; }
	
	/* See below for specific mobile navigation CSS */
	/* AddThis */
	.addthis_toolbox a {
		margin: 2px 0;
	}
	/* Footer */
	#footer .footgroup #yourvu ul {
		width: 100%;
	}
	/* Search */
	.main-results-without-dn {
		width: 100%;
	}
	#clustering {
		display: none;
	}
}

/* Mobile landscape and smaller */
@media only screen and (max-width: 480px) {
	
	#content { overflow: hidden; }
	
	
	#socialvu { display: none; }
	#news { background: #FFF; }
	#news textarea { width: 90% !important; }
	.container { font-size: 120%;}
	#news h2.pagetitle { font-size: 2em !important; }
	#news p.pubdate { font-size: 1em; }
	
	#news h3 span,#socialvu h3 span { display: none; }
	#news h3.moretitle a, #socialvu h3.moretitle a  { padding:5px 40px 5px 5px !important; }
	#news .vidlist ul { width: 95%; }
	#news .vidlist ul li img { width: 90%; }
	#news .vidlist ul li { width: 95%; }
	#news .vidlist ul li div { display: none; }
	
	/* pull quotes */
	span.pulled-right { float: none; width: 85%;  } 
	span.pulled-left { float: none;width: 85%; 	}	

	/* Brand bar */
	.vuinsider .vulogomini h1 a {
		width: 100%;
		background-position: center 0;
	}
	/* Content */
	
	/* Footer */
	.footgroup { 
		width: 90%; 
	}
	#footer .footgroup #yourvu {
		margin: 0;
		width: 90%;
	}
	#footer .footgroup #social {
		margin: 20px 0;
		width: 100%;
	}
	/* Research Specific */
	div#socsci, div#physsci, div#law, div#medsci, div#engin, div#educ { width: 96%; margin: 0; }
	/* myVU */
	.caption  { font-size: 115% !important; }
	/* Search */
	ul#bottompagination {
		width: 250px;
	} 
}

/* Mobile portrait and smaller */
@media only screen and (max-width: 320px) {
}

/**********
 * NAV
 **********/

/* Tablet portrait and smaller */
@media only screen and (max-width: 768px) {
	#vunews {
		padding: 0;
		border: 0 none;
		border-top: 1px solid #E7B850;
		border-bottom: 1px solid #E7B850;
		font-size: 1.35em;
	}
	a#mobile-sitenav { color: #222; } 
	.sitenav-container {
		margin: 0 -2% !important;
	}
	.sitenav-container li {
		border-right: 0 !important;
		float: none !important;
		text-align: left !important;
		background: #D8AB4C !important;
		border-bottom: 1px dotted #333; 
	}
	#sitenav a:link, #sitenav a:visited {
		background: #D8AB4C !important;
		color: #000 !important; 
	}
	.sitenav-container li a,
	.sitenav-container li a:link,
	.sitenav-container li a:visited,
	.sitenav-container li a.accordion.link {
		line-height: 18px !important;
		cursor: pointer !important;
		display: block !important;
		padding: 10px 10px 10px 34px !important;
		text-decoration: none !important;
		z-index: 100 !important;
		width: auto !important;
		color: #000 !important; 
		background: #D8AB4C !important;
	}
	#sitenav li a:hover,
	.sitenav-container li a:hover {
		color: #FFF !important;
		background-color: #333 !important;
	}
	.sitenav-container li.open-accordion-link-item > a {
		color: #FFF;
	}
	.sitenav-container li a.closed-accordion-link {
		background: #D8AB4C url("https://s3.amazonaws.com/vu-www4/i/accordion-closed-bl.png") no-repeat !important;
	}
	.sitenav-container li a.closed-accordion-link:hover {
		background: #333 url("https://s3.amazonaws.com/vu-www4/i/accordion-closed.png") no-repeat !important;
	}

	.sitenav-container li a.open-accordion-link{
		background: #D8AB4C url("https://s3.amazonaws.com/vu-www4/i/accordion-open-bl.png") no-repeat !important;
	}
	.sitenav-container li a.open-accordion-link:hover {
		background: #333 url("https://s3.amazonaws.com/vu-www4/i/accordion-open.png") no-repeat !important;
	}

	/* Top level menu */
	.sitenav-container > li > a,
	.sitenav-container > li > a:link,
	.sitenav-container > li > a:visited,
	.sitenav-container > li > a.accordion.link {
		padding-left: 34px !important;
	}
	.sitenav-container > li > a.closed-accordion-link,
	.sitenav-container > li > a.closed-accordion-link:hover,
	.sitenav-container > li > a.open-accordion-link,
	.sitenav-container > li > a.open-accordion-link:hover {
		background-position: 10px center !important;
	}
	/* Second level menu */
	.sitenav-container > li > ul > li > a,
	.sitenav-container > li > ul > li > a:link,
	.sitenav-container > li > ul > li > a:visited,
	.sitenav-container > li > ul > li > a.accordion.link {
		padding-left: 58px !important;
	}
	.sitenav-container > li > ul > li > a.closed-accordion-link,
	.sitenav-container > li > ul > li > a.closed-accordion-link:hover,
	.sitenav-container > li > ul > li > a.open-accordion-link,
	.sitenav-container > li > ul > li > a.open-accordion-link:hover {
		background-position: 34px center !important;
	} 
	/* Third level menu */
	.sitenav-container > li > ul > li > ul > li > a,
	.sitenav-container > li > ul > li > ul > li > a:link,
	.sitenav-container > li > ul > li > ul > li > a:visited,
	.sitenav-container > li > ul > li > ul > li > a.accordion.link {
		padding-left: 82px !important;
	}
	.sitenav-container > li > ul > li > ul > li > a.closed-accordion-link,
	.sitenav-container > li > ul > li > ul > li > a.closed-accordion-link:hover,
	.sitenav-container > li > ul > li > ul > li > a.open-accordion-link,
	.sitenav-container > li > ul > li > ul > li > a.open-accordion-link:hover {
		background-position: 58px center !important;
	}
	/* Fourth level (and beyond) menu */
	.sitenav-container > li > ul > li > ul > li > ul li > a,
	.sitenav-container > li > ul > li > ul > li > ul li > a:link,
	.sitenav-container > li > ul > li > ul > li > ul li > a:visited,
	.sitenav-container > li > ul > li > ul > li > ul li > a.accordion.link {
		padding-left: 106px !important;
	}
	.sitenav-container > li > ul > li > ul > li > ul li > a.closed-accordion-link,
	.sitenav-container > li > ul > li > ul > li > ul li > a.closed-accordion-link:hover,
	.sitenav-container > li > ul > li > ul > li > ul li > a.open-accordion-link,
	.sitenav-container > li > ul > li > ul > li > ul li > a.open-accordion-link:hover {
		background-position: 82px center !important;
	}
	/* Miscellaneous overrides */
	.sitenav-container li:hover ul,
	.sitenav-container li.sfhover ul,
	.sitenav-container li li:hover ul,
	.sitenav-container li li.sfhover ul,
	.sitenav-container li li li:hover ul,
	.sitenav-container li li li.sfthover ul {
		left: -999em !important;
	}
	.sitenav-container li ul,
	.sitenav-container li ul.accordion-open,
	.sitenav-container li ul.accordion-closed,
	.sitenav-container li ul ul.accordion-open,
	.sitenav-container li ul ul.accordion-closed {
		border: none !important;
		left: 0 !important;
		margin: 0 !important;
		position: relative !important;
		width: auto !important;
		padding: 0 !important;
	}
	.sitenav-container li ul li {
		border-bottom: 0 !important;
	}
	.sitenav-container li:hover ul ul,
	.sitenav-container li.sfhover ul ul,
	.sitenav-container li:hover ul ul ul,
	.sitenav-container li.sfhover ul ul ul {
		left: 0 !important;
	}
}