/*
Theme Name: Tania Unsworth 2016
Theme URI: http://www.bookswarm.com
Author: Bookswarm
Author URI: http://www.bookswarm.com
Description: Custom theme for Gerard F. Kennedy designed by Bookswarm.
Version: 1.0
*/

/*
This WordPress theme is managed by Bookswarm using source control. Any changes made to the theme files directly on the server are likely to be overwritten.
If changes are required please contact Bookswarm - hello@bookswarm.co.uk / www.bookswarm.co.uk
*/

body {
	font-size:16px;
	width:100%;
	height:100%;
	background-color:#0C5099;
	font-family: 'Lato', sans-serif;
	background-color:#fff;
}

html {height:100%;}

p {margin-bottom:15px;margin-top:0;}

a {text-decoration: none;}

a:hover {text-decoration: none;}

section {float:left;width:100%;}

img {max-width: 100%;height:auto;}

h1, h2, h3, h4, h5, h6 {margin:0;font-weight:normal;}

ul, ol {margin:0;padding:0;}

.wrap {
	width: 90%;
	max-width: 1000px;
	margin: auto;
}

.container {float:left;width:100%;}


/*//----- HEADER -----//*/

.header {text-align:center;padding:30px 0 30px 0;background-color:#fff;}

.header a {
	display:inline-block;
	width:300px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	background: url('img/logo_small.png');
	background-image: url('img/logo_small.svg'), none;
	background-repeat: no-repeat;
	background-position: center center;
}

@media screen and (min-width:500px) {
	.header a {
		width:400px;
		height:90px;
		background: url('img/logo.png');
		background-image: url('img/logo.svg'), none;
	}
	
	.header {padding: 50px 0 40px 0;}
}


/*//----- HOME CONTENT -----//*/


/* latest */

.latest_book p {line-height:150%;margin-bottom:0px;}

.latest_book h2 {
	background: url('img/underline1.png');
	background-image: url('img/underline1.svg'), none;
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size:47px;
	padding-bottom:10px;
	margin-bottom:20px;
	color:#f39e44;
	font-family: 'Gochi Hand', cursive;
}

.latest_book h3 {font-size:28px;margin-bottom:20px;}

.latest_book span {font-family: 'Reenie Beanie', cursive;font-size:36px;line-height:100%;}


.latest_book {
	margin-bottom:50px;
	color:#fff;
	font-size:17px;
	background-color:#4658a7;
}

.latest_book_wrap {
	background-color:#4658a7;
	float:left;
	width:100%;
	border-top-left-radius:300px;
	border-bottom-left-radius:300px;
	margin-left:-15%;
	padding-left:15%;
}

.latest_book_inner {padding:40px 0 40px 0;float:left;width:100%;}

.latest_book_left {float:left;width:100%;text-align:center;}

.latest_book_right {float:right;width:100%;text-align:center;}

.latest_book a.button {
	color:#fff;
	font-size:18px;
}

.latest_book a.button:hover {
	
}

@media screen and (min-width:600px) {
	.latest_book_left {float:left;width:38%;text-align:left;}
	.latest_book_right {float:right;width:58%;text-align:left;}
	.latest_book h2 {background-position: left bottom;}
}

@media screen and (min-width:920px) {
	.latest_book {
		margin-top:50px;
		background-image: url('img/bg3.png');
		background-repeat: repeat-y;
		background-position: center center;
		background-color: transparent;
	}
}


/* welcome */
.welcome {color:#fff;font-size:20px;padding:20px 0 50px 0;}

.welcome p {line-height:140%;}

.welcome h2 {
	font-family: 'Gochi Hand', cursive;font-size:50px;
	background: url('img/underline2.png');
	background-image: url('img/underline2.svg'), none;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom:30px;
	padding-bottom:10px;
	margin-top:20px;
}

.welcome img {border:8px solid #fff;}

.welcome span {
	font-family: 'Over the Rainbow', cursive;
	font-size:32px;
	text-align:right;
	float:left;
	width:100%;
	padding-bottom:30px;
	padding-top:20px;
}

.welcome .link {display:inline-block;width:auto;}

.welcome .link a {
	display:inline-block;
	width:125px;
	height:125px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	background: url('img/link_btns.png');
	background-image: url('img/link_btns.svg'), none;
}

.welcome .link_twit a {background-position:0 0;margin-right:10px;}

.welcome .link_insta a {background-position:0 -290px;}

.welcome .link_blog a {
	background-position:0 -902px;
	width:125px;
	height:125px;
}

.welcome .link_blog {position:absolute;text-align:left;right:40px;top:-40px;}

.wel_left {float:left;width:100%;text-align:center;}

.wel_right {float:right;width:100%;position:relative;text-align:center;}


@media screen and (min-width:700px) {
	.wel_left {float:left;width:62%;text-align:left;}
	.wel_right {float:right;width:32%;position:relative;text-align:right;}
	.welcome h2 {margin-top:0;}
	.welcome .link_blog {right:10px;bottom:-70px;top:auto;}
	.welcome {padding-bottom:70px;}
	.welcome span {padding-bottom:0;padding-top:0;}
	.welcome .link_blog a {background-position:0 -572px;width:170px;height:170px;}
}

/* invited */
.invited {
	background-color:#F39E44;
	position:relative;
}

.invited_left {
	width:100%;
	float:left;
	background-color:#F39E44;
	font-size:24px;
	color:#fff;
	text-align:center;
	position:relative;
}

.invited_left span {color:#024D9F;}

.invited_left span a {color:#024D9F;}

.invited_left span a:hover {color:#fff;}

.invited_left ul {line-height:160%;}

.invited_left h3 {
	margin-bottom:20px;
	font-family: 'Gochi Hand', cursive;
	font-size:50px;
	color:#024D9F;
	background: url('img/underline3.png');
	background-image: url('img/underline3.svg'), none;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:10px;
}

.invited_left h3 a {color:#024D9F;}

.invited_left h3 a:hover {color:#fff;}

.invited_left_wrap {padding:30px 0 40px 0;}

.invited_right {
	width:0%;
	float:left;
}

@media screen and (min-width:800px) {
	.invited_left {
		width:70%;
		text-align:left;
		border-top-right-radius:130px;
		border-bottom-right-radius:130px;
	}
	
	.invited_left h3 {background-position: left bottom;}
	
	.invited_left_wrap {padding:30px 50px 40px 0;}
	.invited_right {width:30%;}
	.invited_left ul {margin-left:30px;}
	
	.invited {
		background-color:#fff;
		background-image: url('img/sub_bg2.png');
		background-repeat: repeat-y;
		background-position: center top;
	}
}


/* quote */
.quote {background-color:#fff;color:#0c6376;text-align:center;padding:40px 0 20px 0;}

.quote p {font-size:14px;}

.quote p span {font-size:32px;font-family: 'Reenie Beanie', cursive;display:block;}


.quote_outer {
	background: url('img/quotes_left_small.png');
	background-image: url('img/quotes_left_small.svg'), none;
	background-repeat: no-repeat;
	background-position: left top;
	width:90%;
	padding:0 0 0 10%;
}

.quote_inner {
	background: url('img/quotes_right_small.png');
	background-image: url('img/quotes_right_small.svg'), none;
	background-repeat: no-repeat;
	background-position: right top;
	width:90%;
	padding:0 10% 0 0;
}

@media screen and (min-width:800px) {
	.quote p span {font-size:42px;}
	
	.quote_outer {
		width:90%;
		padding:0 0 0 10%;
		background: url('img/quotes_left.png');
		background-image: url('img/quotes_left.svg'), none;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.quote_inner {
		width:90%;
		padding:0 10% 0 0;
		background: url('img/quotes_right.png');
		background-image: url('img/quotes_right.svg'), none;
		background-repeat: no-repeat;
		background-position: right top;
	}
}



/*//----- INNER CONTENT -----//*/

.content {color:#fff;padding:40px 0 30px 0;line-height:170%;}

@media screen and (min-width:400px) {
	.content {/*padding:50px 0 60px 0;*/padding:50px 0 100px 0;}
}

.content h1 {font-family: 'Gochi Hand', cursive;margin-bottom:35px;font-size:55px;line-height:100%;color:#f39e44;}

.content h2 {font-family: 'Gochi Hand', cursive;margin-bottom:23px;padding-top:25px;font-size:46px;line-height:100%;}

.content h3 {font-family: 'Gochi Hand', cursive;margin-bottom:21px;padding-top:25px;font-size:42px;line-height:100%;}

.content h4 {font-family: 'Gochi Hand', cursive;margin-bottom:19px;padding-top:25px;font-size:38px;line-height:100%;}

.content h5 {font-family: 'Gochi Hand', cursive;margin-bottom:17px;padding-top:25px;font-size:34px;line-height:100%;}

.content h6 {font-family: 'Gochi Hand', cursive;margin-bottom:15px;padding-top:25px;font-size:30px;line-height:100%;}

.content a {color:#fff;border-bottom:1px dotted #fff;}

.content a:hover {color:#F39E44;border-bottom:1px solid #F39E44;}

/* blog */
body.blog .content, body.single-post .content {background-color:#1B2B76;}

/* home */
body.page-id-7 {background-color:#0C5099;}

/* about */
body.page-id-8 .content {background-color:#223E92;}

/* books */
body.page-id-9 .content {background-color:#4758A8;padding-bottom:30px;}

body.single-book .content {background-color:#4758A8;}

/*body.page-id-119 .content {background-color:#1B2B76;}*/

/* school visit */
body.page-id-352 .content {background-color:#3A3B97;}



/* contact */
body.page-id-15 .content {background-color:#1578A1;}

a.button {
	margin-top:20px;
	color:#fff;
	display:inline-block;
	padding:10px 20px;
	border:none;
	background-color:#F39E44;
	border-radius:30px;
	font-family: 'Gochi Hand', cursive;
	font-size:24px;
	border-bottom-left-radius:10px;
	border-top-right-radius:10px;
	text-align: center;

}

a.button:hover {border:none;color:#1B2B76;}


/*//----- IMAGE ALIGNMENT -----//*/


img.alignright, .wp-caption.alignright {float:right;margin:2em 0 2em 2em;max-width: 100%;height: auto;} 

img.alignleft, .wp-caption.alignleft {float:left; margin:2em 2em 2em 0;max-width:100%;height:auto;} 

img.aligncenter {display: block;margin-left:auto;margin-right:auto;max-width:100%;height:auto;} 

img.alignnone {max-width:100%;height:auto;} 

.alignright {float:right;} 

.alignleft {float:left;} 

.aligncenter {display:block;margin-left:auto;margin-right:auto;} 

.wp-caption-text {font-weight:bold;text-align:center;margin-top:3px;}




/* about page */

.about_text {float:left;width:100%;}

.about_image {float:right;width:100%;margin-bottom:20px;text-align:center;}

.about_image img {border:8px solid #fff;}

@media screen and (min-width:600px) {
	.about_text {width:62%;}
	.about_image {width:32%;margin-bottom:0;text-align:right;}
}




/* books listing page */

.books_wrap {border-top:2px dashed #fff;padding-top:30px;padding-bottom:30px;float:left;width:100%;}

.books_image {float:right;width:100%;margin-bottom:20px;text-align:center;}

.books_image img.alignright {margin:0;float:none;}

.books_image a, .books_image a:hover {border:none;}

.books_text {float:left;width:100%;}

@media screen and (min-width:700px) {
	.books_image {float:right;width:28%;margin-bottom:0px;text-align:right;}
	.books_text {float:left;width:68%;}
}



/* single book page */

.book_wrap {float:left;width:100%;}

.book_image {float:right;width:100%;margin-bottom:20px;text-align:center;}

.book_image a, .book_image a:hover, .book_buy a, .book_buy a:hover {border:none;}

.book_image img.alignright {margin:0;float:none;}

.book_review {}

.book_review span p {font-family:"Gochi Hand",cursive;font-size:24px;margin-bottom:20px;}

.book_blurb {}

.book_info {}

.book_buy {float:left;width:100%;margin-bottom:20px;}

.book_text {float:left;width:100%;}

.book_text h5 {padding-top:0px;}

.book_text h1 {margin-bottom:10px;} 

.book_view {float:left;width:100%;}

.retailer {
	background-color:#fff;
	border-radius:30px;
	border-bottom-left-radius:10px;
	border-top-right-radius:10px;
	width:92%;
	float:left;
	padding:20px 4% 20px 4%;
	text-align:center;
}

.retail {display:inline;width:auto;}

.retail img {margin:0 5px}

body.single-book .content {padding-bottom:100px;}

@media screen and (min-width:700px) {
	.book_image {float:right;width:38%;margin-bottom:0px;text-align:right;}
	.book_text {float:left;width:60%;}
}


/* schools visit page */

.school_text {float:left;width:100%;}

.school_text ul {margin-left:30px;margin-bottom:30px;}

.school_image {margin-top:20px;float:left;width:100%;text-align: center;}



/* blog */

.post_nav {float:left;width:100%;}

.blog_entry {float:left;width:100%;border-top:2px dashed #fff;padding-top:30px;padding-bottom:30px;}

.blog_entry h3 {margin-bottom:0px;}

.blog_details {float:left;width:100%;text-transform: uppercase;letter-spacing:1px;font-size:14px;margin-bottom:15px;}

body.single-post .blog_details {margin-bottom:35px;}

.blog_text {float:left;width:100%;}

.blog_text h3 a, .blog_text h3 a:hover {border:none;}

.blog_image {float:right;width:100%;text-align:center;display:none;}

.blog_image img {border:5px solid #fff;}

.blog_image_top {margin-bottom:10px;}

.blog_image_top img {border:5px solid #fff;}

body.blog .content {padding-bottom:80px;}

body.single-post .content h1 {margin-bottom:5px;}

/*




.blog_text .fb_iframe_widget {
	width:92%;
	background-color:#fff;
	float:left;
	padding: 20px 4%;
	border-radius:30px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

h3#comments {display:none;}

span.fb_comments_count {display:none;}

ol.commentlist .reply {display:none;}

ol.commentlist {list-style-type: none;}


.blog_text .fb_iframe_widget span {width:100%!important;}

.blog_text .fb_iframe_widget span .fb_ltr {width:100%!important;}

*/


.blog_comments {
	float:left;
	width:100%;
	background-color:#fff;
	border-radius:30px;
	padding: 20px 4%;
	width:92%;
	margin-top:20px;
	margin-bottom:30px;
	color:#1B2B76;
}

.comment-meta {font-size:11px;}


.comment-author {font-weight:bold;font-size:20px;}

.comment-author img {display:none;}

.comment-author span {font-weight:normal;font-size:16px;}

#respond h3 {padding-top:20px;}

#respond small {font-size:18px;display:block;}

.blog_comments a {color:#1578A1;border-bottom:1px dotted #1578A1;}

.blog_comments a:hover {color:#F39E44;border-bottom:1px dotted #F39E44;}

ol.commentlist, ul.children {list-style-type: none;}

ul.children {width:95%;padding-left:5%;}

ol.commentlist li {border-top:1px dashed #1578A1;padding-top:20px;}

p.form-submit input {
	color:#fff;
	display:inline-block;
	padding:10px 20px;
	border:none;
	background-color:#F39E44;
	border-radius:30px;
	font-family: 'Gochi Hand', cursive;
	font-size:24px;
	border-bottom-left-radius:10px;
	border-top-right-radius:10px;
	text-align: center;
	cursor: pointer;
}

p.form-submit input:hover {border:none;color:#1B2B76;}

.reply {margin-bottom:20px;}

.reply a {
	color:#fff;
	display:inline-block;
	padding:3px 20px;
	border:none;
	background-color:#F39E44;
	border-radius:30px;
	font-family: 'Gochi Hand', cursive;
	font-size:20px;
	border-bottom-left-radius:10px;
	border-top-right-radius:10px;
	text-align: center;
	cursor: pointer;
	}

.reply a:hover {border:none;color:#1B2B76;}


p.comment-form-comment textarea {width:96%;border:none;background-color:#F1E9E0;padding:20px 2%;}

@media screen and (min-width:800px) {
	.blog_text {width:72%;}
	.blog_image {width:24%;text-align:right;display:block;}
	.blog_image_top {display:none;}
}


/* contact */

.content .gform_body .gfield_required {color:#F39E44;}

.content .gform_body input, .content .gform_body textarea {
	border:none;
	border-radius:3px;
	padding:15px!important;
}

.content .gform_footer input.gform_button {
	margin-top:20px;
	color:#fff;
	display:inline-block;
	padding:10px 20px;
	border:none;
	background-color:#F39E44;
	border-radius:30px;
	font-family: 'Gochi Hand', cursive;
	font-size:24px!important;
	border-bottom-left-radius:10px;
	border-top-right-radius:10px;
	text-align: center;
	cursor: pointer;
}

.content .gform_footer input.gform_button:hover {border:none;color:#1B2B76;}

.content .gform_wrapper div.validation_error {border:none;color:#F39E44;margin:0;padding:0;}

.content .gform_wrapper li.gfield.gfield_error, .content .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background: transparent;
	border:none;
	padding:0;
	margin:0;
}

.content .gform_wrapper .gfield_error .gfield_label {color:#fff;}

.content .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .content .gform_wrapper li.gfield_error textarea {border:none;}

.content .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .content .gform_wrapper li.gfield_error ul.gfield_checkbox, .content .gform_wrapper li.gfield_error ul.gfield_radio {color:#fff;}

.content .gform_wrapper .field_description_below .gfield_description {padding-top:5px;color:#F39E44;}



/*//----- SUB CONTENT -----//*/

.sub_content {
	color:#024D9F;
	background-repeat: repeat-y;
	background-position: center center;
	position:relative;
	background-color:#F39E44;
	padding-bottom:30px;
}

.sub_content h3 {
	color:#024D9F;
	margin-bottom:20px;
	font-family: 'Gochi Hand', cursive;
	font-size:30px;
	display:inline-block;
	border-bottom:3px solid #fff;
}

.sub {padding:30px 0 0 0;float:left;text-align:center;}

.sub p {line-height:150%;}

.sub_inner {width:100%;}

.sub_1 {width:100%;margin:0 0 0 0;}

.sub_2 {width:100%;margin:0 0 0 0;}

.sub_3 {
	background-color:#F39E44;
	width:100%;
	margin:0 0 0 0;
}

.sub a.button {
	background-color:#024d9f;
	font-size:18px;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-left-radius:10px;
	border-top-right-radius:10px;
}

.sub a.button:hover {background-color:#fff;color:#024d9f;}

@media screen and (min-width:750px) {
	.sub_1 {width:31%;margin:0 1% 0 1%;}
	.sub_2 {width:31%;margin:0 1% 0 1%;}
	.sub_3 {width:31%;margin:0 1% 0 1%;}
	.sub {text-align: left;padding:30px 0 30px 0;}
	.sub_content {padding-bottom:0px;}
}

@media screen and (min-width:900px) {
	.sub_content {top:-30px;background-image: url('img/sub_bg.png');background-color: transparent;}
	.sub_1 {width:28%;margin:0 1% 0 1%;}
	.sub_2 {width:28%;margin:0 1% 0 1%;}
	.sub_3 {width:37%;border-top-right-radius:120px;border-bottom-right-radius:120px;}
	.sub_inner {width:80%;margin:0 1% 0 1%;padding-bottom:25px;}
}

/*//----- FOOTER ----- //*/

.footer {background-color:#fff;color:#333;font-size:13px;padding:40px 0 40px 0;}

.foot_left {width:100%;float:left;text-align: center;margin-bottom:20px;}

.foot_right {width:100%;float:left;text-align: center;}

.footer a {color:#0C5099;border-bottom:1px dotted #0C5099;}

.footer a:hover {color:#F39E44;border-bottom:1px solid #F39E44;}

@media screen and (min-width:400px) {
	.foot_left {width:50%;text-align:left;margin-bottom:0;}
	.foot_right {width:50%;text-align:right;}
}

@media screen and (min-width:900px) {
	.footer {padding:20px 0 40px 0;}
	body.page-id-7 .footer {padding:40px 0 40px 0;}
}