/* Suiche Dev - CSS Doc */

/* import */
@import url("../style.css");
@import url("../font.css");

body {	
	background-color: #222;
}
body, footer p, .breadcrumb a {
	color: #FFF9;
}
.logo {
	margin-right: 0em;
}
section {
	min-height: 320px;
	background-color: #222;
	padding: 2em 0;
	margin-bottom: 2em;
}
section ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
section ul li {
	padding: 0;
	margin: 0;
	width: 100%;
}
section ul li a , section ul li a:link , section ul li a:visited , section ul li a:active , section ul li a:focus {
	color: #FFF;
	text-decoration: none;
	border-radius: 2px;
	display: block;
	padding: 1em;
	font-size: 0.9em;
	font-weight: 300;
	background-color: #444;
	margin-bottom: 1em;
	-webkit-transition: background-color 200ms ease-out 20ms;
	-moz-transition: background-color 200ms ease-out 20ms;
	-o-transition: background-color 200ms ease-out 20ms;
	transition: background-color 200ms ease-out 20ms;
	background-image: url('data:image/svg+xml;utf-8,<svg fill="#666666" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
	background-position: 98%;
	background-repeat: no-repeat;
}
section ul li a:hover {
	text-decoration: none;
	background-color: rgb(109,109,109);
	-webkit-transition: background-color 200ms ease-in 20ms;
	-moz-transition: background-color 200ms ease-in 20ms;
	-o-transition: background-color 200ms ease-in 20ms;
	transition: background-color 200ms ease-in 20ms;
	background-image: url('data:image/svg+xml;utf-8,<svg fill="#222222" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
	
}