/*
 * *************************
 * MEDIA QUERY (max-width: 480px)
 * *************************
*/
@media only screen and (max-width: 767px) {

	/*
	 * *************************
	 * STANDARD TAGS
	 * *************************
	*/

	body { min-width: 100%; }

	/*
	 * *************************
	 * FRAMEWORK
	 * *************************
	*/

	#page-intranet-students-current-students #col2, #page-intranet-faculty-staff #col2{
	width: 650px;
	}
	
	.container { width: auto; }

	#masthead { height: 125px; }
	#masthead-mask, #masthead-photo { background-size: 939px 125px; }
	#masthead-mask { height: 125px; }
	#masthead-photo { height: 125px; }

	/* main content div is #content, interior pages contain the following class */
	.interior-content { margin: auto; width: auto; padding-bottom: 0px; }

	#col1 { margin-right: 0px; padding: 0px 10px; width: auto; float: none; }
	#col2 { width: auto; padding: 0px 10px; float: none; }

	/* fixed calendar at top, need to article down */ 
	.calendar-content #col1 { padding: 0px; }
	.calendar-content #col2 { padding-top: 310px; }
	
	/* aside/sidebar */
	.category-back, .category-nav, .category-nav-top { display: none; }
	.category-mobile, .category-mobile-nosubnav {
		padding: 8px 20px 7px 28px;
		font-size: 18px;
		line-height: 22px;
		color: #FFF;
		text-transform: uppercase;
		background: #002F87 url(../img/mobile/expand-main-nav.png) no-repeat 15px 16px;
		display: block;
		cursor: pointer;
	}
	.category-mobile-nosubnav { padding-left: 10px; background-image: none; }
	.category-mobile.open { background-position: 15px -177px; }

	.category-nav-list-mobile {
		padding-bottom: 20px;
		font-size: 18px;
		line-height: 20px;
		text-transform: uppercase;
		background: #EAEAEB;
		display: none;
	}
	.category-nav-list-mobile a { padding: 20px 10px 0px 28px; display: block; color: #606060; }

	/* breadcrumbs */
	.breadcrumbs { display: none; }
	.breadcrumbs-mobile {
		margin-bottom: 0px;
		padding: 10px;
		background: #FFF;
		font-size: 12px;
		font-style: oblique;
		line-height: 15px;
		color: #707271;
		text-transform: uppercase;
		display: block;
	}
	.breadcrumbs-mobile a { padding: 0px 2px; color: #707271; }
	.breadcrumbs-mobile a.active { color: #707271; font-weight: 600; font-style: normal; }

	.article-copy { padding: 0px 20px 0px 20px; }
	
	/*
	 * *************************
	 * BLOCKS
	 * *************************
	*/

	#block-block-4 input#keywords { 
		width:75%;
	}
	/*
	 * *************************
	 * COMMON BUTTONS, CALLOUTS
	 * *************************
	*/

	/* callouts */
	.callout-special-photo .photo img { width: 100%; }

	/* home page uses a variation of this callout for .home-callout1 */
	.callout-photo { padding: 10px 20px 0px 20px; min-height: 0; background: none !important; }

	/* close button, injected into dom w/ JS */
	.close-mobile-menu {
		position: absolute;
		z-index: 5;
		top: 10px;
		right: 10px;
		padding: 4px 9px 3px 9px;
		display: block;
		border: 1px solid #FFF;
		color: #FFF;
	}
	.close-mobile-menu:hover { text-decoration: none; }
	#search-container .close-mobile-menu { top: 25px; }

	/*
	 * *************************
	 * PORTAL (IN HEADER)
	 * *************************
	*/

	#portal { display: none; }
	#mobile-portal {
		margin-bottom: 0px;
		font-size: 10px;
		color: #FFF;
		background: #193D7A;
		height: 55px;
	}
	#mobile-portal img { padding-top: 8px; }
	#mobile-portal { display: block; text-align: center; }

	/*
	 * *************************
	 * LOGO, MAIN NAV, SEARCH
	 * *************************
	*/

	#nav-header .container { height: auto; }

	#logo { position: relative; z-index: 1; margin-bottom: 0px; padding: 20px 0px 12px 10px; float: none; }
	#logo img { width: 100%; max-width: 280px; height: auto; }

	/* mobile navigation button (hidden on desktop site) */
	#mobile-nav { position: absolute; top: 15px; right: 5px; z-index: 4; padding-bottom: 4px; display: block; }
	#mobile-nav.open { background: url(../img/mobile/nav-pointer.png) no-repeat center 38px; }
	#mobile-nav a {
		display: block;
		width: 42px;
		height: 36px;
		background: url(../img/mobile/nav.png) no-repeat;
		text-indent: -9999px;
		border: 1px solid #7E8083;
	}
	#mobile-nav.open a { background-position: -42px 0px; border-color: #002F87; }

	/* main navigation */
	#main-secondary-nav-container { position: relative; padding: 0px 10px; background: #002F87; display: none; }
	#main-nav { position: relative; padding: 0px 0px 5px 0px; width: 100%; height: auto; }
	#main-nav > li { float: none; }
	#main-nav > li > a {
		padding: 12px 20px;
		height: auto;
		font-size: 20px;
		color: #FFF;
		background: url(../img/mobile/expand-main-nav.png) no-repeat 5px 23px;
	}
	#main-nav > li > a.active { background-position: 5px -170px; }

	#main-nav-bgs { display: none; }

	.subnav { position: relative; margin-left: 0px; padding: 0px; width: auto; display: none; }
	.subnav li { float: none; }
	.subnav li a, .subnav li a.active, .subnav li a:hover {
		display: block;
		padding: 8px 0px 8px 40px;
		width: auto;
		font-size: 18px;
		color: #58B2FC;
		background: url(../img/bg/gt.png) no-repeat 26px 17px;
	}

	/* secondary navigation (above main nav) */
	#secondary-nav-container { position: relative; top: auto; right: auto; border-top: 1px solid #58B2FC; padding: 12px 0px; }
	#secondary-nav li { padding-top: 0px; float: none; }
	#secondary-nav li.apply { border: none; }
	#secondary-nav li.portal { display: block; }

	#secondary-nav a, #secondary-nav a:hover, #secondary-nav li.apply a, #secondary-nav li.apply a:hover {
		padding: 8px 20px;
		font-size: 14px;
		color: #58B2FC;
		background: url(../img/mobile/gt-main-nav.png) no-repeat 5px 14px;
		border: none;
	}

	/* mobile search button (hidden on desktop site) */
	#mobile-search { position: absolute; top: 15px; right: 54px; z-index: 4; padding-bottom: 4px; display: block; }
	#mobile-search.open { background: url(../img/mobile/nav-pointer.png) no-repeat center 38px; }
	#mobile-search a {
		display: block;
		width: 38px;
		height: 36px;
		background: url(../img/mobile/search.png) no-repeat;
		text-indent: -9999px;
		border: 1px solid #7E8083;
	}
	#mobile-search.open a { background-position: -38px 0px; border-color: #002F87; }

	/* search */
	#search-container {
		position: relative;
		top: auto;
		right: auto;
		padding: 25px;
		width: auto;
		height: auto;
		background: #002F87;
		display: none;
	}
	ol.form #search-container .form-item-search-block-form { margin-right: 3px; float: left; }
	ol.form #search-container .form-submit, 
	ol.form #search-container .form-item-search-block-form input 
	{ position: relative; top: auto; right: auto; }
	ol.form #search-container .form-submit {
		padding: 0px 10px;
		width: auto;
		border: 1px solid #FFF;
		background: none;
		color: #FFF;
		text-indent: 0px;
		text-transform: uppercase;
	}
	ol.form #search-container .form-item-search-block-form input {
		right: auto;
		width: 180px;
		color: #002F87;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
		background-color: #FFF;
	}
	#search-select { position: relative; right: auto; margin-right: 3px; float: left; }

	/*
	 * *************************
	 * SEARCH RESULTS
	 * *************************
	*/

	.search-form { padding-top: 20px; }
	.search-form input.form-text { width: 60%; }
	body.section-search .pager li.pager-current, body.section-search .pager li.pager-item { display: none; }
	body.section-search .pager a { padding: 10px 5px; }

	/*
	 * *************************
	 * FOOTER
	 * *************************
	*/

	footer { padding-top: 20px; }
	.ftr-col { padding: 0px; border-top: none; }
	.ftr-col1 { display: none; }
	.ftr-col2 { margin-left: 0px; padding: 0px 10px; width: auto; float: none; }

	.ftr-col2 .row1 { width: 48%; float: left; border-top: 5px solid #6B747C; }
	.ftr-col2 .row1 h4 { padding-top: 10px; }
	.ftr-col2 .row2 { width: 48%; float: right; border-top: 5px solid #6B747C; }

	.ftr-col2 .row2 { padding: 10px 0px 11px 0px; }
	.ftr-col2 .row2 p { padding: 0px 5px 0px 17px; }

	.copyright-logo { margin-right: 0px; float: none; }
	.copyright { text-align: center; }
	.copyright span { padding-left: 0px; }

	/*
	 * *************************
	 * HOME HERO/SLIDESHOW
	 * *************************
	*/

	.nav-slide-overlay, .nav-slide-overlay-interior { display: none; }
	.slide-overlay { top: -124px; }

	#slideshow { height: 216px; overflow: hidden; }
	.slide-container { height: 216px; }

	/* standard slide */
	.slide { width: auto; height: 216px; }
	.slide h1 { margin-bottom: 13px; padding-top: 0px; text-transform: none; line-height: 25px; }
	.slide p { width: auto }
	.slide .slide-copy { display: none; }
	.slide .cf { position: absolute; bottom: 0px; margin-left: 50%; float: left; }
	.slide .cf a { margin-left: -50%; background: #707271; background: rgba(52,64,75,0.8); }

	.slide .line1 { padding-left: 20px; font-size: 30px; line-height: 30px; }
	.slide .line2 { padding-left: 30px; font-size: 40px; line-height: 40px; }

	/* alternative (video) slide */
	.slide-alt h1 { margin-bottom: 13px; padding-top: 0px; text-transform: none; line-height: 25px; }
	.slide-alt h1 .line1 { position: relative; right: auto; padding-left: 10px; font-size: 23px; line-height: 25px; }
	.slide-alt h1 .line2 { position: relative; top: auto; left: auto; padding-left: 20px; font-size: 33px; line-height: 33px; }

	.slide-alt p { padding: 0px 35px; font-size: 13px; line-height: 16px; width: auto; text-align: center; }
	.slide-alt .play-btn { position: absolute; top: 78px; left: -34px; padding: 0px !important; width: 67px; margin-left: 50%; }
	.slide-alt .play-btn a {
		width: 67px;
		height: 67px;
		background: url(../img/bg/play-btn-sprite.png) no-repeat;
		background-size: 100%;
	}
	.slide-alt .play-btn a:hover { background-position: 0px 0px; }

	#slide-transition, #slide-transition-inner { height: 216px; background-size: 1000px 216px; }
	#slide-transition-inner { height: 1px; margin-top: 108px; }

	/* slideshow navigation */
	.nav-prev, .nav-next { position: absolute; z-index: 5; top: 43%; left: 0px; }
	.nav-next { left: auto; right: 0px; }
	.nav-prev a, .nav-next a {
		display: block;
		width: 30px;
		height: 40px;
		background: url(../img/mobile/slideshow-prev-next.png) no-repeat;
		text-indent: -9999px;
	}
	.nav-next a { background-position: -30px 0px; }

	.slideshow-nav, .video-container { display: none; }

	/*
	 * *************************
	 * EXPLORE / QUICK MENU
	 * *************************
	*/

	/* mobile explore button (hidden on desktop site) */
	#mobile-explore { position: absolute; top: 15px; right: 99px; z-index: 4; padding-bottom: 4px; display: block; }
	#mobile-explore span { display: none; }
	#mobile-explore.open { background: url(../img/mobile/nav-pointer.png) no-repeat center 38px; }

	#mobile-explore a {
		padding: 7px 7px 0px 7px;
		width: auto;
		height: 29px;
		display: block;
		background: #FFF;
		border: 1px solid #7E8083;
		font-size: 15px;
		text-align: center;
		color: #002F87;
		text-transform: uppercase;
		text-decoration: none;
	}
	.wf-loading #mobile-explore a { font-size: 10px; } /* a size more closely related to the final rendered font */
	#mobile-explore.open a { background-color: #002F87; border-color: #002F87; color: #FFF; }

	.qm { position: relative; bottom: auto; right: auto; margin-right: 0px; }
	.qm-link { display: none; }

	.qm-list-container { position: relative; top: auto; right: auto; width: auto; height: auto; background: #002F87; display: none; }
	.qm-list {
		position: relative;
		top: auto;
		right: auto;
		padding: 0px 10px;
		width: auto;
		height: auto;
		padding-top: 0px;
		background: none;
	}
	.qm-list > li > a {
		padding: 12px 20px;
		height: auto;
		font-size: 20px;
		color: #FFF;
		background: url(../img/mobile/expand-main-nav.png) no-repeat 5px 23px;
		text-align: left;
	}
	.qm-list > li > a.active { background-position: 5px -170px; }

	.qm-subnav { position: relative; top: auto; right: auto; z-index: auto; width: auto; height: auto; background: none; }
	.qm-subnav-list { position: relative; width: auto; padding-left: 0px; }
	.qm-subnav-list li a, .qm-subnav-list li a:hover {
		display: block;
		padding: 8px 0px 8px 40px;
		width: auto;
		font-size: 18px;
		color: #58B2FC;
		background: url(../img/bg/gt.png) no-repeat 28px 19px;
	}
	.jumpto { display: none; }

	/*
	 * *************************
	 * HOME NEWS/EVENTS, CALLOUT 1
	 * *************************
	*/

	.news-events-container { margin-bottom: 20px; padding: 0px 10px; background: none; }
	.news-events-container h2, .news-events-container .right { margin-bottom: 5px; }

	/* uses .callout-photo as base */
	.home-callout1 {
		margin: 0px;
		padding: 0px;
		width: auto;
		min-height: 0px;
		float: none;
		background: none !important;
	}
	.callout_wrap{
		margin: 0px;
		padding: 0px;
		width:100%;
		min-height: 0px;
		float: left;
		background: none !important;
	}
	.callout_wrap_img img{
		display:none;
	}
	.home-callout1 h2 { margin-right: 0px; }
	.home-callout1 p { padding-right: 0px; font-size: 12px; line-height: 14px; }

	.news-callout { margin-bottom: 20px; width: 48%; float: left; }
	.events-callout { margin-bottom: 20px; margin-left: 4%; width: 48%; float: left; }

	.items-container { width: 100%; height: 300px; }

	.item .img-hdr { height: 109px; min-height: 109px; }
	.item .img-hdr img { height: auto; width: 100%; min-width: 320px; }

	.excerpt { top: 115px; background: #002F87; }
	.excerpt .btn-light { line-height: 14px; }

	/* item position and prev/next buttons */
	.item-nav, .events-container .item-nav { bottom: 0px; width: 100%; height: 30px; background: #18305B; }

	.item-count { margin-bottom: 0px; padding: 7px 0px 0px 0px; text-align: center; font-size: 14px; line-height: 16px; color: #FFF; }
	.prev-item, .next-item { position: absolute; bottom: 0px; right: 0px; margin-bottom: 0px; }
	.prev-item { left: 0px; right: auto; }

	.prev-item a, .prev-item a:hover, .next-item a {
		display: block;
		width: 65px;
		height: 30px;
		background: url(../img/mobile/prev-next-sprite.png) no-repeat;
	}
	.next-item a, .next-item a:hover { background-position: 0px -30px; }
	.prev-item a.inactive, .next-item a.inactive { display: none; }

	/*
	 * *************************
	 * HOME CALLOUT 2
	 * *************************
	*/

	.home-callout2 { margin: 0px 10px 30px 10px; background-position: center top; }
	.home-callout2-hdr { left: auto; top: auto; float: none; }
	.home-callout2 h2 {
		margin-left: 0px;
		padding: 10px 0px 0px 0px;
		background: none;
		text-align: center;
		line-height: 32px;
	}
	.home-callout2 .line1 {
		padding-left: 0px;
		font-size: 26px;
		line-height: 28px;
		background: none;
	}
	.home-callout2 .line2 { padding: 0px; font-size: 30px; line-height: 28px; }
	.home-callout2-copy { position: absolute; left: 10px; top: 85px; padding-right: 10px; font-size: 14px; line-height: 18px; }
	.home-callout2-copy .cf { margin-left: 50%; float: left; }
	.home-callout2-copy .cf a { margin-left: -50%; }


	/*
	 * *************************
	 * SHOW/HIDE MODULE
	 * *************************
	*/

	.show-hide-module h3:hover span { background-position: right -194px; }
	.show-hide-module h3.hide-details:hover span { background-position: right 5px; }

	/*
	 * *************************
	 * PHOTOS MODULE
	 * *************************
	*/

	#photo-container, .images-single-module #photo-container  { width: 100%; height: auto; line-height: 10px; float: none; }
	#photo-wrapper { margin-bottom: 0px; text-align: center; }
	#photo-wrapper img, .images-single-module #photo-wrapper img { max-width: 100%; max-height: 100%; }
	#full-screen-photo { display: none; }

	/*
	 * *************************
	 * VIDEOS MODULE
	 * *************************
	*/

	/* video player */
	#videos-module-player, .videos-single-module #videos-module-player { margin: auto; width: 100%; max-width: 512px; height: 100%; line-height: 10px; }
	#videos-module-mask { display: none; }
	#videos-module-poster img, .videos-single-module #videos-module-poster img { max-width: 100%; max-height: 100%; }
	.video-overlay, .videos-single-module .video-overlay { height: 100%; background: url(../img/mobile/video-overlay.png) no-repeat center center; }
	.hover .video-overlay, .videos-single-module .hover .video-overlay { background-position: center center; }

	/*
	 * *************************
	 * PLAYLIST CONTROLS (IMAGES AND VIDEOS)
	 * *************************
	*/

	/* playlist */
	.nav-prev, .nav-next { display: block; }
	.playlist-container { display: none; }

	/*
	 * *************************
	 * FORMS MODULE
	 * *************************
	*/

	ol.form .input, ol.form textarea { width: 400px; }

	/*
	 * *************************
	 * CALENDARS
	 * *************************
	*/
	form#views-exposed-form-event-calendar-block-1,form#views-exposed-form-event-calendar-block-3  {
		display: none;
	}
	.calendar-content .news-events-nav-container { display: none; }
	.calendar-month-container { position: absolute; top: 10px; width: 92%; padding: 12px 4%; }

	/* calendar content does not have masthead nor the common h1/breadcrumb styling (overrides interior-content above) */
	.calendar-content { width: auto; padding-bottom: 0px; }

	.calendar-filters { padding-bottom: 10px; height: auto; }
	.calendar-filters .form-item { margin-bottom: 10px; float: none; }
	.calendar-filters input[type="submit"] {
		position: relative;
		top: auto;
		left: 22px;
		right: auto;
		padding: 3px 10px;
		background: #FFF;
	}

	/* event listing */
	.event-photo { position: relative; top: auto; left: auto; }
	.event-time {
		position: relative;
		top: auto%;
		right: auto;
		margin: 0px;
		padding: 5px 0px 0px 30px;
		width: auto;
		height: 30px;
		background-position: left top;
		text-align: left;
	}
	.event-time.all-day { background-position: left -100px; }

	.event-excerpt, .news-excerpt { padding: 0px; width: auto; border-right: none; }
	.news-excerpt { width: auto; border: none; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #BCC2C8; }

	.event-details { margin-top: 0px; }
	.event-details img { width: 100%; }

	.img-alignleft, .img-alignright { float: none; }
}

/*
 * *************************
 * MEDIA QUERY (max-width: 320px)
 * *************************
*/
@media only screen and (min-width:480px) and (max-width:600px) {
	 #page-intranet-students-current-students #col2, #page-intranet-faculty-staff #col2{
	width: 540px;
	}
}
@media only screen and (max-width: 479px) {
	 #page-intranet-students-current-students #col2, #page-intranet-faculty-staff #col2{
	width: 300px;
	}
	 #page-intranet-students-current-students #col2 li, #page-intranet-faculty-staff #col2 li{
	min-width: 250px;
	} 
	.library_desc {
	display: none;
	}
	#block-block-4 .radiotext {
	font-size: 12px;
	line-height: 100%;
	}
	#block-block-4 .advancedsearch {
	float: right;
	margin-top: 0px;
	margin-right: -10px;
	font-size: 12px;
}  
#block-block-4 input#keywords {
	padding: 5px;
	height: 20px;
	font-size:1.0em;
	line-height: 22px;
}
#block-block-4 input[type="submit"] {
	height: 30px;
	padding: 0 10px;
	font-size:1.0em;
}

	#logo { padding-top: 10px; padding-bottom: 10px; height: 86px; }
	#logo img { width: 98%; max-width: none; }
	#nav-header .container { height: 106px; }
	#mobile-explore { top: 58px;  }
	#mobile-search { top: 58px; }
	#mobile-nav {  top: 58px; }

	.callout-photo { padding: 10px 0px 0px 0px; background: none !important; min-height: 0px; }
	.callout-photo h2 { padding-right: 0px; }
	.callout-photo p { padding-right: 0px; }

	ol.form #search-container .form-item-search-block-form input { width: 120px; }
	#search-select { float: none; margin-bottom: 10px; }

	.ftr-col2 .row1 { width: auto; float: none; }
	.ftr-col2 .row2 { width: auto; float: none; }

	/* standard slide */
	.slide h1 { margin-bottom: 21px; }
	.slide .line1 { padding-left: 10px; font-size: 23px; line-height: 25px; }
	.slide .line2 { padding-left: 20px; font-size: 33px; line-height: 33px; }

	/* alternative (video) slide */
	.slide-alt h1 { margin-bottom: 13px; padding-top: 0px; text-transform: none; line-height: 25px; }
	.slide-alt h1 .line1 { position: relative; right: auto; padding-left: 10px; font-size: 23px; line-height: 25px; }
	.slide-alt h1 .line2 { position: relative; top: auto; left: auto; padding-left: 20px; font-size: 33px; line-height: 33px; }
	.slide-alt .play-btn { top: 85px; left: -28px; width: 57px; }
	.slide-alt .play-btn a { width: 57px; height: 57px; }

	.news-callout { float: none; width: 100%; }
	.events-callout { margin-left: 0px; float: none; width: 100%; }

	/* playlist */
	.playlist-container { display: none; }
	.video-overlay, .videos-single-module .video-overlay { height: 100%; background: url(../img/mobile/video-overlay.png) no-repeat center center; }

	.video-overlay, .videos-single-module .video-overlay,
	.hover .video-overlay, .videos-single-module .hover .video-overlay { background-position:center center; }

	/* slideshow navigation */
	#photo-copy { display: none; }

	ol.form .input,ol.form textarea { width: 250px; }

	.interior-content h1 { background-image: none; }

	.article-copy { padding: 0px; }
		
	#block-block-4 input#keywords { 
		width:50%;
	}
	
}