.signage{display:flex;justify-content:space-between;font-size:calc(2.5vmin*var(--multiplier));width:100%;height:100%;background-color:#fff;box-sizing:border-box;color:var(--secondary-text-color);--primary-color: #f3f3f3;--secondary-color: #E2E7E7;--primary-text-color: #125673;--secondary-text-color: #333333;--tertiary-text-color: #B0B0B0;--quaternary-text-color: #707070;--font-body: 'Nunito', sans-serif;--primary-font: var(--font-body);--secondary-font: var(--font-body);--font-friendly: var(--font-body);font-family:var(--font-body)}.panels{display:flex;justify-content:space-between}.panels-condensed{flex:0 1 auto}.panels-dark{background:var(--primary-color);box-shadow:0 0 5px var(--primary-color)}.panels-dark>.panels{flex:0 0 auto}.panels-horizontal{flex-direction:row;margin-bottom:-11.5vmin;overflow-x:hidden;overflow-y:hidden}.panels-horizontal>*:first-child{margin-left:0;width:75%;padding:calc(1vmin*var(--multiplier));background-image:linear-gradient(to bottom, rgba(1, 62, 111, 0.0901960784), rgba(84, 101, 142, 0.0901960784), rgba(140, 145, 174, 0), rgba(192, 192, 207, 0), rgba(242, 242, 242, 0))}.panels-horizontal>*:last-child{box-shadow:0px 0px 30px 4px rgba(116,138,223,.24);background:#fff;width:20%}.panels>.padded{margin:0}.panels.basic-info.padded{padding:calc(4vmin*var(--multiplier)) calc(4vmin*var(--multiplier)) calc(.65vmin*var(--multiplier)) 0}.panels-vertical{flex-direction:row;margin-top:2vmin}.logo-address{padding-bottom:calc(0vmin*var(--multiplier))}.brand-availability{display:flex}.meet-freespace{display:flex;justify-content:space-between;height:-webkit-fill-available}.map{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin-top:14vmin}span.demandheader1{font-family:var(--font-friendly);width:25vmin;height:27px;font-style:normal;font-size:3vmin;display:flex;align-items:center;color:#444;margin-top:5vmin}input.serchpanel{text-align:center;width:360px;height:64px;background:#fff;border:1px solid rgba(116,138,223,.35);box-shadow:0px 0px 10px 2px rgba(116,138,223,.25);border-radius:20px}span.demandheader2{margin:1vmin 0;width:20vmin;font-family:var(--font-friendly);font-style:italic;font-weight:400;font-size:2vmin;display:flex;align-items:center;color:#444;opacity:.6}.clock-map{width:inherit;position:absolute;width:36vmin;line-height:1.5vmin;top:-2vmin;background:#e1e6e9;border-radius:20px}.signage-ip{position:relative;margin:auto;right:-4vmin;top:23vmin;font-family:var(--secondary-font);font-weight:500;color:var(--quaternary-text-color)}.brand-info{font-size:calc(2.72vmin*var(--multiplier));font-family:var(--secondary-font);display:flex;justify-content:space-between}button.open_btn{font-style:normal;color:#444;opacity:.75;background:#fff;border:1px solid rgba(116,138,223,.35);box-shadow:0px 0px 10px 2px rgba(116,138,223,.25);border-radius:1vmin;position:relative;font-size:calc(1.85vmin*var(--multiplier));top:3vmin}.fire-on{cursor:pointer;float:left;position:relative;top:5vmin}.side-icon{display:block;width:7vmin;height:7vmin;position:fixed;bottom:23vmin;margin-left:1.3vmin;background-color:#fff;border:1px solid rgba(116,138,223,.35);box-shadow:0px 0px 10px 2px rgba(116,138,223,.25);border-radius:20px}.icon1-on{cursor:pointer;float:left}.icon1-on img{background:rgba(116,138,223,.2);padding:1.8vmin;border-radius:20px}.icon2-on{cursor:pointer;float:left;position:absolute;bottom:10vmin;left:1.7vmin}.icon3-on{cursor:pointer;float:left;position:absolute;bottom:1.5vmin;left:1.7vmin}.basic-info{display:flex;flex-direction:column;padding-left:calc(4.2vmin*var(--multiplier))}.branding-clock{display:flex;justify-content:space-between;font-family:var(--secondary-font);font-weight:700;padding-right:calc(4.63vmin*var(--multiplier));padding-bottom:calc(2.22vmin*var(--multiplier))}.availbility-trigger{padding-top:calc(.63vmin*var(--multiplier));display:flex;justify-content:space-between}.freespace-policy{display:flex;justify-content:space-between;align-items:center}.allspace-meet{width:100%}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}button.open_btn{width:41vmin;height:5vmin;background:#fff;cursor:pointer;position:relative}img.search-icon{position:absolute;top:1.5vmin;left:5vmin}img.search_btn{position:absolute;left:5vmin;top:1.5vmin}.fire-on img{height:7.6vmin}.floorplanimg{border:none;position:relative;top:50vmin;right:57.6vmin;background:none;cursor:pointer;float:left;bottom:50vmin;right:.6vmin;height:8.3vmin}button.fire-on1{border:none;position:absolute;left:1vmin;bottom:30vmin;background:none}.signage-main-grid-container{position:relative;width:100%;height:100%;overflow:hidden}.signage-side-grid-container{position:relative;width:100%;height:100%;overflow:hidden}.signage-grid-item{position:absolute;background:rgba(0,0,0,0);overflow:hidden;border-radius:8px;z-index:10;pointer-events:none}.signage-grid-item .component-content{width:100%;height:100%;overflow:hidden;padding:2px}.signage-grid-item{transition:all .2s ease-in-out}.signage-component-wrapper{width:100%;height:100%;box-sizing:border-box}
.App-full {
  background: #602320;
}

/* Global Font System - Google Fonts */
:root {
  /* Primary font stacks */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-secondary: 'Roboto', sans-serif;
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --font-display: 'Montserrat', sans-serif;
  --font-readable: 'Lato', sans-serif;
  --font-modern: 'Source Sans Pro', sans-serif;
  --font-friendly: 'Nunito', sans-serif;
  
  /* Monospace fonts */
  --font-code: 'JetBrains Mono', 'Fira Code', 'Consolas', 'Monaco', monospace;
  
  /* Font weights */
  --font-weight-thin: 100;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
}

/* Global styles */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-family: var(--font-primary);
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Typography utility classes */
.font-primary { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-family: var(--font-primary); }
.font-secondary { font-family: 'Roboto', sans-serif; font-family: var(--font-secondary); }
.font-heading { font-family: 'Poppins', sans-serif; font-family: var(--font-heading); }
.font-body { font-family: 'Open Sans', sans-serif; font-family: var(--font-body); }
.font-display { font-family: 'Montserrat', sans-serif; font-family: var(--font-display); }
.font-readable { font-family: 'Lato', sans-serif; font-family: var(--font-readable); }
.font-modern { font-family: 'Source Sans Pro', sans-serif; font-family: var(--font-modern); }
.font-friendly { font-family: 'Nunito', sans-serif; font-family: var(--font-friendly); }
.font-code { font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', 'Monaco', monospace; font-family: var(--font-code); }

/* Weight utilities */
.font-thin { font-weight: 100; font-weight: var(--font-weight-thin); }
.font-light { font-weight: 300; font-weight: var(--font-weight-light); }
.font-normal { font-weight: 400; font-weight: var(--font-weight-normal); }
.font-medium { font-weight: 500; font-weight: var(--font-weight-medium); }
.font-semibold { font-weight: 600; font-weight: var(--font-weight-semibold); }
.font-bold { font-weight: 700; font-weight: var(--font-weight-bold); }
.font-extrabold { font-weight: 800; font-weight: var(--font-weight-extrabold); }
.font-black { font-weight: 900; font-weight: var(--font-weight-black); }

/* Heading defaults */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  font-family: var(--font-heading);
  font-weight: 600;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  margin: 0;
}

h1 { font-size: 2.5rem; font-weight: 700; font-weight: var(--font-weight-bold); }
h2 { font-size: 2rem; font-weight: 600; font-weight: var(--font-weight-semibold); }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

/* Body text */
p, div, span {
  font-family: 'Open Sans', sans-serif;
  font-family: var(--font-body);
}

/* Code styling */
code, pre {
  font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', 'Monaco', monospace;
  font-family: var(--font-code);
  font-size: 0.9em;
}

/* App container */
.App {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-family: var(--font-primary);
}

