/*
Variation Name: UNC Charlotte 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
Parent Variation: uncc
*/


/****************************************************************************************
 *  
 * Layout and Basic Design Styles
 * 
 * Styles for the responsive design of the pages.
 * 
 ****************************************************************************************/
	#responsive-title .logo {
		background-image: url('images/logo-green.svg');
	}
	#responsive-title {
		background-color:#fff !important;
		border-bottom-color:#ccc !important;
		background-image:url('images/header-bg-phone.png');
	}

	#responsive-title .logo {
		color:#00703c;
	}

	#responsive-title .title,
	#responsive-title .name,
	#responsive-title .menu-button {
		color:#000 !important;
	}

	#footer {
		background-color:#f6f6f6;
	}

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

	#footer .bar > div,
	#footer .info > div {
		background-color:#fff;
	}

	#footer .bar {
		border-top:solid 1px #ccc;
	}

	#footer .info {
		border-bottom:none
	}


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

@media (min-width: 48.000em) {
	
	#header-wrapper {
		background-image:url('images/header-wrapper-bg-white.png');
		border-bottom: 1px solid #ccc;
	}

	#header {
		background-image:url('images/header-bg-white.png');
		width: 1100px;
	}

	#header .uncc-logo {
		color:#00703c;
	}

	#title-box .name,
	#title-box .description, 
	#title-box a,
	#header .header-title #links a {
		color:#000;
	}
}


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

@media (min-width: 64.063em) {

	#footer {
		background-color:#fff;
	}

	#footer .bar,
	#footer .bar > div {
		background-color:#f6f6f6;
	}

	#footer .links li a {
		color:#00703c;
	}
}