 /*
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;
	}
	nav ul.menu li a { /* Reduce font size to fit all entries on one line */
		font-size:1em;
	}
}

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

@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;
	}

	.expanded-page-banner-block .page-banner .banner-info .inner {
        padding-left: 20px;
    }
    nav ul.menu li a {
		padding: 0px 8px;
	}
}

/*@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.9em;
	}
}

@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.8em;
	}

	/*#front-slideshow .slide-info {
		bottom: 15%;
	}*/

	.ctaBtn {
	    font-size: 18px;
	}

	.outlineBtn {
	    padding: 10px 20px;
	    font-size: 14px;
	}
	.interior-right-block {
		float: none;
		max-width: none;
		padding: 1em;
		margin: 0;
	}
}

@media only screen and (max-width: 768px) {
	/* Start of Mo-added code to cause the main image to resize and maintain aspect ratio on mobile */
	#front-slideshow .slide-info {
	    /*display: none;*/
	    bottom: 10%;
	}
	#front-slideshow .slide-info .slide-title {
		font-size: 3em;
	}
	.front #after-header {
		height: auto;
		background: -webkit-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.75));
background: -moz-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.75));
background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.75));
	}

	.audience-buttons-block {
		position: static;
		margin: 1em 0;
	}

	#front-slideshow #front-slideshow ul.slides, #front-slideshow ul.slides li {
		height: auto;
	}


	#front-slideshow .slide-image img {
		width:100%;
		height: auto;
		min-height:auto;
		position: static;
	}

	/* End of Mo-added code to cause the main image to resize and maintain aspect ratio on mobile */

	.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;
	}

	.resources-buttons-block .resourceBtn {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .content-briefs .field-item {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

	.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,
	#cludo-inline-form {
		display: none;
	}

	#block-block-8,
	#block-md-slider-du-mobile-slideshow, #cludo-mobile-form {
		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 #cludo-mobile-form form {
		margin: 5px 0;
	}

	nav #cludo-mobile-form input {
		width: 100%;
		height: 30px;
		background: url(../images/searchIcon-dulaw.png) no-repeat 97% 7px #FBFBFB;
		line-height: 30px;
	}

	nav #cludo-mobile-form .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;
	}

	#header-right .social-media-block {
		display: none;
	}

	.expanded-page-banner-block .page-banner .banner-info {
        width: 100%;
    }
}

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