/*
 * CSS for Homepage Profile and Utility Modules
 * To be joined with ICF CSS at a later date.
 */

.profile {

}

	.homepage .profile {
		position: relative;
		width: 100%;
		min-height: 180px;
	}

		.homepage .profile div {
			position: relative;
			padding: 6px 12px;
			z-index: 2;
		}

			.homepage .profile div ul {
				margin: 0;
				padding: 0;
				list-style: none;
				max-width: 190px;

			}

			.homepage .profile div ul li {
				position: relative;
				float: left;
				margin-right: 12px;
				padding: 3px 3px 3px 12px;
				width: 80px;
				border-bottom: 1px solid rgba(0,0,0,0.125);
			}

				.homepage .profile div ul li:last-child {
				}

				.homepage .profile div ul li:before {
					content: "\2022";
					display: block;
					position: absolute;
					left: 0;
					color: rgb(255, 106, 0);
					font-weight: bold;
				}

		.homepage .profile img {
			position: absolute;
			right: 0;
			bottom: 0;
			z-index: 1;
		}

		.profile .mod-header {
			position: relative;
			margin: 0;
			background: #7fb6ca;
			z-index: 2;
		}

			.profile h2 {
				margin: 0;
				color: #404040;
			}

.utility-box {
	margin: 12px 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

.utility-box img {
        margin: 0 auto;
        padding:0;
}

	.utility-box ul,
	.utility-box ol {
		margin: 1em 2em;
		padding: 0;
	}

	.utility-box img {
		max-width: 100%;
	}

.homepage .utility-box {
}


@media (min-width: 480px) {

	.homepage .profile {
		overflow: hidden;
	}

	.homepage .profile div ul {
		max-width: 240px;
	}

	.homepage .profile div ul li {
		margin-right: 24px;
	}
	
}


@media (min-width: 768px) {
	

	.homepage .profile img {
		right: -10px;
	}

	.homepage .profile div ul {
		max-width: 100px;
	}
	

		.homepage .profile div ul li {
			margin: 0;
			padding: 0 0 0 12px;
		}
	
	
}


@media (min-width: 992px) {
}


@media (min-width: 1200px) {
}