/*
Variation Name: Light
Description: The light UNC Charlotte variation for offical department UNC Charlotte WordPress sites.
Version: 2.0.0
Author: Alex Chapin
Author URI: https://clas-pages.uncc.edu/alexchapin
*/

/****************************************************************************************
 *  
 * UNCC Alert Styles
 * 
 * Styles for UNCC alert banners.
 * 
 ****************************************************************************************/

#site-outside-wrapper{
	margin:0px !important;
}
#www-uncc-edu-alert{
	margin-top: 32px;
}
.logged-in #www-uncc-edu-alert{
	margin-top: 32px;
}
#www-uncc-edu-alert > div{
	margin-top: 39px !important;
}
@media (max-width: 782px){
	#www-uncc-edu-alert > div{
		margin-top: 58px !important;
	}		
}
@media (max-width: 767px){
	#www-uncc-edu-alert, .logged-in #www-uncc-edu-alert{
		margin-top: 71px;
	}
	#www-uncc-edu-alert > div{
		margin-top: 78px !important;
	}	
}  
/****************************************************************************************
 *  
 * General Styles
 * 
 * Styles for default colors and sizes of common html tags.
 * 
 ****************************************************************************************/
	a {
		color:#00703c;
	}

	@font-face {
		font-family: 'uncc';
		src:url('../../fonts/uncc.eot?sx91xb');
		src:url('../../fonts/uncc.eot?#iefixsx91xb') format('embedded-opentype'),
			url('../../fonts/uncc.ttf?sx91xb') format('truetype'),
			url('../../fonts/uncc.woff?sx91xb') format('woff'),
			url('../../fonts/uncc.svg?sx91xb#uncc') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	.uncc-icon {
		font-family: 'uncc' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.hidden-text{
		 font-size: 0;
		height: 1px;
		overflow: hidden;
		display: block;
	}

/****************************************************************************************
 *  
 * Layout and Basic Design Styles
 * 
 * Styles for the responsive design of the pages.
 * 
 ****************************************************************************************/
	#wpadminbar{
		padding: 10px 0;
	}
	#wp-admin-bar-uncc-logo .ab-item {
		display:none;
	}
	#responsive-title {			  
		background-color:#FFF !important;
		background-color:rgba(255,255,255,1) !important;
		text-shadow:none;		
		height:70px;
		color: #000;
	}
	#responsive-title .logo {
		position:absolute;
		top:5px;
		bottom:5px;
		left:10px;
		margin:auto;
		text-align:center;
		height:50px;
		width:50px;
		line-height:50px;
		font-size:40px;
		color: #00703c;
		font-family: 'uncc' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	#responsive-title .name {
		color: #000;
	}

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

	#header-wrapper {
		margin-top: 24px;
	}

	#header-menu .header-navigation ul a:hover,
	#header-menu .menu ul a:hover {
		color:#063;
	}

	#header-menu .header-navigation ul li.current_page_item > a,
	#header-menu .menu ul li.current_page_item > a {
		color:#063;
	}

	#header-menu li.current_page_item > a {
		color:#063;
	}
	
	#site-inside-wrapper {
		background-color: transparent
	}

	.taxonomy-list.category-list > a {
		border-color:#666666;
		color:#146c3a;
		background-color: #e9e9c9;
		background-color: rgba( 233, 233, 201, 0.7 );
	}

	.taxonomy-list.post_tag-list > a {
		color:#146c3a;
		background-color: #fff8c6;
		background-color: rgba( 255, 248, 198, 0.7 );
	}

/****************************************************************************************
 * Tablet-sized device or larger.
 ****************************************************************************************/
@media (min-width: 48.000em) {
	body.admin-bar #wpadminbar {
		padding: 0;
	}
	body.admin-bar #site-outside-wrapper {
		margin-top: 0;
	}
	body.admin-bar.logged-in #wpadminbar {
		display: block;
	}
	#wp-admin-bar-uncc-logo a {
		padding:0 !important;
	}
	
	#wp-admin-bar-uncc-logo .ab-item:before {
		height:32px !important;
		width:50px !important;
		line-height:24px !important;
		font-size:30px !important;
		text-align:center;
		vertical-align:middle;
/* 		content: "\e603"; */
		font-family:'uncc' !important;
		color:#fff;
	}
}

@media (max-width: 64.062em) {
	#title-box .name {
		font-size: 2.2em;
	}

}
/****************************************************************************************
 * Desktop PC-sized device or larger.
 ****************************************************************************************/
@media (min-width: 64.063em) {
	#header .header-title {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		position: relative;
		min-width: 100% !important;
		width: 100% !important;
	}

	#title-box-wrapper {
		display:table;
		height:100%;
	}

	#title-box {
		display:table-cell;
		font-family:Helvetica, Arial, sanserif;
		width:100%;
		height:auto;
		padding:1em;
	}
}

/****************************************************************************************
 *  
 * "Make It Pretty" Styles
 * 
 * Styles for the content and widget items that make it look more pretty.
 * 
 ****************************************************************************************/
	.widget_pages ul a:hover,
	.widget_nav_menu ul a:hover {
		color:#063;
	}
	
	.widget_pages ul li.current_page_item > a,
	.widget_nav_menu ul li.current-menu-item > a {
		color:#063;
	}

	.widget_categories ul li.current-cat > a {
		color:#063;
	}
	
	.widget_categories ul li > a:hover {
		color:#063;
	}
	
@media (min-width: 768px) and (max-width: 782px) {
	#wp-admin-bar-uncc-logo .ab-item:before {
		margin-top: 13px;
	}
}