/* Header Area */
#title { display: none }
body { background: #fff; padding: 0px; margin-top: 0px; }
.ribbon { background: #fff; border: 0 }
#header { height: 32px; }
#header .ribbon .logo { display: none;}
.ribbon, #mapHolder, #column { }

#elevations, #column h2 { line-height: 38px; font-size: 15px; }
#column div div, #column #options div, #column ul li a:link, #column ul li a:visited, #column ul li a {
    line-height: 38px; max-height: 38px; text-indent: 10px; font-size: 15px;
}
#branding { display: none; }

#mapHolder {
    margin: 0; border-top: 0;
    background: #f5f5f5;
}

.ribbon {
    height: 32px; min-height: 32px; padding: 0; margin: 0;
    background: #004B87;
}
#header .ribbon .ribbonLeft { background: none; text-align: center; height: 32px; }
#header .ribbon .ribbonLeft a,
#header .ribbon .ribbonLeft a:link,
#header .ribbon .ribbonLeft a:visited,
#header .ribbon .ribbonRight a { float: none !important; display: inline-block !important; width: auto !important; height: 32px !important; line-height: 32px !important; padding: 0 20px !important; margin: 0 !important; color: #fff; background-image: none !important; background-color: transparent; background-position: 0 0; overflow: visible; vertical-align: top !important; }
#header .ribbon .ribbonLeft a:hover { background-color: #94CA31 !important; }
.ribbon span { margin-top: 0; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; }

#column { background: #fff; margin-top: -32px; margin-left: 0px; border: 0; padding: 32px 0 0 0; width: 240px; box-sizing: border-box; }
#column #elevations, #column #options { padding: 0 9px }
#column #elevations a.elevation { line-height: 1; }
#column h2.plantitle { background: none; color: #000; border: 0; margin-bottom: 0; border: none;}
#column div div, #column ul li a.btn { text-shadow: none; font-weight: normal; }
#column div div { border: none;}
#column div div:hover { font-weight: normal; border: 0; border-top: 1px solid transparent}
#column div div.active:hover, #column div.active { border: 0; border-top: 1px solid transparent;
    background: #C5EAF8; color: #000; font-weight: normal;

}

#footer { height: 0px; }

/* Controls */

#controls {
    display: block; position: absolute;
    left: 11px; top: 50px; width: 42px; height: 281px;
    font-size: 11px;
    background: #004B87; /* Old browsers */
    z-index: 1;
}
#controls a {
    
}
#controls a:hover {
    background: #94CA31;
}
#floorplanOptions { display: none; }

/* Black Gradient Areas */
.modal h3, .modal div.help, .ribbonLeft a:hover, #column h2 {
    color: #fff;
	font-size: 13px;
	background: #004B87; /* Old browsers */
	margin-top: 0;
}

.ribbon a span:before { font-size: 13px; }
#btnFurniture span:before { font-family: 'FontAwesome'; content: '\f236'; padding-right: 10px; }
#btnLoad span:before { font-family: 'FontAwesome'; content: '\f0ee'; padding-right: 10px; }
#btnSave span:before { font-family: 'FontAwesome'; content: '\f0ed'; padding-right: 10px; }
#btnExport span:before { font-family: 'FontAwesome'; content: '\f019'; padding-right: 10px; }
#btnShare span:before { font-family: 'FontAwesome'; content: '\f1e0'; padding-right: 10px; }
#btnPrint span:before { font-family: 'FontAwesome'; content: '\f02f'; padding-right: 10px; }
#btnReset span:before { font-family: 'FontAwesome'; content: '\f0ec'; padding-right: 10px; }
#btnVideo, #btnMatterport { background: #0093E4;}
#btnVideo span:before { font-family: 'FontAwesome'; content: '\f03d'; padding-right: 10px; }
#btnMatterport span:before { font-family: 'FontAwesome'; content: '\f21d'; padding-right: 10px; }

@media screen and (max-width: 875px) {
    .ribbon { padding: 0; }
    #mapHolder { margin: 0; }
    #column { margin-top: 0 !important; }
    #selectFloor { top: 10px; right: 10px; left: auto !important; }
    .ribbonLeft { top: 33px !important; }
    #controls { left: 6px; top: 40px; }
}
@media screen and (max-width: 640px) {
    /* Column becomes a slide-in overlay toggled by Options button */
    #column {
        display: none;
        position: fixed !important;
        top: 32px;
        left: 0;
        bottom: 0;
        width: 260px !important;
        max-height: none;
        margin-top: 0 !important;
        z-index: 10000;
        background: #fff;
        box-shadow: 4px 0 20px rgba(0,0,0,0.3);
        overflow-y: auto;
    }
    #column #elevations img { max-height: 120px; }
    #controls { display: none !important; }
    #selectFloor { top: 10px; right: 10px; left: auto !important; }
    .ribbon { padding: 0; }
    #mapHolder { margin: 0; }
}

#furnitureOptions { bottom: 0; left: 50%; margin-right: 90px; background: rgba(0,0,0,.8);}
#furnitureOptions a { color: #fff ;}

#options h2:nth-child(1n+1) { margin-top: 1em;}

/* Meritage logo watermark */
body::after {
    content: '';
    position: fixed;
    bottom: 12px;
    right: 12px;
    width: 140px;
    height: 59px;
    background: url('MHlogotag.png') no-repeat center / contain;
    pointer-events: none;
    z-index: 0;
}