/*  
Theme Name: 2013 Touch&Play
Theme URI: http://2013.touchandplay.org
Version: 0.666
Description: A child theme on top of WooThemes Hustle to give a couple of extra additions without risking upgrade borking.
Author: Frances d'Ath
Author URI: http://thingswithbits.info
Template: hustle
*/


/*	get the default twentyeleven theme css
------------------------------------------------------*/

@import url('../hustle/style.css');


/*	style additions
------------------------------------------------------*/

/*	--------- misc layout */

.page-id-88 .sub-pages article {
	clear: both;
}


/*	--------- responsive video */

.slide-video {
	position: relative;
/*	padding-bottom: 56.25%;
	padding-top: 25px;*/
	padding-bottom: 55.25%;
	padding-top: 10px;
	height: 0;
}
.slide-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.flowplayer {
	margin-bottom: 36px;
}


/*	--------- contact form */

#contact-page .wpcf7,
#contactForm {
	margin-top: 1em;
	padding-top: 1.618em;
	border-top: 1px solid #eae2a9;
}

#contact-page .wpcf7 ol.forms li.contact-subject {
	width: 100%;
}

#contact-page .wpcf7 .wpcf7-response-output {
	display: inline !important;
}

/*	--------- timeline */

.page-template-template-timeline-php #main {
	width: 100%;
}

.page-template-template-timeline-php .col-left {
	float: none;
}

.page-template-template-timeline-php .entry {
	margin: 0 auto;
	width: 60%;
}

@media screen and (max-width: 768px) {
	.page-template-template-timeline-php .entry {
		margin: 0;
		width: 100%;
	}
}


/*	--------- typography */

#intro-message h1 {
	text-shadow: 2px 2px 0px #282828;
}

#intro-message p {
	text-shadow: 2px 2px 0px #282828;
}


#wrapper #footer-widgets {
	border-top: 5px solid #cc1c1c;
}

#blog-posts .home-section > header h1,
#wrapper .home-section#intro-message {
	border-bottom: 5px solid #cc1c1c;
}

/*	--------- social media buttons */

.parent-pageid-93 hr,
.parent-pageid-93 .woo-sc-hr {
	clear: both;
	border-bottom: 1px solid #eae2a9;
	margin: 0 0 1em;
}

.woo-sc-twitter,
.woo-fblike,
.shortcode-google-plusone,
.shortcode-pinterest {
	float: left;
}

.shortcode-google-plusone {
	margin-right: 25px;
}

.woo-sc-twitter,
.shortcode-pinterest {
	padding-top: 2px;
}


/*	--------- misc styling */

input[type="text"],
input.input-text,
textarea,
input.txt,
input[type="tel"],
input[type="email"],
.widget #searchform {
	border-color: #cc1c1c !important;
	background: transparent;
}

.post,
.search-results .type-page,
.search-results .type-feature,
.search-results .type-product,
#post-author,
h3#reply-title {
	border-bottom: 5px solid #2293e2 !important;
}

.nav-entries span.nav-prev,
#post-entries span.nav-prev,
.nav-entries span.nav-next,
#post-entries span.nav-next,
.nav-entries div.nav-prev a,
#post-entries div.nav-prev a,
.nav-entries div.nav-next a,
#post-entries div.nav-next a,
#breadcrumbs .woo-breadcrumbs,
.breadcrumb-trail,
.breadcrumb-trail a {
	background: #2293e2 !important;
	color: #fff !important;
}