/*
Theme Name: midfurn
Theme URI: http://www.midfurn.co.uk
Author: Harvey Fitzhugh	
Author URI: http://www.fitzhugh.biz
Description: Custom Theme for Midfurn
Version: 1.0.0
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/

/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Announcments */

#topAnnouncement {
	background-color: #646464;
	color: #fff;
	padding: 10px 30px 12px;
	text-align: center;
	font-size: 8vw;
	font-family: nimbus-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1;
	border-bottom: 1px solid #fff;
}

@media only screen and (min-width : 768px) {

	#topAnnouncement {
		font-size: 3.5vw;
		padding: 8px 30px 12px;
	}

}

@media only screen and (min-width : 992px) {

	#topAnnouncement {
		font-size: 26px;
	}

}

@media only screen and (min-width : 1200px) {

	#topAnnouncement {
		font-size: 32px;
	}

}

/* Content */

.main-content {
	margin-top: 30px;
}

#content {
	overflow: hidden;
}

body.home #content {
	overflow: visible !important;
}

.container.home-main-container,
.container.home-main-container #content {
	padding-bottom: 0;
}

 

body.home .main-content {
	margin-top: 0;
}

.main-content-inner {
	padding-bottom: 1.5em;
}

body.home .main-content-inner {
	padding-bottom: 0;
}

.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {	

}

.entry-meta {
	clear: both;
}

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	display: none;
}
*/

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*
.infinity-end.neverending .site-footer {
	display: block;
}
*/

/* Hey, if you don't need my comments anymore, just delete me! :)  */


/*********** Customisation Begins  ***********/


/* Main Elements */

body {
	font-family: acta-display, serif;
	font-weight: 400;
	font-style: normal;
	-webkit-font-smoothing: subpixel-antialiased;
}

.container {
}

/* Typography */

body {
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #727d74;
}

h1 {
	margin-bottom: 3rem;
}


p {
	line-height: 1.75em;
	margin-bottom: 1.25em;
}

/* Colours */

.bglightgrey {
	background-color: #e3e5e3;
}

.logogrey {
	color: #727d74;
}

.logogreen {
	color: #727d74;	
}

/* Links */

a {
	-webkit-transition: all 600ms ease-out;
	transition:         all 600ms ease-out;
}

a:link, a:visited {
	color: #938c44;
}

/* Special Promotions */

.showonhomepage {
	margin-top: 30px;
}

#special-promo-banners {

}

.special-promo {
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
}

.special-promo-first {
}

.special-promo .container {
	padding-bottom: 0 !important;
}

.special-promo img {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;	
}

.header-banner {
	margin-bottom: 0;
}

.extra-message {
	background-color: #727d74;
	color: #fff;
	text-wrap: balance;
	padding: 0.25em;
	text-align: center;
	font-size: 20px;
	margin-bottom: 1px;
}

#offer-carousel {
	margin-bottom: 30px;
}

#offer-carousel img {
	width: 100% !important;
}

@media only screen and (min-width : 768px) {
	
	.special-promo-first {

	}

}

@media only screen and (min-width : 992px) {

	#special-promo-banners {
	}

	.special-promo {
	}

	.special-promo:first-child {
	}

	.special-promo-first {
	}
	

}


/* Social Sharing */

#socialshare {
	list-style-type: none;
	font-size: 24px;
	margin: 30px 0;
	padding-left: 0;
	color: #727d74;
}

#socialshare li {
	display: inline;
	padding-left: 6px;
}

#socialshare li.first {
	padding-left: 0;
}

#socialshare li.facebook a:link, #socialshare li.facebook a:visited {
	color: #3b5998;
}

#socialshare li.twitter a:link, #socialshare li.twitter a:visited {
	color: #00aced;
}

#socialshare li.google a:link, #socialshare li.google a:visited {
	color: #dd4b39;
}

#socialshare li.pinterest a:link, #socialshare li.pinterest a:visited {
	color: #cb2027;
}

#socialshare a:hover {
	color: #727d74 !important;
}


/* Main Navigation */

.navbar-fixed-top {
	position: relative;
}

.navbar-fixed-top > .container {
	margin-bottom: 10px;
}

.site-navigation {
	background-color: rgba(234, 236, 234, 0.9);
	padding-top: 15px !important;
}

.site-navigation .collapse.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

body.home .site-navigation {
	background-color: rgba(255, 255, 255, 0.9);
}

.site-navigation .container {
	padding-bottom: 0;
}

.site-navigation .navbar {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	background: none;
}

.site-navigation .navbar-brand {
	padding-left: 0;
	margin-bottom: 1.5rem;
}

.site-navigation .navbar-brand img {
}

.navbar-default {
	margin-bottom: 20px !important;
}

.navbar-default, .site-navigation-inner {
	width: 100%;
	font-size: 16px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
	color: #727d74;	
}

.site-navigation .menu-item-1130 a {

}

.navbar-nav .menu-item-1539 {
}

.navbar-nav .menu-item-1539 a:link, .navbar-nav .menu-item-1539 a:visited {
	color: #d00000;
	padding-right: 0 !important;
}

.navbar-brand {
	height: auto;
	padding: 0;
}

.navbar-nav>li>a {
	padding-top: 0;
	padding-bottom: 0;
}

.site-navigation-inner {
	display: none;
}

#menutoggle {
	font-size: 42px;
	display: block !important;
	text-align: right;
	text-decoration: none;
}

#responsivemenu {
	display: none;
	background-color: #727d74;
	font-size: 2rem;
	max-width: 75%;
	padding: 2.5rem 3.5rem 2.5rem 2.5rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	min-height: 100vh;
	border-right: 1px solid #fff;
	box-shadow: 0 30px 30px rgba(0,0,0,0.75);
}

#responsivemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#responsivemenu ul > li {
	border-top: 1px solid rgba(255,255,255,0.25);
	padding-top: 1rem;
	margin-top: 1rem;
}

#responsive ul > li a {
	padding-right: 2rem;
}

#responsivemenu ul > li:first-child {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

#responsivemenu ul > li.menu-item-has-children a::after {
   font-family: FontAwesome;
   content: " \f0d7";
}

#responsivemenu ul ul {
	display: none;
	margin-top: 1rem;
	font-size: 1.7rem;
	width: 100%;
}

#responsivemenu ul ul > li {
	padding-right: 0;
}

#responsivemenu ul li.menu-item-has-children ul li a::after {
	content: none;
}


#responsivemenu a {
	text-decoration: none;
}

#responsivemenu a:link, #responsivemenu a:visited {
	color: rgba(255,255,255,1.0);
}

#responsivemenu ul ul a:link, #responsivemenu ul ul a:visited {
	color: rgba(255,255,255,0.5);
}

#responsivemenu ul ul a:hover {
	color: rgba(255,255,255,1);
}

#responsivemenu li:hover a {
}

#responsivemenu a.showhide {
	display: inline-block;
	margin-top: 1.5rem;
	font-size: 0.75em;
	border: 1px solid rgba(255,255,255,0.25);
	padding: 0.5rem 1rem;
}

#responsivemenu a.showhide:hover {
	background: rgba(254,254,255,0.25);
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		background: transparent ;
}

.navbar-nav>li>.dropdown-menu {
	border: none;
	margin-top: 22px;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus {
	background-image: none;
	background-color: #938c44;
	color: #fff;
}

.dropdown-menu>.active>a {
	background-color: #938c44;
}

.closedNotice {
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.closedNotice strong {
	text-transform: uppercase;
}

@media only screen and (min-width : 768px) {

}

/* UBERMENU */

.ubermenu .ubermenu-colgroup .ubermenu-column,
.ubermenu .ubermenu-custom-content-padded,
.ubermenu .ubermenu-nonlink,
.ubermenu .ubermenu-retractor,
.ubermenu .ubermenu-submenu-padded,
.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target,
.ubermenu .ubermenu-target,
.ubermenu .ubermenu-widget,
.ubermenu-responsive-toggle {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
	color: #727D69 !important;
}

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target:hover {
	color: #938c44 !important;
}

.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop,
.ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {
	margin-top: 19px !important;
	padding-top: 50px !important;
	padding-bottom: 20px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.ubermenu .ubermenu-item {
	margin-bottom: 20px !important;	
}

.ubermenu .ubermenu-target-text {
}

.ubermenu a:link, .ubermenu a:visited {
	color: #727D69 !important;
}

.ubermenu a:hover {
	color: #938c44 !important;
}

.ubermenu a:hover img {
	opacity: 0.4;
}

.ubermenu .searchicon {
	padding-right: 0 !important;
}


*:focus{
    outline:none !important;
}

/* Header */

#social-header {
	list-style-type: none;
	color: #938c44;
	font-size: 2.3rem;
	width: auto;
	line-height: 0;
	padding-top: 5px;
	padding-left: 0
}

#social-header li {
	float: none;
	display: inline-block;
	margin-top: 0.25em;
}

#social-header li.phone {
	margin-right: 0;
	margin-left: 0;
	margin-top: 0;
}

#social-header li.mail {
	margin-right: 10px !important;
}

#social-header span {
	color: #727d74;
	padding-left: 1rem;
}

#social-header a {
	text-decoration: none;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

#social-header li.social {
	display: inline-block !important;
	width: 49%;
}

#social-header a:hover {
	color: #727d74;
}

#social-header i {
	font-size: 42px;
}

/* Searchbar */


#searchbar {
	background-color: #727d74;
	z-index: 99999999999999999;
	width: 100%;
	font-size: 24px;
	padding: 22px 0;
	border-bottom: 1px solid rgba(255,255,255,1);
	position: fixed;
	top:-200px;
	left: 0;
	text-align: center;
	vertical-align: middle;
	transition: top 750ms ease-out;
	box-shadow: 0px 9px 22px rgba(0,0,0,0.2);
}

#searchbar .container {
	padding-bottom: 0;
}

#searchbar input {
	border-radius: 0;
	border: none;
	background: #fff;
	margin: 0;
	height: auto !important;
	vertical-align: bottom;
}

#searchbar .search-submit {
	margin-left: 10px;
	font-weight: bold;
	background-color: #938c44;
	color: #fff;
}

#searchbar .search-submit:hover {
	background-color: #fff;
	color: #938c44;
}

#searchbar.searchbarvisible {
	top:0;
}

#searchbar input.search-field {
	font-family: tahoma, sans-serif;
}


/* Sliders */

#home-slider {
	display: none;
	width: 100%;
	margin-bottom: 0;
}

#departmentslider {
	margin-bottom: 40px;
	background-color: rgba(234, 236, 234, 0.9);
}

/* Special Events */

#mobile-special-event {
	margin-bottom: 10px;
}

#home-special-event img {
	margin-top: 40px;
}

@media only screen and (min-width : 992px) {

	#home-special-event img {
	}

}

/* Home Page */

body.home .home-main-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#home-divisions-container-new #home-divisions {
	list-style-type: none !important;
	margin: 0;
	padding-left: 0;
}

#home-divisions-container-new #home-divisions li {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	background-color: #727d74;
}

#home-divisions-container-new #home-divisions li:last-child {
	margin-bottom: 0;
}

#home-divisions-container-new #home-divisions li img {
	position: relative;
	-webkit-transition: all 600ms ease-out;
	transition:         all 600ms ease-out;
    width: 100%;
    height: auto;
}

#home-divisions-container-new #home-divisions  li:hover img {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0.5;
}


#home-divisions-container-new #home-divisions li h2 {
	position: absolute;
	z-index: 999;
	width: 100%;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	bottom: 15px;
	font-family: nimbus-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 24px;
	text-shadow: 0 0 10px rgba(0,0,0,1),0 0 30px rgba(0,0,0,1);
}

@media only screen and (min-width : 768px) {

	#home-divisions-container-new #home-divisions {
		display: flex;
		flex-wrap: wrap;
	}

	#home-divisions-container-new #home-divisions > li {
		margin-bottom: 0;
		flex-basis: 50%;
	}

	#home-divisions-container-new #home-divisions li:nth-child(1),
	#home-divisions-container-new #home-divisions li:nth-child(2) {
		margin-bottom: 10px;
	}

	#home-divisions-container-new #home-divisions li:nth-child(3),
	#home-divisions-container-new #home-divisions li:nth-child(4) {
		margin-bottom: 0;
	}

	#home-divisions-container-new #home-divisions > li:nth-child(odd) {
		padding-right: 5px;
	}

	#home-divisions-container-new #home-divisions > li:nth-child(even) {
		padding-left: 5px;
	}

}

@media only screen and (min-width : 992px) {

	#home-divisions-container-new #home-divisions {
		--gap: 10px;
		--columns: 4;
		column-gap: var(--gap);
	}

	#home-divisions-container-new #home-divisions > li {
		flex-basis: unset;
		width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
		margin-bottom: 0 !important;
	}

	#home-divisions-container-new #home-divisions > li:nth-child(odd) {
		padding-right: 0;
	}

	#home-divisions-container-new #home-divisions > li:nth-child(even) {
		padding-left: 0;
	}

}

@media only screen and (min-width : 1200px) {

	#home-divisions-container-new #home-divisions li h2 {
		font-size: 28px;
	}

}

@media only screen and (min-width : 1400px) {

	#home-divisions-container-new #home-divisions li h2 {
		font-size: 30px;
	}

}


/*
.home-divisions {
	margin: 0;
	padding: 0;
}

#home-divisions {
	clear: both;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#home-divisions a {
	width: 100%;
	display: block;
	float: left;
}

#home-divisions li > div {
	display: block;
	position: relative;
}

#home-divisions li > div:after {
  padding-top: 62.5%;
  display: block;
  content: '';
}

#home-divisions li > div > div {
	overflow: hidden;
}

#home-divisions li.dining {
}

#home-divisions li.living {
}

#home-divisions li.bedroom {
}

#home-divisions li.accessories {
}

#home-divisions li img {
	-webkit-transition: all 600ms ease-out;
	transition:         all 600ms ease-out;
	width: 100%;
}

#home-divisions li:hover img {
   -webkit-transform: scale(1.2, 1.2);
   -moz-transform: scale(1.2, 1.2);
   -ms-transform: scale(1.2, 1.2);
   -o-transform: scale(1.2, 1.2);
   transform: scale(1.2, 1.2);
   opacity: 0.6;
 }

#home-divisions h2 {
	margin: 0;
	color: #fff;
	text-align: center;
	padding: 0.2em 0 0.2em 0;
	font-size: 2rem;
	font-family: nimbus-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.home-text {
	padding-right: 6rem;
	padding-top: 1rem;
}

.home-text h1 {
	font-size: 3rem;
	padding-top: 0.75rem;
}

.home-text p {
	font-size: 1.5rem;
}

.home-text img.hero {
	float: none;
}

.home-panels {
	margin-top: 40px;
	margin-bottom: 10px;
	font-style: normal;
	font-weight: 300;
}

.home-panels div.inner {
	padding: 10px 20px;
	background-color: #727d74;
	color: #fff;
	text-align: center;
	font-size: 2em;
	line-height: 1;
}

.home-panels .text {
	padding-top: 12px;
}

 */

/* Logo Carousel */

.bx-wrapper  {
	max-width: 100% !important;
}

.logoslider {
	margin-bottom: 0;
	margin-top: -35px;
}

.navbar-nav {
	float: right;	
}

/* Text Pages */

.page-template-page-text-php .the-article ul > li {
	margin-bottom: 1em;
}

.page-template-page-text-php .the-article {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

.page-template-page-text-php .the-article h2 {
	margin: 2em 0 1em;
}

/* Footer */

#colophon {
	background-color: #727d74;
	padding: 5rem 0 10rem;
	color: #fff;
	margin-top: 5rem;
}

#colophon .container {
}

#colophon a:link, #colophon a:visited {
	color: #fff;
}

#colophon h2, #colophon h3 {
	color: #fff;
}

#colophon h2 {
	font-size: 2.25rem;
}

#colophon h2:first-child {
	margin-top: 0;
}

#colophon h3 {
	font-size: 1.5rem;
}

#colophon p {
	line-height: 1.4em;
	font-family: nimbus-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
}

#social-footer {
	list-style-type: none;
	color: #fff;
	font-size: 4rem;
	line-height: 0;
	padding: 0;
	margin-bottom: 3rem;
}

#social-footer li {
	float: left;
	margin-right: 1rem;
}

#social-footer a:hover {
	color: #fff;
}

#mc4wp_email {
	width: 100%;
}

#colophon .mailchimp input[type="email"] {
	border: none;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.5em 0.75em;
	color: #727d74;
}

#colophon .mailchimp ::-webkit-input-placeholder {
	font-size: 1.5rem;
	line-height: 1.4;
}

#colophon .mailchimp :-moz-placeholder { /* Firefox 18- */
	font-size: 1.5rem;
	line-height: 1.4;
}

#colophon .mailchimp ::-moz-placeholder {  /* Firefox 19+ */
	font-size: 1.5rem;
	line-height: 1.4;
}

#colophon .mailchimp :-ms-input-placeholder {  
	font-size: 1.5rem;
	line-height: 1.4;
}

#colophon .mailchimp input[type="submit"] {
	border: none;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.5em 0.75em;
	color: #727d74;
	-webkit-transition: all 600ms ease-out;
	transition:         all 600ms ease-out;
}

#colophon .mailchimp input[type="submit"]:hover {
	background-color: #fff;
}

#colophon a:hover {
	text-decoration: none;
	color: #fff;
}

#colophon #menu-legal-nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 1;
	margin-top: 3rem;
	font-size: 1rem;
}

#colophon #menu-legal-nav li {
	float: left;
	margin-left: 1.5em;
	padding-left: 1.5em;
	border-left: 1px solid #c7cbc7;
}

#colophon #menu-legal-nav li.menu-item-first {
	margin-left: 0;
	padding-left: 0;
	border: none;
}

#wpgmza_map_2 {
	margin-bottom: 2rem;
}

#colophon .address.opening {
	font-family: arial, sans-serif !important;
	font-weight: bold !important;
}

/* Brands */


ul.custom-brand-thumbnails {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

.custom-brand-thumbnails li {
	margin-bottom: 25px;
}

.custom-brand-thumbnails li .inner {
	border: 1px solid #eaecea;
    position: relative;
    background: #fff;
}

.custom-brand-thumbnails .dummy {
    padding-top: 100%; /* forces 1:1 aspect ratio */
}

.tempurBanner  img {
	width: 100% !important;
}


.custom-brand-thumbnails div.logocontainer, .custom-brand-thumbnails div.logocontainer div.logo {
	padding: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.custom-brand-thumbnails div.logocontainer img {
	max-width: 75%;
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;	
}

.leaderboard {
	padding: 0 0 40px 0;
	margin-bottom: 40px;
	text-align: center;
	border-bottom: 1px solid rgba(234, 236, 234, 0.9);
}

.promoBanners {
	margin-bottom: 40px;
	text-align: center;
}

.promoBanners img {
	max-width: none;
	width: 100%;
}

#vispringBanner img {
	width: 100% !important;
}

.brand-specific-banners {
	margin-top: 15px;
}


/* Buttons */

.btn-info, .btn-info:focus {
	background: #727d74;
	color: #fff;
	border: none;
}

.btn-info:hover {
	background: #c7cbc7;
	color: #727d74;
}


/* Woocommerce */

.woocommerce .images {
	overflow: hidden !important;
}

.woocommerce .images > a:first-child {
	position: relative;
}

.percentage_roundel {
	background-color: #fe0002;
	color: #fff;
	line-height: 0.9;
	display: flex;
	align-items: center;
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 500;
	padding: 0.5em;
	border-radius: 200%;
	text-align: center;
	font-size: 2rem;
	text-transform: uppercase;

}

.percentage_roundel .discount {
	font-size: 4rem;
	white-space: nowrap;
	letter-spacing: -0.005em;
}

.percentage_roundel .rrp {
	font-size: 1.15rem;
}

.percentage_roundel .percentage_roundel_inner {
	display: inline;
}

.percentage_roundel .percentage_roundel_inner > div {
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: 100%;
}

.woocommerce .related ul li.product,
.woocommerce .related ul.products li.product,
.woocommerce .upsells.products ul li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
	width: 22.15%;
}

.woocommerce nav.woocommerce-pagination {
	font-size: 1.5rem;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
	border-color: rgba(147,140,68,0.5);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: rgba(147,140,68,0.1);
	color: rgba(147,140,68,1);
}

.woocommerce div.product .woocommerce-tabs .panel {
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border-radius: 0;
	border-right: 1px solid #fff !important;
}

.woocommerce-tabs ul.tabs:before,
.woocommerce-tabs ul.tabs li:after,
.woocommerce-tabs ul.tabs li:before,
.woocommerce-tabs ul.tabs li a:after,
.woocommerce-tabs ul.tabs li a:before {
    display: none!important;
    box-shadow: 0 0 0 #fff!important;
}
.woocommerce-tabs ul.tabs,
.woocommerce-tabs ul.tabs li,
.woocommerce-tabs ul.tabs li a {
    padding: 0!important;
    margin: 0!important;
    border: 0!important;
    background: transparent!important;
    box-shadow: 0 0 0 #fff!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}

li.productlist {
	margin-bottom: 35px;
}

li.productlist .productlistcontainer {
	/* background-color: #938c44; */
}

li.productlist .productlistinner {
	overflow: hidden;
}

li.productlist img {
	-webkit-transition: all 300ms ease-out;
	transition:         all 300ms ease-out;
}

li.productlist:hover img {
	transform: scale(1.1);
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

li.productlist h3 {
    color: #727d74;
    font-size: 24px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0;
}

li.productlist:hover h3 {
	color: #938c44;
}

li.productlist:hover h3 a {
	text-decoration: none;
}

.productlistinner {
	position: relative;	
}

table.variations label {
	color: #333;
}

a.reset_variations {
	margin-top: 10px;
	display: block;
}

.downloadlist {
	list-style-type: none;
	padding-left: 0;
	font-size: 16px;
	margin-bottom: 20px;
}

.downloadlist i {
	color: #727d74;
	padding-right: 10px;	
}

.downloadlist>li {
	line-height: 1;
	margin-bottom: 0.7em;
}

.downloadlist>li span {
	font-size: 10px;
}


ul.wooAdditionalImages {
	margin-top: 30px;
}


@media only screen and (min-width : 768px) {

    li.productlist h3 {
        font-size: 20px;
        line-height: 1.2;
    }

}

@media only screen and (min-width : 992px) {

    li.productlist h3 {
        font-size: 22px;
    }

}

/* SIMPLE TAB CSS */
.woocommerce-tabs ul.tabs li {
    background-color: #ddd!important;
    margin: 0 0 0 0!important;
    float: left;
}

.woocommerce-tabs ul.tabs li a {
    padding: 5px 10px!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 400;
}

.woocommerce-tabs ul.tabs li.active {
	background-color: #eaecea !important;
	color: #727d74;
    float: left;
}

.woocommerce-tabs .panel {
	box-shadow: none;
	background-color: #eaecea;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}

.woocommerce-tabs h2 {
	font-size: 2rem;
}

.woocommerce-tabs h3 {
	font-size: 1.5rem;
}

.woocommerce .related {
	border-top: 1px solid rgba(147, 140, 68, 0.2);
}

.woocommerce .brand-logo-single {
	margin: 0 0 30px 0;
	float: none;
	display: block;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	border-radius: 0;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: #938c44;
}

.woocommerce .product_meta {
	font-size: 12px;
}

.productenquiry {
	border-top: 1px solid #eaecea;
	border-bottom: 1px solid #eaecea;
	margin-top: 20px;
	padding-top: 10px;
	margin-bottom: 40px;
	padding-bottom: 10px;
	line-height: 1;
}

.productenquiry h3 {
	margin-bottom: 0.25em;
}

.productenquiry p {
	color: #938c44;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.productenquiry a {
	text-decoration: underline;
}

.productenquiry .btn-info {
	margin-bottom: 20px;
}

.modal-content {
	border-radius: 0;
}

.modal-header, .modal-body {
	padding: 40px;
	border-radius: 0;
}

.modal-header {
	padding: 20px 40px;
	background: #eaecea;
}

.modal-header h2 {
	line-height: 1;
}

.modal-header .close {
    color: #727d74;
	opacity: 1;
}

.modal-body .btn {
	background-color: #727d74;
	color: #fff;
	border-radius: 0;
	border: none;
}

.modal-body .btn:hover {
	background: #c7cbc7;
	color: #fff;
}

.modal-body input, .modal-body textarea {
	border-radius: 0;
}

.modal-body label {
	font-weight: normal;
	color: #727d74;
}


#wpcf7-f3539-o1 .wpcf7-text, #wpcf7-f3539-o1 textarea {
	font-family: tahoma, sans-serif;
}


.woocommerce span.onsale {
	border-radius: 0;
	padding: 8px 16px 8px 0 ;
	line-height: 1;
	min-height: inherit;
	display: block;
	position: absolute;
	top: 50px;
	left: -120px;
	width: 400px;
	height: auto;
	text-align: center;
	-webkit-transform: rotate(-45deg);
	-moz-transform:    rotate(-45deg);
	-ms-transform:     rotate(-45deg);
	transform:         rotate(-45deg);
	font-size: 24px;
	font-weight: 700;
	color: white;
	background: #b51f1f;
	border: 1px solid white;
	z-index: 500;
}

.woocommerce span.onsale.sold {
	font-size: 32px;
}

.relatedproduct span.onsale {
	font-size: 16px;
	top: 20px;
	left: -150px;
}

.woocommerce div.product p.price {
	font-size: 24px;
	line-height: 1.2;
}

table.productSizes {
	width: 100%;
	margin: 30px 0;
}

table.productSizes th,
table.productSizes td {
	border: 1px solid #fff;
	padding: 0.5em;
	text-align: center;
}

table.productSizes td:first-child {
	text-align: left;
}

table.productSizes th.empty {
	border-top-color: transparent;
	border-left-color: transparent;
}


/* WooCommerce Price (Regular Price) */
.woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page #content div.product p.price del, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del, .product-price del, .woocommerce ul.cart_list li .quantity del, .woocommerce-page ul.cart_list li .quantity del, .woocommerce ul.product_list_widget li .quantity del, .woocommerce-page ul.product_list_widget li .quantity del {
	color: #777777;
	font-size: 0.85em;
	text-decoration: line-through;
}

/* WooCommerce Price (Sale Price) */
.woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins, .woocommerce div.product span.price ins, .woocommerce div.product p.price ins, .woocommerce #content div.product span.price ins, .woocommerce #content div.product p.price ins, .woocommerce-page div.product span.price ins, .woocommerce-page div.product p.price ins, .woocommerce-page #content div.product span.price ins, .woocommerce-page #content div.product p.price ins, .product-price ins, .woocommerce ul.cart_list li .quantity ins, .woocommerce-page ul.cart_list li .quantity ins, .woocommerce ul.product_list_widget li .quantity ins, .woocommerce-page ul.product_list_widget li .quantity ins {
	color: #b51f1f;
	text-decoration: underline;
}

.woocommerce div.product p.price {
	color: #b51f1f;
}


@media only screen and (min-width : 1200px) {


	body.single-product .percentage_roundel {
		font-size: 3rem;
	}

	body.single-product .percentage_roundel .discount {
		font-size: 6rem;
	}

	body.single-product .percentage_roundel .rrp {
		font-size: 1.6rem;
	}

}

/* Showcase */

/* HOME SLIDERS */

#the_home_slider {
	margin-bottom: 10px;
}

#the_home_slider .the-slide-inner {
	display: flex;
	justify-content: center;
	align-items: center;
}

.the-slide-inner {
	position: relative;
	top: 0;
	left: 0;
	height: calc( (100vw / 14) * 10 );
}

.the-slide-content,
.the-slide-background {
	position: absolute;
}

.the-slide-content {
	width: 80vw;
	color: #000;
	font-family: nimbus-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-align: center;
}

.the-slide-content img {
	height: 12vw;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(1,1);
	}
	to {
		-webkit-transform: scale(1.5,1.5);
	}
}

/* Standard syntax */
@keyframes zoom {
	from {
		transform: scale(1,1);
	}
	to {
		transform: scale(1.5,1.5);
	}
}

.the-slide-background {
	-webkit-animation: zoom 66s; /* Chrome, Safari, Opera */
	animation: zoom 66s;
	display: inline-block;
	width: 100vw;
	max-width: none !important;
}

.the-slide-content-inner {
	padding: 6.6vw 0;
}

.the-slide-headline,
.the-slide-subhead {
	letter-spacing: -0.03em;
}

.the-slide-headline {
	line-height: 0.95;
	margin: 3vw 0 2vw;
	font-size: 6.5vw;
	font-weight: 400;
}

.the-slide-subhead {
	line-height: 1.2;
	font-size: 3.3vw;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-fade .carousel-inner > .item.next,
	.carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.prev,
	.carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.next.left,
	.carousel-fade .carousel-inner > .item.prev.right,
	.carousel-fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


@media only screen and (min-width : 768px) {

	.the-slide-content {
		transform: scale(0.85);
	}

}

@media only screen and (min-width : 992px) {

	.the-slide-inner {
		height: 50vw;
		overflow: hidden;
	}

	.the-slide-content {
		transform: scale(0.65);
		margin-top: -5vw;
	}


}

@media only screen and (min-width : 1400px) {

	.the-slide-content {
		transform: scale(0.55);
	}

}

@media only screen and (min-width : 1600px) {

	.the-slide-content {
		transform: scale(0.45);
	}

	.the-slide-inner {
		height: 40vw;
	}

}

/*  SECTIONS  */

.showcase-container {
	margin: 0 0 3rem 0;
}

.showcase {
	clear: both;
	padding: 0;
	margin: 0;
}

.showcase .borderright {
	border-right: 6px solid #fff;
}

.showcase-shadow {
	margin-top: 1px;
}

.woocommerce div.description {
	margin-bottom: 40px;
}

.woocommerce div.description p {
	font-size: 18px;
}

.woocommerce .relatedproduct {
	padding-left: 0;
}

.woocommerce .relatedproducts {
	padding-top: 30px;
	margin-top: 30px;
}

.woocommerce .relatedproducts h2 {
	margin-bottom: 20px;
}

/*  SHOWCASE  */

#show {
	height: 450px;
	width: 100%;
	position: relative;
	margin-bottom: 40px;
}

.showblock {
	margin-left: 12px;
	float: left;
	width: 440px;
}

.showblock.big {
	width: 660px;
}

.showblock.first {
	margin-left: 0;
}

.showblock.last {
	margin-right: 12px;
}

.showblocktop {
	margin-bottom: 10px;
}

.showblockbtm .left {
	float: left;
}

.showblockbtm .right {
	float: right;
}

/*  FEEFO  */

.feefo-single-product {
	margin-top: 20px;
}

.feefo-home {
	margin-top: 10px;
	margin-bottom: 20px;
}

/* TEMPUR */

table.tempurSizes {
	width: 100%;
	background: rgba(255,255,255,0.66);
}

table.tempurSizes th,
table.tempurSizes td {
	padding: 5px;
	border-bottom: 1px solid #eaecea;
	text-align: center;
}

table.tempurSizes th {
	border-right: 1px solid #eaecea;
}

.tempurDivisions h3 {
}

.tempurDivisions .tempurBedTypes h3,
.tempurDivisions .tempurMattresses h3 {
	margin: 0 !important;
	text-align: center !important;
	font-size: 22px !important;
	color: #fff !important;
}

.tempurDivisions .productlist {
	margin-bottom: 20px !important;	
}

.tempurDivisions .products ul,
.tempurDivisions ul.products {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 30px;
}

.tempurDivisions > div {
	margin-top: 50px;
}

.tempurDivisions ul {
	margin-top: 30px;
}

.tempurDivisions .theLabel {
	background: rgba(150, 150, 150, 1);
	padding: 10px;
}

.tempurDivisions .theLabel .description {
	color: #fff;
	text-align: center;
	margin-bottom: 0;
}

.tempurDivisions a {
	text-decoration: none !important;
}


.tempurOther h3 {
	text-align: left !important;
}

.tempurOther .description {
	color: #fff !important;
	text-align: left !important;
	margin-top: 6px;
}

.tempurOther .theLabel {
	margin-bottom: 20px;
	background: rgba(150, 150, 150, 1);	
}

@media only screen and (min-width : 768px) {

	.tempurOther h3 {
		font-size: 16px !important;	
	}
	
	.tempurOther .theLabel {
		margin-bottom: 0;
		margin-left: -30px;
		padding-right: 30px !important;
		background: transparent;
	}

	.tempurOther .bg {
		background: rgba(150, 150, 150, 1);	
		margin-bottom: 20px;
	}
	
	.tempurOther .description {
		font-size: 12px;	
	}	
	
}

@media only screen and (min-width : 992px) {

	.tempurDivisions .theLabel {
		padding-left: 30px !important;
		padding-right: 30px !important;

	}

}

@media only screen and (min-width : 1200px) {
	
	.tempurOther h3 {
		font-size: 22px !important;
		margin-top: 10px !important;
	}
	
	.tempurOther .description {
		font-size: 14px;
	}	
	
	.tempurDivisions .theLabel {
		padding-left: 10px !important;
		padding-right: 10px !important;

	}	
	
}



/*  CLEARANCE  */

#clearanceproducts {
	list-style-type: none;
	padding-left: 0;
}

#clearanceproducts .price {
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1;
	display: block;
	margin-top: 15px;
}

#clearanceproducts .price .was, #clearanceproducts .price .now {
	float: left;
	width: 50%;
	background: #b51f1f;
	color: #fff;
	text-align: center;
	padding: 6px 0 4px;
}

#clearanceproducts .price .was {
	border-right: 2px solid #fff;
	background: #c7cbc7;
	color: #727D69;
}

#clearanceproducts .price .was .label, #clearanceproducts .price .now .label {
	display: block;
	font-size: 12px;
	padding: 0;
}

#clearanceproducts .price .was .label {
	color: #727D69;
}

#clearanceproducts .price .was .pricepoint {
	text-decoration: line-through;
}

#clearanceproducts a {
	text-decoration: none;
}

/* HASTENS */

body.term-182 .main-content {
	margin-top: 40px;
}

#hastensBanner .bannerHeader {
	margin-top: 0;
	height: 250px;
	background: url('https://www.midfurn.co.uk/wp-content/uploads/2017/04/hastens-beds-background-crop.jpg') top center no-repeat;
	font-size: 40px;
	line-height: 46px;
	text-align: center;
	color: #fff;
	font-family: acta-display, serif;
	font-style: italic;
	font-weight: 300;
	display: table;
	width: 100%;
}

#hastensBanner .bannerHeader .bannerHeadline {
	  display: table-cell;
	  text-align: center;
	  vertical-align: middle;
}

#hastensBanner .bannerCarousel {
	text-align: center;
	height: 280px;
	overflow-y: hidden;
}

#hastensCarousel {
	height: 280px;
}

#hastensBanner .bannerCarousel .inner {
	font-size: 16px;
	margin-left: 15%;
	margin-right: 15%;
}

#hastensBanner .bannerCarousel .inner h2 {
	margin-top: 0;
	margin-bottom: 0.8em;
}

#hastensBanner .bannerCarousel .inner p:last-of-type {
	margin-bottom: 0;
}

#hastensBanner .carousel-control i {
	font-size: 200px;
}

#hastensBanner .carousel-control {
	padding-left: 30px;
	padding-right: 30px;
}

#hastensBanner .item .outer {
	padding-top: 40px;
	padding-bottom: 30px;
	display: table;
	width: 100%;
	height: 280px;
}

#hastensBanner .item .inner {
	  display: table-cell;
	  text-align: center;
	  vertical-align: middle;
	  height: 160px !important;
	  padding-left: 15%;
	  padding-right: 15%;;

}

#hastensBanner img.arrow {
	padding-top: 0;
	width: 55px;
	height: 304px;
}

#hastensBanner a.left.carousel-control {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,ffffff+100 */
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(left,  #dddddd 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #dddddd 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #dddddd 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#hastensBanner a.left.carousel-control:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4c4c4+0,ffffff+100 */
	background: #c4c4c4; /* Old browsers */
	background: -moz-linear-gradient(left,  #c4c4c4 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #c4c4c4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #c4c4c4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#hastensBanner a.right.carousel-control {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 */
}

#hastensBanner a.right.carousel-control:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c4c4c4+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #c4c4c4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#c4c4c4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ffffff 0%,#c4c4c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=1 ); /* IE6-9 */
}

#hastensVideo {
	background: url('images/hanstens-check.jpg') top center repeat;
	margin-bottom: 100px !important;
}

#hastensVideo .container {
	padding-top: 60px;
	padding-bottom: 60px;
}

#hastensVideo .embed-responsive {
	background: #000;
	box-shadow: 0px 16px 32px rgba(0,0,0,0.5);
}


@media only screen and (min-width : 783px) {


}

@media only screen and (min-width : 992px) {

	#hastensBanner .bannerHeader {
		height: 350px;
		font-size: 52px;
		line-height: 60px;
	}

	#hastensBanner .carousel-control {
		padding-left: 50px;
		padding-right: 50px;
	}

}

@media only screen and (min-width : 1200px) {

	#hastensBanner .bannerCarousel .inner {
		margin-left: 180px;
		margin-right: 180px;
	}

}

@media only screen and (min-width : 1920px) {

	#hastensBanner .bannerHeader {
		background-size: cover;
	}
	
}


/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(images/cursors/cursor_arrow_left.png), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(images/cursors/cursor_arrow_right.png), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 50%;
}

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 75%;
}
.span_2_of_4 {
	width: 50%;
}
.span_1_of_4 {
	width: 25%;
}


/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 80%;
}
.span_3_of_5 {
	width: 60%;
}
.span_2_of_5 {
	width: 40%;
}
.span_1_of_5 {
	width: 20%;
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


/* ITALIAN COLLECTION */


#italian_collection_banner {
	background: url('images/italian-flag.webp') center center no-repeat;
	background-size: cover;
	padding: 24px;
	color: #fff;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin-bottom: 10px;
	text-shadow: 0px 1px 6px #000000;
	transition: all 0.3s ease-in-out;
}

#italian_collection_banner h1.italian-collection-title {
	font-size: 22px;
	margin: 0 0 0.5rem;
	color: #fff !important;
	font-weight: 800;
}

body.home #italian_collection_banner:hover {
	transform: scale(1.05);
}

#italian_collection_banner h2.italian-collection-subhead {
	font-size: 18px;
	line-height: 1.2;
	color: #fff !important;
	margin: 0;
}

#italian_collection_banner p {
	margin-bottom: 0;
}

.page-id-35725 .the-content {
 	background-color: rgba(234, 236, 234, 0.9);
	padding: 24px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-align: center;
}

.page-id-35725 .the-content p {
	line-height: 1.5;
}

.page-id-35725 .the-content h2.major {
	font-size: 24px !important;
}

.page-id-35725 .the-content h2.minor,
.page-id-35725 .the-content h3.minor {
	font-size: 20px !important;
}

.page-id-35725 .main-intro-text {
	font-size: 1.2em;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	text-align: center;
	margin-bottom: 15px;
}

.page-id-35725 .the-content p:last-of-type {
	margin-bottom: 0;
}

.page-id-35725 .the-content ul {
	list-style: none;
	padding-left: 0;
}

.page-id-35725 .the-content ul > li {
	margin-bottom: 0.5rem;
}

.page-id-35725 .the-content ul > li:last-child {
	margin-bottom: 0;
}

.page-id-35725 .the-content ul > li::before {
	content: '\00B7';
	display: inline-block;
	margin-right: 0.5rem;
}

.italian-brands {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	gap: 10px;
}

.italian-brands > li {
}

.italian-brands__item {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.italian-brands__item-inner {
	aspect-ratio: 1 / 1;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
}

.italian-logo {
	width: 100%;
	height: 100%;
	padding: 0 10%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.italian-logo-inner {

}

.italian-logo img {
	transition: all 0.3s ease-in-out;
	display: block;
	width: 100%;
	height: auto;
	background-color: rgba(255,255,255,0.80);
}

.italian-brands__item:hover .italian-logo img {
	transform: scale(1.1);
}

.italian-collection-banner-link {
	text-decoration: none !important;
}

@media (min-width: 768px) {

	#italian_collection_banner {
		padding: 18px;
	}

	#italian_collection_banner h2.italian-collection-subhead {
		text-wrap: balance;
	}

	.italian-brands {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.page-id-35725 .main-intro-text {
		text-wrap: balance;
	}

}

@media (min-width: 992px) {

	.page-id-35725 .the-content {
		padding: 36px;
	}

	.italian-brands {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	#italian_collection_banner h2.italian-collection-subhead {
		font-size: 22px;
	}

}

@media (min-width: 1200px) {

	.page-id-35725 .the-content {
		padding: 36px 72px;
	}

	.page-id-35725 .main-intro-text {
		margin-top: 26px;
		margin-bottom: 26px;
	}

	.italian-brands {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}

}

/* POPUPS */

.pum-theme-22536 .pum-container, .pum-theme-midfurn .pum-container {
	background-color: transparent !important;
}

#pum-23497 img[class * ='wp-image-'] {
	margin: 0 !important;
	padding: 0 !important;
}

	.pum-overlay.pum-active,
	.pum-overlay.pum-active .popmake.active {
    		display: block !important;
	}





/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 {
		display: none;
	}
	.span_2_of_2, .span_1_of_2 {
		display: none;
	}
	.hero {
		width: 100%;
		display: block !important;
	}
}
	

/*==========  Media Queries - Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	

	.navbar-brand img {
		width: 100% ;
	}

	.navbar-brand {
		float: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		display: block;
		width: 300px;
		margin-bottom: 0;
	}

	.home-text h1 {
		font-size: 42px;
		padding-top: 0;
	}
	#social-header {
		font-size: 3rem;
		padding: 0;
	}
	
	.site-navigation {
		padding-top: 20px !important;
		padding-bottom: 0;
	}

	/* Sliders */

	#home-slider {
		display: block;
	}
	
	
	#colophon #menu-legal-nav li {
		font-size: 1rem !important;	
	}
	
	.home-text img.hero {
		width: 100%;
	}

	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.container-fluid.airy {
		padding-left: 70px;
		padding-right: 70px;
	}

	.navbar-fixed-top {
		/* position: fixed; */
	}
	
	.navbar-brand {
		float: left;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		display: block;
		width: 200px;
	}

	
	#social-header {
		font-size: 2.5rem;
	}
	
	#social-header li {
		float: left;
		margin-left: 1rem;
		text-align: inherit;
	}
	
	#social-header li {
		display: inline-block !important;
		margin-left: 0.5rem;
		text-align: inherit;
	}
			
	
	#social-header li.phone {
		margin-right: 2rem;
	}
	
	#social-header li.social {
		width: 23%;
		float: right;
	}


	
	/* Content */
	
	.main-content {
		padding-left: 0;
		padding-right: 0;
	}

	

	/* Home Page */

	.home-divisions {
		margin: 0;
		padding: 0;
	}
			

	.home-text img.hero {
		width: auto;
		float: right;
	}
	
	.nav>li>a  {
		padding-left: 10px;
		padding-right: 10px;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 30.8%;
	}

	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	#menutoggle {
		display: none !important;
	}
	
	.site-navigation-inner {
		display: block;
		float: right;
		height: 3rem;
	}
	
	#social-header {
		margin-top: 18px;
		font-size: 22px;
		float: right;
	}

	#social-header i {
		font-size: 22px;
	}

	#social-header li {
		display: inline-block !important;
		width: auto !important;
		float: none !important;
	}

	#social-header li.social img {
		height: 22px;
		width: auto;
		padding-top: 5px;
	}

	.main-content {
	}


	}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


.megaMenu {
	padding: 30px 30px 0 30px;
	font-size: 18px;
    line-height: 1.2;
	background: #fff;
	box-shadow: 0px 18px 18px rgba(0,0,0,0.1);
	display: none;
}

    @media only screen and (min-width : 1200px) {

		.megaMenu {
			font-size: 16px;
		}

    }


.megaMenu a,
.megaMenu a:link,
.megaMenu a:visited {
	text-decoration: none;
}

.megaMenu .megaMenuList {
    display: flex;
    flex-wrap: wrap;
}

.megaMenu .megaMenuList li {
	margin-bottom: 20px;
}

.megaMenu .megaTitle {
	margin-top: 6px;
}

.megaMenu a img {
	-webkit-transition: all 300ms ease-out;	
}
.megaMenu a:hover img {
	opacity: 0.5;
}

.stressless-quickship {
	width: 25%;
	position: absolute;
	top: 6px;
	right: 6px;
}

.stressless-quickship-banner img {
	width: 75%;
	margin-top: -20px;
	margin-bottom: 1em;
	display: block;
}

@media only screen and (min-width : 768px) {

	.stressless-quickship-banner img {
		width: 66%;
	}

}

@media only screen and (min-width : 992px) {

	.stressless-quickship-banner img {
		width: 75%;
	}

}


@media only screen and (min-width : 1200px) {

	.stressless-quickship-banner img {
		width: 50%;
	}


}

.disclaimer {
	font-size: 12px !important;
}