@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);
/*ADDED BY MARITZA*/@import url("https://brand.arizona.edu/sites/default/files/ua-banner/ua-web-branding/ua-fonts/milo.css");

/**
 * Place your custom styles here.  faculty
 */
/* CSS Document */

body{margin:0; background: #e9e7d8; }
.container {padding:0;} 

#ua_banner{ /*regular size*/ height:59px;  /*mini size  height:26px;*/ background-color:#AB0520; margin-bottom:0;}
#ua_banner img{ /*regular size*/ margin-top: 7px; width:392px; height:42px;  /*mini size width:243px; height:26px;*/ 
	background-image:url(../images/UA-banner-white.png);
	/*background-image:url(../images/UA-banner-red.png);*/
	/*background-image:url(../images/UA-banner-blue.png);*/
	/*background-image:url(../images/UA-horiz-banner-26-blue.png);*/
	/*background-image:url(../images/UA-horiz-banner-26-red.png);*/
	/*background-image:url(../images/UA-horiz-banner-26-white.png);*/}

#whole_wrapper{background-color: #fff; padding:5px;}

header .navbar-brand {font-family:"MiloSerifWeb"; font-size:3em; color: #314d7b; margin:50px 10px 0 10px; /*width:500px;*/ line-height:1em;}
.navbar-default {background:none; border:none;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand{color: #314d7b;}

header .navbar-collapse{clear:both; margin:0; padding:0;  }
header .navbar-collapse h2{display:none;}
header .navbar-collapse .well{padding:0; margin:0;}
header .navbar-collapse ul {}
header .navbar-collapse ul li{display:inline-block;}
header .navbar-collapse ul li a{color:#03c; font-weight:bold;}

header .navbar-toggle {background:rgba(206,206,206,1.00);}

section#block-leadin{background:url(../images/beardown.jpg); background-size: cover;}

section#block-leadin .field--name-body {width:45%; margin: 0 auto; background-color: rgba(0,0,0,0.5); padding: 3em 2em; color:#fff; font-family: "MiloWeb"; font-weight: bold;}

section#block-leadin .field--name-body a{color: #fff; text-decoration: underline;}

.region-navigation-collapsible nav ul.menu--main-menu{display: flex;}
.region-navigation-collapsible nav ul.menu--main-menu li {flex-grow: 1; font-family: "MiloWeb"; font-size: 1.25em;  color:#314d7b; text-transform: uppercase;}

.region-navigation-collapsible nav ul.menu--main-menu li a {color: #314d7b; padding: 1.25em 1em;}

.navbar-collapse{padding:0;}

/*FRONT PIC NAVIGATION*/
aside  nav ul.nav {border-color: #f9f9f9; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1); padding: 15px 20px;}
aside  nav ul.nav li{margin: 0; padding-top: 0.2em; font-size: 0.914em; line-height: 1.4;}
aside  nav ul.nav li a{margin:0; color: #314d7b; font-family: "MiloWeb"; font-weight: bold;  padding: 16px 16px 10px; border-bottom: 1px solid #e0e0e0; display: block; font-size: 16px;}
aside  nav ul.nav li.menu-item--active-trail a{ background: #314d7b none repeat scroll 0 0;  color: #fff;}
aside nav ul.nav li.active{background:#314d7b; }
aside nav ul.nav li.active a{color:#fff;}

.main-container h1 {
  border-bottom-color:#314D7B; border-bottom-style:solid; border-bottom-width:1px; color:#314D7B; font-family:MiloSerifWeb;}

/*CREATED BY OIA*/
#createdbyOIA { margin:0; padding:0 0 10px 0;}
#createdbyOIA div.image{margin:0 auto; width:46px; height:46px;
	/*white is default background-image:url(../images/oia-designed-white.png);*/
	/**/background-image:url(../images/oia-designed-black.png);}


footer {background:#ceccbf; padding:5px; margin:10px auto; width:100%;}
footer p.footer_left{ float:left; width:45%; margin:0 0 0 1em; padding:1em 0;}
footer p.footer_right{ float:right; width:45%; text-align:right; margin:0 1em 0 0; padding:1em 0;}
footer p.copywrite{ clear:both;}


.footer{border:none;}
	
@media screen and (min-width: 1200px){
.navbar.container {    max-width: 100%;}	
div.main-container{width:1160px;}
footer.footer.container{width:1170px;}
div#createdbyOIA.footer.container{width:1160px;}
}

/* Horrible things by Casey */

.navbar-collapse .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border:0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar{padding:0;}
.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 0px;
    height: 100% !important;
    overflow: hidden;
	width:100%;

}

#header_brand{margin-left:1.25em; margin-top:5px;}

@media (min-width : 768px) and (max-width : 1024px) {
	.navbar {padding:0 0;}
	.navbar-header {
	    margin-right: -15px;
	    margin-left: -15px;
	    margin-top: 0px;
	    height: 100% !important;
	    overflow: hidden;
		width:100%;
	}
}


@media (max-width: 767px) {

   .container > .navbar-header {
	margin:0 0 0 0;
    height: 100% !important;
    overflow: hidden;
}

}

/* Horrible things by Casey */

.main-container .row {
    border-bottom: 0px solid #5f5f5f;
}

@media screen and (min-width: 992px){
	
	.main-container{
	    width: 99.5%;
		}
	.footer{width:99.5%; margin: 10px auto; }
	.navbar.container {
	    max-width: 100%;
	}
	#createdbyOIA {
	    margin: 0 0 0 2px;
	    padding: 0; 
	}
}


/* Horrible Things by Casey */

@media (min-width: 755px){
.col-sm-9 {
    width: 72%;}
}

aside .view-mw-tutorial {
    border-color: #f9f9f9;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
    padding: 15px 20px;
}

aside .view-mw-tutorial .field-content {
    margin: 0;
    color: #314d7b;
    font-family: "MiloWeb";
    font-weight: bold;
    padding: 16px 16px 10px;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    font-size: 16px;
}

aside .block-views-blockmw-tutorial-block-1 h2.block-title {
    border-bottom-color: #314D7B;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #314D7B;
    font-family: MiloSerifWeb;
}

@media (max-width:767px){
	.col-sm-9 .region-content{padding:0 1em;}
	h1 .page-header{font-size:32px;}
}

@media (max-width:690px){
	header .navbar-brand { font-size:1.8em; margin:10px 0 0 5px; line-height:1em; text-wrap: suppress; height:100px;}
	#header_brand .logo img{width:100%;}
	a.logo.navbar-btn.pull-left{width:55px;}
	a.name.navbar-brand{height:auto;}
}

@media (min-width:992px) and (max-width:1199px){
	.footer{width:975px;}
}