/***
 * uci.edu site-wide styles
 * @author Todd McGill, Strategic Communications
 ***/
 
/***
 * ELEMENT STYLES
 ***/
 
@media screen and (max-width: 840px) {
a:hover img {
    opacity: 1;
}
}


/***
 * HEADER STYLES
 ***/
 
 header .wordmark {
    height: 75px;
    width: 318px;
}
header a.view-controls {
    display: none;
}

@media screen and (max-width: 640px) {
header nav {
    text-align: center;
}
header nav a {
    margin: 0 4px;
}
header .wordmark {
    background-position: top center;
    height: 50px;
    margin: 24px auto 8px auto;
    width: 212px;
}
header nav + .wordmark {
    margin: 0 auto 8px auto;
}
header form {
    margin-bottom: 8px;
    position: static;
    text-align: center;
    width: auto;
}
header form.hidden {
    display: none;
    visibility: hidden;
}
header form input[type="text"] {
    width: 50%;
}
header a.view-controls {
    display: inline-block;
    width: 24px;
    height: 22px;
    text-indent: -999px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAMAAADto6y6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkIxMjYzREZFODI0MTFFM0I5QTdGNTVGQTcxMzM0RDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkIxMjYzRTBFODI0MTFFM0I5QTdGNTVGQTcxMzM0RDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjEyNjNEREU4MjQxMUUzQjlBN0Y1NUZBNzEzMzRENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQjEyNjNERUU4MjQxMUUzQjlBN0Y1NUZBNzEzMzRENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrEZntMAAAAGUExURf///wAAAFXC034AAAACdFJOU/8A5bcwSgAAAB1JREFUeNpiYMQBGLAAciVw2kFFiVHn0tC5AAEGAGb8AWbl2TAhAAAAAElFTkSuQmCC);
    margin-right: 2px;
}
}


/***
 * MAIN NAV STYLES
 ***/

#nav-main > ul > li {
    width: 20%;
}
hr.view-controls {
    display: none;
}
#nav-main li.schools {
    width: 66.1666%
}
#nav-main li.schools a {
    width: 99%;
}
#nav-main .schools .cName,
#nav-main .schools .fName {
    display: inline-block;
    width: 49%;
}

@media screen and (max-width: 840px) {
#nav-main .nav-main-menu > li {
    margin: 0;
    width: 100%;
}
}

@media screen and (max-width: 640px) {
#nav-main > ul > li {
    border-bottom: 1px solid #dfb600;
    border-left: none;
    border-right: none;
    border-top: 1px solid #dfb600;
    display: list-item;
    float: none;
    width: 100%;
}
#nav-main > ul > li > a {
    text-align: left;
}
#nav-main .schools .fName {
    display: none;
}
#nav-main .schools .cName {
    width: 98%;
}
#nav-main .nav-main-menu {
    left: 0;
    padding-top: 0;
    width: 100%;
}
#nav-main.hidden {
    display: none;
    visibility: hidden;
}
hr.view-controls {
    display: block;
}
}


/***
 * BODY STYLES
 ***/



/***
 * FOOTER STYLES
 ***/

footer > .content-container > .socialmedia li {
    background-image: url(img/socialmedia-32-sprite.png);
    background-repeat: no-repeat;
    margin-bottom: 8px;
}
footer > .content-container > .socialmedia li a {
    padding-left: 48px;
    line-height: 32px;
}
.facebook {background-position: 0px 0px;}
.twitter {background-position: 0px -50px;}
.youtube {background-position: 0px -100px;}
.instagram {background-position: 0px -150px;}
.google {background-position: 0px -200px;}
footer address {
    background-image: none;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 114px auto;
    /*padding-bottom: 86px;*/
}
footer div.address > a {
    display: block;
    text-align: right;
}


@media screen and (max-width: 840px) {
footer > .content-container > .legal,
footer > .content-container > .address {
    position: static;
}
footer > .content-container > div {
    padding: 12px;
    width: 49%;
}
footer > .content-container > div:nth-child(3) {
    clear: left;
}
footer > .content-container > div:nth-child(3),
footer > .content-container > div:nth-child(4) {
    border-top: 1px dotted #999;
}
footer address {
    background-image: none;
    padding-bottom: 0;
}

}

@media screen and (max-width: 640px) {
footer > .content-container > div {
    width: 99%;
}
footer > .content-container > div:nth-child(2) {
    border-top: 1px dotted #999;
}
}


/***
 * UTILITY CLASSES
 ***/

@media screen and (max-width: 840px) {
.resources .linklist .linklist-header {
    float: none;
    width: 100%;
}
}

@media screen and (max-width: 640px) {
.resources .linklist ul {
    width: 100%;
}
.resources .linklist ul + ul {
    margin-top: 0;
}
.resources .linklist ul li {
    float: none;
    margin-left: auto;
    width: 100%;
}
}

@media print {

}