/*   
Theme Name:		Paul
Theme URI: 
Description: 	More To The Picture child theme
Version: 1.1
Template: 		moretothepicture
@author   		moretothepicture
@license 		http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
@link    	 	http://moretothpicture.com
License: 		GNU General Public License v2.0
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html	
*/	

	@font-face {
		font-family: 'body_font';
		src: url('lib/font/text.eot');
		src: url('lib/font/text.eot?#iefix') format('embedded-opentype'),
			 url('lib/font/text.woff') format('woff'),
			 url('lib/font/text.ttf') format('truetype'),
			 url('lib/font/text.svg#body_font') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'bold_font';
		src: url('lib/font/body-font.eot');
		src: url('lib/font/body-font.eot?#iefix') format('embedded-opentype'),
			 url('lib/font/body-font.woff') format('woff'),
			 url('lib/font/body-font.ttf') format('truetype'),
			 url('lib/font/body-font.svg#body_font') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'icons';
		src: url('lib/font/fontawesome-webfont.eot');
		src: url('lib/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
			 url('lib/font/fontawesome-webfont.woff') format('woff'),
			 url('lib/font/fontawesome-webfont.ttf') format('truetype'),
			 url('lib/font/fontawesome-webfont.svg#icons') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	* {font-family: 'body_font';}
	body {color: #7d7c6c; font-size: 16px; line-height: 21px;}
	h1, h2 {font-weight: normal; font-family: 'bold_font'; color: #86000e; margin: 0 0 14px;}
	#wrap {max-width: 768px; padding: 0 20px 72px;}
	.wrapped {max-width: 768px; padding: 0 20px; margin: 0 auto;}
	.content_inner {overflow: hidden;}
	a:link, a:visited {color: #968d00; text-decoration: none;}
	a:active, a:hover {color: #fff; text-decoration: none;}
	
	#nav .primary_menu {text-align: center; margin: 0 0 26px;}
	#nav .primary_menu a {-webkit-transition: none !important; transition: none !important; font-size: 16px; color: #F3F0CE; font-family: 'bold_font'; padding: 10px 20px 10px 52px; display: block; background: url('lib/img/menu_dull.jpg') no-repeat 13px 50%;}
	#nav .primary_menu li {margin: 0 4px; display: inline-block; position: relative; background: #968d00;}
	#nav ul.primary_menu li.current-menu-item > a, #nav  ul.primary_menu li.current_page_parent > a, #nav ul.primary_menu li:hover > a, #nav ul.primary_menu li.current-page-ancestor  > a, body.post-type-archive-event #nav ul.primary_menu li.event-post-type > a,  body.single-event #nav ul.primary_menu li.event-post-type > a{color: #fff; background: url('lib/img/menu_white.jpg') no-repeat 13px 50%;}

	ul.small_menu {display: none; z-index: 999999; position: fixed; top: 0; left: 0; background: #968d00; right: 0; height: auto;}
	ul.small_menu li {border-bottom: 1px solid #fff;}
	ul.small_menu li.menu-item-has-children > a {background: url('lib/img/plus.png') no-repeat 99% 18px;}
	ul.small_menu li.menu-item-has-children.open > a {background: url('lib/img/minus.png') no-repeat 99% 18px;}
	ul.small_menu ul.sub-menu {display: block; opacity: 0; height: 0; position: static; overflow: hidden; margin: 0 auto;}
	ul.small_menu ul.sub-menu  li {border: none;}
	ul.small_menu ul.sub-menu  li.menu-item-has-children > a {background: url('lib/img/plus.png') no-repeat 99% 14px;}
	ul.small_menu ul.sub-menu  li.menu-item-has-children.open > a {background: url('lib/img/minus.png') no-repeat 99% 14px;}
	ul.small_menu ul.show_sub.sub-menu {height: auto; opacity: 1; margin: 0 0 5px;}
	ul.small_menu a {display: block; padding: 14px; text-align: center; background: none; width: 100%; color: #fff; font-size: 20px;}
	ul.small_menu a:hover, ul.small_menu li.current_page_item > a, ul.small_menu li.current_page_parent > a {color: ##f3f0ce;}
	ul.small_menu ul.sub-menu a {font-size: 16px; border: none;}
	
	#small_menu_button {text-align: center; margin: 0 0 20px;}
	#small_menu_icon {}	
	#small_menu_page_title_text {display: block; font-family: 'bold_font'; font-size: 20px; margin: 0 0 10px}
	#small_menu_page_title_text:hover {color: #968d00;}
	#small_menu_icon {background: url('lib/img/small_menu_icon.png') no-repeat 0 0; display: inline-block; width: 39px; height: 28px;}
	#small_menu_button:hover {cursor: pointer;}
	
	.hentry {background: #F3F0CE; padding: 20px 20px 10px; margin: 4px 4px 26px; text-align: center; position: relative;}
	.hentry p {margin: 0 0 10px;}
	.entry-content a:hover {color: #7d7c6c;}
	.hentry .author {display: none;}
	.hentry .entry-meta {margin: 0 0 20px; display: none;}
	
	.fakeborder {position: absolute;}
	.top_hentry {height: 4px; top: -4px; left: -4px; right: -4px; background: url('lib/img/border.png') repeat-x 0 0;}
	.bottom_hentry {height: 4px; bottom: -4px; left: -4px; right: -4px; background: url('lib/img/border_bottom.png') repeat-x 0 0;}
	.left_hentry {width: 4px; top: -2px; bottom: -2px; left: -4px; background: url('lib/img/border_left.png') repeat-y 0 0;}
	.right_hentry {width: 4px; top: -2px; bottom: -2px; right: -4px;  background: url('lib/img/border_right.png') repeat-y 0 0;}
	
	.wpcf7-form-control-wrap .right_hentry {right: 16px;}
	.wpcf7-form-control-wrap .top_hentry {right: 16px;}
	.wpcf7-form-control-wrap .bottom_hentry {right: 16px;}
	
	body.page-template-template-contact-us .hentry {float: left; max-width: 280px; text-align: left;}
	body.page-template-template-contact-us #wrap .social_post .follow_us_icon a {color: #968d00;}
	body.page-template-template-contact-us #wrap .social_post .follow_us_icon a:hover {color: #7d7c6c;}
	
	.tile {background: url("lib/img/tile.png") repeat-x 0 0; width: 100%; height: 30px; margin: 0 0 26px; position: relative;}
	.bg_img {background: url('lib/img/bg.jpg') no-repeat center center; background-size: cover; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0;}
	.m2tp_logo {text-align: center; margin: 0 0 26px;}
	body.home .content_inner {overflow: hidden; margin: 0 0 26px;}
	body.home .hentry {background: #968d00; padding: 14px 14px 10px; color: #fff; margin: 0 0 0 300px; text-align: left;}
	body.home .hentry a {font-family: 'bold_font'; text-transform: uppercase; color: #F3F0CE;} 
	body.home .entry-content a:hover {color: #fff;}
	body.home img.attachment-quarter_img {border-radius: 50%; background: #F3F0CE; padding: 7px; float: left; max-width: 280px; display: block; border: 1px solid #ddd;}
	
	.tour_prices {text-align: center;}
	.tour, .tour_prices {clear: both; margin: 0 0 40px; overflow: hidden; position: relative;}
	.text_wrap {margin: 0 0 0 300px; text-align: left;}
	.text_wrap_inner, .tour_prices_inner {position: relative; margin: 4px; background: #F3F0CE; padding: 14px 14px 10px;}
	.tour_img img {border-radius: 50%; background: #F3F0CE; float: left; padding: 7px; max-width: 280px; display: block; border: 1px solid #ddd;}
	.tour:nth-child(even) .tour_img img{float: right;}
	.tour:nth-child(even) .text_wrap {margin: 0 300px 0 0;}
	.prices_text.small {font-size: 12px;}
	
	body.blog .page-title {display: none;}
	body.blog .tour_title h2 { color: #968d00;}
	body.blog .tour:hover .tour_title h2 {color: #7d7c6c;}
	
	.social_post {text-align: right; padding: 10px 0 0;}
	#wrap .social_post .follow_us_icon a {font-size: 21px; display: inline-block; margin: 0 0 0 10px; font-family: 'icons'; padding: 0 0 0 14px;}
	
	.tour_prices .social_post {text-align: center;}
	#wrap .tour_prices .social_post .follow_us_icon a {margin: 0 5px; padding: 0 7px;}
	
	div.wpcf7 {margin: 0 -20px 0 0;}
	div.wpcf7 input, div.wpcf7 textarea {background: #F3F0CE; width: 100%;}
	.wpcf7-form {margin: 4px;}
	.wpcf7-form-control-wrap {display: inline-block; vertical-align: top; max-width: 100%; width: 100%; margin: 0 0 20px; padding: 0 20px 0 0; border: none; position: relative;}
	.wpcf7-form-control-wrap.your-phone, .wpcf7-form-control-wrap.your-email {width: 50%; display: inline-block;}
	.wpcf7 .wpcf7-submit {color: #fff; border: none; display: inline-block; padding: 0 18px; font-size: 15px; background: #968d00; white-space: nowrap; cursor: pointer; line-height: 39px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; float: right; width: auto; margin: 0 20px 20px 0;}
	.wpcf7 .wpcf7-submit:hover {background: #F3F0CE; color: #7d7c6c;}
	div.wpcf7-response-output {background: #F3F0CE; padding: 10px 5px; color: #7d7c6c; clear: both; font-size: 14px;}
	div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors{border: none; margin: 0 20px 20px 0; text-align: center;}
	.wpcf7 .wpcf7-not-valid {border: 1px solid #86000e;}
	.wpcf7 p {overflow: hidden;}
	span.wpcf7-not-valid-tip {position: absolute; right: 20px; bottom: 2px; text-align: right; font-size: 11px; color: #86000e;}
	.wpcf7-form-control-wrap {display: block;}
	
	.form_wrap {margin: 0 0 0 300px;}
		
	#footer {min-width: 320px; left: 0; right: 0; position: fixed; bottom: 0; background: url("lib/img/footer.png") repeat-x 0 0; z-index: 100; line-height: 50px; font-size: 13px;}
	#footer .left_footer span{padding: 0 14px 0 0;}
	#footer a {color: #968d00;}
	#footer a:hover {color: #7d7c6c;}
	.footer_padd {padding: 0 20px;}
	.footer_group {margin: 0 -20px 0 0;}
	.follow_us_icon a {font-family: icons; font-size: 18px;}
	#footer .inner_block {font-size: 13px; text-transform: uppercase;}
	#footer .small_text {display: none;}
	#footer .inner_block	.telephone {font-size: 16px; letter-spacing: 1px;}
	.footer_col {margin: 0 0 20px;}
	.block {display: inline-block; vertical-align: middle;}	
	.left_footer {width: 50%;}
	.right_footer {width: 50%; text-align: right;}	

	@media only screen and (max-width: 768px){
		.left_footer {width: 100%; text-align: center;}
		.right_footer {display: none;}
	}
	
	@media only screen and (max-width: 668px){
		body.home img.attachment-quarter_img, body.page-template-template-contact-us .hentry, .tour_img img, .tour:nth-child(2n) .tour_img img {float: none; margin: 0 auto 26px;}
		body.page-template-template-contact-us .hentry {max-width: none; margin: 4px 4px 26px;}
		.form_wrap, .text_wrap, .tour:nth-child(2n) .text_wrap {margin: 0 0 26px;}
		body.home .hentry {margin: 0 0 26px;}
		
		ul.primary_menu {display: none;}
		#small_menu_button{display: block;}
		body.no-js #small_menu_button {display: none;}
		body.no-js ul.small_menu {display: block; position: static;}		
	}

	@media only screen and (max-width: 498px){
		.bg_img {background: #DFE5DB;}
		.respond-hide {display: none;}
		#wrap {padding: 0 14px 72px;}
	}