/* Minification failed. Returning unminified contents.
(691,84): run-time error CSS1019: Unexpected token, found ' '
(691,84): run-time error CSS1019: Unexpected token, found ' '
(691,84): run-time error CSS1042: Expected function, found ' '
(691,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(701,125): run-time error CSS1019: Unexpected token, found ' '
(701,125): run-time error CSS1019: Unexpected token, found ' '
(701,125): run-time error CSS1042: Expected function, found ' '
(701,125): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(708,99): run-time error CSS1019: Unexpected token, found ' '
(708,99): run-time error CSS1019: Unexpected token, found ' '
(708,99): run-time error CSS1042: Expected function, found ' '
(708,99): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(716,67): run-time error CSS1019: Unexpected token, found ' '
(716,67): run-time error CSS1019: Unexpected token, found ' '
(716,67): run-time error CSS1042: Expected function, found ' '
(716,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(729,54): run-time error CSS1019: Unexpected token, found ' '
(729,54): run-time error CSS1019: Unexpected token, found ' '
(729,54): run-time error CSS1042: Expected function, found ' '
(729,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(733,58): run-time error CSS1019: Unexpected token, found ' '
(733,58): run-time error CSS1019: Unexpected token, found ' '
(733,58): run-time error CSS1042: Expected function, found ' '
(733,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

/*
UNUSED EFFECTS HAVE BEEN REMOVED. 
*/
.hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
    .hamburger:hover { opacity: 0.7; }
    .hamburger.is-active:hover { opacity: 0.7; }
    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after { background-color: #000; }

.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 2px; background-color: #000; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
        .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
        .hamburger-inner::before { top: -10px; }
        .hamburger-inner::after { bottom: -10px; }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
    .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
    .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }


/* Layout */
body { font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif; font-size: 0.8em; line-height: 1.6em; color: #868686; }
header { padding: 15px 0 30px; width: 86%; margin: 0 auto; position: relative; }
#content { margin-bottom: 100px; overflow: hidden; display: block; }
footer { position: fixed; width: 100%; bottom: 0px; margin-top: 20px; background: #fff; }

/* Social Icons */
.social-icons { position: absolute; right: 0; top: 50%; margin-top: -10px; }
.social-icons a { display: inline-block; width: 20px; height: 20px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.social-icons .svg, .social-icons img { width: 20px; height: 20px; }
.social-icons img { display: none; }
.no-svg .social-icons img { display: block; }
.social-icons a.facebook:hover svg .cls-1 { fill: #3b5998 ; }
.social-icons a.instagram:hover svg .cls-1 { fill: #73381d; }
.social-icons a.pinterest:hover svg .cls-1 { fill: #C92228; }
.social-icons a.twitter:hover svg .cls-1 { fill: #0084b4; }

/* Cowtan Logo */
#brands-logo-nav { width: 427px; margin: 0 auto; height: 48px; }
#brands-logo-nav a { display: block; }
#brands-logo-nav a img { max-width: 100%; max-height: 100%; margin: 0 auto; display: block; }
#brands-logo-nav svg .svg { fill: #a41e34; }
#brands-logo-nav svg a:hover .svg { fill: #3e3e3e; }

/* Navigation Menu*/
#main-nav { padding: 0 5%; border-top: 1px solid #e6e6e6; font-size: 1.1em; display: inline-block; width: 100%; box-sizing: border-box; }
#main-nav:before, #main-nav:after { display: block; line-height: 0; content: ""; clear: both; }
#main-nav .dropdown-wrap { position: relative; float: left; width: 20%; margin: 0 -1px; text-align: center; border: solid #fff; border-width: 0 1px 1px;}
#main-nav .dropdown-wrap > a {display: block; }
#main-nav a {text-decoration: none;}
#main-nav > a, #main-nav .dropdown-wrap > a { padding: 10px 0; text-transform: uppercase; }
#main-nav > a { float: left; width: 18%; margin: 0 1%; text-align: center; }
#main-nav .dropdown-wrap a { }
#main-nav a:hover { color: #3e3e3e; }
#main-nav .dropdown-menu { position: absolute; width: 100%; bottom: 100%; left: -1px; margin: 0 100% 1px 0; border: solid #e6e6e6; border-width: 0px 1px; display: none;}
#main-nav .dropdown-menu a {display: block; padding: 7px 10px; border-top: 1px solid #e6e6e6; background-color: #fff;}
#main-nav .dropdown-wrap.active { border-color: #e6e6e6;}

#mobile-nav-toggle { display: none;  }
#mobile-nav { display: none; }

#footer-nav { clear: both; padding: 15px 10px; text-align: right; color: #a6a6a6; width: 86%; margin: 0 auto; display: block; }
#footer-nav a { color: #c5878e; text-decoration: none; }
footer-nav a:hover { color: #a41e34;}

/* Content Styles */
a { color: #a41e34; }
a:hover { color: #cd3851; }
a:focus, a:active {border: none; outline: 0;}
h2 { font-weight: normal; font-size: 1.4em; }

/* Carousel */
.carousel-direction { width: 7%; float: left; min-height: 100px; position: relative;}
.carousel-direction i {display: none; width: 9px; height: 9px; position: absolute; top: 50%; left: 50%; margin-left: -4px;}
.carousel-direction i svg { position: absolute; }
.carousel-direction i img { display: none; }
.no-svg .carousel-direction i img { display: block; }
.carousel-direction.disabled { cursor: default; }

.carousel {width: 86%; float: left; overflow: hidden; position: relative;}
.brand-page .carousel { padding-bottom: 30px; }
.carousel-images { width: 99999px; float: left; }
.carousel-image { float: left; position: relative;  margin-right: 10px; }
.carousel-images img {float: left;}
.info-link { display: none; position: absolute; padding: 3px 10px; background: #eee; color: #3e3e3e; text-decoration: none; bottom: 2px; right: 2px; }

#image-details { height: 100%; width: 55%; padding: 0px; background: #fff; background: rgba(255, 255, 255, 0.8); position: absolute; right: 0px; bottom: 0px; overflow: auto; display: none; }
.products-list { overflow: hidden; padding: 30px; }
.products-list a { width: 45%; min-width: 150px; float: left; margin-right: 5%; margin-bottom:10px; text-decoration: none; color: #868686 !important; padding: 5px 0;}
.products-list a:hover { background: #fff; }
.products-list a img { width: 35%; max-width: 105px; float: left; margin: 0 10px 0 5px; }
#image-details-close { display: block; position: absolute; top: 10px; right: 10px; height: 8px; width: 8px; }
#image-details-close svg { position: absolute; height: 8px; width: 8px; }
#image-details-close img { display: none; }
.no-svg #image-details-close img { display: block; }
.contact-showroom { font-weight: bold; }
.contact-showroom a { padding: 0px; margin: 0px; float: none; color: #333 !important; }
.contact-showroom a:hover { background: 0px; text-decoration: underline; }
.image-details-mobile, .view-mode-mobile { display: none; }

#carousel-jump { overflow: hidden; position: absolute; bottom: 0px; left: 0px;}
#carousel-jump a { float: left; width: 15px; height: 15px; background: #ccc; margin: 0 3px 3px 0; }
#carousel-jump a:hover { background: #aaa; }
#carousel-jump a.active { background: #666; }

/* Collection-speficic */
.candle-sizes {overflow: hidden; padding: 0px; margin: 0px; list-style-type: none; position: relative;}
.candle-sizes li {text-align: center; position: relative; vertical-align: baseline; display: inline-block; margin-bottom: 20px;}
.candle-sizes li img {height: auto !important; }

/* Sidebar */
#sidebar { width: 250px; float: left; margin-right: -100%; position: relative; left: -250px;}
.view-mode-desktop { margin-top: 20px; }
a.view-mode-detail, a.view-mode-thumbnails { float: right; margin-left: 10px; }
.view-mode svg { cursor: pointer; }
.view-mode svg rect { stroke: #a41e34; }
.view-mode a.active svg rect, .view-mode a.active:hover svg rect { stroke: #86868a; }
.view-mode a:hover svg rect { stroke: #cd3851; }
.view-mode a.active:hover { cursor: default; }
#sidebar .sidebar-nav, #sidebar nav { text-align: right; text-transform: uppercase; }
#sidebar .sidebar-nav a, #sidebar nav a { display: block; text-decoration: none; padding: 3px 0; }
#sidebar .sidebar-nav a.active, #sidebar nav a.active { color: #86868a !important; }

/* Thumbnails */
.thumbnails { width: 86%; float: left; margin-left: 7%; overflow: hidden; }
.thumbnails img { height: 200px; float: left; margin-right: 10px; margin-bottom: 10px; }

/* General Content Pages */
.content-page #content { padding: 0 20%; }

/* Brand-specific pages */
.brand-overview { padding: 0 150px 0 20px; }
.brand-hero-image {float: left; width: 75%; max-width: 700px; margin: 0 20px 10px 0;}
.brand-overview-mobile { display: none; }

.brand-page #content { padding-left: 250px; }

.brand-page #main-nav a { color: #3e3e3e;}
.brand-page #main-nav a:hover { color: #868686; }
.brand-page nav#footer-nav a { color: #868686; }
.brand-page nav#footer-nav a:hover { color: #3e3e3e; }

/* Colefax */
.brand-page-colefax-and-fowler #brands-logo-nav #brands-logo-nav-colefax-and-fowler { display: block; width: 100%; height: 100%; background-image: url(../images/Colefax-Logo.gif); }
.brand-page-colefax-and-fowler #image-details-close { background-position: -16px 0; }
.brand-page-colefax-and-fowler a.view-mode-thumbnails {background-position: -102px 0;}
.brand-page-colefax-and-fowler a.view-mode-thumbnails:hover {background-position: -102px -23px;}
.brand-page-colefax-and-fowler a.view-mode-detail {background-position: -102px -46px;}
.brand-page-colefax-and-fowler a.view-mode-detail:hover {background-position: -102px -70px;}
.brand-page-colefax-and-fowler #content a,
.brand-page-colefax-and-fowler .products-list a strong
{ color: #827d00; }
.brand-page-colefax-and-fowler #content a:hover { color: #d5d26f; }
.brand-page-colefax-and-fowler .view-mode svg rect { stroke: #827d00; }
.brand-page-colefax-and-fowler .view-mode a:hover svg rect { stroke: #d5d26f; }


/* Jane Churchill */
.brand-page-jane-churchill #brands-logo-nav #brands-logo-nav-jane-churchill { display: block; width: 100%; height: 100%; background-image: url(../images/JaneChurchill-Logo.gif); }
.brand-page-jane-churchill #image-details-close { background-position: -24px 0; }
.brand-page-jane-churchill a.view-mode-thumbnails {background-position: -153px 0;}
.brand-page-jane-churchill a.view-mode-thumbnails:hover {background-position: -153px -23px;}
.brand-page-jane-churchill a.view-mode-detail {background-position: -153px -46px;}
.brand-page-jane-churchill a.view-mode-detail:hover {background-position: -153px -70px;}
.brand-page-jane-churchill #content a,
.brand-page-jane-churchill .products-list a strong
{ color: #00457c; }
.brand-page-jane-churchill #content a:hover { color: #1d6ba9; }
.brand-page-jane-churchill .view-mode svg rect { stroke: #00457c; }
.brand-page-jane-churchill .view-mode a:hover svg rect { stroke: #1d6ba9; }

/* Manuel Canovas */
.brand-page-manuel-canovas #brands-logo-nav #brands-logo-nav-manuel-canovas { display: block; width: 100%; height: 100%; background-image: url(../images/ManuelCanovas-Logo.gif); }
.brand-page-manuel-canovas #image-details-close { background-position: -32px 0; }
.brand-page-manuel-canovas a.view-mode-thumbnails {background-position: -204px 0;}
.brand-page-manuel-canovas a.view-mode-thumbnails:hover {background-position: -204px -23px;}
.brand-page-manuel-canovas a.view-mode-detail {background-position: -204px -46px;}
.brand-page-manuel-canovas a.view-mode-detail:hover {background-position: -204px -70px;}
.brand-page-manuel-canovas #content a,
.brand-page-manuel-canovas .products-list a strong
{ color: #56af31; }
.brand-page-manuel-canovas #content a:hover {color: #82db5d;}
.brand-page-manuel-canovas .view-mode svg rect { stroke: #56af31; }
.brand-page-manuel-canovas .view-mode a:hover svg rect { stroke: #82db5d; }

/* Larsen */
.brand-page-larsen #brands-logo-nav #brands-logo-nav-larsen { display: block; width: 100%; height: 100%; background-image: url(../images/Larsen-Logo.gif); }
.brand-page-larsen #image-details-close { background-position: -8px 0; }
.brand-page-larsen a.view-mode-thumbnails {background-position: -51px 0;}
.brand-page-larsen a.view-mode-thumbnails:hover {background-position: -51px -23px;}
.brand-page-larsen a.view-mode-detail {background-position: -51px -46px;}
.brand-page-larsen a.view-mode-detail:hover {background-position: -51px -70px;}
.brand-page-larsen #content a,
.brand-page-larsen .products-list a strong
{ color: #000000; }
.brand-page-larsen #content a:hover { color: #424242; }
.brand-page-larsen .view-mode svg rect { stroke: #000000; }
.brand-page-larsen .view-mode a:hover svg rect { stroke: #424242; }

/* Cowtan */
.brand-page-cowtan-tout #brands-logo-nav #brands-logo-nav-cowtan-tout { display: block; margin-top: 10px; background-position: 0 0px; }

/* Showrooms */
.showrooms { margin-left: 20px; }
.showrooms-page-mobile-links { display: none; }
address { font-style: normal; display: inline-block; vertical-align: top; width: 300px; margin-right: 20px; margin-bottom: 20px; }

/* Adjustments for IE7 - to be moved to IE-specific ? */
#main-nav .dropdown-wrap { width: 19.7%; }
#main-nav > a { width: 17.7%; }
.carousel-direction { width: 6.5%; }
.thumbnails { margin-left: 6.5%;  }
.candle-sizes li {*display: inline;} /* ie7 only hack */

.mobile-only { display: none; }

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

    #image-details { width: 50%; min-width: 200px; }
    .products-list a { float: none; width: auto; overflow: hidden; display: block; margin-right: 0px; }
    .products-list a img { width: 25%; }
    .brand-page #content, .content-page #content { padding-left: 150px; }
    .brand-overview { padding-right: 50px; }
    #sidebar { width: 150px; margin-right: -150px; left: -150px; }

}
@media all and (max-width: 850px) {
    
    header { padding: 15px 20px 0; width: 100%; box-sizing: border-box; position: relative; }
    #main-nav, #footer-nav { display: none; }
    #brands-logo-nav { width: 100%; max-width: 400px; height: auto; }
    #mobile-nav-toggle { display: inline-block; border: none; padding: 10px; margin-left: -10px; background: none; color: #a41e34; text-transform: uppercase; font-size: 0.8em; }

    .hamburger-box { position: relative; top: 10px; }
    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after,
    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after { background-color: #a41e34; }

    .social-icons { position: static; float: right; margin-top: 22px; }

    .brand-page-colefax-and-fowler .hamburger.is-active .hamburger-inner,
    .brand-page-colefax-and-fowler .hamburger.is-active .hamburger-inner::before,
    .brand-page-colefax-and-fowler .hamburger.is-active .hamburger-inner::after,
    .brand-page-colefax-and-fowler .hamburger-inner,
    .brand-page-colefax-and-fowler .hamburger-inner::before,
    .brand-page-colefax-and-fowler .hamburger-inner::after { background-color: #827d00; }

    .brand-page-jane-churchill .hamburger.is-active .hamburger-inner,
    .brand-page-jane-churchill .hamburger.is-active .hamburger-inner::before,
    .brand-page-jane-churchill .hamburger.is-active .hamburger-inner::after,
    .brand-page-jane-churchill .hamburger-inner,
    .brand-page-jane-churchill .hamburger-inner::before,
    .brand-page-jane-churchill .hamburger-inner::after { background-color: #00457c; }

    .brand-page-manuel-canovas .hamburger.is-active .hamburger-inner,
    .brand-page-manuel-canovas .hamburger.is-active .hamburger-inner::before,
    .brand-page-manuel-canovas .hamburger.is-active .hamburger-inner::after,
    .brand-page-manuel-canovas .hamburger-inner,
    .brand-page-manuel-canovas .hamburger-inner::before,
    .brand-page-manuel-canovas .hamburger-inner::after { background-color: #56af31; }

    .brand-page-larsen .hamburger.is-active .hamburger-inner,
    .brand-page-larsen .hamburger.is-active .hamburger-inner::before,
    .brand-page-larsen .hamburger.is-active .hamburger-inner::after,
    .brand-page-larsen .hamburger-inner,
    .brand-page-larsen .hamburger-inner::before,
    .brand-page-larsen .hamburger-inner::after { background-color: #000000; }

    #mobile-nav { display: block; background: #fff; padding: 0; width: 100%; margin: 0 -20px; max-height: 0px; position: absolute; z-index: 2; overflow: hidden; transition: max-height ease-in-out 0.4s; }
    #mobile-nav.open { max-height: 1000px; }
    #mobile-nav nav.mobile-menu { position: relative;  z-index: 2; background: #fff; width: 50%; }
    #mobile-nav nav.mobile-menu a { padding: 10px 20px; text-transform: uppercase; text-decoration: none; display: block; }
    #mobile-nav nav.mobile-menu a.active { color: #86868a !important; }
    #mobile-nav nav.mobile-menu.sub-menu { position: absolute; top: 0px; left: -100%; width: 50%; transition: left ease-in-out 0.4s; overflow: hidden; z-index: 1; border-left: 1px solid #a41e34; }
    #mobile-nav nav.mobile-menu.sub-menu.open { left: 50%; }

    .brand-page-colefax-and-fowler #mobile-nav-toggle { color: #827d00; }
    .brand-page-colefax-and-fowler #mobile-nav-toggle svg path { stroke: #827d00; }
    .brand-page-jane-churchill #mobile-nav-toggle { color: #00457c; }
    .brand-page-jane-churchill #mobile-nav-toggle svg path { stroke: #00457c; }
    .brand-page-manuel-canovas #mobile-nav-toggle { color: #56af31; }
    .brand-page-manuel-canovas #mobile-nav-toggle svg path { stroke: #56af31; }
    .brand-page-larsen #mobile-nav-toggle { color: #000000; }
    .brand-page-larsen #mobile-nav-toggle svg path { stroke: #000000; }

    #sidebar { display: none; }
    #content { margin-bottom: 0; padding: 0px 20px !important; }

    .home-page #content .carousel .carousel-images .carousel-image { margin-bottom: 20px; }
    
    .brand-overview { display: none; }
    .brand-overview-mobile { display: block; }
    .brand-overview-mobile .grid { margin-top: 20px; }
    .brand-overview-mobile .grid .grid-col { float: left; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px; overflow: hidden; }
    .brand-overview-mobile .grid .grid-col:last-child { margin-right: 0; }
    .brand-overview-mobile .grid .brand-collection { display: block; padding-bottom: 10px; margin-bottom: 10px; text-decoration: none; text-transform: uppercase; }
    .brand-overview-mobile .grid .brand-collection img { display: block; width: 100%; }

    #carousel-left, #carousel-right { display: none; }
    #content .carousel { width: 100%; padding: 0px; box-sizing: border-box; }
    #content .carousel .carousel-images { width: 100%; float: none; }
    #content .carousel .carousel-images .carousel-image { margin: 0; float: none; position: static; }
    #content .carousel .carousel-images .carousel-image img { float: none; display: block; width: 100%; }
        #content .carousel .carousel-images .carousel-image .product { display: none; float: left; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin: 0 20px 20px 0; color: #868686; text-decoration: none; }
    #content .carousel .carousel-images .carousel-image .product:nth-child(even) { margin-right: 0; }
    #content .carousel .carousel-images .carousel-image .product img { margin-bottom: 0; }
    #content .carousel .carousel-images .carousel-image .product strong {  }
    #content .carousel .carousel-images .carousel-image .info-link { display: block; position: static; margin-bottom: 20px; }
    #carousel-jump { display: none; }

    .view-mode-mobile { display: block; position: absolute; bottom: -2px; left: -webkit-calc(50% - 55px); left: calc(50% - 55px); }
    .view-mode-mobile a { padding: 5px; margin: 0; }

    .image-details-mobile { width: 100%; margin: 10px 0; }
    .image-details-mobile a { text-decoration: none; color: #868686 !important; }
    .contact-showroom a { color: #333 !important; }

    .thumbnails { margin-left: 0px; width: 100%; }
    .thumbnails .grid-col { float: left; width: -webkit-calc(20% - 8px); width: calc(20% - 8px); margin-left: 10px; }
    .thumbnails .grid-col:first-child { margin-left: 0px; }
    .thumbnails .grid-col img { width: 100%; height: auto; margin-right: 0px; }

    .showrooms { margin-left: 0px; }
    .showrooms-page-mobile-links { display: block; }
    .showrooms-page-mobile-links a { text-decoration: none; text-transform: uppercase; display: block; padding: 3px 0; }

    .mobile-only { display: block; }

}

@media ( max-width: 630px ) {
    .thumbnails .grid-col { width: -webkit-calc(25% - 7.5px); width: calc(25% - 7.5px); margin-left: 10px; }
    .thumbnails .grid-col--5 { display: none; }
}
@media ( max-width: 500px ) {
    .thumbnails .grid-col { width: -webkit-calc(33.333% - 6px); width: calc(33.333% - 6px); margin-left: 9px; }
    .thumbnails .grid-col--4 { display: none; }
}