/*
Theme Name: The Royal Oak Hotel
Theme URI: http://theroyaloakcullen.co.uk
Description: WordPress theme built by <a href="http://www.hedleyenterprises.co.uk">hedley enterprises</a>. <strong>Web design</strong> starts with a coffee and a chat...
Version: 1
Author: <strong>hedley</strong> enterprises
Author URI: https://hedleyenterprises.co.uk

*/
body {
	font-size:12pt;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color: #fff;
	transition: all 0.5s ease-in-out;
}
body.fade-out {
    opacity: 0;
    transition: none;
}
p::selection, h1::selection, h2::selection, h3::selection { background-color: #320101; color: #fff;}
p::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection { background-color: #320101; color: #fff; }


/* -------------------- General Styles -------------------- */

.container {
	width: 1200px;
	margin: auto;
}
.containersm {
	width: 95%;
	margin: auto;
	max-width: 800px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.c {
	clear:both;
}
a {
	text-decoration: none;
}
h1, h2, h3, .rooms blockquote, .bedrooms blockquote {
	font-family: georgia, "Times New Roman", Times, serif;
}
h1, h2 {
	font-size: calc(1em + 2vw);
}
h3 {
	font-size: calc(1em + 0.8vw);
	margin-bottom: 0;
	font-weight: normal;
}
ol li, p {
	line-height: 1.6em;
}
img {
	border-style: none;
}
.center {
	text-align:center;
}
.absol {
	position:relative;
}
.line {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dfdfdf;
}
.half {
	width: 48%;
}
.leftcol {
	width: 70%;
}
.rightcol {
	width: 28%;
}
.container iframe {
	width: 100%;
	border: none;
}
.ndi, .nd, .n {
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.display {
	opacity: 1;
}
/* -------------------- Padding and Margins -------------------- */
.drop {
	margin-top: 60px;
}
.shop-drop {
	margin-top: 5em;
}
.down {
	margin-top:20px;
}
.pad {
	padding-top: 100px;
}
.alignright {
	float:right;
	padding-left: 20px;
	padding-bottom: 20px;
}
.alignleft {
	float:left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.line-bottom {
	content: "";
	height: 50px;
	align-self: center;
	border-left: solid thin #bfaf7c;
	margin: 40px auto;
	width: 10px;
}

/* -------------------- Colours -------------------- */
.red {
	background-image: linear-gradient( to bottom, #eff1f3, #fff );
}
.purple {
	background-color: #4a3949;
}
.purpletext, .link a {
	color: #4a3949;
}
.gold {
	background-color: #bfaf7c;
}
.oak {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url('images/sub-logo.png');
}
.link-pic, .bedroom-pic, .bedroom, .feature {
	background-position: center;
	background-size: cover;
}


/* -------------------- Updates Nov 2019 -------------------- */
.widget {

	background-color: #fff;
}


/* -------------------- Header -------------------- */
.height {
	height: 100vh;
}
.inner .height {
	height: auto;
}
header {
	text-align: center;
	overflow: hidden;
	position: relative;
}
.inner header {
	background-color: #fff;
}
header h1, .seatown h2, .half h2, .feature h1 {
	opacity: 0.5;
	font-weight: normal;
	text-transform: lowercase;
}
header h1, .seatown h2, .feature h1 {
	font-size: calc(1em + 6vw);
	margin: 0;
}
header p {
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.logo {
	padding: 20px 30px;
	box-sizing: border-box;
	margin: auto;
	background-color: #fff;
}
.logo img {
	width: 190px;
	height: auto;
}
.cta-buttons {
	margin: 50px auto;
	width: 400px;
}
.cta-buttons a {
	display: block;
	padding: 10px;
	color: #fff;
	background-color: #bfaf7c;
	flex-grow: 1;
	margin: 5px;
	width: 40%;
}
.cta-buttons a:nth-child(2) {
	background-color: #c48c61;
}
.book-enquire {
	transform: rotate(-90deg);
	position: fixed;
	top: 50vh;
	right: -40px;
	z-index: 9999;
}
.book-enquire a {
	color: #fff;
	text-decoration: none;
	padding: 10px;
	background-color: #0c4c5f;
	display: block;
}
.feature {
	padding: 100px 0;
	text-align: center;
}
.rooms .feature {
	padding: 60px 0 0 0;
	text-align: left;
}
.bedrooms .feature {
	padding: 100px 0 0 0;
}
.rooms blockquote, .rooms .feature {
	margin-left: calc(11%);
}
.rooms blockquote {
 	font-size:	calc(0.3em + 1vw);
	width: 30%;
	margin-top: 60px;
	margin-bottom: 100px;
}
.bedrooms blockquote {
 	font-size:	calc(0.3em + 1vw);
	width: 50%;
	margin: 60px auto;
}
.bedrooms .resize, .contact .resize {
	width: 100%;
}
p .resize {
	width: 90%;
	margin-left: auto;
	display: flex;
	margin-bottom: 60px;
}
.rooms .gallery {
	width: 1200px;
	margin: auto;
}

.basket-icon ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.basket-icon ul {
	justify-content: center;
}
.basket-icon {
	position: absolute;
	right: 1em;
	top: 1em;
}
.basket-icon li a, .shop-category-navigation li a {
	padding: 10px;
	display: inline-block;
	color: #4a3949;
}
/* -------------------- Navigation -------------------- */
.navigation {
    text-align: center;
	margin: 60px auto;
}
.home .navigation {
	margin: 60px auto;
}
.inner .navigation {
	margin: 20px auto;
}
nav {
	width: 80%;
	margin: auto;
}
nav ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
}
.home nav a {
	color: #fff;
	font-weight: bold;
}
.inner nav a {
	color: #4a3949;
	font-weight: bold;
}
nav a:hover, .hone .current_page_item a, .inner .current_page_item a {
	color: #BFAF7C;
	border-bottom: solid thin #BFAF7C;
	padding-bottom: 10px;
}
.subtoggle, .subsidebar, .toggle, .mobile {
		display:none;
}

/* -------------------- Seatown -------------------- */
.seatown {
	height: 80vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 60px;
}
.seatown h2 {
	text-align: center;
}
.seatown p {
	position: absolute;
	bottom: 30px;
	width: 20%;
	left: 60px;
}
/* -------------------- Gallery -------------------- */

.gallery, .grid {
	display: flex;
	flex-wrap: wrap;
}
.space {
	justify-content: space-between;
}
.gallery-item {
	float: left;
	width: 20%;
	flex-grow: 1;
	margin: 5px;
}
.gallery-item img {
	width: 100%;
	height: auto;
}
.gallery-item img:hover {
	opacity: 0.6;
}

.blog:nth-child(1) {
	width: 100%;
	text-decoration: underline;
}

/* -------------------- Button -------------------- */
.button a {
	padding: 10px 15px;
	color: #fff;
	text-decoration: none;
  background-color: #d19e5f;
}
.button a:hover {
  background-color: #272727;
}
/* -------------------- Animation -------------------- */
.logop {
	  animation: fadein 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
}

@keyframes fadein {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}



/* -------------------- In Comfort -------------------- */
.move {
	margin-top: -200px;
	z-index: 100;
}
.half .line-bottom {
	border-left: solid thin #bfaf7c;
	margin: 40px 60px;
	width: 10px;
	height: 200px;
}
.half h2 {
	font-size: calc(1em + 5vw);
	margin: 0 0 0 40px;
}
.bedroom {
	width: 70%;
	min-height: 70vh;
}
.bedroom-text {
	width: 30%;
	box-sizing: border-box;
	padding: 50px;
	align-self: center;
}
.bedroom-pic {
	width: 50%;
	height: 50vh;
	margin-left: auto;
	margin-top: -50px;
}

/* -------------------- Links -------------------- */
.links {
	background-color: #fff;
	padding: 100px 0;
	margin-top: 160px;
}
.link {
	width: 20%;
	flex-grow: 1;
	margin: 20px;
}
.link-pic {
	min-height: 400px;
}
.rooms-from {
	text-align: center;
	padding: 60px 0;
}
/* -------------------- Booking Form -------------------- */

.wpcf7-submit {
	width: 60%;
	cursor: pointer;
}
.wpcf7-submit:hover {
	background-color: #272727;
	color: #fff;
}
.bookingform input, .bookingform select, .bookingform textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	margin-bottom: 5px;
	background-color: #dfdfdf;
	border: solid thin #dfdfdf;
}
.bookingform input:focus, .bookingform select:focus, .bookingform textarea:focus {
	background-color: #fff;
}
.bookingform hr {
	width: 100px;
	margin: 20px auto;
	border: solid thin #fff;
}

.rest ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
.rest li a {
	color: #fff;
	background-color: #c48c61;
	display: block;
	padding: 20px;
	margin: 10px 10px 10px 0;
}
.rest li {
	flex-grow: 1;
	width: 40%;
	text-align: center;
}
.rest hr {
	width: 200px;
	margin: 60px auto;
}




/* ------------------------ Woocommerce Override ------------------------ */
.shop-category h3 {
	margin-bottom: 2em;
	margin-left: 10px;
	text-align: center;
}
.shopping-page hr {
	width: 200px;
	margin: 5em auto;
	border: dashed thin #fff;
}
.paypal-button {
	display: none;
}
.check .paypal-button {
	display: block;
}
.check input {
	border: solid 1px var(--line);
}
.check input:focus {
	border: solid 1px var(--brown);
}
.shop-container {
	width: 100%;
}
.term-description {
	border-bottom: solid thin #e5e5e5;
	margin-bottom: 30px;
	text-align: center;
}
.woocommerce-variation-add-to-cart {
	display: grid;
	grid-template-columns: 1fr;
}
.sku_wrapper,
.gift-bag .woocommerce-Price-amount {
	display: none;
}
.gift-bag {
	max-width: 290px;
	margin: auto;
	text-align: center;
	justify-content: center;
	margin-bottom: 3em;
}
.gift-bag p {
	margin: 0;
}
.gift-bag a {
	color: var(--brown);
}
.gift-bag a:hover {
	color: var(--main-color);
}
.gift-bag .woocommerce .add_to_cart_inline {
	border: none!important;
}
/* Products */
ul.painting-shop {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	list-style: none;
	padding: 0;
	text-align: center;
	width: 100%;
}
.painting-shop li {
	transition: all 0.5s ease-in-out;
	position: relative;
	width: 20%;
	display: flex;
	flex-wrap: wrap;
	margin: 5px;
	background-size: contain;
	background-position: center;
	border: solid 2px #fff;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	flex-grow: 1;
}
.painting-shop li:hover {
	border: solid 2px #BFAF7C;
}
.painting-shop-description .price {
	color: #4a3949;
	font-weight: bold;
}
.painting-shop-description h2 {
	color: #4a3949;
	font-weight: normal;
}
.painting-shop-pic {
	height: 300px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.painting-shop a {
	display: block;
	width: 100%;
	color: #4a3949;
}
.painting-shop li:hover, .inner .exhib-entry:hover {
	/* background-color: #fff; */
	box-shadow: 0 0 10px rgba(229,229,229,0.5);
}
.painting-shop .button {
	opacity: 0;
}
.painting-shop ins {
	content: "Sale";
	background-color: var(--brown);
	padding: 1em;
	border-radius: 100%;
	height: 50px;
	width: 50px;
	position: absolute;
	justify-content: center;
	top: 0;
	right: 0;
	display: flex;
	color: var(--lgrey);
	text-decoration: none;
}
ul.painting-shop li .button {
	display: none;
}
ins .woocommerce-Price-amount {
	align-self: center;
}
li.amount:nth-child(2) {
	color: var(--brown);
}
.product_meta {
	font-size: 10pt;
}
.woocommerce-ordering select {
	padding: 10px;
}
/* Product Titles */
.woocommerce-loop-product__title {
	font-size: 14pt;
	text-decoration: none;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
	text-decoration: none;
}
.price {
	display: block;
	margin: 10px auto;
	font-weight: bold;
}
.your-price {
	padding-right: 10px;
}
.card-products h2 {
	width: 100%;
	display: block;
}
.card-products img {
	opacity: 0;
}
.woocommerce div.product form.cart .button {
	display: block;
	width: 200px;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
}
.woocommerce div.product form.cart {
	display: inline-grid;
	width: 100%;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
	color: var(--brown)!important;
}
.woocommerce-variation-pricing .price {
	align-self: center;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #BFAF7C !important;
}
.up-sells {
	width: 100%;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce input.button {
	width: 100%;
	text-align: center;
	align-self: end;
}
.related .painting-shop li {
	background-color: #fff;
}
.related {
	padding: 60px 0;
}
.related h3 {
	text-align: center;
	width: 100%;
}
.coupon {
	display: flex;
	flex-wrap: wrap;
}
.coupon .input-text {
	width: 100% !important;
}
.coupon .input-text {
	background-color: var(--main-color);
	border: none;
	color: var(--lgrey);
}
.inner .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	margin-bottom: 1em;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	box-sizing: border-box;
}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
	width: 50px;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	background-color: #fff;
	border: none;
	color: #4a3949;
}
.inner .woocommerce .col2-set .col-1, .inner .woocommerce-page .col2-set .col-1 {
	width: 90%;
}
.inner .woocommerce form .form-row .select2-container {
	padding: 10px 0;
	background-color: #4a3949;
}

select {
	color: #4a3949;
}
.inner .woocommerce-error, .inner .woocommerce-info, .inner .woocommerce-message {
	background-color: #4a3949;
	color: #ffffff;
	box-shadow: 0 0 1em rgba(0,0,0,0.2);
}
.inner #add_payment_method #payment, 
.inner .woocommerce-cart #payment, 
.inner .woocommerce-checkout #payment {
	background: var(--main-color);
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	border-radius: 5px;
}

.woocommerce-cart-form {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	color: #4a3949;
}
  .woocommerce-cart-form__cart-item.cart_item {
	color: #4a3949;
}
.inner .woocommerce-message {
	border-top-color: #fff;
	text-align: center;
}
.cart_totals {
	color: #fff;
  }
.woocommerce-checkout-review-order .shop_table {
	background-color: #BFAF7C;
}
#billing_phone_field {
	margin-top: 6em;
}
#billing_country_field {
	margin-top: 3em;
	margin-bottom: 3em;
}
.title-price h2 {
	font-size: 32px;
	font-weight: normal;
}

/* Single Product Styling */
.shop-grid {
	display: grid;
	grid-template-columns: 2fr .1fr 2fr;
	grid-gap: 30px;
}
.summary.entry-summary {
	grid-column: 3;
	text-align: center;
}
.product {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.product-name a {
	color: #4a3949;
	text-decoration: none;
}
.posted_in {
	display: none;
}
.woocommerce-product-gallery, .summary {
	width: 100%!important;
	align-self: center;
}
.entry-summary {
	order: 2;
}
.variations select, #giftoption, #nameforgift {
	padding: 10px;
}
.white .quantity {
	float: none !important;
	margin: 0 4px 20px 0;
	height: 50px;
}
.input-text {
	padding: 10px;
}
.strat-options ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.wide {
	width: 100%;
}
.woocommerce-variation.single_variation {
	margin-bottom: 30px;
	width: 90%;
	font-weight: bold;
	border-bottom: solid 1px #e5e5e5;
	margin-left: auto;
	margin-right: auto;
}
.start-options {
	color: #001f5b
}
.reset_variations {
	color: var(--brown);
	text-decoration: none;
}
.woocommerce-tabs {
    width: 100%;
}
.summary b {
	font-size: 25pt;
}
.layout-container {
	width: 95%;
	margin: 3em auto;
	padding: 3em;
	box-sizing: border-box;
	background-color: var(--grey);
	border-radius: 10px;
	max-width: 1600px;
}
.wc-tabs-wrapper {
	width: 95%;
	margin: auto;
	display: none;
}

/* My Account */
.acc .content {
	margin: auto auto 60px auto;
	border-radius: 10px;
}
.content {
	margin: auto;
}
.tab-nav {
	width: 100%;
	margin-bottom: 60px;
}
.woocommerce-Addresses {
	display: flex;
	flex-grow: 1;
}
.woocommerce-Address {
	width: 48%;
	border-radius: 10px;
	height: 300px;
	margin: 10px;
	box-sizing: border-box;
	padding: 20px;
	display: grid;
	transition: all 0.5s ease-in-out;
}
.woocommerce-Address header {
	height: auto;
	margin:0;
}
.woocommerce-MyAccount-content form {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.address-fields p {
	width: 48%;
}
.card-type {
	width: 60%;
	margin: auto;
	text-align: center;
}
.address-fields p:nth-child(1n+3) {
	width: 100%;
}
.myaccount input, .myaccount textarea {
	border: solid thin #e5e5e5;
}
.myaccount .woocommerce form.login {
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
	border-radius: 0;
}
dl.variation p {
	display: initial;
	font-weight: bold;
	font-size: 12pt;
	line-height: 1.5em;
}
/*.woocommerce-error, .woocommerce-info, .woocommerce-message {
    width: 100%!important;
}*/
fieldset {
	width: 100%;
	margin-top: 40px;
	border: solid thin #e5e5e5;
}
.checkout.woocommerce-checkout {
	display: grid;
	grid-template-columns: 2fr 1fr;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	float: left!important;
	width: 90%!important;
}
#order_review_heading {
	/* width: 100%; */
	display: none;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	margin-bottom: 60px;
	font-weight: bold;
}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
	margin-bottom: 2em;
	margin-top: 60px;
}

.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font-size:28px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
	color: #fff;
	background-color: #bfaf7c;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    vertical-align: top;
}
#order_review {
	margin-top: 3em;
}
.variations .bold {
	font-size: 10pt;
	margin-bottom: -10px;
	font-weight: bold;
}

.strat-options {
	width: 100%;
	margin-top: 3em;
}
.strat-options .variations select {
	min-width: 98%!important;
	margin-right: 0!important;
	box-sizing: border-box;
}
.cart_totals h2 {
	font-size: 32px;
	font-weight: normal;
}
.restore-item {
	color: #bfaf7c;
}


/* Extra Product Options */

.extra_info {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 20px;
	text-align: left;
	margin-bottom: .5em;
  }
  .extra_info input {
	padding: 10px;
	box-sizing: border-box;
	border: none;
  }
  .thwepo-extra-options {
	margin-top: 3em;
	margin-bottom: 3em;
	background-color: #bfaf7c;
	padding: 10px;
	border-radius: 10px;
  }





/* -------------------- Footer -------------------- */

footer {
	text-align: center;
	padding-top: 60px;
}
footer a, .rooms-from a, .things a {
	color: #fff;
}
.things a {
	text-decoration: underline;
}
footer img {
	width: 100px;
}
.copyright {
	font-size: 8pt;
}
footer ul {
	display: flex;
	width: 200px;
	margin: auto;
	justify-content: center;
	list-style: none;
	padding: 0;
}
footer li {
	margin: 5px;
}
ul.social {
	display: flex;
	width: 200px;
	margin: 30px auto;
}
.social i {
	font-size: 20pt;
}


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

.container {
	width: 95%;
}
.navigation nav {
	display: none;
}
.subtoggle, .subsidebar, .toggle, .mobile {
		display:block;
}

/* Mobile Navigation */

#subsidebartoggler {
	display: none;
}

#main-nav_responsive {
  display:block;
    z-index: 99;
      margin: 0 auto;
  }

  #main-nav_responsive li {
      list-style:none;
      margin: 0 auto;
      padding-top: 2px;
  }

  #main-nav_responsive ul {
      padding: 0px;
      height: auto;
      z-index: 10000;
  }

	#main-nav_responsive ul li a {
		display: block;
		color: white;
		text-decoration: none;
		margin: 0;
		/* background: #85879c; */
		padding: 10px 0;
		cursor: pointer;
	}
	#main-nav_responsive ul li a:hover {
		color: #BFAF7C;
	}

	#main-nav_responsive .sub-menu li a {
		background: #35342f;
		padding-left: 10px;
	}

.slideDown {
  display: block;
}
.mdisplay, .search {
	display: none;
}
#menu-main li {
	flex-grow: 1;
}
ul#menu-main {
	list-style: none;
}

ul.sub-menu {display:none;}

.current-menu-item a, .page_item a, .current_page_item a {
	color: #BFAF7C;
}
.subpage-wrap {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 30;
}
.subtoggle {
	transition: all 0.5s ease-in-out;
	z-index: 99999999;
	cursor: pointer;
	font-size: 30pt;
	color: #4a3949;
	padding: 5px 10px;
	border-radius: 100%;
}
.subtoggle:hover {
	color: #d4d4d4;
}
.subsidebar {
	overflow: scroll;
	position: fixed;
	top: 0;
	bottom: 0px;
	right: -100%;
	width: 100%;
	padding: 130px 30px 0 30px;
	background-color: #2B4D5F;
	color: #fff;
	z-index: -9;
	opacity: 1;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url('images/sub-logo.png');
}
.subsidebar h4 {
	font-size: calc(1em + 2vw);
}

#subsidebartoggler:checked + .subpage-wrap .subsidebar {
	right: 0px;
}
#subsidebartoggler:checked + .subpage-wrap .subtoggle {
	color: #a08c76;
}
#subsidebartoggler:checked + .subpage-wrap .subpage-content {
	padding-left: 180px;
}
.toggle {
	height:40px;
	width:40px;
  text-decoration: none;
  color: black;
	transition: all 0.5s ease-in-out;
  position: absolute;
  top: 45px;
  left: 20px;
  z-index: 1;
  cursor: pointer; }

.sidebar {
	overflow: scroll;
	position: fixed;
	top: 55px;
	bottom: 0px;
	left: -415px;
	-webkit-transition: all 0.15s ease-out 0;
	-moz-transition: all 0.15s ease-out 0;
	transition: all 0.15s ease-out 0;
	width: 315px;
	padding-top: 100px;
	background: #BA4C57;
	color: #fff;
	z-index: 98;
}
#sidebartoggler {
  display: none; }
  #sidebartoggler:checked + .page-wrap .sidebar {
    left: 0px; }
  #sidebartoggler:checked + .page-wrap .toggle {
    left: 10px; }
  #sidebartoggler:checked + .page-wrap .page-content {
    padding-left: -180px;
}
.subtoggle img, .menublog img {
	width: 100%!important;
	height: auto!important;
	transition: all 0.5s ease-in-out;
}
.subsidebar a {
	text-decoration: none;
}
.subsidebar a:hover {
	color: #fff;
}
.subsidebar ul {
	padding: 0;
	list-style: none;
}
.subsidebar li {
	margin: 0;
}
.basket-icon {
	right: initial;
	left: 0;
	top: 10px;
}
}


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

.bedroom {
	width: 100%;
}
.bedroom-text {
	width: 50%;
	padding: 30px;
}
.link {
	width: 40%;
}
.book-enquire {
	display: none;
}
.bedrooms blockquote {
 	font-size: 15pt;
}
.painting-shop li {
	width: 48%;
}
}

@media screen and (max-width: 900px) {
.link {
	width: 50%;
}
.leftcol, .rightcol {
	width: 100%;
}
.leftcol {
	margin-bottom: 30px;
}
.shop-grid, .checkout.woocommerce-checkout {
	grid-template-columns: 1fr;
}
.summary.entry-summary {
	grid-column: 1;
	grid-row: 1;
}
}

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

.bedroom-text {
	width: 100%;
	padding: 30px;
}
.bedroom-pic, .comfortpic {
	display: none;
}
.seatown p {
	width: 60%;
}
header p {
	padding: 50px;
}
.rest li {
	width: 100%;
}
.gallery-item {
	width: 40%;
}
.bedrooms blockquote {
 	width: 80%;
}
.extra_info {
	grid-template-columns: 1fr;
}
}

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

.logo {
	width: 100%;
	position: relative;
}
.logo img {
	width: 20%;
}
.cta-buttons, .cta-buttons a {
	width: 80%;
}
.subtoggle {
	color: #4a3949;
}
.subpage-wrap {
	right: 20px;
	top: 10px;
}
header p {
	max-width: 80%;
}
.logo {
	background-color: transparent;
}
}


@media screen and (max-width: 390px) {
	.logo img {
		width: 40%;
	}
	.subpage-wrap {
	top: 20px;
}
}