@charset "utf-8";
/* CSS Document */

/*
Theme Name: The Pear Tree
Version: 1.0
Description: Restaurant website
Author: Mhairi Longmuir @ Peacock Creative Design
Author URI: http://www.peacockcreativedesign.co.uk
Template: canvas
*/

@import url("../canvas/style.css");

/* ALL DEVICES ----------- */

.woo-sc-box.download {background-color:#efefef !important; border-color: #efefef !important;}

a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button {text-transform: none;}

#comments {display:none;}

.fa-angle-left {padding-right:10px;}
.fa-angle-right {padding-left:10px;}

.entry, .entry p {font-family: Merriweather !important; line-height: 29px;}

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear, .clear {visibility:visible !important;}

#wprm-booking-form label {padding-bottom:4px;}
#wprm-booking-form .wprm-description {padding-bottom:7px;}
#wprm-booking-form #wprm-message-wrap label {padding-bottom:7px;}
#wprm-booking-form input[type=text], #wprm-booking-form input[type=email], #wprm-booking-form textarea, #wprm-booking-form select {margin-bottom: 17px;}

.widget_search {background-color:#765C41 !important;}
.page-template-template-magazine .widget_search, .single-post .widget_search, .archive .widget_search, .category .widget_search {background-color:transparent !important;}
.page-template-template-magazine h2.title, .archive h2.title {display:block; font-weight:normal !important;}
.page-template-template-magazine .post-13 {display:none;}
.postid-95 header > h1, .postid-95 #connect, .postid-95 .post-meta, .postid-95 .post-entries {display:none;}

.upw-posts article {border-bottom:0; margin-bottom:0 !important;}

h2.title {display:none;}

a.booking-button {width:100% !important;}

a.woo-sc-button.dark span {color:#fff !important; text-shadow: 0 1px #A5886A; text-transform: none; font-weight:normal !important;}
#text-6 .woo-sc-button {margin:0 !important;}

.widget_woo_subscribe h3, .widget_woo_subscribe p, #text-2, #text-3, #text-4, #text-5 {text-align:center;}

.widget_woo_subscribe social a {text-align:center;}

#menu-item-51 {text-align:left !important; font-weight:bold;}

.quote {
	border:1px solid #e6e6e6;
	padding:18px;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;}

#content a {font-weight:bold !important;}

#footer-widgets li a {
    display: inline !important;
}


/* Desktop ----------- */
@media only screen
and (min-width : 1024px) {

#header {
    padding-top:0 !important;
    padding-bottom:0 !important;}

#logo {
    position: absolute;
    right: 85px;
    top: 45px;
    display: block;
    margin: auto;
    z-index: 100;}

#footer-widgets .widget_woothemes_features .feature {
   		width: 33% !important;
    		float: left;
		/*margin-right: 30px;
		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;*/}

/*#footer-widgets .widget_woothemes_features .feature.last {
		margin-right: 0;}*/

.widget_woothemes_features .feature {margin-bottom:0;}

.widget_woothemes_testimonials .quote {margin-bottom:25px;}

.display-posts-listing .listing-item {
    clear: both;}

.display-posts-listing img {
    float: left;
    margin: 0 10px 10px 0;}

#footer-widgets li a {
    display: inline !important;
}

.widget ul { 
	list-style-type: none !important;
	border-bottom: 1px solid #ddd;}

}

/* Tablet ----------- */
@media only screen
and (max-width : 1023px) {

#logo {
    position: absolute;
    right: 85px;
    top: 45px;
    display: block;
    margin: auto;
    z-index: 100;}

#header {
    padding:0 !important;}

.widget_search {background-color:#765C41 !important;}

#footer-widgets .widget_woothemes_features .feature {
   		width: 33% !important;
    		float: left;
		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;
		/*margin-right: 30px;
		*/}

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

}

/* SMALL Tablet ----------- */
@media only screen
and (max-width : 900px) {

#logo {
    position: absolute;
    right: 85px;
    top: 45px;
    display: block;
    margin: auto;
    z-index: 100;
    width:110px;
    height:auto;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (max-width : 700px) {

#logo {
    position: absolute;
    right: 15%;
    top: 18%;
    display: block;
    margin: auto;
    z-index: 100;
    width:15%;
    height:auto;}

#header {
    padding:0 !important;}

}