/*

Theme Name:     Kevin G Davy

Theme URI:      http://ajom.co.uk

Description:    Theme for Kevin Davy's site by AJOM

Author:         Anthony J O'Malley

Author URI:     http://ajom.co.uk

Version:        0.1

*/


/* hacks */

article, aside, dialog, figure, footer, header, hgroup, nav, section { 

	display:block; 

	zoom:1; 

	}



body {

	font-family: 'Open Sans', Helvetica, 'Helvetica Neue', Arial, Verdana, Tahoma, sans-serif;

	line-height: 1.8em;

	margin: 0;

	color: #1c1c1c;

	background: #eee;
	
	font-size: 1em;

}



a {

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

	transition: all .4s ease-out

}



h1, h2, h3 {

	font-family: 'Open Sans', Helvetica, 'Helvetica Neue', Arial, Verdana, Tahoma, sans-serif;
	
	font-weight: 600;


}

.singlesection h1 {
	font-weight: bold;
}


.herotext h1 {
	
	font-family: 'Chunkfive', Helvetica, 'Helvetica Neue', Arial, Verdana, Tahoma, sans-serif;
	
	font-weight: normal;
	
	text-transform: uppercase;
	
}


img {

	border: 0;

}



.wrapper {

	max-width: 960px;

	padding: 0 20px;

	margin: 0 auto;

}



.wrapper2 {

	max-width: 980px;

	padding: 0 10px;

	margin: 20px auto 0;

	overflow: auto;

}


/* fonts */

@font-face {
    font-family: 'Chunkfive';
    src: url('types/Chunkfive-webfont.eot');
    src: url('types/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('types/Chunkfive-webfont.woff') format('woff'),
         url('types/Chunkfive-webfont.ttf') format('truetype'),
         url('types/Chunkfive-webfont.svg#Chunkfive') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* If the WP Adminbar is up */



body.admin-bar header{top: 28px;} 



/* header */



header {

	background: #111;

	position: fixed;

	width: 100%;

	top: 0;
	
	left: 0;

	z-index: 100;

}



#branding {

	padding: 0 20px;

	overflow: hidden;

	margin: 0 auto;

	max-width: 960px;

	position: relative;
	
	min-height: 58px;

}



#branding h1 {

	float: left;

	font-family: 'Open Sans', sans-serif;

	font-size: 1.7em;

}



#branding h1 a {

	color: #fff;

}



#branding h1 a:hover {

	text-decoration: none;

}


/* social */

.social {
	margin-left: 5px;
	width: 18px;
	height: 18px;
	background-position: 0 0;
}

.socialheader a {
	border: 0;
}

.social:hover {
	-moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out;
}

img.social.facebook {
	background: url(images/social/facebook.png);
}

img.social.twitter {
	background: url(images/social/twitter.png);
}

img.social.soundcloud {
	background: url(images/social/soundcloud.png);
}

img.social.google {
	background: url(images/social/googleplus.png);
}

img.social.linkedin {
	background: url(images/social/linkedin.png);
}



/*navigation*/



.menubutton {

	position: absolute;

	right: 0;

	margin-right: 20px;

	top: 17px;

	display: none;
	
	height: 17px;
		
	width: 26px;
		
	background-image: url(images/menu.png);

}



a.menubutton {

	color: #fff;

}



a:hover img.menubutton, a:active img.menubutton {

	color: #ccc;
	
	background-position: 26px 0;

}



#mobilenav {

	display: none;
	
	visibility: hidden;

	clear: both;

}



#mobilenav ul {

    list-style: none;

    padding: 5px 0;

	clear: both;

}

#mobilenav li a {

    display: block;

    padding: 0 10px;

    color: #fff;

    text-decoration: none;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    letter-spacing: 0.1em;

    line-height: 2em;

    height: 2em;

    border-bottom: 1px solid #383838;

}

#mobilenav li:last-child a {

    border-bottom: none;

}

#mobilenav li a:hover,

#mobilenav li a:focus {

    color: #1c1c1c;

    background: #ccc;

}



/* standard nav */



#mainnav {

	text-align: right;

	margin-top: 16px;

}

#mainnav li {

    padding: 0 10px;

    color: #fff;

    text-decoration: none;

    font-weight: bold;

	font-size: 0.8em;

    text-transform: uppercase;

    line-height: 2em;

    height: 2em;

	list-style: none;

	display: inline;

}


#mainnav li a {
	color: #fff;
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out;
}


#mainnav li a:hover {
	text-decoration: none;
	color: #00A9D3;
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out;
}

#mainnav li a:active {
	text-decoration: none;
	color: #00A9D3;
}




/* social head */



.socialheader {

	margin-top: 18px;

	float: left;

}





/* hero */


ul.slides li {
	
	display: none;
	
}

.heroshot {

	width: 100%;

	margin-top: 58px;

	position: relative;
	
	overflow: hidden;
	
	display: none;

}

.heroshot .flexslider {
	background: #111;
}



.heroshot img {

	width: 100%;

	height: auto;

}



.herocontent {

	position: absolute;

	top: 20px;

	width: 100%;
	
	z-index: 70;
	

}



.herotext {

	max-width: 960px;

	margin: 0 auto;

	padding: 0 20px;

}



.herotext span {

	/* background: url(./images/hero_trans.png); */

	padding: 5px 10px;

}



.herotext h1 {

	font-size: 4em;

	color: #fff;

	margin-bottom: 0.5em;

}



.herotext h2 {

	font-size: 1.3em;

	color: rgb(0, 169, 211);

}


.hero-caption {
	position: absolute;
	bottom: 15px;
	width: 100%;
	padding: 0 20px;
}

.hero-caption .quotetext {
	max-width: 960px;
	margin: 0 auto;
	color: #fff;
}

.hero-caption .quotetext span {
	padding: 5px 10px;
	background: url(./images/hero_trans.png);
}


/* the slogan */



#slogan {

	padding: 0 0 30px 0;

	margin-bottom: 40px;

	color: #444;

	border-bottom: 1px solid #eee;

	line-height: 2em;

}



#slogan h1 {

	font-family: 'Open Sans', sans-serif;

	font-weight: 200;

	color: #111;

	margin: 0 0 15px 0;

}



#slogan h2 {

	font-family: 'Open Sans', sans-serif;

	font-weight: 100;

	margin: 0;

	line-height: 1.8em;

}



#slogan h2 span {

	font-weight: 400;

}



/* general stuff */



ul {

	list-style: square;

	margin-top: 0px;

}



ul li {

	padding: 0 0 3px 0;

}



.floatright {

	padding: 0 0 20px 20px;

	width: 200px;

	float: right;

}



input.send {

	background: #eee;

	border: 0;

	padding: 5px 10px;

}



input.send:hover {

	background: #ddd;

	cursor: crosshair; 

}



/* main links */



a {

	color: #00A9D3;

	text-decoration: none;

}



a:hover {

	color: #000;

	text-decoration: underline;

}



/* to top */



.totoplink {

	text-align: center;

	display: block;

	position: relative;

	margin-bottom: 40px;

}





.totop {

	height: 28px;

	width: 28px;

	background: url(./images/up.png);

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

	transition: all .4s ease-out;

	position: absolute;

	top: -13px;	

}



.totop:hover {

	background: url(./images/uphover.png);

	transform:rotate(360deg);

	-ms-transform:rotate(360deg); /* IE 9 */

	-webkit-transform:rotate(360deg);

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

	transition: all .4s ease-out

}



/* homepage sections */



.thesections {

	padding: 0;

	margin-top: -10px;

}



.singlesection {

	padding: 20px 20px 110px;

	background: #fff;

	overflow: hidden;

}



.singlesection h1 {

	font-size: 2.3em;

	font-weight: 400;

	padding: 1.4em 0 1.2em;

	text-transform: uppercase;

}



.singlesection:nth-child(odd) {

	background: #eee;

	color: rgb(51, 51, 51);

}

.singlesection:nth-child(odd) h1, 
.singlesection:nth-child(odd) h2, 
.singlesection:nth-child(odd) h3, 
.singlesection:nth-child(odd) h4, 
.singlesection:nth-child(odd) h5, 
.singlesection:nth-child(odd) h6 {

	color: black;

}



.singlesection:nth-child(even) {

	background: #333;

	color: #eee;	

}

.singlesection:nth-child(even) h1,
.singlesection:nth-child(even) h2,
.singlesection:nth-child(even) h3, 
.singlesection:nth-child(even) h4, 
.singlesection:nth-child(even) h5, 
.singlesection:nth-child(even) h6 {
	color: white;
}


.singlesection:nth-child(even) .discinfo {

	background-image: url(images/cd_music_white.png);

}



section h2 {

	font-size: 2em;

	padding: 0 0 20px 0;

}



seciont 



/* homepage dates */



.accordion {

	margin: 0;

	padding: 0;

}



ul.accordion {

	padding: 0;

}



.giglist {

	position: relative;

	list-style: none;

}



.giginfo {

	overflow: auto;

	margin-bottom: 10px;

	margin-left: 80px;

}



.giginfo .category {

	font-size: 0.7em;

}



.giglist h3 {

	margin: 0;

}



.gigdate {

	background: #111;

	padding: 13px 10px;

	text-align: center;

	width: 40px;

	float: left;

	margin-right: 20px;

	font-weight: 400;

	position: absolute;

	left: 0;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

	transition: all .4s ease-out

}



.gigdate:hover, .gigdate:active {

	background: rgb(0, 169, 211);

	cursor: pointer;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

	transition: all .4s ease-out

}



.gigdate span.day {

	font-size: 1.7em;

	font-weight: bold;

}



.gigdate span.day, .gigdate span.month {

	color: #fff;

	display: block;

	line-height: 1.1em;

}

.gigdate span.year {
	font-size: 80%;
}



.gigdetails {

	margin: 15px 0;

}


/* soundcloud */

.soundcloudembed {
	width: 100%;
	border: 0;
	min-height: 385px;
}



/* discography */



ul.discography {

	list-style: none;

	padding: 0;

}



ul.discography li {

	position: relative;

	margin-bottom: 30px;

	width: 50%;

	min-height: 80px;

	float: left;

}



.disc {

	width: 55px;

	height: 55px;

	position: absolute;

	left: 0;

}



.discinfo {

	background-image: url(images/cd_music.png);

	background-repeat: no-repeat;

	padding-left: 55px;

}



.discinfo h3 {

	margin: 0;

}



.discinfo .label {

	font-size: 0.7em;

}



/* videos */

.playbutton {
	background: url(images/videoplay.png);
	margin: 33px 0 0 50px;
	width: 44px;
	height: 44px;
	top: 35px;
	z-index: 5;
	opacity: 0.7;
}

a:hover .playbutton {
	opacity: 1;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

ul.kdvideos {

	padding: 0;

	list-style: none;

}



ul.kdvideos li {

	position: relative;

	min-height: 113px;

	margin-bottom: 20px;

}



ul.kdvideos img {

	position: absolute;

	top: 0;

	left: 0;

}



ul.kdvideos .vidinfo {

	margin-left: 180px;

}



/* single post and sidebar  */



#singlepost {

	width: 65%;

}



.sidebar {

	 width: 34%;

	 float: right;

}



/* gallery */



.galleryentry {

	position: relative;

	min-height: 150px;

	margin-bottom: 20px;

}



.gallerypic {

	position: absolute;

	top: 0;

}



.photocredits {

	font-size: 0.8em;

}



.gallerydetails {

	margin-left: 180px;

}



.gallery-icon {

	display: none;

}



.gallery-item:first-child {

	display: block

}



/* portfolio */



.flexslider ul {

	list-style: none;

	padding: 0;

}



.portfolio .gallery-icon {

	border: 1px solid #ddd;

}



.portfolio .gallery-caption {

	padding: 5px;

	color: #777;

}



.portfolio.sidebar h2.entry-title {

	margin: 0;

	font-weight: 600;

	font-size: 1.5em;

}



.portfolio.sidebar .meta {

	margin-top: 5px;

}



.portfolio.sidebar h3 {

	color: #777;

	font-weight: 100;

	font-size: 1em;

	margin-top: 0;

}



.portfolio.sidebar .excerpt {

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	hyphens: auto;

}



.portfolio.sidebar .technobabble {

	display: block;

	padding: 15px 0;

}



.portfolio.sidebar .technobabble span {

	background-image: url(images/tick.png);

	background-repeat: no-repeat;

	padding-left: 18px;

	background-position: 0 2px;

	font-size: 0.8em;

	font-style: normal;

}



.portfolio.sidebar .custommeta {

	margin-top: 30px;

	display: block;

}



.portfolio.sidebar .button {

	background: #f6000e;

	color: #fff;

	padding: 7px 15px;

	border: 0;

	font-weight: 400;

	font-size: 1em;

}



.portfolio.sidebar .button:hover {

	text-decoration: none;

	background: #444;

}



.portfolio.sidebar ul.deployments {

	padding: 20px 0;

}



.portfolio.sidebar ul.deployments li {

	padding: 0;

	list-style: none;

	background-image: url(images/deployments.gif);

	background-repeat: no-repeat;

	padding-left: 28px;

	background-position: 0 4px;

}



/* portfolio-blocks */



ul.portfolio-blocks {

	list-style: none;

	padding: 0;

}



ul.portfolio-blocks li {

	float: left;

	width: 25%;

}



ul.portfolio-blocks li .tile {

	padding: 15px;

	min-height: 345px;

}



ul.portfolio-blocks li .tile {

	background: #fff;

	border: 1px solid #fff;

}



ul.portfolio-blocks li .tile:hover {

	border: 1px solid #f6000e;

	-webkit-transition: all .6s ease-out;

	-moz-transition: all .6s ease-out;

	-o-transition: all .6s ease-out;

	transition: all .6s ease-out

}



ul.portfolio-blocks li a {

	color: #1c1c1c;

	background: #fff;

}



ul.portfolio-blocks li a:hover {

	text-decoration: none;

	background: #eee;

}



ul.portfolio-blocks li .tile img {

	width: 100%;

	height: auto;

	border: 1px solid #ddd;

}



ul.portfolio-blocks h2 {

	font-size: 1em;

	font-weight: 600;

	margin-bottom: 0;

}



/* blog page */



.blog #slogan {

	margin-bottom: 30px;

}



.blog .post {

	padding: 20px 0;

}



.blog .commentbubble {

	float: right;

	background: #f6f6f6;

	padding: 5px 15px;

	margin-top: 15px;

}



.blog .meta {

	padding-bottom: 0px;

	font-size: 0.8em;

	color: #777;

}



.blog .meta a {

	color: #999;

}



.blog .postmetadata {

	font-size: 0.8em;

	padding-top: 20px;

}



/* blog sidebar */



#singlepost {

	float: left;

	width: 60%;

}



.blog-sidebar {

	display: block;

	float: right;

	width: 250px;

	margin: 20px 0 50px 0;

	padding-left: 30px;

	list-style: none;

}



.blog-sidebar .widget {

	font-size: 0.8em;

}



.blog-sidebar li.widget ul {

	padding-left: 18px;

}



/* blog page nav */



.page_nav {

	margin: 0 0 40px 0;

}



/* blog single page */



h2.entry-title {

	font-size: 1.8em;

}



.single h2 {

	margin-top: 15px;

}



.single .meta {

	margin: 30px 0;

}



.single .previous-post {

	margin-bottom: 15px;

}



.single .previous-post a:hover {

	text-decoration: none;

}



.single .next-post {

	float: right;

	margin-bottom: 15px;

}



.single .next-post a:hover {

	text-decoration: none;

}



code {

	background: #f6f6f6;

	padding: 3px;

	margin: 0 3px;

	border: 1px solid #eee;

}



/* comments */



#comment {

	max-width: 100%;

}



/* footer area */

	

#footer {

	display: block;

	overflow: auto;

	clear: both;

	margin: 30px auto 0;

	max-width: 960px;

	padding: 0 20px

}



#footer nav ul {

	float: right;

	margin: 0;

}



#footer nav ul li {

	float: left;

	display: block;

	list-style: none;

	margin-left: 20px;

}



#footer a {

	color: #00A9D3;

	text-decoration: none;

}



#footer a:hover {

	border-bottom: 1px dotted #00A9D3;

}

	



#copyright {

	max-width: 960px;

	margin: 0 auto;

	padding: 20px 0;

	text-align: right;

}



/* social media buttons */



#copyright .social {

	float: left;

	margin-top: 22px;

}



#copyright .social img {

	width: 25px;

	height: 25px;

	border: 0;

	margin-right: 3px;

}



#copyright .social a img.flickr {

	background-image: url(./images/social.png);

	background-position: 25px 0;

}



#copyright .social a:hover img.flickr {

	background-position: 25px 25px;

}



#copyright .social a img.twitter {

	background-image: url(./images/social.png);

	background-position: 50px 0;

}



#copyright .social a:hover img.twitter {

	background-position: 50px 25px;

}



#copyright .social a img.rss {

	background-image: url(./images/social.png);

}



#copyright .social a:hover img.rss {

	background-position: 0 25px;

}





#Message {

	width: 80%;

}



p a {

	color: #00A9D3;

	text-decoration: none;

}



p a:hover {

	border-bottom: 1px solid;

}



/* contact stuff */



.your-message textarea {

	width: 100%;

}



.wpcf7-form-control-wrap input {

	padding: 5px;

	box-sizing: border-box;

	box-sizing: border-box;

	-moz-box-sizing: border-box; 

	-webkit-box-sizing: border-box;

}



.wpcf7-submit {

	background: #000;

	color: #fff;

	padding: 10px;

	border: 0;

	font-size: 1.1em;

}



.wpcf7-submit:hover {

	background: #555;

	cursor: pointer;

}


/***** bigger than 960 *****/

@media only screen and (min-width: 961px) {
	.hero-caption {
		font-size: 1.2em;
		bottom: 35px;
	}
}


/***** mobile screen sizes *****/



@media only screen and (max-width: 820px) {

	.herotext h1 {

		font-size: 3em;

		margin-bottom: 20px;

		line-height: 1.1em;

	}

	

	.herotext h2 {

		font-size: 1.1em;

	}

}





@media only screen and (max-width: 480px) {

	.herotext h1 {

		font-size: 2em;

		margin-bottom: 15px;

	}

	

	.herotext h2 {

		font-size: 1em;

	}

}



@media only screen and (max-width: 767px) {

	

	.herocontent {

		bottom: 2px;

	}

	.herotext {

		max-width: none;

		padding: 0;
		
		position: absolute;
		
		bottom: 2px;

	}
	
	.hero-caption {
		display: none;
	}

	

	.wpcf7-text {

		max-width: 230px;

		padding: 10px;

		box-sizing: border-box;

		-moz-box-sizing: border-box; 

		-webkit-box-sizing: border-box;

	}

	

	.menubutton {

		display: block;

	}

	

	#mainnav {

		display: none;

	}
	
	#mobilenav {
		
		visibility: visible;
	
	}

	

	#branding h1 {

		float: none;

	}
	
	.herotext span {

	background: url(./images/hero_trans.png);
	
	}

	

	/* homepage sections */

	

	.singlesection {

		padding: 10px 10px 30px;

	}
	
	.singlesection h1 {
		
		padding: 0.2em 0;
		
	}

	.wrapper {
		
		padding: 0 10px;
		
	}

	/* singlepost and sidebar */

	

	#singlepost {

		width: 100%;

		float: none;

	}	

	.sidebar {

		width: 100%;

		float: none;

	}

		

	/* copyright */ 

	

	.floatright {

		display: none;

	}

}



@media only screen and (max-width: 560px) {

	.herotext h2 {
		text-transform: lowercase;
	}

	ul.discography li {

		float: none;

		min-height: inherit;

		width: 100%;

	}
	
	.playbutton {
		display: none;
	}

	

	.gallerydetails, ul.kdvideos .vidinfo {

		margin-left: 100px;

	}

	

	.galleryentry img, .kdvideos img {

		width: 80px;

		height: auto;

	}

	

	.gallerydetails h3, .kdvideos h3 {

		font-size: 1em;

	}

	

	.heroshot img {

		margin-left: -50%;

		width: 150%;

	}

	

}



@media only screen and (max-width: 380px) {

	

	.gallerydetails, ul.kdvideos .vidinfo {

		margin-left: 0;

	}

	

	ul.kdvideos img {

		float: left; 

		position: relative;

		padding: 2px 12px 2px 0;

	}

	

	.galleryentry img {

		width: 150px;

		height: auto;

	}

	

	.gallerydetails {

		padding-top: 170px;

	}

	

	.galleryentry {

		margin-bottom: 30px;

	}



}



@media only screen and (max-width : 360px) {

	ul.portfolio-blocks li {

		width: 100%;

	}

	

}