/*
 * PILOTdesign Custom CSS
 *
 * Melanie deDon, Front-end Web Developer
 * melaniededon.com
 * v1.0 | August 2013
 *
 */

/* typography */

body {
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3 {
	line-height: 1em;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
	font-weight: normal;
}

h4 {
	font-size: 14px;
	font-weight: normal;
}

a {
	color: #3e72ab;
}

a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

/* page */

body {
	background: #e1f5fc url("../img/body-bg.png") repeat-x top left;
}

.main-content {
	background-color: #fff;
}

/* header */

.logo-header {
	margin: 0;
	padding: 30px;
	color: #fff;
	background: transparent url("../img/km-logo2.png") no-repeat top left;
	border-bottom: 0;
	max-width: 100%;
}



/* .site-title {
	font-size: 28px;
	font-weight: normal;
	line-height: 1.2em;
} */

.page-header {
	margin: 0;
	padding: 20px;
	color: #fff;
	background: transparent url("../img/cloud.png") no-repeat center right; 
	border-bottom: 0;
}


.page-header h1 span {
	text-transform: uppercase;
}

.navbar {
	margin-bottom: 15px;
	padding: 9px 0 10px;
	background-color: #372f2d;
}

.navbar a {
	color: #fff;
	padding: 12px 20px;
	border-left: 1px solid #00aeef;
	text-decoration: none;
	text-transform: uppercase;
}

.navbar a.linkedin {
	border-right: 1px solid #00aeef;
}

.navbar a:first-child {
	border-left: 0px;
}

/* about me */

.about-me {
	float: right;
	width: 175px; /* 215px */
	padding: 20px;
	background-color: #00adef;
	color: #fff;
}

.about-me h3 {
	margin: 0 0 20px;
}

.about-me h3.mobile-link {
	display: none;
}

.about-me h3 a {
	color: #fff;
	text-decoration: none;
}

.about-me h4 {
	margin: 0;
}

.about-me ul {
	list-style-type: none;
	margin: 0;
}

.about-me ul.skills {
	margin-bottom: 30px;
}

.about-me ul li {
	margin-left: 0;
}

.about-me small {
	color: #fff;
}

/* portfolio */

.main-content .portfolio-row {
	padding: 0 50px;
	overflow: hidden;
	border-bottom: 1px solid #00adef;
}

.portfolio-item {
	padding: 20px;
}

.portfolio-item h2 {
	color: #362f2d;
	font-weight: normal;
}



[class^="-full"],
[class*="-full"] {
	display: none;
}

/* icons */

.icon-expand,
.data-collapsed .addl-info .icon-expand {
	background: transparent url("../img/icon-expand.png") no-repeat top left;
	width: 45px;
	height: 21px;
}

.icon-collapse,
.data-expanded .addl-info .icon-expand {
	background: transparent url("../img/icon-collapse.png") no-repeat top left;
	width: 45px;
	height: 23px;
}

/* additional info */

.addl-info {
	position: relative;
	text-align: right;
	top: -25px;
	text-transform: uppercase;
	font-size: 12px;
}

.addl-info:first-child {
	top: -26px;
}

.addl-info i {
	position: relative;
	right: 0;
	top: -2px;
}

.addl-info.expanded i {
	top: -5px;
}

.addl-info a {
	position: relative;
	right: 0;
	top: 5px;
	color: #362f2d;
}

.data-expanded .learn-moore,
.data-collapsed .see-less  {
	display: none;
}

.data-expanded .see-less,
.data-collapsed .learn-moore {
	display: inline;
}

/* carousel */

h4 {
	font-size: 18px;
	color: #01aef0;
}

.carousel-control {
	background-color: transparent;
	color: #b2e7fa;
	border: 0;
	border-radius: 0;
	outline: none;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #b2e7fa;
  text-decoration: none;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.carousel-inner {
	width: 85%;
	margin: 0 auto;
}

.carousel-caption {
	margin-bottom: 30px;
	background: #fff;
	position: relative;
	margin: 0;
	padding: 0;
}

.carousel-caption h4 {
	color: #333;
	font-size: 14px;
	padding-left: 0px;
}

.carousel-indicators {
	display: none;
}

/* footer */

.footer {
	overflow: hidden;
	padding: 40px 30px;
	background: #00adef url("../img/icon-footernotch.png") no-repeat top left;
	color: #fff;
	margin-top: -1px;
}

.footer .links {
	margin-top: 20px;
}

.footer a {
	color: #fff;
	padding: 0 35px;
	border-left: 1px solid #fff;
}

.footer a:first-child,
.footer a.email {
	border-left: 0;
}

.footer a.top {
	padding: 0;
}

.footer .links.mobile {
	display: none;
	margin-bottom: 20px;
}

.footer .links.mobile a {
	text-decoration: underline;
	display: block; 
	padding: 0 0 10px 0;
	border: 0px;
}

.footer .about-me ul li {
	margin-left: 10px;
}

.footer .about-me {
	float: left;
	width: 97%;
	padding: 0 0px;
}

.footer .about-me .column {
	float: left;
	margin-right: 40px;
}

.copyright {
	color: #9b9796;
	float: right;
	width: 250px;
	padding: 1px 45px 0 0;
}

/* resume */


.resume .main-content {
	background-color: #fff;
}

.resume .inner-content {
	padding: 20px;
}

.resume .title {
	font-size: 1.2em;
	font-weight: bold;
}

.resume .employer {
	text-transform: capitalize;
	font-weight: bold;
}

.resume h1 {
	font-size: 16px;
	border-bottom: 4px solid #d9e5e5;
	padding: 1em 0;
	font-weight: normal;
}

.resume h2 {
	background-color: #d9e5e5;
	margin-top: 1em;
	font-size: 1em;
	color: #454344;
	padding: 1em;
}

.resume h3 {
	font-size: 13px;
	text-transform: uppercase;
}

.resume .entry {
	margin: 1em;
}

.addl-links {
	float: right;
	width: 50%;
	text-align: right;
	white-space: nowrap;
}

.addl-links a {
	color: #10b4f1;
	margin-left: 10px;
}

.addl-links a:first-child {
	border-right: 1px solid #d9e5e5;
	padding-right: 15px;
}

/* media queries */

    
    /* Landscape phone to portrait tablet (medium display) */
    @media (max-width: 1024px) {  
    	body {
    		padding: 0;
    	}

    	.portfolio-item {
    		margin-right: 20px;
    		padding: 20px 0;
    	}

    	.carousel-inner {
    		width: 80%;
    	}

    	.footer .about-me .column {
    		margin-right: 5px;
    	}

    	.about-me h3.for-desktop {
    		display: none;
    	}

    	.about-me h3.mobile-link {
			display: block;
		}
		
		.navbar a.portfolio {
			border-right: 0;
		}

		.copyright {
			float: none;
		    padding: 10px 0 0;
		    text-align: center;
		    border-top: 1px solid #00aeef;
		    margin-top: 13px;
		    width: 100%;
		}

		.span6.image {
			text-align: center;
		}
    }

    /* Landscape phone to portrait tablet */
	@media (max-width: 767px) { 
		.page-header {
    		background-image: none;
    	}
	}

     
    /* Landscape phones and down (small display) */
    @media (max-width: 480px) {  

    	body {
    		min-width: 330px;
    	}

    	.page-header {
    		background-image: none;
    		padding: 15px 0 10px;
    		max-height: 87px;
    	}

    	.logo-header {
			background: transparent url("../img/km-logo2-320.png") no-repeat top left;
		}

    	.navbar {
    		margin-bottom: 0;
    	}

    	.navbar .email,
    	.navbar .linkedin,
    	.print-page {
    		display: none;
    	}

    	.footer .links {
    		display: none;
    	}

    	.footer .links.mobile  {
    		display: block;
    	}

		.main-content .portfolio-row {
			padding: 0 10px;
		}	

    	.portfolio-item .description {
    		float: none;
    		width: 100%;
    	}

    	.carousel-inner {
    		width: 80%;
    	}

    	[class^="-full"],
		[class*="-full"] {
			display: block;
		}

		.addl-info,
		[class^="-excerpt"] img,
		[class*="-excerpt"] img {
			display: none;
		}

		.navbar a.about-me-link {
    		display: inline;
    	}

    	.navbar.bottom a {
    		display: none;
    	}

    	.copyright {
			float: none;
		    padding: 0;
		    text-align: center;
		    border-top: 0;
		    margin-top: 0;
		    width: 100%;
		}

    }

    @media (max-width: 330px) { 
    	
    }