@charset "UTF-8";
/* CSS Document */

/* ======================= Clearfix Styles === */
.clearfix:before,.clearfix:after{content:" "; display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

/* ======================= RIT Logo Styles === */
#identity-bar{background:#000; height:52px}
#identity-bar .center{max-width:1155px; margin:0 auto; padding:0 20px; overflow:hidden}
#identity-bar .rit-logo{float:left; width:370px; margin-top:10px}
#identity-bar .rit-logo img{width:100%}

/* ======================= Search Styles === */
#identity-bar .search-container{float:right; width:205px}
#identity-bar .search-form{margin:15px 0 0 0; position:relative; width:170px; background:none; padding:0}
#identity-bar .form-item{margin:0}
#identity-bar .form-item input{border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; padding:6px 10px; border:none; width:100%; font-size:11px; max-width:none}
#identity-bar .form-item input:focus{outline:0}
#identity-bar .form-actions{margin:0; display:inline}
#identity-bar .form-actions input{position:absolute; top:5px; right:-8px}

/* ======================= Mobile Search Styles === */
#identity-bar .mobile-search{display:none; background:url(/academicaffairs/etctest/includes/images/magnify-white.png) no-repeat #000 center center; width:55px; height:52px; position:absolute; right:0; top:0; cursor:pointer; z-index:20; background-size:30px;
    -webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-ms-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out
}

#identity-bar .search-close {display: none; position: absolute; top: 50%; right: 70px; height:17px; width:17px; margin-top:-9px; content: ''; background: url(/academicaffairs/etctest/includes/images/icon-close.png) no-repeat center; cursor: pointer;}

#identity-bar #menu-button{background:url(/academicaffairs/etctest/includes/images/menu-white.png) no-repeat center; background-size: 35px 26px; width:54px; height:54px; position:absolute; z-index:20; display:none; cursor:pointer; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; transition: all 0.2s ease-in-out}

body.menuOut #identity-bar #menu-button{background-image:url(/academicaffairs/etctest/includes/images/icon-arrow-right-white.png); background-size:38px 38px; -webkit-transform:rotateZ(180deg); -moz-transform:rotateZ(180deg); -ms-transform:rotateZ(180deg); -o-transform:rotateZ(180deg); transform:rotateZ(180deg)}

@media screen and (max-width:645px){
    #identity-bar .rit-logo{width:300px; margin-top:15px}
}

@media screen and (max-width:570px){
	#identity-bar .mobile-search{display:block}
	#identity-bar #menu-button{display:block}
    #identity-bar .center{padding:0}
    
    #identity-bar .rit-logo{width:90px; overflow:hidden; margin:0; position:absolute; left:50%; margin-left:-50px}
	#identity-bar .rit-logo a{display:block}
    #identity-bar .rit-logo img{width:auto; margin-top:14px; height:27px; overflow:hidden}
    
    #identity-bar .search-container{float:none; width:100%; position:absolute; top:0; right:-100%;
        -webkit-transition:all 200ms ease-out;
        -moz-transition:all 200ms ease-out;
        -ms-transition:all 200ms ease-out;
        -o-transition:all 200ms ease-out;
        transition:all 200ms ease-out
    }
    #identity-bar .search-form{width:auto; margin:0}
    #identity-bar .form-item input{border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; height:40px; font-size:18px}
    #identity-bar .form-actions input{display:none}
}