/*
Variation Name: UNC Charlotte
Description: The standard UNC Charlotte variation for all official public UNC Charlotte WordPress sites.
Version: 2.0.0
Author: Alex Chapin
Author URI: https://clas-pages.uncc.edu/alexchapin
Parent Variation: light
*/


/****************************************************************************************
 *  
 * UNCC Alert Styles
 * 
 * Styles for UNCC alert banners.
 * 
 ****************************************************************************************/
#www-uncc-edu-alert{
	margin-top: 0px;
}
#www-uncc-edu-alert > div{
	margin-top: 8px !important;
}
@media (max-width: 767px) {
	#www-uncc-edu-alert > div{
		margin-top: 79px !important;
	}		
}
@media (max-width: 782px){
			
} 
/****************************************************************************************
 *  
 * General Styles
 * 
 * Styles for default colors and sizes of common html tags.
 * 
 ****************************************************************************************/

	a {
		text-decoration:none;
		outline:none;
	}

	h1, h2, h3, h4, h5, h6 {
		margin:1em 0 0.5em 0; 
		padding:0;
		font-family:Times, "Times New Roman", serif;
	}

	#content .entry-title {
		font-family:Times, "Times new roman", serif;
	}


/****************************************************************************************
 *  
 * Layout and Basic Design Styles
 * 
 * Styles for the responsive design of the pages.
 * 
 ****************************************************************************************/
	#responsive-title .logo {
		background-image: url('images/logo-white.svg');
		background-repeat: no-repeat;
		position:absolute;
		top: 100px;
		height:140px;
		width:80px;
	}

	#responsive-title {
		background-color:#00703c !important;
		border-bottom-color:#bfa739 !important;
		border-bottom-width:5px;
		background-image:url('images/header-bg-phone.png');
		background-position:top center;
		background-repeat:no-repeat;
		color: #FFF;
	}

	#responsive-title .logo:before {
/* 		content: "\e601"; */
	}

	#responsive-title .name{
		color:#FFF;
	}
	
	#responsive-title .title {
		margin-left:100px;
		font-family:Times, "Times New Roman", serif;
	}

	#header #title-box-wrapper {
		min-height: 100px;
		margin: 0px 0 0 50px
	}
	
	#title-box .name,
	#title-box .description {
		font-weight:normal;
		margin:0;
		text-shadow:none;
 		background-color:transparent;
	}

	#header {
		display:none;
	}
	
	#header-image {
		width:100% !important;
		background-position:center;
	}

	#header-menu .search {
		margin-bottom:1em;
	}

	#header-menu .searchform {
		position:relative;
		width:100%;
		height:32px;
	}
	
	#header-menu .searchform > div {
		position:absolute;
		left:0;
		height:26px;
		border:solid 1px #666;
		right:0px;
		top:0;
		padding:2px 5px;
		padding-right:35px;
	}
	
	#header-menu .searchform .screen-reader-text {
		display:none;
	}

	#header-menu .searchform input[type=text] {
		display:block;
		line-height:26px;
		margin:0px;
		padding:0px;
		width:100%;
		border:none;
		outline:none;
		background-color:transparent;
	}
	
	#header-menu .searchform input[type=text].unused {
		color:#666;
	}
	
	#header-menu .searchform button {
		position:absolute;
		width:30px;
		height:30px;
		font-size:18px;
		line-height:30px;
		text-align:center;
		background-color:#666;
		color:transparent;
		border:solid 1px #666;
		top:0;
		right:0;
		bottom:0;
		padding:0 6px;

		font-family: 'vtt' !important;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	#header-menu .searchform button:before {
		content:"\f002";
		color:white;
	}
	
	#title-box .name {
		text-shadow:#000 0 0 0;
	}

	.sidebar,
	.sidebar > div:first-child {
		margin:0em;
	}

	#footer-wrapper {
		clear:both;
	}
	
	#footer {
		background-color:#00703c;
		padding:32px 0;
		margin:0;
	}

	#footer .bar,
	#footer .info {
		background-color:#e8e8e4;
	}

	#footer .bar > div,
	#footer .info > div {
		padding:1em;
		background-color:#e8e8e4;
		border-bottom:solid 1px #ccc;
		text-align:center;
	}

	#footer .bar {
		border-top:double 3px #00703c;
	}

	#footer .links ul {
		list-style-type:none;
		margin:0;
		padding:0;
		display:inline;
	}
	
	#footer .links li {
		display:inline-block;
		line-height:32px;
		vertical-align:middle;
		margin-left:10px;
		color:white;
		font-size:0.9em;
	}

	#footer .links #accessibility-icon {
		vertical-align:middle;
		margin-right:5px;
		width:20px;
		height:20px;
	}

	#footer form.searchform {
		display: inline-block;
		border: solid 1px #ccc;
	}

	#footer form.searchform input[type=text] {
		height:15px;
		line-height:15px;
		margin:0;
		vertical-align:middle;
		border:none;
		outline:none;
		padding:2px 5px;
	}
	
	#footer form.searchform input[type=image] {
	    display:inline-block;
	    vertical-align:middle;
	    height:19px;
	    width:19px;
	}

	#footer .info {
		border-bottom:double 3px #00703c;
	}

	#footer .follow > div {
		font-weight:bold;
		color:#666;
	}

	#footer .address {
		line-height:1.5em;
	}

	#footer .address .name a {
		font-weight:bold;
	}

	#footer .address > span {
		display:block;
	}

	#footer .address > span > span {
		display:inline-block;
	}

	#footer .address span a {
		text-decoration:underline;
	}	


/****************************************************************************************
 * Tablet-sized device or larger.
 ****************************************************************************************/

@media (min-width: 48.000em) {
	
	body.admin-bar #wpadminbar {
		display:none;
	}

	body.admin-bar #site-outside-wrapper {
		margin-top:0;
	}

	body.admin-bar.logged-in #wpadminbar {
		display:block;
	}

	body.admin-bar.logged-in #site-outside-wrapper {
		margin-top:32px;
	}

	#header-wrapper {
		background-image:url('images/header-wrapper-bg.png');
		background-repeat:repeat-x;
		height:100px;
	}

	#header {
		display:block;
		background-image:url('images/header-bg.png');
		background-repeat:no-repeat;
		background-position:top center;
		height:100px;
		width: 1100px;
	}

	#header .uncc-logo {
		background-image: url('images/logo-white.svg');
		position: absolute;
		background-repeat: no-repeat;
		top: 15px;
		left: 10px;
		height: 70px;
		width: 175px;
	}


	#header .uncc-logo:before {
/* 		content: "\e601"; */
	}
	
	#header #title-box-placeholder {
		left:150px;
		right:20px;
		top:0px;
	}

	#title-box .name,
	#title-box .description {
		padding:0px;
		background-color:transparent;
		color:#fff;
		padding:0px;
		line-height:1.2em;
	}

	#title-box {
		font-family:"Times New Roman", Times, serif !important;
		vertical-align:middle;
	}
	
	#title-box .name {
		font-size:1.5em;
		letter-spacing:0.05em;
	}

	#title-box .description {
	}
	
	#title-box a {
		color:#fff;
		padding:0px;
		margin:0px;
	}

	#title-box a:hover {
		text-decoration:underline;
	}
		
	#header .header-title #header-search {
		display:none;
	}
	
	#header .header-title #links {
		position:absolute;
		right:10px;
		top:10px;
		font-family:Arial, sanserif;
		text-align:right;
		font-size:0.8em;
	}
	
	#header .header-title #links a {
		display:block;
		color:white;
		margin-bottom:5px;
	}

	#header #links {
		display:none;
	}

	#header form.searchform {
		border: solid 1px #ccc;
	}
	
	#header-image {
		width:100% !important;
		margin:0 auto;
		position:relative;
	}
	
	#header-image > a {
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
}


/****************************************************************************************
 * Desktop PC-sized device or larger.
 ****************************************************************************************/

@media (min-width: 64.063em) {

	#site-inside-wrapper {
		width:auto;
		border:none;
		margin-top:0;
		margin-bottom:0;
		padding:0;
		box-shadow:0 0 0 rgba(0,0,0,0);
		max-width:100%;
	}

	#header #title-box-placeholder {
		right:200px;
	}

	#header .header-title #header-search {
		display:block;
	}

	#header #links {
		display:block;
	}

	#header form.searchform {
		position:absolute;
		right:10px;
		bottom:15px;
		font-family:Arial, sanserif;
	}

	#header form.searchform input[type=text] {
		height:15px;
		line-height:15px;
		margin:0;
		vertical-align:middle;
		border:none;
		outline:none;
		padding:2px 5px;
	}

	#header form.searchform input[type=image] {
	   display:inline-block;
	   vertical-align:middle;
	   height:19px;
	   width:19px;
	}

	#header-menu-wrapper.no-menu {
		display:none;
	}

	#header-menu .search {
		display:none;
	}

	#header-menu-wrapper {
		background-color: #f6f6f6;
		border-top: 1px solid #777;
		border-bottom: 1px solid #ccc;
	}

	#header-menu ul {
		margin:0;
	}
	
	#header-menu ul > li {
		border-left: dotted 1px transparent;
		border-right: dotted 1px transparent;
	}
	
	#header-menu ul > li:hover {
		border-top-color: transparent;
		border-bottom-color: transparent;
	}

	#header-menu ul ul > li:hover {
		border:none;
	}

	#header-menu ul > li.current_page_item,
	#header-menu ul > li.current_page_parent,
	#header-menu ul > li.current_page_ancestor,
	#header-menu ul > li.current-page-ancestor {
		border-color: transparent;
	}
	
	#header-menu ul > li > a {
		text-align:center;
		border:none;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}
	
	#header-menu ul ul > li > a {
		white-space:normal;
		text-overflow:clip;
	}
	
	#header-menu ul ul > li {
		display:block;
	}
	
	#header-menu ul ul {
		margin-left:-1px;
	}
	
	#header-menu ul ul > li {
		border:none;
	}
	
	#header-menu ul ul > li > a {
		border:solid 1px transparent;
		text-align:left;
	}

	#header-menu a:hover {
		color:#0A7543;
	}

	#header-menu li.current_page_item > a {
		color:#0A7543;
	}

	.sidebar {
		margin:1em 0em;
	}
	
	#footer {
		margin:0 auto;
		margin-top:1em;
		background-color:#e8e8e4;
		padding:0;
	}

	#footer .bar,
	#footer .info {
		position:relative;
	}

	#footer .bar {
		background-color:#00703c;
	}

	#footer .bar > div,
	#footer .info > div {
		padding:0em;
		background-color:inherit;
		border-bottom:none;
		text-align:left;
	}

	#footer .bar {
		border-top:none;
		height:32px;
	}

	#footer .links {
		display:inline-block;
	}

	#footer .links ul {
		margin-left:30px;
	}
	
	#footer .links li {
		display:inline-block;
		line-height:32px;
		vertical-align:middle;
		margin-left:10px;
	}

	#footer .links li a {
		color:#fff;
	}

	#footer #footer-search {
		position:absolute;
		top:0;
		right:0;
		margin-right:30px;
		margin-top:5px;
	}

	#footer .info {
		height:6em;
		border-bottom:none;
	}

	#footer .address {
		display:block; 
		position: absolute;
  		top: 0;
  		left: 0;
		margin:10px 10px 10px 40px;
		width:600px;
  	}
	
	#footer .info .follow {
		position:absolute;
		right:30px;
		bottom:10px;
		margin:0;
		font-size:1em;
		font-weight:bold;
		text-align:center;
	}	
	
	#footer .links img {
		vertical-align:middle;
	}	
}

#header-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    min-width: 100%;
    width: 100% !important;
}


/****************************************************************************************
 *  
 * "Make It Pretty" Styles
 * 
 * Styles for the content and widget items that make it look more pretty.
 * 
 ****************************************************************************************/

	#wpadminbar {
		background:#006633 !important;
	}

	#wp-admin-bar-uncc-logo .ab-item {
/* 		width:128px !important; */
	}
	#wp-admin-bar-uncc-logo .ab-item:before {
		background-image: url('images/logo-white-c-only.png');
		position: absolute;
		background-repeat: no-repeat;
		vertical-align: middle;		
		color:#fff;
	}

	#wpadminbar .ab-top-menu>li>.ab-item:focus, 
	#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, 
	#wpadminbar .ab-top-menu>li:hover>.ab-item, 
	#wpadminbar .ab-top-menu>li.hover>.ab-item {
		background:#005522 !important;
		color:#fff !important;
	}

	#wpadminbar .ab-top-menu>li>ul.ab-sub-wrapper>li>.ab-item:focus, 
	#wpadminbar.nojq .quicklinks .ab-top-menu>li>ul.ab-sub-wrapper>li>.ab-item:focus, 
	#wpadminbar .ab-top-menu>ul.ab-sub-wrapper>li>li:hover>.ab-item, 
	#wpadminbar .ab-top-menu>ul.ab-sub-wrapper>li>li.hover>.ab-item {
		background:#0000002 !important;
		color:#ccc !important;
	}

	#wpadminbar .quicklinks .menupop ul li a:hover, 
	#wpadminbar .quicklinks .menupop ul li a:focus, 
	#wpadminbar .quicklinks .menupop ul li a:hover strong, 
	#wpadminbar .quicklinks .menupop ul li a:focus strong, 
	#wpadminbar .quicklinks .menupop.hover ul li a:hover, 
	#wpadminbar .quicklinks .menupop.hover ul li a:focus, 
	#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, 
	#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, 
	#wpadminbar li:hover .ab-icon:before, 
	#wpadminbar li:hover .ab-item:before, 
	#wpadminbar li a:focus .ab-icon:before, 
	#wpadminbar li .ab-item:focus:before, 
	#wpadminbar li.hover .ab-icon:before, 
	#wpadminbar li.hover .ab-item:before, 
	#wpadminbar li:hover #adminbarsearch:before {
		color:#cbb563 !important;
	}
	
	#wp-admin-bar-my-sites #wp-admin-bar-my-sites-super-admin > li > .ab-item:before,
	#wp-admin-bar-my-sites #wp-admin-bar-my-sites-list > li > .ab-item:before {
		color:#fff !important;
	}

	#wp-admin-bar-my-sites #wp-admin-bar-my-sites-super-admin > li:hover > .ab-item,
	#wp-admin-bar-my-sites #wp-admin-bar-my-sites-super-admin > li.hover > .ab-item,
	#wp-admin-bar-my-sites #wp-admin-bar-my-sites-list > li:hover > .ab-item,
	#wp-admin-bar-my-sites #wp-admin-bar-my-sites-list > li.hover > .ab-item,
	#wp-admin-bar-my-sites #wp-admin-bar-my-sites-super-admin > li:hover > .ab-item:before,
	#wp-admin-bar-my-sites #wp-admin-bar-my-sites-super-admin > li.hover > .ab-item:before,
	#wp-admin-bar-my-sites #wp-admin-bar-my-sites-list > li:hover > .ab-item:before,
	#wp-admin-bar-my-sites #wp-admin-bar-my-sites-list > li.hover > .ab-item:before {
		color:#cbb563 !important;
	}
	
	#wpadminbar>#wp-toolbar li:hover span.ab-label, 
	#wpadminbar>#wp-toolbar li.hover span.ab-label, 
	#wpadminbar>#wp-toolbar a:focus span.ab-label {
		color:#fff !important;
	}

	#wpadminbar .menupop .ab-sub-wrapper, 
	#wpadminbar .shortlink-input {
		background:#00703C !important;
	}

	#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, 
	#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
		background:#00703C !important;
	}

	#wpadminbar .quicklinks li .blavatar:before {
		content:'' !important;
		display:none !important;
	}

	#wpadminbar .ab-top-menu>li#wp-admin-bar-notes>.ab-item:focus, 
	#wpadminbar.nojq .quicklinks .ab-top-menu>li#wp-admin-bar-notes>.ab-item:focus, 
	#wpadminbar .ab-top-menu>li#wp-admin-bar-notes:hover>.ab-item, 
	#wpadminbar .ab-top-menu>li#wp-admin-bar-notes.hover>.ab-item {
		background:transparent !important;
	}

	#wpadminbar #wp-admin-bar-comments .count-0 {
		opacity:1 !important;
	}

	.widget {
		color:#333333;
		font-size:1em;
		line-height:1.3em;
		padding:0;
		margin:1em 0em;
	}

	h2.widget-title {
		background-color:#f6f6f6;
		color:#006633;
		border-bottom:solid 1px #bbb;
		margin:0;
		padding-left:1em;
		padding-bottom:0.2em;
		font-weight:normal;
		font-size:1em;
		font-family:Times, "Times New Roman", serif;
		text-transform:uppercase;
		margin-bottom:0.5em;
	}
	
	.widget_pages ul a:hover,
	.widget_nav_menu ul a:hover {
		text-decoration:none;
		color:#0A7543;
		background-color:#f6f6f6;
		background-color:#eee;
	}
	
	.widget_pages ul li.current_page_item > a,
	.widget_nav_menu ul li.current-menu-item > a {
		font-weight:bold;
		color:#0A7543;
		background-color:#f6f6f6;
	}


	.widget_categories ul li.current-cat > a,
	.widget_categories ul li > a:hover {
		color:#0A7543;
	}


/****************************************************************************************
 * Tablet-sized device or larger.
 ****************************************************************************************/

@media (min-width: 48.000em) {

}


/****************************************************************************************
 * Desktop PC-sized device or larger.
 ****************************************************************************************/

@media (min-width: 64.063em) {
}