html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    padding: 0;
    margin: 0;
}
html:after {content: normal;}
body {
    color: #545050;
    background-color: #ededed;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    text-decoration: none;
    padding: 0;
    margin: 0;
}
h1 {
    font: normal normal bold 2.4rem/2 "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-shadow: 0.13rem 0.13rem 0.13rem #DBDBDB;
    padding: 0;
    margin: 0.6rem 0 0 0;
    display: block;
}
h2, h3 {
    font: normal normal bold 1.9rem/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 90%;
    padding-bottom: 0;
    margin: 0.5rem auto;
}
div {
    max-width: 112.5rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto;
}
div > aside {
    -webkit-flex-direction: row; /* Safari */
    flex-direction:         row;
    margin: 0;
    border: initial;
    overflow: visible;
}
p {
    font: normal normal normal 1.4rem/1.4 Georgia, Times, "Times New Roman", serif;
    width: 80%;
    max-width: 65rem;
    padding: 0;
    margin: 0.67rem auto;
}
.prop-tax {
  font-style: normal;
  font-weight: normal;
  color:black;
}
h2 + p {
    padding-top: 0;
    margin-top: 0;
}
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(84, 80, 80, 0), rgba(84, 80, 80, 0.75), rgba(84, 80, 80, 0));
    width: 70%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}
table {
    display: table;
    height: 0;
    margin: 0 0.6rem 2rem 0.6rem;
    background-color: #fafafa;
    border-collapse: collapse;
    border-style: solid;
    border-width: thin;
    -mozbox-shadow: rgba(0, 0, 0, 0.19) 0 10px 20px, rgba(0, 0, 0, 0.23) 0 6px 6px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0 10px 20px, rgba(0, 0, 0, 0.23) 0 6px 6px;
    box-shadow: rgba(0, 0, 0, 0.19) 0 10px 20px, rgba(0, 0, 0, 0.23) 0 6px 6px;
}
caption {
    font: normal normal bold 1.3rem/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif;
    white-space: nowrap;
}
tr:nth-child(even) {
    background-color: #f5f5f5;
}

 /* Tax Map square feet color */
var,
#bldg tr:not(:last-child) td:nth-child(3),
#summary tr:not(:last-child) td:nth-child(2), #summary tr:last-child td:first-child,
#dr-cr tr:not(:last-child) td:nth-child(2), #dr-cr tr:last-child td:first-child,
#matrix [data-title]:after, #matrix [data-unit]:after,
#variances td:nth-child(2), #variances  [data-title]:nth-child(2):after {
    color: #20948B;
    border-color: #545050;
}
 /* Master Deed square feet color */
#variances td:nth-child(3), #variances  [data-title]:nth-child(3):after {
    color: #962E2A;
    border-color: #545050;
}
#bldg-sum tr:hover:not(:last-child), #bldg tr:hover:not(:last-child), #model tr:hover:not(:last-child), #uniform tr:hover:not(:last-child),
#summary tr:hover:not(:last-child), #dr-cr tr:hover:not(:last-child) {
  color: black;
  background-color: #d5dbdb;
}
th {
    font: normal normal bold 1.3rem/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fafafa;
    background-color: #555;
    background: linear-gradient(#999, #333);
    text-align: center;
    white-space: nowrap;
    padding: 0.25rem;
    border-color: #545050;
    border-style: solid;
    border-width: thin;
}
#bldg-sum th, #bldg th, #model th {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
}
td {
    font: normal normal normal 1.2rem/1.1 "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: right;
    white-space: nowrap;
    padding: 0.25rem;
    border-style: solid;
    border-width: thin;
}
a:link {
    text-decoration: none;
    color: blue;
}
a:visited {
    text-decoration: none;
    color: blue;
}
nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 10px 0 30px;
}
nav li:not(:last-child) {
    margin-right: 10px;
}
nav a {
    display: block;
    font-size: 1.6rem;
    color: #000;
    text-decoration: none;
    padding: 7px 5px;
}
nav a:link {
    color: #000;
}
nav a:visited {
    color: #000;
}
nav a:hover {
    text-decoration: none;
}
.menubar {
    position: absolute;
    border-bottom: 4px solid transparent;
    z-index: -1;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
}
nav a, .menubar {
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
#landscape {
        display: none;
        visibility: hidden;
}
#bldg-sum tr:last-child td,
#bldg tr:last-child td {
    text-align: center;
    font-weight: bold;
}
#bldg-sum th:nth-last-child(2), #bldg-sum td:nth-last-child(2),    /* hide 2025 1/2 year Tax column */
#bldg th:nth-last-child(2), #bldg td:nth-last-child(2) {    /* hide 2025 1/2 year Tax column */
    display: none;
    visibility: hidden;
}
#bldg td:nth-child(4),
#bldg td:nth-child(5) {
      text-align: center;
}
#bldg-sum td:nth-child(4),
#bldg-sum td:nth-child(5) {
      text-align: right;
}
#bldg-sum tr:hover td:nth-child(2) {
  font-weight: bold;
}
#bldg-sum td:nth-child(1),
#bldg-sum td:nth-child(2) {
      text-align: center;
}
#summary tr:hover td:nth-child(2),
#summary tr:hover td:nth-last-child(2) {
  font-weight: bold;
}
.line {
      border-top: 3px solid #555;
}
#variances a:link {
    color: #B0E0E6;
}
#variances a:visited {
    color: #B0E0E6;
}
#variances td:nth-child(4),
#variances td:nth-child(5) {
      text-align: right;
}
#variances th {
  position: static;
  top: auto;
}
#variances tr:hover {
  color: black;
  background-color: #d5dbdb;
}
#variances tr:hover td:first-child,
#variances tr:hover td:nth-last-child(2) {
  font-weight: bold;
}
#model th:nth-last-child(5), #model td:nth-last-child(5) {    /* hide 2025 1/2 year Tax column */
    display: none;
    visibility: hidden;
}
#model tr.rotate td:nth-child(1) a {    /* a tag fills table cell */
    display: block;
}
#model tr.rotate td:nth-child(1) {    /* text to be read from top to bottom */
    writing-mode: vertical-lr;
    text-align: center;
}
#model td[rowspan] {
  background-color: #f5f5f5;;
}
#model tr.rotate:hover td:nth-child(1) {
    color: #545050;
    background-color: #f5f5f5;
}
#model tr.rotate td:nth-child(n+1) {   /* line above table row except 1st row */
    border-top: 3px solid #555;
}
#model tr.rotate td:nth-child(3) {  /* display year column in rotate row */
    display: table-cell;
    visibility: visible;
}
#model tr:last-child td {
    text-align: center;
    font-weight: bold;
}
#variances [data-title]:after {
    font-weight: bold;
    font-size: 1.1rem;
    right: -0.2rem;
}
#matrix tr:last-child td {
    text-align: right;
    font-weight: normal;
}
#matrix tr:hover {
  color: black;
  background-color: #d5dbdb;
}
#matrix th {
  position: -webkit-static;
  position: static;
  top: auto;
}
#summary td:nth-child(1),
#dr-cr td:nth-child(1) {
      text-align: center;
}
#summary tr:last-child td,
#dr-cr tr:last-child td {
    text-align: right;
    font-weight: bold;
}
#summary tr:last-child td:nth-child(2),
#dr-cr tr:last-child td:nth-child(2) {
    text-align: left;
}
#topBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #888;
    color: #fafafa;
    font-weight: bold;
    cursor: pointer;
    padding: 15px;
    border-radius: 15px;
}
#topBtn:hover {
    background-color: #444;
}
tr.outlier {
    background-color: #fcffa4;
}
tr.outlier:hover {
    background-color: #d5dbdb;
}
tr.outlier tr.rotate td:nth-child(n+1) {
    background-color: #fcffa4;
}

[data-title]:after {
    content: attr(data-title);
    position: absolute;
    top: 2rem;
    left: 0.6rem;
    padding: 6px;
    color: #545050;
    font-weight: normal;
    font-size: 1.0rem;
    white-space: nowrap;
}
[data-title] {
    position: relative;
}
[data-unit]:after {
    content: attr(data-unit);
    position: absolute;
    top: 2rem;
    right: -0.2rem;
    padding: 6px;
    color: #545050;
    font-weight: normal;
    font-size: 1.1rem;
    white-space: nowrap;
}
[data-unit] {
    position: relative;
}

/* Extra small devices (phones) */
@media only screen and (max-width: 600px) {
    h1 {
        margin-top: 0.3rem;
        line-height: 1;
    }
    hr, h1 span, p span, caption span, a span,
    #bldg-sum th:nth-child(3), #bldg-sum td:nth-child(3),  /* feet */
    #bldg-sum th:nth-child(4), #bldg-sum td:nth-child(4),  /* 2020 */
    #bldg-sum th:nth-child(5), #bldg-sum td:nth-child(5),  /* 2021 */
    #bldg-sum th:nth-child(6), #bldg-sum td:nth-child(6),  /* 2022 */
    #bldg-sum th:nth-child(7), #bldg-sum td:nth-child(7),  /* 2023 */
    #bldg th:nth-child(2), #bldg td:nth-child(2),  /* type */
    #bldg th:nth-child(3), #bldg td:nth-child(3),  /* feet */
    #bldg th:nth-child(4), #bldg td:nth-child(4),  /* bed */
    #bldg th:nth-child(5), #bldg td:nth-child(5),  /* bath */
    #bldg th:nth-last-child(-n+7), #bldg td:nth-last-child(-n+7),  /* all Tax columns */
    #bldg tr:last-child, /* last row */
    #summary th:nth-last-child(-n+3), #summary td:nth-last-child(-n+3),  /* 21-25. # Totals */
    #summary th:nth-child(3), #summary td:nth-child(3),  /* 2021 */
    #summary th:nth-child(4), #summary td:nth-child(4),  /* 2022 */
    #summary th:nth-child(5), #summary td:nth-child(5),  /* 2023 */
    #summary tr:last-child, /* last row */
    #model th:nth-last-child(-n+10), #model td:nth-last-child(-n+10),  /* all Tax columns  & acc't */
    #model th:first-child, #model tr.rotate td:first-child,  /* acc't */
    #model tr.rotate td:nth-child(3),
    #model tr:last-child, /* last row */
    #dr-cr th:nth-last-child(-n+2), #dr-cr td:nth-last-child(-n+2),  /*  #  & dr (cr) columns*/
    #matrix,
    [data-unit]:after {
                display: none;
                visibility: hidden;
    }
    #bldg-sum tr:last-child  {      /* last row */
                display: table-row;
                visibility: visible;
    }
    #bldg th:nth-last-child(3), #bldg td:nth-last-child(3),   /* 2024 Tax column */
    #bldg th:nth-last-child(1), #bldg td:nth-last-child(1),    /* 2025 Tax column */
    #model th:nth-last-child(6), #model td:nth-last-child(6),   /* 2024 Tax column */
    #model th:nth-last-child(4), #model td:nth-last-child(4) {   /* 2025 Tax column */
                display: table-cell;
                visibility: visible;
    }
    #variances th:nth-child(2), #variances td:nth-child(2) {
                display: table-cell;
                visibility: visible;
    }
    #topBtn {
                bottom: 10px;
                right: 10px;
    }
    #landscape {
        text-align: center;
        font-size: 1.0rem;
        display: block;
        width: 60px;
        margin: 0.6rem auto;
        visibility: visible;
        line-height: 1;
    }
}

/* Small devices (portrait tablets) */
@media only screen and (min-width: 600px) {
    h1 {
        font: normal normal bold 1.8rem/1.8 "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-top: 0.3rem;
    }
    #bldg-sum span,
    #bldg-sum th:nth-child(4), #bldg-sum td:nth-child(4),  /* 2020 Tax column */
    #bldg-sum th:nth-last-child(6), #bldg-sum td:nth-last-child(6),   /* 2021 Tax column */
    #bldg th:nth-last-child(7), #bldg td:nth-last-child(7),                        /* 2020 Tax column */
    #bldg th:nth-last-child(6), #bldg td:nth-last-child(6),                        /* 2021 Tax column */
    #model th:nth-last-child(9), #model td:nth-last-child(9),                /* 2021 Tax column */
    #model th:nth-last-child(-n+3), #model td:nth-last-child(-n+3) {  /* last three columns */
                display: none;
                visibility: hidden;
    }
    #model th:nth-last-child(9), #model td:nth-last-child(9) {                /* 2021 Tax column */
        display: table-cell;
        visibility: visible;
    }

    .model-text {
                display: none;
                visibility: hidden;
    }
    #variances [data-title]:after {
                font-size: 1.0rem;
    }
    #landscape {
        text-align: center;
        font-size: 1.0rem;
        display: block;
        width: 60px;
        margin: 0.6rem auto;
        visibility: visible;
        line-height: 1;
    }
}

/* Small landscape tablets) */
@media only screen and (max-width: 800px) and (orientation: landscape) { 
    th {
                font-size: 1.2rem;
    }
    td {
                font-size: 1.1rem;
    }
    #landscape {
                display: none;
                visibility: hidden;
    }
}

/* Medium devices (landscape tablets) */
@media only screen and (min-width: 800px) {
    th {
                font-size: 1.2rem;
    }
    td {
                font-size: 1.1rem;
    }
    #bldg-sum th:nth-last-child(6), #bldg-sum td:nth-last-child(6),   /* 2021 Tax column */
    #bldg th:nth-last-child(6), #bldg td:nth-last-child(6),                        /* 2021 Tax column */
    #model th:nth-last-child(-n+3), #model td:nth-last-child(-n+3) {  /* last three columns */
        display: table-cell;
        visibility: visible;
    }
    #bldg-sum span {
                display: inline;
                visibility: visible;
    }
    .model-text {
                display: inline;
                visibility: visible;
    }
    #model th:nth-last-child(10), #model td:nth-last-child(10),  /* acc't # */
   #model tr.rotate td:nth-child(3),  /* display year column in rotate row */
    #model tr:last-child { /* last row */
                display: none;
                visibility: hidden;
    }
    #landscape {
                display: none;
                visibility: hidden;
    }
} 

/* Large devices (laptops/desktops) */
@media only screen and (min-width: 992px) {
    #landscape {
                display: none;
                visibility: hidden;
    }
    h1 {
        font: normal normal bold 2.4rem/2 "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-top: 0.3rem;
    }
    th {
                font-size: 1.3rem;
    }
    td {
                font-size: 1.2rem;
    }
    #bldg-sum th:nth-last-child(7), #bldg-sum td:nth-last-child(7),   /* 2020 Tax column */
    #bldg th:nth-last-child(7), #bldg td:nth-last-child(7),                        /* 2020 Tax column */
    #model th:nth-last-child(10), #model td:nth-last-child(10),   /* acc't # */
    #model tr.rotate td:nth-child(3) {  /* display year column in rotate row */
                display: table-cell;
                visibility: visible;
    }
    #model tr:last-child { /* last row */
                display: table-row;
                visibility: visible;
    }
    #variances [data-title]:after {
                font-size: 1.1rem;
    }
} 

/* Extra large devices (large laptops and desktops) */
@media only screen and (min-width: 1500px) {
    td {
                font-size: 1.3rem;
    }

}