/*===============
COLORS
=================
gold
    color:#91804a;
offwhite
    color:#f5f3ee;
offwhite yellowtone
    color:#fcfcf9;
=================
TABLE OF CONTENTS
=================
Prefix your search term with "@" to jump to that section. Eg: to jump to the footer styles, search for "@footer"
layout resets and global defaults
-----------------
page
load spin
wrappers
gutters
fluid images and objects
content image sizes
image loading
decal tweaks
- decal custom colors
- decal custom styles
- decal custom anchors
fonts
- global font settings
- headings
- paragraphs & lists
- reset list styles
- anchors
- read more links
header
- navigation
- logo
content
- folds
- social links
- contact info list
- mgl forms
pages
-----------------
home
- menus
- whats on
- functions
- signup target
other
-----------------
progressive enhacement
debug
===============*/
/* @layout resets and global defaults */
*
{
    padding:0;
    border:0;
}
html,
body
{
    height:100%;
    -webkit-overflow-scrolling:auto;
    background-color:#000;
}
html.is-touch
{
    -webkit-text-size-adjust: none;
}
body
{
    height:100%;
    margin:0;
    overflow-x:hidden;
    font-size:90%;
    text-align:center;
    color:#000;
    background-color:#fff;
    font-family:sans-serif;
}
/*.wf-stacklayout-n4-active.wf-millhouseicons-n4-active .dcl-view .load-spin-page,*/
/*.wf-stacklayout-n4-inactive.wf-millhouseicons-n4-active .dcl-view .load-spin-page*/
.wf-millhouseicons-n4-active .dcl-view .load-spin,
.wf-millhouseicons-n4-inactive .dcl-view .load-spin
{
    opacity:0;
    visibility:hidden;
}
/* @page */
#page
{
    min-height:100%;
    position:relative;
    -webkit-transition: opacity 600ms ease-out;
    -moz-transition: opacity 600ms ease-out;
    -ms-transition: opacity 600ms ease-out;
    -o-transition: opacity 600ms ease-out;
    transition: opacity 600ms ease-out;
}
/* @load spin */
@-webkit-keyframes rotation
{
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@-khtml-keyframes rotation
{
    from {-khtml-transform: rotate(0deg);}
    to   {-khtml-transform: rotate(359deg);}
}
@-moz-keyframes rotation
{
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@-ms-keyframes rotation
{
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation
{
    from {-o-transform: rotate(0deg);}
    to   {-o-transform: rotate(359deg);}
}
@keyframes rotation
{
    from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}
.load-spin
{
    display:none;
}
.dcl-view .load-spin
{
    display: block;
    position: fixed;
    z-index:105;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff;
/*    opacity:0.9;*/
    visibility:visible;
    -webkit-transition: opacity .25s linear,visibility .25s linear;
    -khtml-transition: opacity .25s linear,visibility .25s linear;
    -moz-transition: opacity .25s linear,visibility .25s linear;
    -ms-transition: opacity .25s linear,visibility .25s linear;
    transition: opacity .25s linear,visibility .25s linear;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
}
.load-spin:before,
.load-spin:after,
.img-parent:before,
.img-parent:after
{
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-25px;
    margin-left:-25px;
    border-radius: 110%;
    /* add transition for img-parent */
    -webkit-transition: opacity .25s linear,visibility .25s linear;
    -khtml-transition: opacity .25s linear,visibility .25s linear;
    -moz-transition: opacity .25s linear,visibility .25s linear;
    -ms-transition: opacity .25s linear,visibility .25s linear;
    transition: opacity .25s linear,visibility .25s linear;
}
.load-spin:before,
.img-parent:before
{
    border:5px solid rgba(0,0,0,.25);
}
.fold-tile-full .img-parent:before
{
    border-color:rgba(255,255,255,.25);
}
.load-spin:after,
.img-parent:after
{
    -webkit-animation: rotation 0.75s infinite linear;
    -khtml-animation: rotation 0.75s infinite linear;
    -moz-animation: rotation 0.75s infinite linear;
    -o-animation: rotation 0.75s infinite linear;
    animation: rotation 0.75s infinite linear;
    border: 5px solid transparent;
    border-top-color: #000;
}
.fold-tile-full .img-parent:after
{
    border-top-color: #fff;
}
.img-parent
{
    position: relative;
}
.loading-done:before,
.loading-done:after
{
    visibility:hidden;
    opacity:0;
}
#load-spin-page:before,
#load-spin-page:after
{
    width: 100px;
    height: 100px;
    margin-top:-55px;
    margin-left:-55px;
}
#load-spin-page:before
{
    background:transparent url(../img/logo-themillhouse_small.png) scroll no-repeat center center;
    background-size:80px;
}
/* @wrappers */
.wrapper
{
    max-width:1000px;
    padding-left:1em;
    padding-right:1em;
    margin:0 auto;
    position:relative;
}
.fold-wrap
{
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    z-index: 10;
}
/* @gutters */
.sl-wrap-gt
{
    margin-left:-0.5em;
    margin-right:-0.5em;
}
.sl-wrap-gt > .sl,
.sl-wrap-gt > li,
.sl-wrap-gt > dt,
.sl-wrap-gt > dd
{
    padding-left:0.5em;
    padding-right:0.5em;
}
/* decal tweaks */
img.rrImageFloatLeft
{
    margin-right:1.5em;
}
img.rrImageFloatRight
{
    margin-left:1.5em;
}
img.rrImageFloatLeft,
img.rrImageFloatRight
{
    margin-top:0.3em;
}
/* @decal custom colors */
/* green */
*.color-539541 /* decal: #539541 */
{
    color:#539541 !important;
}
/* peppermint */
*.color-c1dea0 /* decal: #c1dea0 */
{
    color:#c1dea0 !important;
}
/* watermelon */
*.color-de4c59 /* decal: #de4c59 */
{
    color:#de4c59 !important;
}
/* dark gray */
*.color-4e4f54 /* decal: #4e4f54 */
{
    color:#4e4f54 !important;
}
/* light gray */
*.color-dedede /* decal: #dedede */
{
    color:#dedede !important;
}
/* @decal custom styles */
p.quote,
p.quote-credit
{
    letter-spacing:0.05em;
}
p.quote /* decal: Quote */
{
    font-style:italic;
    line-height:1.3em;
/*    font-size:1.2em;*/
    margin-bottom:1.5em;
    position:relative;
    padding-left:2em;
}
p.quote-credit /* decal: Quote Credit */
{
    font-size:0.9em;
    margin-bottom:2em;
    margin-top:-1em;
}
p.quote:before
{
    font-family:sans-serif;
/*    text-indent:-0.03em;*/
    width:0.33em;
    line-height:0;
    display:block;
    position:absolute;
    left:-0.15em;;
    top:0.45em;
    font-size:5em;
    content:"\201C";
    opacity:0.2;
}
p.quote-credit:before
{
    content:"\2014";
    margin-left:1em;
    margin-right:0.5em;
}
*.align-center /* decal: Align Center */
{
    text-align: center !important;
}
*.section-break-top /* decal: Section Break Top */
{
    margin-top:30px !important;
    border-top:1px solid #539541;
    padding-top:30px !important;
}
*.section-break-bottom /* decal: Section Break Bottom */
{
    padding-bottom:30px !important;
    border-bottom:1px solid #539541;
    margin-bottom:30px !important;
}
/* @decal custom anchors */
/*
a.lightbox /* decal: Open in a lightbox
{
}
*/
/* @bug: have to delete the component and re-create it to make it work. but even then you can't actually remove the custom style
/*
a.display-none /* decal: Hidden
{
    display:none !important;
}
.dcl-edit a.display-none
{
    display:block !important;
    position: relative;
}
.dcl-edit a.display-none:before
{
    content:"Link hidden, right-click to edit link style";
    font-family:sans-serif;
    font-size:16px;
    letter-spacing:normal;
    text-transform:none;
    display:block;
    width:100%;
    position: absolute;
    left:-8px;
    top:-8px;
    bottom:-8px;
    padding:8px;
    text-align:center;
    color:#fff !important;
    background-color:rgba(255,0,0,0.8);
}
*/
/* @fluid width images and objects */
#page img,
.ie8 #page object,
html>/**/body #page object,
.ie8 #page iframe,
html>/**/body #page iframe
{
    max-width:100%;
}
html>/**/body #page img
{
    height:auto;
}
.ie8 img
{
    height:auto !important;
    width:auto !important;
}
a,
a img
{
    /* prevent image or anchor shift on :hover */
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0) scale(1.0, 1.0);
    -moz-transform: translateZ(0) scale(1.0, 1.0);
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
/* @image loading */
.js img
{
    min-height:33px;
    opacity:0;
    -webkit-transition: opacity 600ms ease-out;
    -moz-transition: opacity 600ms ease-out;
    -ms-transition: opacity 600ms ease-out;
    -o-transition: opacity 600ms ease-out;
    transition: opacity 600ms ease-out;
}
.js img.img-loaded,
.js img.fs-lightbox-image
{
    opacity: 1;
    min-height:0;
}
/* @content image size */
img.content-img-original
{
}
img.content-img-thumb
{
    max-width:32px;
}
img.content-img-small
{
    max-width:64px;
}
img.content-img-medium
{
    max-width:128px;
}
img.content-img-large
{
    max-width:256px;
}
img.content-img-jumbo
{
    max-width:384px;
}
img.content-img-banner
{
}
/* @fonts */
/* @Veneer */
@font-face {
    font-family: 'Veneer';
    src:url('fonts/Veneer.eot?#iefix') format('embedded-opentype'),
        url('fonts/Veneer.otf')  format('opentype'),
        url('fonts/Veneer.woff') format('woff'),
        url('fonts/Veneer.ttf')  format('truetype'),
        url('fonts/Veneer.svg#Veneer') format('svg');
    font-weight: normal;
    font-style: normal;
/*    text-rendering: optimizeLegibility;*/
}
/* @Veneer */
@font-face {
    font-family: 'JamoerRough';
    src:url('fonts/JamoerRoughFree.eot?#iefix') format('embedded-opentype'),
        url('fonts/JamoerRoughFree.otf')  format('opentype'),
        url('fonts/JamoerRoughFree.woff') format('woff'),
        url('fonts/JamoerRoughFree.ttf')  format('truetype'),
        url('fonts/JamoerRoughFree.svg#JamoerRoughFree') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* @IMFell */
@font-face {
    font-family: 'IMFell';
    src:url('fonts/IM_FELL_DW_Pica_PRO_Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/IM_FELL_DW_Pica_PRO_Roman.otf')  format('opentype'),
        url('fonts/IM_FELL_DW_Pica_PRO_Roman.woff') format('woff'),
        url('fonts/IM_FELL_DW_Pica_PRO_Roman.ttf')  format('truetype'),
        url('fonts/IM_FELL_DW_Pica_PRO_Roman.svg#IM_FELL_DW_Pica_PRO_Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
}
/* embed font icons */
@font-face {
   font-family: 'millhouse-icons';
   src: url('fonts/millhouse-icons.eot?28769006');
   src: url('fonts/millhouse-icons.eot?28769006#iefix') format('embedded-opentype'),
        url('fonts/millhouse-icons.woff2?28769006') format('woff2'),
        url('fonts/millhouse-icons.woff?28769006') format('woff'),
        url('fonts/millhouse-icons.ttf?28769006') format('truetype'),
        url('fonts/millhouse-icons.svg?28769006#millhouse-icons') format('svg');
   font-weight: normal;
   font-style: normal;
}
/* glyph codes
.icon-left:before { content: '\e800'; }
.icon-right:before { content: '\e801'; }
.icon-menu-1:before { content: '\e802'; }
.icon-ellipsis:before { content: '\e803'; }
.icon-file-pdf:before { content: '\e804'; }
.icon-facebook:before { content: '\e805'; }
.icon-instagram:before { content: '\e806';
.icon-hash:before { content: '\e807'; }
.icon-dot-3:before { content: '\e808'; }
.icon-phone:before { content: '\e809'; }
.icon-mail:before { content: '\e80a'; }
*/
/* @font defaults */
/* @families - overwrite stacklayout default */
div, p, dl, dt, dd, ol, ul, li
{
    font-family: 'IMFell','Georgia','Times','Times New Roman',serif;
}
h1, h2, h3, h4, h5, h6
{
    font-family: 'Veneer','Impact','Haettenschweiler','Franklin Gothic Bold','Charcoal','Helvetica Inserat','Bitstream Vera Sans Bold','Arial Black',sans-serif;
}
form, label, input, button, textarea, select
{
    font-family: 'IMFell','Georgia','Times','Times New Roman',serif;
}
/* @headings */
h1,
h2,
h3,
h4,
h5,
h6
{
    font-weight:normal;
    margin-top:0;
    margin-bottom:1em;
}
h1
{
    letter-spacing:0.02em;
    font-size:2.2em;
}
h2
{
}
h3
{
}
h4
{
}
h5
{
}
h6
{
}
/* @paragraphs & lists */
p,
ul,
ol,
.rr-obj-live
{
    line-height:1.4em;
    margin-top:0;
    margin-bottom:1em;
    font-size:1em;
}
.rr-obj-live
{
    margin-bottom:0;
}
/* @reset list styles */
ul
{
    list-style-type:disc;
    padding-left:30px;
}
ol
{
    margin-left:30px;
}
ul ul,
ul ol,
ol ol,
ol ul
{
    margin-top:0.8em;
    margin-bottom:0.8em;
    font-size:1em;
}
ul li,
ol li
{
    margin-bottom:0.8em;
}
/* @tables */
table
{
    border-collapse:collapse;
    width:100%;
    margin-bottom:1.5em;
}
table td
{
    padding:0.5em;
    border:1px solid #ccc;
    background:#fff;
    vertical-align:top;
}
table td p
{
    margin-bottom:0;
}
/* @forms */
form, label, input, button, textarea, select
{
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-image:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
/* @anchors */
a,
a:active,
a:visited,
.btn
{
    color:#91804a;
    cursor:pointer;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -ms-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    word-wrap:break-word;
}
a:hover,
a:focus,
.btn:hover,
.btn:focus
{
    outline:none;
    text-decoration:none;
    opacity:0.5;
}
a.cta,
.campaign-monitor-form button[type="submit"]
{
    display:block;
    margin:7px;
    font-family:'Veneer';
    text-decoration:none;
    text-align:center;
    font-size:2.2em;
    line-height:1em;
    letter-spacing:0.02em;
    padding:0.4em 1.2em;
    color:#fff;
    background-color:#000;
    outline:7px double #000;
}
.nav a.cta
{
    font-size:1.6em;
    display:inline-block;
}
a.cta-white,
.campaign-monitor-form button[type="submit"]
{
    color:#000;
    background-color:#fff;
    outline-color:#fff;
}
.campaign-monitor-form button[type="submit"]
{
    font-size:1.6em;
    margin-left:auto;
    margin-right:auto;
}
a.cta-booknow
{
    color:#91804a;
}
a.cta-pdf:after
{
    font-family: 'millhouse-icons';
    content:"\e804";
    display:inline-block;
    position: absolute;
    top: 50%;
    margin-top:0.03em;
    right: 0.4em;
    line-height:0;
    font-size: 0.75em;
}
/* temporarily hide dimmi */
a.cta-dimmi
{
    padding-left:2.4em;
    padding-right:2.4em;
}
a.cta-dimmi:after
{
    content:"";
    display:inline-block;
    position: absolute;
    top: 50%;
    width:50px;
    height:30px;
    margin-top:-13px;
    right: 0.4em;
    background:transparent url(../img/cta-dimmi_invert.png) scroll no-repeat center center;
    background-size:50px;
}
a.cta-dimmi.cta-white:after
{
    background-image:url(../img/cta-dimmi.png);
}
a.cta-dimmi:hover:after,
a.cta-dimmi:focus:after
{
    background-image:url(../img/cta-dimmi.png);
}
a.cta-dimmi.cta-white:hover:after,
a.cta-dimmi.cta-white:focus:after
{
    background-image:url(../img/cta-dimmi_invert.png);
}
a.cta:hover,
a.cta:focus,
.campaign-monitor-form button[type="submit"]:hover,
.campaign-monitor-form button[type="submit"]:focus
{
    cursor:pointer;
    opacity:1;
    color:#000;
    background-color:#fff;
}
a.cta-white:hover,
a.cta-white:focus,
#signup .campaign-monitor-form button[type="submit"]:hover,
#signup .campaign-monitor-form button[type="submit"]:focus
{
    color:#fff;
    background-color:#000;
}
a.cta-booknow:hover,
a.cta-booknow:focus
{
    background-color:#91804a;
    outline-color:#91804a;
}
.ie6and7 a
{
    zoom:1;
}
/* @header */
#header
{
    position: fixed;
    z-index: 15;
    top: 0;
    width: 100%;
    background:#fcfcf9 url(../img/bg-paper.png) scroll repeat center center;
    background-size:600px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.dcl-edit #header
{
    display: none;
}
#header .wrapper
{
    height: 4em;
}
/* @logo */
#logo
{
    display:none;
    width:80px;
    position: absolute;
    top:5px;
    left:50%;
    margin-left:-40px;
}
#logo-link
{
}
/* @navigation */
#navigation
{
    z-index:20;
    position: fixed;
    top:0;
    left:0;
}
.nav
{
    display:none;
    background:transparent !important;
}
/* logos in nav */
.nav.fs-navigation-enabled
{
    background:#fff url(../img/bg-paper.png) scroll repeat center center;
    background-size:600px;
}
.nav.fs-navigation-enabled:before
{
    content:"";
    display: block;
    width:55px;
    height:55px;
    position:absolute;
    top:10px;
    background: transparent url(../img/logo-themillhouse_small.png) scroll no-repeat center top;
    background-size:contain;
}
#nav-1.fs-navigation-enabled:before
{
    right:15px;
}
#nav-2.fs-navigation-enabled:before
{
    left:15px;
}
.nav.fs-navigation-element
{
    display:block;
}
.fs-navigation-enabled .nav-list
{
    min-height:100%;
    background-color:#fff;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding-top:4.5em;
    padding-left:1em;
    padding-right:1em;
    padding-bottom:2em;
}
.fs-panning .nav-list
{
    box-shadow: 0 -10px 10px rgba(0,0,0,0.7);
}
.fs-navigation-enabled #nav-1-list
{
    border-right:5px solid #91804a;
}
.fs-navigation-enabled #nav-2-list
{
    border-left:5px solid #91804a;
}
.dcl-view .fs-navigation-overlay-content:before
{
    background-color:rgba(0,0,0,0.8);
}
body.fs-navigation-lock,
body.fs-lightbox-lock
{
    overflow:visible !important;
}
/* @formstone theme overwrite */
.fs-lightbox-content
{
/*    padding:0 25px !important;*/
}
.fs-lightbox-inline .fs-lightbox-content
{
    overflow-y:auto !important;
}
.fs-lightbox-control
{
    outline:none;
}
.fs-lightbox-tools
{
    width:100% !important;
    visibility: hidden;
}
/* @hack the lightbox */
/*
.dcl-view .fs-lightbox-meta
{
    display:none !important;
}
.dcl-view .fs-lightbox-mobile .fs-lightbox-image_container
{
    width:auto;
    height:auto;
}
.dcl-view .fs-lightbox-control
{
    visibility: visible;
    top: 50%;
    position: fixed;
    width: 2em;
    height: 2em;
    z-index: 6;
    opacity: 1;
    font-size: 2em;
    margin-top: -1em;
    text-indent: -999em;
    background:transparent;
    outline:none;
}
.dcl-view .fs-lightbox-control_previous
{
    left: 0;
}
.dcl-view .fs-lightbox-control_next
{
    right: 0;
}
.dcl-view .fs-lightbox-control:before
{
    text-indent: 0;
    color:#fff;
    font-family:'millhouse-icons';
    position: absolute;
    top:0.6em;
    left:0.6em;
}
.dcl-view .fs-lightbox-control_previous:before
{
    content:"\e80C";
}
.dcl-view .fs-lightbox-control_next:before
{
    content:"\e80B";
}
.dcl-view .fs-lightbox-close
{
    width: 2em;
    height: 2em;
    font-size: 2em;
    text-indent: -999em;
    background:transparent;
    outline:none;
}
.dcl-view .fs-lightbox-close:before
{
    text-indent: 0;
    color:#fff;
    font-family:millhouse-icons;
    content:"\e80D";
    position: absolute;
    top:0.6em;
    left:0.6em;
}
.dcl-view .fs-lightbox-content
{
    overflow-y:hidden !important;
}
*/
.burger
{
    display:none;
    position:absolute;
    top:50%;
    height:1em;
    line-height:1em;
    margin-top:-1em;
    font-size:2em;
    z-index: 1;
    padding:0.5em !important;
}
#navigation .burger
{
    top:0;
    margin-top:0;
}
.fs-navigation-enabled .burger
{
    display:block;
}
.burger:before
{
    font-family:'millhouse-icons';
    content:"\e802";
}
#burger-1,
#burger-1-close
{
    left:0;
}
#burger-2,
#burger-2-close
{
    right:0;
}
#burger-2:before
{
    content:"\e808";
}
#burger-1-close:hover,
#burger-2-close:hover,
#burger-1-close:focus,
#burger-2-close:focus
{
    cursor: pointer;
}
#burger-1-close:before
{
    content:"\e800";
}
#burger-2-close:before
{
    content:"\e801";
}
.nav-list
{
    text-align:center;
    padding-top:0.5em;
}
.nav-list li
{
    width: auto;
    position: relative;
    font-family:"JamoerRough";
}
.fs-navigation-enabled .nav-list li
{
    width:100%;
}
#nav-1-list li
{
/*    overflow-x: hidden;*/
/*    overflow-y:visible;*/
    position: relative;
}
#nav-1-list li a
{
    overflow: hidden;
}
#nav-1-list li.current a:before,
#nav-1-list li.current a:after
{
    content: "";
    display: block;
    background:transparent url(../img/divider.gif) scroll no-repeat center center;
    background-size: 155px;
    height:7px;
    position: absolute;
    left:50%;
    margin-left:-76px;
    width:155px;
    z-index:1;
}
#nav-1-list li.current a:before
{
    top:0;
}
#nav-1-list li.current a:after
{
    bottom:0;
}
#nav-1 li a
{
    display: block;
	text-decoration:none;
    font-size:2em;
    line-height:0.8em;
    padding:0.5em 0.35em;
    padding-bottom:0.2em;
    color:#000;
    text-transform: lowercase;
}
#nav-1 li ul
{
    padding:0;
    margin:0;
}
#nav-1 li ul li
{
    display:block;
    margin-bottom:0;
}
#book-now
{
    border:7px double #91804a;
    margin-top:1em;
}
li#book-now > a
{
/*    background-color:#91804a;*/
/*    color:#fff;*/
    color:#91804a;
/*    color:#fff;*/
}
#book-now > a:hover,
#book-now > a:focus
{
    cursor:default;
    opacity:1;
}
#book-now a span
{
    display: inline-block;
    position: relative;
    font-size:0.7em;
    top:-0.3em;
}
#signup-nav-item
{
    display:none;
}
#signup-nav-item:before
{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    height: 34px;
    margin-top:-17px;
    left:0.4em;
    border-left: 2px dotted #CEC3A2;
}
#nav-1 li#signup-nav-item a
{
    color:#91804a;
/*    border-left: 2px dotted #CEC3A2;*/
    padding-left: 0.6em;
    margin-left: 0.3em;
}
/* @dimmi widget in lightbox */
.fs-lightbox-iframe
{
    background-color: #fff;
    width: 302px !important;
    height: 370px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -185px;
    margin-left: -151px;
}
#nav-1-list li.cta-dimmi-item
{
    top:-0.2em;
    overflow:visible;
}
#nav-1-list a.cta-dimmi
{
    font-size:1em;
    line-height:1.1em;
    width:2em;
    margin-left:1em;
    color:#fff;
    padding-top:0.2em;
    display: inline-block;
    padding-right:3.2em;
}
#nav-1-list a.cta-dimmi:hover,
#nav-1-list a.cta-dimmi:focus
{
    color:#000;
}
#nav-1-list a.cta-dimmi:after
{
    background-size:35px;
    right:0;
    margin-top:-14px;
}
.fs-navigation-open #nav-1-list a.cta-dimmi
{
    margin-top:1em;
    font-size:1.6em;
    padding-left:0.6em;
    margin-left:0;
}
.fs-navigation-open #nav-1-list a.cta-dimmi:after
{
    background-size:50px;
    right:0.5em;
}
.fs-navigation-open #nav-1-list a
{
    font-size:2.5em;
}
/* @nav 2 contact info */
#nav-2-list dl
{
    text-align:left;
    font-size:90%;
}
#nav-2-list #social-info-content:before
{
    content: "";
    display: block;
    background:transparent url(../img/divider.gif) scroll no-repeat center center;
    background-size: 155px;
    height:7px;
    margin-bottom:1.5em;
}
#nav-2-list #social-info-content .social-link
{
    display:inline-block;
}
#nav-2-list #social-info-content .social-link dt
{
    margin-left:0.1em;
    margin-right:0.1em;
}
#nav-2-list #social-info-content .social-link dd
{
    display:none;
}
/* @content */
#content
{
    text-align:left;
}
/* @folds */
/* @fold types */
.fold
{
    position: relative;
}
.fold.sl-vert:after
{
    min-height:100vh;
}
.fold-title-bar
{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:4em;
    background:#fcfcf9 url(../img/bg-paper.png) scroll repeat center center;
    background-size:600px;
    z-index:14; /* sits just beneath #header */
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.fold-title-bar h1
{
    line-height:1.8;
    text-align:center;
}
#welcome .fold-title-bar
{
    display:none;
}
.dcl-edit #welcome .fold-title-bar
{
    display: block;
}
.fold-cta,
.fold-thumbs
{
    position: relative;
    text-align:center;
}
.fold-cta .wrapper
{
    max-width:800px;
}
.fold-cta .fold-wrap,
.fold-thumbs .fold-wrap
{
/*    padding-top:12em;*/
    padding-top:6em;
    padding-bottom:2em;
}
.fold-cta h2,
.fold-thumbs h2
{
    display:none;
    position: absolute;
    z-index:4;
    top:0;
    left:0;
    width:100%;
    color:#fff;
    background-color:rgba(0,0,0,0.5);
    font-family: 'IMFell';
    font-style:italic;
    font-size: 2.3em;
    margin-bottom:0;
    padding-top:2.5em;
    padding-left:0.5em;
    padding-right:0.5em;
    padding-bottom:0.2em;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    white-space: normal;
}
/*
.fold-cta h2:before,
.fold-cta h2:after
{
    content: "";
    display: block;
    position: absolute;
    bottom:-30%;
    left:0;
    width: 50%;
    height:30%;
}
.fold-cta h2:before
{
    background: linear-gradient(to left bottom, rgba(0,0,0,0.5) 50%, transparent 50%);
}
.fold-cta h2:after
{
    left:50%;
    background: linear-gradient(to right bottom, rgba(0,0,0,0.5) 50%, transparent 50%);
}
*/
.cta-list li a,
.thumbs-list li img
{
    display:block;
    margin-top:0.5em;
    margin-bottom:0.5em;
}
#booknow-cta-list
{
    padding-top:3em;
}
#booknow-cta-list li
{
    width:50%;
}
#booknow-cta-list li a
{
    padding-left:0.4em;
    padding-right:0.4em;
    font-size: 2em;
}
.fold-thumbs .wrapper
{
    max-width:100%;
}
.thumbs-list li a
{
    display: block;
}
.thumbs-list .fs-carousel-item
{
    margin:20px 10px;
}
.dcl-edit .thumbs-list .thumb
{
    display: inline-block;
    margin-left:3px;
    margin-right:3px;
}
.fold-tiles
{
    background-color:#000;
}
/* @hack: make room for the download functions pack CTA */
#functions .fold-wrap
{
    height:auto;
}
.fold-tiles .fold-tile-content
{
/*    height:100%;*/
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.fold-tiles .fold-tile-paper
{
    padding-top:4em;
    position:relative;
}
/* @hack for safari anomalies */
.fold-tiles .fold-tile-paper:after
{
    content:'';
    display: block;
    height:1px;
    background:#000;
    position: relative;
    top: -1.2em;
}
.fold-tiles .fold-tile-paper .fold-tile-content
{
    background:#fcfcf9 url(../img/bg-paper.png) scroll repeat center center;
    background-size:600px;
    padding:2em 1.5em 3em 1.5em;
    position: relative;
    border-bottom:1.2em solid #000;
    overflow:hidden;
}
.fold-tiles .fold-tile-paper .fold-tile-content:before,
.fold-tiles .fold-tile-paper .fold-tile-content:after
{
    content: "";
    display: block;
    position: absolute;
    bottom:0;
    left:-3%;
    width: 53%;
    height:3em;
    box-shadow:inset 1px 1px 0 #fcfcf9, -1px 0 0 #fcfcf9; /* @hack for safari anomalies */
}
.fold-tiles .fold-tile-paper .fold-tile-content:before
{
    background: linear-gradient(to left bottom, transparent 50%, #000 50%);
}
.fold-tiles .fold-tile-paper .fold-tile-content:after
{
    left:50%;
    background: linear-gradient(to right bottom, transparent 50%, #000 50%);
}
.fold-tiles .fold-tile-list .fold-tile-full
{
    padding-left:0;
    padding-right:0;
    position: relative;
}
#virtual-tour
{
    padding-left:1em;
    padding-right:1em;
}
.fold-tiles .fold-tile-list .fold-tile-full .fold-tile-content,
.fold-tiles .fold-tile-list .fold-tile-full .fs-background-container
{
    margin-left:-0.5em;
    margin-right:-0.5em;
}
#fold-title
{
    display:none;
    position: absolute;
    top:50%;
    left:0;
    width:100%;
    height:1em;
    line-height: 1em;
    margin-top:-0.5em;
    margin-bottom:0;
    text-align:center;
    text-transform:uppercase;
    text-shadow: 0 0 0 #000;
}
.fs-navigation-enabled #fold-title
{
    display:block;
}
/* @social links */
.social-link dt a
{
    display:block;
    width:1em;
    height:1em;
    line-height:1em;
    position:relative;
    text-decoration: none;
    text-indent:-999em;
}
.social-link dt a:before
{
    text-indent:0;
    width:100%;
    height:100%;
    font-size:50%;
    top:0;
    left: 0;
    color:#fff;
    text-align:center;
    background-color:#91804a;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    speak: none;
    font-family:'millhouse-icons';
    font-style: normal;
    font-weight: normal;
    position: absolute;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.social-link-fb dt a:before
{
    content: "\e805";
}
.social-link-ig dt a:before
{
    content: "\e806";
}
.dcl-edit .social-link dt a:after
{
    content: attr(href);
    display: block;
    background-color:rgba(255,255,255,0.9);
    color:#000;
    text-indent: 0;
    font-size:30%;
    line-height:1.1em;
    position: absolute;
    bottom:0;
    left: 50%;
    width: 3.4em;
    margin-left: -1.7em;
    text-align:center;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
/* @contact info component */
.contact-info-item
{
    position: relative;
    margin-bottom:1.5em;
}
.contact-info-item:after
{
    height:0;
}
.contact-info-item dt
{
    font-size:3.4em;
    width:1em;
    text-align: center;
    line-height:0.5em;
}
.contact-info-item dt:before
{
    font-size:0.6em;
    color:#91804a;
    display: inline-block;
    position: relative;
    top:-0.1em;
    font-family: 'millhouse-icons';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.contact-info-item a
{
    text-decoration:none;
}
.contact-info-item dd
{
    font-size:1.5em;
    padding-left:2.6em;
    margin-left:-2.3em;
}
.contact-info-item dd p
{
    font-family: 'IMFell',serif;
    font-size:1em;
    line-height:1em;
    margin-bottom:0;
}
/* @mgl forms */
.campaign-monitor-form
{
    position: relative;
    text-align:center;
}
/*
.mgl-form form,
.MGLSuccessMessage
{
    opacity:0;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
}
.js .form-loaded .load-spin,
.js .form-submitted .load-spin
{
    opacity:0;
}
.js .form-loaded .form-fields form,
.js .form-submitted .MGLSuccessMessage
{
    opacity:1;
}
*/
.campaign-monitor-form h2
{
    font-size:3em;
    font-family:"JamoerRough";
    text-transform:lowercase;
    line-height: 0.7em;
    padding-top:0.3em;
    margin-bottom:0.5em;
}
/* @hack to format weirdo sized punction from JamoerRough typeface */
.campaign-monitor-form h2 strong
{
    font-size:0.7em;
    font-weight:normal;
}
.campaign-monitor-form h2 u
{
    text-decoration: none;
    display: inline-block;
    position: relative;
    font-size:0.7em;
    top:-0.3em;
}
#functions-enquiry-heading:before,
#functions-enquiry-heading:after,
.campaign-monitor-form h2:before,
.campaign-monitor-form h2:after
{
    content: "";
    display: block;
    background:transparent url(../img/divider.gif) scroll no-repeat center center;
    background-size: 155px;
    height:7px;
}
#functions-enquiry-heading:before,
.campaign-monitor-form h2:before
{
    position: relative;
    top:-0.3em;
}
.campaign-monitor-form p
{
    padding-bottom:0;
}
.campaign-monitor-form input,
.campaign-monitor-form button,
.campaign-monitor-form select
{
    outline:none;
    background-image:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    font-size:1.2em;
    padding:0.4em 0.2em;
    text-align:center;
    margin-top:0.2em;
    margin-bottom:0.25em;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #c8bfa5;
    background-color:#fff;
}
.campaign-monitor-form select
{
    width: auto;
}
/*
.campaign-monitor-form #MGLSubmit .errordisplay
{
    padding-bottom:1em;
}
.campaign-monitor-form .MGLSuccessMessage h1
{
    margin-bottom:0;
    position:relative;
    bottom:-0.5em;
}
*/
/* @pages */
/* @background images */
.bg-images
{
    background-color:#000;
    text-align:center;
    position: relative;
    z-index:1;
}
.da-slide
{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
}
.da-slide .bg-image-container
{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    opacity:0;
    -webkit-transition: opacity 600ms ease-in;
    -moz-transition: opacity 600ms ease-in;
    -ms-transition: opacity 600ms ease-in;
    -o-transition: opacity 600ms ease-in;
    transition: opacity 600ms ease-in;
}
.da-slide .bg-img-loaded
{
    opacity:1;
}
.bg-img-loaded-parent
{
    background-image:none !important;
}
.dcl-view .da-slider
{
    overflow:hidden;
}
.dcl-edit .da-slider,
.dcl-edit .da-slide
{
    position:static;
}
.dcl-edit .da-slider:before
{
    content:"Background image components. Add more than one to create a slideshow:";
    display:block;
    height:5em;
    line-height:7em;
    font-size:1.5em;
    letter-spacing:normal;
    font-family: sans-serif;
    background:#000;
    color:#fff;
    text-align: center;
    border-bottom: 2px dashed #fff;
}
.dcl-edit .da-slide
{
    height:200px;
    margin:5px;
    width:auto;
}
.dcl-edit .da-slide img
{
    height:100% !important;
    width:auto !important;
}
/* @home */
/* @transparent bg overlay */
#welcome:before,
#whatson:before
{
    content:"";
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity: 0.5;
    z-index:9; /* sits just beneath .fold-wrap */
}
.dcl-edit #welcome:before,
.dcl-edit #whatson:before
{
    display:none;
}
/* @welcome */
#welcome img
{
    display:block;
    margin:0 auto;
}
.dcl-edit #welcome-logo img
{
    display:none;
}
#welcome h1
{
    margin-bottom:0;
}
/* @menus */
#menus
{
}
#menus h2
{
}
/* @whats on */
#whatson
{
}
#whatson-thumbs-list
{
    display: none;
}
.dcl-edit #whatson-thumbs-list,
#whatson-thumbs-list.fs-carousel-element
{
    display:block;
}
#whatson-thumbs-list img
{
    display:block;
}
.dcl-edit #whatson-thumbs-list img
{
    width:400px;
    margin:1em auto;
}
#whatson-thumbs-list .img-parent
{
    background-color:#fff;
}
/* @functions */
#functions #virtual-tour
{
    text-align:center;
    color:#fff;
}
#functions #virtual-tour iframe
{
    padding-bottom:2em;
}
#functions #virtual-tour a.cta
{
    margin-left:1em;
    margin-right:1em;
    margin-bottom:2em;
}
#functions-enquiry-heading
{
    font-size: 1.8em;
}
#functions-enquiry p
{
    font-size: 1.5em;
}
/* @contact */
/* @social links */
#social-info-content .social-link a:hover
{
    opacity:1;
}
#social-info-content .social-link:hover
{
    cursor:pointer;
}
#social-info-content .social-link:hover a
{
    opacity:0.5;
}
#social-info-content .social-link dd a
{
    display:block;
    padding-left:0.8em;
    position: relative;
}
#social-info-content .social-link dd a:before
{
    content:'/';
    display:block;
    font-size: 1.5em;
    width:0.5em;
    height:1em;
    line-height:1em;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-0.5em;
}
.social-hashtag dt:before
{
    content:'\e807';
}
/* @contact info */
.divide-above
{
    padding-top:1em;
}
.divide-above:before
{
    content: "";
    display: block;
    background:transparent url(../img/divider.gif) scroll no-repeat center center;
    background-size: 155px;
    height:7px;
    margin-bottom:1.5em;
}
.contact-info-address dt:before,
.contact-info-open dt:before
{
    content:"";
    width:1.5em;
    height:1.5em;
    display:block;
}
.contact-info-address dt:before
{
    background:transparent url(../img/picto-building.png) scroll no-repeat center center;
    background-size: contain;
}
.contact-info-open dt:before
{
    background:transparent url(../img/picto-time.png) scroll no-repeat center center;
    background-size: contain;
}
.contact-info-phone dt:before,
.contact-info-email dt:before
{
    color:#000;
    font-family:'millhouse-icons';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.contact-info-phone dt:before
{
    content:"\e809";
}
.contact-info-email dt:before
{
    content:"\e80a";
}
#contact-cta-list
{
    text-align: center;
}
.dcl-view #contact-image .fold-tile-content
{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.dcl-view #contact-image .fold-tile-content img
{
    visibility:hidden;
}
/* @instagram feed */
#instagram-photos
{
    height: 100%;
    width:100%;
    overflow:hidden;
}
#instagram-feed a#ig-profile-link
{
    display: block;
    text-align: center;
    text-decoration:none;
    color:#fff;
    opacity:0.7;
    font-size:3em;
    width:1em;
    height:1em;
    position: absolute;
    z-index:10;
    top:0.1em;
    right:0.1em;
    font-family:'millhouse-icons';
    font-style: normal;
    font-weight: normal;
    position: absolute;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#instagram-feed a#ig-profile-link:before
{
    content:"\e806";
    text-shadow:0 0 5px rgba(0,0,0,0.5);
}
#instagram-photos .fs-carousel-control
{
    opacity:0 !important;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -ms-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    word-wrap:break-word;
}
#instagram-photos:hover .fs-carousel-control
{
    opacity:1 !important;
}
/* @hack to get fs carousel working on the live site
 * local site not affected for some fucking bizarre reason */
#instagram-photos div,
#instagram-photos li
{
    height:100% !important;
}
#instagram-photos li a
{
    height:100%;
    width:100%;
}
#instagram-photos li a
{
    display:block;
    position: relative;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -ms-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}
#instagram-photos li a:hover
{
    opacity:0.7;
}
#instagram-photos li .img-caption
{
    display: block;
    position: absolute;
    left:0;
    bottom:0;
    padding:1em;
    width:100%;
    min-height:1em;
    text-align: center;
    background-color: rgba(0,0,0,0.8);
    font-size:1.2em;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#instagram-photos li a:hover,
#instagram-photos li:hover .img-caption,
.is-touch #instagram-photos li .img-caption
{
/*    opacity:1;*/
}
/* @signup */
#signup-target
{
    display:none;
}
#signup
{
    max-width:20em;
    margin-left: auto;
    margin-right: auto;
    height:100%;
}
/* @signup form */
#signup .campaign-monitor-form h2,
#signup .campaign-monitor-form label
{
    color:#fff;
}
#signup .campaign-monitor-form h2:before,
#signup .campaign-monitor-form h2:after
{
    background-image: url(../img/divider-invert.gif);
}
#signup .campaign-monitor-form button[type="submit"]
{
    margin-top: 1.5em;
    width: auto;
}
/* @other */
/* @progressive enhancement */
/* set ie6and7 to fixed width */
/* if no javascript, set ie8 to fixed width layout */
.ie6and7 .wrapper,
.no-js .ie8 .wrapper
{
    width:860px;
}
.ie6and7 .blog #section,
.no-js .ie8 .blog #section,
.ie6and7 .talent #section,
.no-js .ie8 .talent #section
{
    width:64%;
}
.ie6and7 .blog #aside,
.no-js .ie8 .blog #aside,
.ie6and7 .talent #aside,
.no-js .ie8 .talent #aside
{
    width:36%;
}
.ie6 .blog .blogNav a,
.ie6 .talent .talentNav a
{
    width:40%;
}
/* @debug */
*
{
/*    outline:1px solid yellow;*/
}