/* 
Denver University - Sturm College of Law
Authored by: SiteWired Web Solutions
*/

/* ===== MOBILE ===== */
@media only screen and (max-width: 1250px) { /* was preoviously 1024px */
	.full-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	#after-header .page-banner .book-title {
		margin-left: 0.5em;
	}
}

@media only screen and (max-width: 1000px) and (min-width: 920px) {
	nav ul.menu li a { /* Reduce font size to fit all entries on one line */
		font-size:0.9em;
	}
}

@media only screen and (max-width: 1280px) {
	#front-slideshow .slide-info {
		bottom: 35%;
	}
}
 
@media only screen and (max-width: 1024px) { 
	#front-slideshow .slide-info,
	.audience-buttons-block {
	    margin: 0 20px;
	}
	
	.ctaBtn {
	    font-size: 22px;
	}
	
	.outlineBtn {
	    padding: 10px 35px;
	    font-size: 16px;
	}
}

@media only screen and (max-width: 980px) {
	#front-slideshow .slide-info {
		bottom: 20%;
	}
}

@media only screen and (max-width: 920px) {
	nav ul.menu li a { /* Reduce font size to fit all entries on one line */
		font-size:0.68em;
	}
}

@media only screen and (max-width: 800px) {
	nav ul.menu li a { /* Reduce font size to fit all entries on one line */
		font-size:0.65em;
	}
	
	#front-slideshow .slide-info {
		bottom: 15%;
	}
	
	.ctaBtn {
	    font-size: 18px;
	}
	
	.outlineBtn {
	    padding: 10px 20px;
	    font-size: 14px;
	}
}

@media only screen and (max-width: 768px) {
	#front-slideshow .slide-info {
	    display: none;
	}
	
	.audience-buttons-block .ctaBtn {
	    float: none;
	    width: 100%;
	    margin: 0 0 20px 0;
	}
	
	.ctaBtn {
	    font-size: 22px;
	}
	
	#before-content .whiteBg-block {
	    float: none;
	    width: 100%;
	}
	
	#before-content .whiteBg-block:first-child {
	    margin-right: 0;
	    margin-bottom: 20px;
	}
	
	.recent-news .news-post {
	    float: none;
	    margin-right: 10;
	    margin-bottom: 20px;
	}
	
	.outlineBtn {
	    padding: 10px 50px;
	    font-size: 18px;
	}
	
	.other-links-block .outlineBtn {
	    margin-right: 0;
	    margin-left: 0;
	    margin-bottom: 15px;
	}
	
	.contact-social-block,
	ul.social-media {
		text-align: center;
	}
}

@media only screen and (max-width: 775px) {
	.full-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	#after-header .page-banner .book-title {
		margin-left: 0em;
		padding-left: 1em;
		display: block;
	}
	
	#block-system-main-menu,
	#block-search-form,
	#block-system-user-menu,
	#block-md-slider-du-desktop-slideshow {
		display: none;
	}
	
	#block-multiblock-2,
	#block-block-8,
	#block-md-slider-du-mobile-slideshow {
		display: block;
	}
	
	#menuTrigger {
		display: block;
		margin-top: 30px;
		padding: 3px 30px 3px 0;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		color: #8D2230;
		position: relative;
	}
	
	#menuTrigger:after {
		content: '';
		display: block;
		width: 20px;
		height: 20px;
		background: url(../images/icons03-dulaw.png) no-repeat -17px 0px;
		position: absolute;
		top: 5px;
		right: 0px;
	}
	
	#exitTrigger {
		float: right;
		display: block;
		margin-top: 20px;
		padding: 3px 30px 3px 0;
		font-weight: bold;
		text-decoration: none !important;
		text-transform: uppercase;
		position: relative;
	}
	
	#exitTrigger:after {
		content: '';
		display: block;
		width: 20px;
		height: 20px;
		background: url(../images/icons03-dulaw.png) no-repeat -37px 0px;
		position: absolute;
		top: 5px;
		right: 0px;
	}
	
	nav #block-multiblock-2 form {
		margin: 5px 0;
	}
	
	nav #block-multiblock-2 input {
		width: 100%;
		height: 30px;
		background: url(../images/searchIcon-dulaw.png) no-repeat 97% 7px #FBFBFB;
		line-height: 30px;
	}

	nav #block-multiblock-2 .form-submit {
		display: none;
	}
	
	#mobile {
		box-sizing: border-box;
		width: 100%;
		height: 2000px;
		padding: 20px;
		background: rgba(141, 34, 48, 0.9);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 999;
	}
	
	#mobile a {
		text-decoration: none;
		color: #FFF;
	}
	
	#mobile a:hover {
		text-decoration: underline;
	}
	
	#mobile #block-multiblock-3 {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: solid 1px #FFF;
	}
	
	#mobile #block-multiblock-3 ul.menu,
	#mobile #block-multiblock-1 ul.menu {
		margin: 0;
		padding: 0;
	}
	
	#mobile #block-multiblock-3 ul.menu li,
	#mobile #block-multiblock-1 ul.menu li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#mobile #block-multiblock-3 ul.menu li a {
		font-size: 0.825em;
	}
	
	#mobile #block-multiblock-1 ul.menu ul {
		display: none;
		padding-left: 20px;
	}
	
	#mobile #block-multiblock-1 ul.menu li.expanded:hover ul {
		display: block;
	}
	#after-header .page-banner .banner-image-container { /* hide banner on mobile */
		display: none;
	}
	#logo img { /* scale logo on mobile so menu is always available */
		height: auto;
		max-width:60vw;
	}
	#after-header .page-banner .views-field-title { /* don't hide the current students -> alumni & friends menu */
		position: initial;
	}
}

@media only screen and (max-width: 736px) {
	.audience-buttons-block {
	    bottom: 10px;
	}

	.audience-buttons-block .ctaBtn:nth-child(3n) {
	    margin: 0 0 5px 0;
	}
	
	.audience-buttons-block .ctaBtn {
	    margin: 0 0 5px 0;
	}
	
	.ctaBtn {
	    padding: 5px 40px 5px 20px;
	    font-size: 16px;
	}
}

@media only screen and (max-width: 667px) {
	.ctaBtn {
	    font-size: 12px;
	}
}

@media only screen and (max-width: 480px) {
	.ctaBtn {
	    font-size: 18px;
	}
}

@media only screen and (max-width: 360px) {
}