/* cmsms stylesheet: wide_structure modified: 12/08/25 16:51:15 */
:root{
  --brand-green:#97d041;
  --brand-purple:#842db2;
  --brand-lightgrey: #f2f2f2;
  --brand-lightgreen: #eef7e0;
  --brand-lightpurple: #f0e5f6;
  --bg:#ffffff;
  --panel:#ffffff;
  --greybacker:#e2e2e9;
  --text:#111111;
  --muted:#666666;
  --border:#644575;
  --success:#6aae04;
  --warn:#ffd25e;
  --shadow:0 2px 8px rgba(0,0,0,.1);
  --smallpad: 9px;
  --midpad: 14px;
  --bigpad: 30px;
  --smallgap: 9px;
  --midgap: 14px;
  --biggap: 30px;
}

*{
	box-sizing:border-box
}

html,body{
	height:100%
}
body{
  margin:0;
  font-family:'Nunito Sans',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(132,45,178,.08), transparent 60%),
    radial-gradient(1200px 600px at 110% -10%, rgba(151,208,65,.08), transparent 60%),
    var(--bg);
  background-blend-mode:screen,screen,normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

h1 {
    font-weight: 800;
    font-size: 160%;
    line-height: 120%;
    margin: 0px 0px 30px 0px;
    color: var(--brand-purple);
}

h2 {
    font-weight: 500;
    font-size: 170%;
    line-height: 120%;
    margin: 0px 0px 30px 0px;
}

h3 {
    font-weight: 700;
    margin: 0px 0px 10px 0px;
}

h4 {
    font-weight: 500;
    font-size: 120%;
    line-height: 120%;
    margin: 0px 0px 0px 0px;
}

h5 {
    font-weight: 400;
    margin: 0px 0px 0px 0px;
}

h6 {
    font-size: 110%;
    line-height: 120%;
    font-weight: 500;
     margin: 0px 0px 0px 0px;
}

p {
	margin: 0px 0px var(--smallpad) 0px;
}

a:link,
a:visited {
    color:var(--text);
    text-decoration: none;
    transition: color 0.4s, background-color 0.4s;
}

a:hover {
    color: #000000;
    text-decoration: none;
}

a img {
    border: 0px;
}

#outerHeader {

}

#innerHeader {

}


#logo {

}

#heroBar {

}

#sideNavigation {
	width: 320px;
}

#mainContent {
	flex:1;
}

#inpageActionButtons {
    display: table;
    margin-left: auto;
    float: right;
}

#welcomeSection {
        display: flex;
	align-items: center; 
	height: 42px;
}

#welcomeSection p {
margin: 0px 0px;
}

#welcomSection strong {

}

#heroHeaderButtons {

}

#topNavigation {

}

.outer {

}

.bottomBorder {
border-bottom: 1px solid var(--border);
}

.topBorder {
border-top: 1px solid var(--border);
}

.bordered {
border: 1px solid var(--border);
}

.greenBordered {
border: 1px solid var(--brand-green);
}

.shadowed {
	box-shadow:var(--shadow);
}

.smallTopPadded {
padding-top: var(--smallpad);
}

.smallBottomPadded {
padding-bottom: var(--smallpad);
}

.bigTopPadded {
padding-top: var(--bigpad);
}

.bigBottomPadded {
padding-bottom: var(--bigpad);
}

.smallPadded {
padding: var(--smallpad);
}

.midPadded {
padding: var(--midpad);
}

.bigPadded {
padding: var(--bigpad);
}

.smallMargin {
margin: var(--smallpad);
}

.midMargin {
margin: var(--midpad);
}

.bigMargin {
margin: var(--bigpad);
}

.smallTopMargin {
margin-top: var(--smallpad) !important;
}

.midTopMargin {
margin-top: var(--midpad) !important;
}

.bigTopMargin {
margin-top: var(--bigpad) !important;
}

.smallBottomMargin {
margin-bottom: var(--smallpad);
}

.midBottomMargin {
margin-bottom: var(--midpad);
}

.bigBottomMargin {
margin-bottom: var(--bigpad);
}

.inner {
width: calc(100% - 80px);
max-width: 1600px;
margin: 0 auto;
}

.columnContainer {
display: flex;
}

.bigGap {
	gap: var(--biggap);
}

.midGap {
	gap: var(--midgap);
}

.smallGap {
	gap: var(--smallgap);
}

.allSpaceColumn {
justify-content: space-between;
}

.contentColumn {

}

.contentColumn a {

}

.contentColumn img {

}



.roundedCorners {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.greyBack {
background-color: var(--greybacker);
}

.buttonContainer {
padding: 0px;
margin: 0px;
gap: var(--smallgap);
}

#sideNavigation .buttonContainer {
	flex-direction: column;
} 

.buttonContainer li {
padding: 0px;
margin: 0px;
list-style: none;
}

.blockButton {
display: flex;
height: 42px;
padding: var(--smallpad) var(--midpad);
align-items: center; 
}

.smallBlockButton {display: block;height: 20px;font-size: 80%;padding: var(--smallpad) var(--midpad);align-items: center;font-family: 'Nunito Sans', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Helvetica, Arial, sans-serif;color: var(--panel);background-color: var(--brand-purple);padding: 0 var(--midpad) 0 var(--midpad);}


.smallBlockButton :hover {
	background-color: var(--brand-green);
}

.removeButton {
display: block; 
position: absolute;
top: var(--smallpad);
right: var(--smallpad);
font-size: 70%;
padding:var(--smallpad);
}

#sideNavigation h5 {
	color: var(--muted);
	padding: var(--smallpad);
}

#topNavigation .buttonContainer a.active, #sideNavigation .buttonContainer a.active {
	background: linear-gradient(135deg, rgba(132, 45, 178, .12), rgba(151, 208, 65, .12));
}

.blockButton span {

}

.emphasisButton {
font-weight: 700;
}

.cards {
	display: grid;
	gap: var(--midgap);
}

.cardLayoutOne {
	grid-template-columns: repeat(3, 1fr);
}

.card {
overflow: hidden;
position: relative;
}

h3.cardTitle {
	font-size: 105%;
}

.twoGrid {
    grid-column: span 2;
}

.unitNotes {
    height: 165px;
    overflow-y: auto;
}

.badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid transparent}
.badgeOwner{background: rgba(132,45,178,.12); border-color: rgba(132,45,178,.35); color:#3d1552}
.badgeTenant{background: rgba(151,208,65,.16); border-color: rgba(151,208,65,.35); color:#2e4b0d}
.badgeEmpty{background: #f3f4f6; border-color:#e5e7eb; color:#374151}

.purpleBack {
	background-color: var(--brand-purple);
	color: #ffffff;
}

a.purpleBack:link, a.purpleBack:visited {
	background-color: var(--brand-purple);
	color: #ffffff;
}

.greenBack {
	background-color: var(--brand-green);
	color: #ffffff;
}

a.greenBack:link, a.greenBack:visited {
	background-color: var(--brand-green);
	color: #ffffff;
}

.muted {
    color: var(--muted);
}

a.denied:link, a.denied:visited,a.denied:hover {
    color: var(--muted);
    background-color: #ffffff;
    border-color: var(--muted);
    cursor: not-allowed;
}

/* hovers */

#topNavigation .blockButton:hover, #sideNavigation .blockButton:hover {
background-color: var(--brand-lightgrey);
}

.emphasisButton:hover {
background-color: var(--brand-green);
	color: #000000;
}

#outerFooter .blockButton:hover {
background-color: var(--brand-lightgrey);
}

a.purpleBack:hover {
	background-color: var(--brand-green);
}

a.greenBack:hover, a.removeButton:hover  {
	background-color: var(--brand-purple);
color: #ffffff;
}