body.special h2 { color: #e84200; }

body.special a:not(.button) { color: #e84200; text-decoration: underline; }

body.special a.button { white-space: nowrap; }

form { max-width: 640px; margin: 1em auto; }

header { margin: 0 auto; position: initial; width: 100%; top: 0; padding: 1em 0 0; text-align: center; z-index: 1000; }

header h1 { width: 332px; height: 100px; margin: 0 auto 0.5em; }

header h1 img, header h1 a { animation-name: logoSwitch; animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; }

header h1 img { width: 147px; height: 100px; position: absolute; left: 50%; margin-left: -74px; animation-direction: reverse; }

header h1 a { display: block; height: 100px; width: 332px; background: url("/assets/images/kctenants_textlogo_site.png") center center no-repeat transparent; background-size: 332px 33px; color: transparent; text-indent: -9999px; font-size: 0; margin: 0 auto; animation-direction: normal; }

header nav div { display: inline; line-height: 2.15em; margin: 0 0.3em; }

header nav div a { text-decoration: none; text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em; font-style: italic; color: #e84200; }

header nav div a span { background-color: #f0f000; padding: 0.1em 0.4em; }

body.page main { max-width: 800px; margin: 1em auto 8em; padding: 0 1em; }

body.special main { margin-top: 3em; margin-bottom: 4em; }

main > section { margin: 0 auto; }

section > section { flex: 0 0 50%; padding: 1em; box-sizing: border-box; }

section > section.full { background-image: url("/assets/images/map.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 50vh; }

section > section img { width: 100%; margin: 0 auto; display: block; }

section > div.links { font-weight: 900; text-transform: uppercase; font-size: 1.5em; letter-spacing: 0.2rem; line-height: 1.2em; }

section > div.links a { color: #e84200; text-decoration: none; display: block; }

footer { margin: 2em auto; font-weight: 400; text-transform: uppercase; color: rgba(0, 0, 0, 0.3); text-align: center; }

footer p { font-size: 0.5em; margin: 0.5em 0; }

/* Popover styles */
/* Hide the popover by default */
#popover-background, #popover { display: none; }

/* Disable scroll while popover is visible */
body.popover-active { overflow: hidden; }

/* Show popover while popover-active class is enabled on body */
body.popover-active #popover-background, body.popover-active #popover { display: inherit; }

/* Make sure Netlify CMS modal is visible */
#netlify-identity-widget { z-index: 9999 !important; }

#popover-background { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); cursor: pointer; z-index: 1000; }

#popover { background-color: #e84200; position: fixed; top: 50%; width: 100%; padding: 0.5em 100px; z-index: 1002; transform: translateY(-50%) translateX(-100px) skewY(-5deg); }

#popover #popover-inner { width: 100%; width: 100vw; padding: 0 1.5em; box-sizing: border-box; color: #f5f5eb; display: flex; justify-content: space-around; align-items: center; }

#popover .popover-innerunit { padding: 1.5em; }

#popover .popover-innerunit:last-of-type { flex: 1 1 auto; max-width: 400px; }

#popover a { text-decoration: none; color: #f5f5eb; }

#popover p { margin: 0; }

#popover p a { text-transform: uppercase; font-weight: 500; letter-spacing: 0.1rem; }

#popover h1 { font-size: 3.5em; text-transform: uppercase; letter-spacing: 0.0667em; margin: 0; font-weight: 900; padding-bottom: 0.4em; }

#popover h1 span { display: inline-block; position: relative; }

#popover h1 span:first-of-type { margin-bottom: 0.2em; }

#popover h1 span:after { content: ''; height: 0.2em; border-radius: 2px; width: 100%; background: #f5f5eb; display: inline-block; position: absolute; left: 3px; bottom: -0.05em; }

#popover h2 { letter-spacing: 0.1em; }

/* Animation */
@keyframes logoSwitch { 0% { opacity: 0.5; }
  2% { opacity: 1; }
  48% { opacity: 1; }
  52% { opacity: 0; }
  98% { opacity: 0; }
  100% { opacity: 0.5; } }

/* ========================================================================== Media Queries ========================================================================== */
@media only screen and (max-width: 1000px) { #popover #popover-inner { display: block; } #popover .popover-innerunit:last-of-type { max-width: initial; padding-top: 0; } }

@media only screen and (max-width: 760px) { #popover #popover-inner { padding: 0; } }

@media only screen and (max-width: 650px) { #popover h1 { font-size: 2.5em; } #popover h2, #popover p a { font-size: 1.2em; font-weight: 500; } }

@media only screen and (max-width: 550px) { header nav div { margin: 0; font-size: 0.71em; } header nav div a { height: 44px; display: inline-block; } header nav div a span { position: relative; top: 0.3em; } }

@media only screen and (max-width: 480px) { #popover h1 { font-size: 2em; } #popover h2, #popover p a { font-size: 0.95em; } }

@media only screen and (max-width: 400px) { header h1 { height: 79px; } header h1 a { background-size: 260px auto; height: 79px; } header h1 img { width: 116px; height: auto; margin-left: -58px; } #popover h1 { font-size: 1.6em; } }

@media only screen and (min-width: 900px) { body { font-size: 1.5rem; } header { position: fixed; height: 100px; } header h1 { margin-bottom: 1em; } header nav div { text-align: center; position: fixed; top: 0; left: 0; width: 50%; line-height: 1.4em; margin: 0; padding: 1em 166px 0; box-sizing: border-box; display: block; } header nav div:nth-of-type(2):after { content: ""; display: none; } header nav div:nth-of-type(2), header nav div:nth-of-type(4) { right: 0; left: initial; } header nav div:nth-of-type(3), header nav div:nth-of-type(4) { top: initial; bottom: 0; line-height: 66px; padding-bottom: 0.5em; } main { margin-top: 0; min-height: calc(100vh - 200px - 6.5em); } /* Header background */ main:before { content: ""; width: 100%; height: 100px; padding: 1em 0 0.5em; background-color: #f5f5eb; position: fixed; top: 0; left: 0; z-index: 1; } body.special main:before, body.special main:after { display: none; } /* Header background */ main:after { content: ""; display: block; width: 100%; height: 66px; padding: 0 0 0.5em; background-color: #f5f5eb; position: fixed; bottom: 0; left: 0; } body.page main { margin-top: calc(100px + 3em); } body.special main { margin-top: 3em; margin-bottom: 6em; } main > section { display: flex; align-items: center; padding: 0; } section > section { padding: 2em; } section > section.full { height: 100vh; z-index: 999; } section > div.links { font-size: 1.5em; } footer { width: 332px; position: fixed; bottom: 0; left: 0; z-index: 1000; padding: 0 0 1.2em; margin: 0 calc(50% - 166px); } footer p { margin: 0; } footer span { background-color: #f5f5eb; padding: 0.1em; } }

/* ========================================================================== Helper classes ========================================================================== */
.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/* ========================================================================== Print styles ========================================================================== */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }

/*# sourceMappingURL=main.css.map */