/*
-----------------------------------------------
imarketsolutions.com 
Stylesheet: Home.css
Created: 4/30/2019
Author: Saja Willard
Organization:	iMarket Solutions
----------------------------------------------- */

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --- BEGIN PATTERN INTRO --------------------------------------------------------------------------------------------------------------------------------- */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --- SETUP --------------------------------------------------------------------------------------------------------------------------------- */

#patterns {
	background-color: #222;
}

#container-content {
	text-align: center;
	padding: 120px 0 0px;
}

h1 {
	color: #189EDB;
	margin-bottom: 70px;
	font-size: 60px;
}

h2 {
	color: #d92027;
}

li, p {
	color: #fff;
}

/* --- SETUP --------------------------------------------------------------------------------------------------------------------------------- */
/* --- MEDIA QUERIES --------------------------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 1025px) {
	#container-content {
		padding: 100px 0 0px;
	}
	h1 {
		font-size: 52px;
	}
	h2 {
		font-size: 31px;
		margin-bottom: 16px;
	}
}

@media all and (max-width: 800px) {
	h1 {
		font-size: 46px;
		padding: 0 20px;
	}
	h2 {
		font-size: 29px;
	}
}

@media all and (max-width: 570px) {
	h1 {
		font-size: 41px;
		margin-bottom: 40px;
	}
	h2 {
		font-size: 28px;
	}
}

@media all and (max-width: 500px) {
	h1 {
		font-size: 34px;
	}
	h2 {
		font-size: 26px;
		margin-bottom: 10px;
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --- NAV --------------------------------------------------------------------------------------------------------------------------------- */

#container-primary-navigation {
	background-color: #2E3393;
}

#primary-navigation .nav-level-1 > a {
	font-weight: normal;
}

#primary-navigation .nav-level-1 > a:hover, 
#primary-navigation .nav-level-1 > a:active {
	background-color: #1AA3DD;
}


/* --- NAV --------------------------------------------------------------------------------------------------------------------------------- */
/* --- MEDIA QUERIES --------------------------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 1230px) {
	#primary-navigation .nav-level-1 {
		font-size: 16px;
	}
}

@media all and (max-width: 800px) {
	.js #toggle-navigation {
		background-image: url("/assets/templates/main/images/nav/icon-nav-light.png");
		background-color: #2E3393;
		border-radius: 0;
		left: 0;
		top: 0;
		width: 100%;
		background-size: 24px auto;
		background-position: 6px center;
	}
	.js #toggle-navigation a {
		color: #fff;
	}

	#container-primary-navigation {
		background-color: #222;
	}
	#primary-navigation {
		background-color: transparent;
		border-right: 1px solid #fff;
	}
	#primary-navigation li, 
	#primary-navigation li a:link, 
	#primary-navigation li a:visited {
		color: #189EDB;
	}
	#primary-navigation .nav-level-1 > a:hover, 
	#primary-navigation .nav-level-1 > a:active {
		color: #fff;
	}
}

@media all and (max-width: 570px) {
	.js #toggle-navigation {
		background-size: 21px auto;
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --- CONTENT --------------------------------------------------------------------------------------------------------------------------------- */

#environment-description {
	text-align: left;
	padding: 40px 0 0;
	max-width: 800px;
	margin: 0 auto;
}

#environment-description li {
	margin-bottom: 16px;
	line-height: 1.3em;
}


/* --- CONTENT --------------------------------------------------------------------------------------------------------------------------------- */
/* --- MEDIA QUERIES --------------------------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 1025px) {
	#environment-description {
		padding: 40px 50px 30px 30px;
	}
}

@media all and (max-width: 800px) {
	#environment-description {
		padding: 10px 30px 30px 20px;
	}
	#environment-description li {
		line-height: 1.4em;
	}
}

@media all and (max-width: 570px) {
	#environment-description {
		padding: 1px 20px 30px 20px;
	}
}

@media all and (max-width: 500px) {
	#environment-description ul {
		padding-left: 24px;
	}
	#environment-description li {
		line-height: 1.4em;
		margin-bottom: 13px;
	}
}


/* --- END PATTERN INTRO --------------------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/