/*
Theme Name: kyliehammondblog
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kyliehammondblog
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

kyliehammondblog is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

@import url("responsive.css");

/* Webandprint
*/
.video_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#wrapper{
/* 	overflow-x: hidden; */
}

html{
	width: 100%;
	height: 100%;
}
body{
	background: url(images/body-bg.png) repeat scroll 0 0 transparent;
}

a{
	color: #4a31ac;
}

a:hover,
a:focus,
a:active{
	color: #4a31ac;
}

.img-responsive{
	display: inline-block;
}

h1,h2,h3,h4,h5,h6{
	color: #4a31ac;
}

.btn{
	border-radius: 0px;
	border: 0px none;
}

.btn-primary{
	background: #4a31ac;
	font-weight: bold; 
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
	background: #4a31ac;
}

.row{
	margin-right: 0px;
	margin-left: 0px;
}

/* HEADER */
#kh-logo{
	/* width: 250px; */
	height: 100%;
	margin-left: -11px;
	margin-top: -3px;
}

	#main-header{
		background:url('images/header-bg.jpg') repeat scroll top center transparent;
		min-height: 145px;
		border: 0;
		border-radius: 0px;
		margin-bottom: 20px;

	}

	#main-header .row:first-child{
		padding: 11px 0;
	}

	.container > .navbar-header{
		width: 100%;
		margin: 0;
	}

	.navbar-header .col{
		float: left;
	}

	.navbar-header .last{
		float: right;
		/* width: 395px; */
		width: 100%;
		position: relative;
		height: 73px;
	}

	.navbar-header .brand-block{
		width: 100%;
		text-align: center;
	}

	.navbar-header .brand-block > a{
		display: inline-block;
		width: 230px;
	}

	.navbar-header .brand-block a > img{
		width: 100%;
		height: auto;
	}

	.navbar-header .contact-block{
		width: 100%;
		text-align: center;
		font-size: 24px;
		padding: 30px 0 0 0;
		color: #fff;
		margin-bottom: 9px;
	}

	.navbar-header .navbar-toggle,
	.navbar-header .navbar-toggle:hover,
	.navbar-header .navbar-toggle:active,
	.navbar-header .navbar-toggle:focus{
		background-color: transparent;
		margin-right: 0px;
		margin-top: 15px;
		border-radius: 0px;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background-color: #fff;
	}

/* MOBILE NAVIGATION */
#mobile-navigation{
	/* display: none; */
	margin: 0px;
}

	#mobile-navigation-container{
		background-color: #000;
		border-color: #000000;
		width: 250px;
	}

	#mobile-navigation li > a{
		color: #fff;
		border-bottom: 1px solid #101010;
	}

	#mobile-navigation li > a:hover,
	#mobile-navigation li > a:active,
	#mobile-navigation li > a:focus{
		background-color: #4a31ac;
	}

/* SUBSCRIBE BLOCK */
.navbar-header .subscribe-block{
	text-align: center;
    float: right;
    margin-top: 0px;
    right: 0px;
    width: 100%;
}

	.navbar-header .subscribe-block header{
		color: #ffffff;
	    font-size: 12px;
	    padding: 6px 6px;
	}

	.navbar-header .subscribe-block > *{
		float: left;
	}

/* NEWSLETTER BLOCK */
.newsletter-block{
	/* position: absolute; */
	/* 	right: -13px;
	top: 29px; */
    width: 100%;
}

	.newsletter-block input[type="email"]{
		background-color: #000000;
		color: #ffffff;
		border: 0px;
		margin: 0px;
		font-size: 12px;
		padding: 5px 10px;
		width: 85%;
	}
	
	.newsletter-block input[type="submit"]{
		background-color: #000000;
		padding: 2px 6px;
		height: 27px;
		margin-left: 10px;
		position: relative;
		top: 1px;
		font-weight: 400;
	}

/* NAVIGATION */
.navigation-row{
	background-color: #000000;
}

	#main-navigation li{
		position: relative;
	}

	#main-navigation li > a{
		color: #ffffff;
		padding: 15px 14px;
		font-size: 12px;
		text-transform: uppercase;
	}

	#main-navigation li > a:hover,
	#main-navigation li > a:focus,
	#main-navigation li > a:active,
	#main-navigation li.current-menu-item > a,
	#main-navigation li.current-menu-item > a:hover,
	#main-navigation li.current-menu-item > a:active,
	#main-navigation li.current-menu-item > a:focus{
		background-color: #4C34AE;
	}

	#main-navigation .sub-menu{
		display: none;
	}

	.menu-item-has-children > a:hover + .sub-menu,
	.menu-item-has-children > a:focus + .sub-menu,
	.menu-item-has-children > a:active + .sub-menu{
		display: block !important;
	}

	#bs-example-navbar-collapse-1{
		padding: 0;
	}

/* SUB MENU */
.sub-menu{
	background-color: #000000;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	background: #ffffff;
	top: 97%;
	right: 0px;
	z-index: 9;
}

	.sub-menu li > a{

	}

/* ICONS */
.icon{
	text-transform: normal;
	display: inline-block;
}

	.subscribe-block .icon{
		background-image: url(images/social-sprite.png);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-color: transparent;
		display: inline-block;
		width: 20px;
		height: 25px;
		margin: 0 3px;
		float: right;
	}

	.subscribe-block .icon > a{
		width: 100%;
		display: inline-block;
		height: 100%;
	}

	.subscribe-block .tw-ico{
		background-position: -7px 0px;
	}

	.subscribe-block .in-ico{
		background-position: -33px 0px;
	}

	.subscribe-block .bg-ico{
		background-position: -58px 0px;
	}

	.subscribe-block .gp-ico{
		background-position: -83px 0px;
	}

/* CONTENT AREA */
.content-area{
	background: #ffffff;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
}
	
	#main .post:first-child{
		padding-top: 35px;
	}

	#main .post{
		padding: 50px 0;
		border-bottom: 1px #e1e1e1 solid;
	}

	#main .post figure{
		text-align: center;
		margin-bottom: 20px;
	}

	.entry-footer > span{
		display: inline-block;
		width: 100%;
	}
	
	.cat-links{
		padding: 5px 5px 5px 0;
	}

	.cat-links > a{
		font-size: 10px;
		text-transform: uppercase;
		background-color: #4A31AC;
		color: #ffffff;
		padding: 9px;
		margin: 3px;
		display: inline-block;
	}

	.cat-links > a:first-child{
		margin-left: 0px;
	}

	.entry-title{
		margin-top:0;
	}

	.entry-title > a,
	.entry-title{
		color: #362a6d;
	}

	.entry-title > a:hover,
	.entry-title > a:focus,
	.entry-title > a:active{
		text-decoration: none;
	}

	.entry-meta,
	p.date{
		color: #000000;
		font-size: 13px;
		font-weight: 900;
	}

	.posts-navigation{
		padding: 25px 0;
	}
	
	.posts-navigation .page-numbers{
		padding: 6px 9px;
		border: 1px solid #e6e6e6;
		border-radius: 20px;
	}

/* SINGLE */
.single .entry-content{
	/* padding: 10px 40px 10px 40px; */
}

	.single article figure{
		text-align: center;
	}

	.single article figure > img{
		text-align: center;
	}

	.single .alignleft{
		float: left;
		margin: 0 15px 15px 0;
	}

	.single .alignright{
		float: right;
		margin: 0 0 15px 15px;
	}

/* ARCHIVE */
.archive .page-title{
	margin-top: 0px;
	position: relative;
}

	.archive .page-title:after{
		content: '';
		position: absolute;
		width: 26px;
		height: 5px;
		background-color: #5038b3;
		bottom: -19px;
		left: 0px;
	}

/* ASIDE */
#wrapper .container > aside{
	margin-top: 20px;
	padding: 0 0;
}
	
/* WIDGET */
.widget{
	background-color: #ffffff;
	padding: 10px;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
	margin: 20px 0;
}

	.dark .widget{
		background-color: transparent;
	}

	#about-kylie{
		margin-top: 0px;
		padding: 20px 30px;
	}

	.about-heading{
		font-size: 24px;
		font-weight: 700;
	}

	.widget-title{
		font-size: 22px;
		margin-top: 0;
		border-bottom: 3px solid #E9E7F1;
		padding-bottom: 8px;
	}

	.widget ul,
	.widget ol{
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.widget ul li > a,
	.widget ol li > a{
		display: inline-block;
		width: 100%;
		padding: 10px 5px;
		border-bottom: 1px solid #e6e6e6;
	}

	.widget ul li > a:last-child,
	.widget ol li > a:last-child{
		border: 0px none;
	}

	.widget .search-field{
		width: 100%;
	}

	/* SECONDARY SIDEBAR */
	#secondary-sidebar{
		padding: 14px 0;
	}

		#secondary-sidebar .container > .col{
			padding: 0;
		}

	/* FOOTER WIDGET */
	footer .widget{
		margin: 15px 0 0 0;
		padding: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	footer .widget-title{
		font-family: Arial, sans-serif;
		color: #ffffff;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		padding-bottom: 19px;
		position: relative;
	}

		footer .widget-title:after{
			content: '';
			position: absolute;
			width: 26px;
			height: 5px;
			background-color: #5038b3;
			bottom: 0px;
			left: 0px;
		}

		footer .widget ul li,
		footer .widget ol li{
			border-bottom: 1px solid rgba(255,255,255,0.5)
		}

		footer .widget ul li:last-child,
		footer .widget ol li:last-child{
			border-bottom: 0px none;
		}

		footer .widget ul li > a,
		footer .widget ol li > a{
			color: #ffffff;
			padding: 21px 10px;
		}

		footer .widget ul li > a:hover,
		footer .widget ul li > a:focus,
		footer .widget ul li > a:active{
			text-decoration: none;
		}

	/* ABOUT */
	#about-kylie .icon{
		background-image:url(images/social-sprite.png);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-color: #ffffff;
		text-transform: none;
		margin: 20px 5px;
		display: inline-block;
	}

	#about-kylie .icon > a{
		display: inline-block;
		width: 33px;
		height: 33px;
	}

	#about-kylie .facebook{
		background-position: -7px -35px;
	}

	#about-kylie .twitter{
		background-position: -49px -35px;
	}

	#about-kylie .linkedin{
		background-position: -94px -35px;
	}

	/* RECENT POSTS */
	#recent-posts article{
		padding: 20px 0;
		border-bottom: 1px solid #e6e6e6;
	}

	#recent-posts article img{
		display: inline-block;
		margin-bottom: 20px;
	}

	#recent-posts article:last-child{
		border-bottom: 0px none;
	}

	#recent-posts .entry-title{
		font-size: 18px;
		margin: 0px 0 20px 0;
	}

/* COMMENTS */
.comments-title{
	font-size: 22px;
}

	.comment-icon{
		width: 25px;
		height: 26px;
		top: 5px;
		position: relative;
		display: inline-block;
		background: url(images/social-sprite.png) no-repeat scroll -6px -79px transparent;
	}

	#comments > ol{
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#comments ol.children{
		list-style: none;
	}

	ol.comment-list .depth-1{
		padding: 30px 0;
		border-bottom: 1px solid #e6e6e6;
	}

	ol.comment-list .comment{
		padding: 20px 0;
	}

	#comment{
		width: 100%;
	}

	.children > li{
		border-bottom: 1px solid #e6e6e6;
	}

	.comment > .children li:last-child{
		border-bottom: 0px none;
	}

	.comment-form input{
		width: 100%;
	}

/*COMMENT REPLY */
.comment-respond{
	margin-top: 20px;
	border-radius: 5px;
	padding: 20px;
	background: #F3F3F3;
	position: relative;
	z-index: 1;
}
	
	.comment-respond:after{
		content: '';
	    position: absolute;
	    width: 30px;
	    height: 30px;
	    border-left: 15px solid transparent;
	    border-right: 15px solid transparent;
	    border-bottom: 15px solid #f3f3f3;
	    top: -27px;
	    left: 10px;
	    z-index: 2;
	}

	.comment-reply-title{
		margin-top: 0;
	}

	.comment-form-comment .label{
		display: block;
	}

	#reply-title > small{
		float: right;
		text-transform: uppercase;
		display: inline-block;
		font-size: 11px;
		font-weight: bold;
	}

/* MAILCHIMP */
.mc4wp-alert{
	color: #ffffff;
	font-size: 10px;
}

/* FORM */
input,
input[type="text"],
input[type="search"],
input[type="url"],
input[type="email"],
textarea{
	border: 1px solid #e6e6e6;
	box-shadow: 0px none;
	padding: 5px;
}

	input[type="button"],
	input[type="submit"]{
		background: #4a31ac;
		border: 0px none;
		color: #ffffff;
		font-weight: 700;
		padding: 5px 10px;
	}

	input[type="clear"],
	input[type="submit"]{
		background: #4a31ac;
		border: 0px none;
		color: #ffffff;
		font-weight: 700;
		padding: 5px 10px;
	}

/* TWITTER WIDGET */
.wpt-latest-tweets li{
	padding: 21px 10px;
	color: #ffffff;
}
	.wpt-latest-tweets li.lang-en a{
		padding: 0;
		border-bottom: 0px none;
	}

	.wpt-latest-tweets li .wpt-tweet-time a{
		color: #ffffff;
	}

	.wpt-twitter-name{
		color: #ffffff;
		display: inherit;
	}

	.wpt-twitter-id > a{
		color: #ffffff;
	}

/* FOOTER */
#main-footer{
	background: url(images/footer-bg.png) repeat-x scroll 0 0 #202020;
	margin-top: 35px;
}

	#main-footer .last{
		background-color: #000000;
	}

	#main-footer .last > .container{
		/* padding: 0; */
		padding: 0 15px;
	}
	
	ul.footer-nav{
		width: 100%;
		display: inline-block;
		margin: 0px;
		text-align: center;
		padding: 0px;
	}

	ul.footer-nav li{
	    list-style: none;
		position: relative;
	    font-size: 12px;
	    display: inline-block;
	    height: 15px;
	    line-height: 15px;
	    padding: 0 5px 0 2px;
	}

	ul.footer-nav li a{
		color: #e6e6e6;
	    display: block;
	    padding-right: 2px;

	}

	ul.footer-nav li:after{
		content: '|';
		color: #ffffff;
		position: absolute;
		top: 0px;
		right: 0px;
	}

	ul.footer-nav li:last-child:after{
		display: none;
	}
	
	.copyright{
		width: 100%;
	}

	.copyright,
	.copyright a{
		margin-top: 5px;
		font-size: 12px;
		color: #e6e6e6;
		text-align: center;
	}

	footer .last{
		padding: 9px 0;
	}

	footer .ul.footer-nav{
		width: 100%;
	}

@media screen and (min-width: 1200px){
	.container{
		width: 960px;
	}
}