  ﻿/* UW Look Style Sheet */ 
/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------
Keep to standardize layout
1.0 General styles
2.0 IT Buttons and Links
3.0 IT Search
4.0 Anchor jumps and return to top
5.0 Left Navigation
6.0 CTS Room Descriptions
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 General styles
--------------------------------------------------------------*/
#navGoldInnerNav {
	right: 400px; 
}

@media screen and (max-width: 1190px) {
#navGoldInnerNav {
    right: auto;
	}
}

.bg-gold {
	background-color: #ffc425 !important;
}

.bg-dkgrey {
	background-color: #dddddd !important;
}

/* Correct the bootstrap 4.0 font size */
body {
	font-size: 15px !important;
}

h1 {
	font-family: Arial Black,Arial Bold,Gadget,sans-serif;
    font-weight: bold;
}

.fa-input { font-family: FontAwesome, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }

@media screen and (max-width: 990px) {
#navGoldSearch .btn {
	padding: 0 5px 2px 3px;
	}	
}

@media screen and (max-width: 480px) {
#navGoldSearch {
    left: 20px;
	}	
}

@media (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}	

.navUL li a:link {
	font-size: 88%;
}


/*--------------------------------------------------------------
2.0 IT buttons and links in left navigation
--------------------------------------------------------------*/

.brownButtons .btn-info {
	background-image: none;
    border-color: #ffffff;
    color: #FFC425 !important;
	background-color: #492f24;
}
.btn-asu, .btn-it {
	-webkit-box-shadow: 0px 0px 3px 1px #e38d13;
	-moz-box-shadow:    0px 0px 3px 1px #e38d13;
	box-shadow:         0px 0px 3px 1px #e38d13;
	background-color: #ffc425;
	background-image: none;
	border-radius: 50% !important;
	width: 30px;
	height: 30px;
	padding: 0 !important;
	margin-bottom: 10px;
}

/* Correct alignment and spacing in the bottom two rows of the UW template containing contact info, social media icons, accessibility icons */
.footerContain {
	width: 930px;
}

@media screen and (max-width: 835px) {
	.footerContain {
		height: 140px;
		width: 400px;
		}
	
	.uwFooterTop p {
		font-size: 75%;
		padding-bottom: 10px;
	}	
}

.uwFooterTop {
	min-height: 55px;
}

/*--------------------------------------------------------------
3.0 IT search
--------------------------------------------------------------*/
/* Correct display of the UW Search in the upper right corner */
.hide { display: none; }


.fa-search {
	font-size: 90%;
}


/*--------------------------------------------------------------
4.0 Anchor jumps and return to top
--------------------------------------------------------------*/

/* anchorJumps are used on the ssp default, hamburger menu and fees default **/
.jumpAnchor::before {
  content:"";
  display:block;
  height:100px; /* fixed header height*/
  margin:-100px 0 0; /* negative fixed header height */
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

@media screen and (max-width: 992px){
	.jumpAnchor {
		padding-top: 15px;
	}
	
	.localNav:before {
		content: "\2630 ";
		padding-right: 5px;
	}
	
}

/*--------------------------------------------------------------
5.0 Left Navigation
--------------------------------------------------------------*/

#accordion .navChildren ul li div {
	margin-left: 0px !important;
	padding-left: 0px !important;
}

#accordion .navChildren .navChildren div {
	padding-left: 0px !important;
}

#accordion ul li ul li { 
	list-style: disc;
	margin-left: 65px;
}

#accordion ul li ul {
	margin-top: -10px;
	padding-bottom: 10px;
}

#accordion ul li ul li a {  
	padding: 0;
}


#siteSearch {																			   
	padding-bottom: 15px;
}											

input#sectionKeywords {
	color: #888888;
	font-size: 1em;
	font-weight: 400;
}

/*--------------------------------------------------------------
6.0 CTS Room Descriptions
--------------------------------------------------------------*/
 .description .row:nth-child(even){ background-color: #f9f9f9; }
 .description .row { padding: 5px; margin: 0 5px; border-top: 1px solid #ddd; }
 .description { margin-bottom: 15px; }
 .description .row a { color: #069; }
 h1.popup {
	 font-size: 1.3em;
	 font-weight: 500;
	 text-align: center; 
 }
 
 .building {  }
 .building img { box-shadow: 5px 5px 5px grey; }
