@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

/* HEADINGS ------------------------------ */
h1 {font-size: 2.5em;margin-bottom: .5em;}
h2 {font-size: 1.5em;margin-bottom: .75em;}
h3 { font-size: 1.25em; }
h4, th { font-size: 1.125em; }
h5 { font-size: 1.0625em; }
h6 { font-size: 1em; }

p.intro,
#content p.intro {font-size: 1.25em;line-height: 1.25;}
.highlight h1, .highlight h2 { font-size: 1.25em; }
#content p { font-size: 1em;}

/* HEADER ------------------------------*/
body>header {font-size: 1rem;position: relative;overflow: visible;background: #FFF;padding: 0 1rem;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;-webkit-box-align: center;align-items: center;z-index: 3;}

body>header.show + main { position: relative; }

body>header.show ~ .pageheader::after,
body>header.show ~ main::after,
body>header.show ~ #interior-cta::after {
  background: rgba(0,0,0,.5);
  content: '';
  height: 100%;
  left: 0;
  position: fixed;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  top: 0;
  width: 100%;
  z-index: 2;
}

body>header #brand{display:block; margin:0}
body>header>aside { position: absolute; }
body>header #brand img{display: block;width: 13.0825em;max-width: 100%;height: auto;}
/* nav */
body>header nav ul{margin: 0}
body>header #mainnav {overflow:visible;}
body>header #mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;}
body>header #mainnav li{display:inline-block;position:relative}
body>header #mainnav a{line-height: 1.6;padding: 1.1875em 1.3125em;display:inline-block;font-size: 1.125em;color: #002D4B;text-decoration:none;text-transform: uppercase;}
body>header #mainnav>ul>li {margin-left: 1px}
body>header #mainnav>ul>li:hover>a,
body>header #mainnav>ul>li:active>a,
body>header #mainnav>ul>li.on>a{color: #FFF;background-color: #002D48;}
/* drop-down menu */
body>header #mainnav li ul{z-index:1;width:200px;padding:1em 0;background: #FAFAFA;position:absolute;overflow:auto;height:auto;top: -200vh;opacity: 0;z-index: -1;visibility: hidden;-webkit-transition: ease 200ms opacity 0.35s;-o-transition: ease 200ms opacity 0.35s;transition: ease 200ms opacity 0.35s;}
body>header #mainnav li:hover ul, #mainnav>ul>li>a.tapped + ul {opacity: 1; top:auto; visibility: visible; z-index: 1;}
body>header #mainnav>ul>li:last-child ul{right:0}
body>header #mainnav li ul li{width:100%;display:block;float:left}
body>header #mainnav ul li ul li a{background:none;color: #002D4B;text-transform: none;}
body>header #mainnav li ul li a{font-size: 1rem;line-height:1.1em;padding: .3rem .75rem;display:block;width:100%;text-align:left;float:left;}
body>header #mainnav li ul li a:hover, .t1 li ul li a:active{color: #FFF;background: #002D4B;}
/* mobile */
body>header #mobilenav,.menu{display: none}

body>header #navContainer {padding-right: 2.75rem;position: relative;}

#search-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  right: 0;
  overflow: hidden;
  padding-right: 1rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  width: 2.625rem;
}

#search-form input[type='text'] {
  border-width: 0;
  display: inline-block;
  padding: .5625rem 0;
  position:relative;
  width: 0;
}

header.show #search-form input[type='text'] {
  width: -webkit-calc(100% - 2rem);
  width: calc(100% - 2rem);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #search-form input[type='text'] { width: -webkit-calc(100% - 3rem); width: calc(100% - 3rem); }
}

#search-form input[type="submit"],
#search-form input[type="submit"]:focus
#search-form input[type="submit"]:after {
  background: #FFF;
  background-position: center center;
  background-image: url(/images/icons/search.svg);
  background-repeat: no-repeat;
  background-size: auto;
  padding: .5rem 1rem;
  position: absolute;
  right: 0;
  top: -.125rem;
}

header.show #search-form input[type="submit"], #search-form input[type="submit"]:focus #search-form input[type="submit"]:after { top: -.0625rem; }

#search-form input[type="submit"]:active,
#search-form input[type="submit"]:hover,
#search-form input[type="submit"]:focus {
  background-color: #002D48;
  background-image: url(/images/icons/search-white.svg);
}

header.show #mainnav a { -webkit-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); }
header.show #mainnav li:nth-child(1) a { -webkit-transition-delay: .24s; -o-transition-delay: .24s; transition-delay: .24s }
header.show #mainnav li:nth-child(2) a { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
header.show #mainnav li:nth-child(3) a { -webkit-transition-delay: .16s; -o-transition-delay: .16s; transition-delay: .16s }
header.show #mainnav li:nth-child(4) a { -webkit-transition-delay: .12s; -o-transition-delay: .12s; transition-delay: .12s }
header.show #mainnav li:nth-child(5) a { -webkit-transition-delay: .08s; -o-transition-delay: .08s; transition-delay: .08s}
header.show #mainnav li:nth-child(6) a { -webkit-transition-delay: .04s; -o-transition-delay: .04s; transition-delay: .04s }
header.show #mainnav li:nth-child(7) a { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s }

header.show #search-form {-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;width: 20rem;}
header.show #search-form input[type='text'] { border-width: 1px; padding: .5625rem .75rem; }

header:not(.show) ::-webkit-input-placeholder { color: transparent; }

header:not(.show) ::-moz-placeholder { color: transparent; }

header:not(.show) ::-ms-input-placeholder { color: transparent; }

header:not(.show) :-ms-input-placeholder { color: transparent; }

header:not(.show) ::placeholder { color: transparent; }
header:not(.show) :-ms-input-placeholder { color: transparent; }
header:not(.show) ::-ms-input-placeholder { color: transparent; }

/* MAIN ------------------------------ */
main>div>aside {width: 12.25em;padding: 0;overflow: hidden;}
main>div>#content{max-width: 41.1875em;width: 100%;padding: 0 1.25rem 3.5rem;min-height: 30rem;position: relative;}
.fullWidth main>div>#content{max-width: 48.125rem;width: 100%;padding: 0 0 3.5rem;min-height: 30rem;position: relative;}
.fullWidth main {padding-left: 1.5rem; padding-right:1.25rem}
main.has-sponsors>div>#content{padding: 0 1.75rem 3.5rem;min-height: 30rem;position: relative;}
body.fullWidth main>div>#content { float: none; margin: 0 auto; width: 100%; }
main.fullWidth:not(.has-sponsors)>div>#content {width: 41.1875rem;min-width: 41.1875rem;}
main>div>#content.fullWidth { margin: 0 auto; max-width: 100%; padding: 0 0 3.5rem; width: 65.25rem; }
main.results-page>div>#content.fullWidth {width: 78.5rem;}

main.fullWidth.member-login .wrap #content {
  width: 65rem;
  min-width: 65rem;
  margin:0 auto
}

main>div>aside#sidebar-panels {margin-top: 2rem;padding: 0;width: 12.5em;position: -webkit-sticky;position: sticky;top: 3rem;}
main>div>aside#sidebar-panels>p { color: rgba(0,45,72,.33); font-size: .625rem; margin: 0 0 .25rem; text-transform: uppercase; }
main>div>aside#sidebar-panels img { max-width: 100%; }

body.management.fullWidth main>div>aside#sidebar-panels { display: none; }

main.interior .wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 1rem;}
.fullWidth main.interior .wrap {display: block}
main.membership-application .wrap {display: block; max-width:48.125rem;}



main.interior.fullWidth .wrap::before,
main.interior.fullWidth .wrap::after {
  content: '';
  width: 12.5rem;
  display: block;
}


main.interior.has-sponsors .wrap {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 78.75rem;
  overflow: inherit;
}

.twoCol, .threeCol, .resCol {
  -webkit-column-rule:1px outset rgba(0,0,0,.15);
  -moz-column-rule:1px outset rgba(0,0,0,.15);
  column-rule:1px outset rgba(0,0,0,.15);
}

.twoCol {-webkit-columns:2;-moz-columns:2;columns:2;}
.threeCol {-webkit-columns:3;-moz-columns:3;columns:3;}
.resCol { -webkit-columns: auto;-moz-columns: auto;columns: auto; -webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em;}

.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}
.formTable.formLoose input[type="email"] { max-width: 100%; width: 15rem; }

.photoright{margin:0 0 3em 4em;}
.photoleft{margin:0 4em 3em 0;}

.wsManagementLogin td:first-child {width:40%; text-align: right}

main.membership-application #membership-application .progress {background:#e3e6ea; padding:0.5em; border-radius: 5px; margin-bottom:2.5em; font-size: 0.875rem; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
main.membership-application #membership-application .progress > * {text-align:center;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}
main.membership-application #membership-application .progress .step {display: inline-block; border-radius: 4px; color: #002D4B; font-size: 1em; line-height: 1.35;}
main.membership-application #membership-application .progress .active {background:#418FDE; color: #fff; padding:.5625em 1em .5em}
main.membership-application #membership-application h2 {margin:1.5em 0 0.25em}
main.membership-application #membership-application .formTable:not(.payment-table) {border:1px solid #ccc}
main.membership-application #membership-application .formTable:not(.payment-table) tr:not(:first-child) {border-top: 1px dotted #ccc}
main.membership-application #membership-application .formTable:not(.payment-table) td {padding: 0.5em 1em; line-height:1.125em}
main.membership-application #membership-application .formTable:not(.payment-table) td:first-child {width:23%; color:#002D4B; background: #efefef}
main.membership-application #membership-application .formTable td:first-child small {line-height: 1.25em; margin-top: 0.5em; display: block}
main.membership-application #membership-application .formTable input[type="text"],
main.membership-application #membership-application .formTable input[type="password"],
main.membership-application #membership-application .formTable input[type="tel"],
main.membership-application #membership-application .formTable input[type="number"],
main.membership-application #membership-application .formTable input[type="email"],
main.membership-application #membership-application .formTable input[type="url"],
main.membership-application #membership-application .formTable input[type="search"],
main.membership-application #membership-application .formTable textarea,
main.membership-application #membership-application .formTable select {padding:.25rem .5rem}
main.membership-application #membership-application .formTable select[size] {background-image:none}
main.membership-application #membership-application .formTable .button.small {background:#418FDE; color: #fff; padding:.25em 0.75em; font-size: 0.875rem}
main.membership-application #membership-application .formTable .button.small:hover {background:#002D4B; color: #fff;}
main.membership-application #membership-application .formTable .radio,
main.membership-application #membership-application .formTable .checkbox {padding: 0.125em 0.5em 0.125em 0.25em; display: inline-block}
main.membership-application #membership-application .formTable .flex-container {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
main.membership-application #membership-application .formTable .flex-container.no-wrap {-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
main.membership-application #membership-application .formTable .flex-container .checkbox {width: 25%}
main.membership-application #membership-application .formTable .flex-container select + select {margin-left: 0.5em}
main.membership-application #membership-application .payment {position:relative; margin-top: 2.5em}
main.membership-application #membership-application .payment h2 {margin-top: 1rem}
main.membership-application #membership-application .secure-payment {background:#002D4B; padding: 0.5em 0.5em 0.5em 1em; border-radius: 5px; top:0; right:0;  display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
main.membership-application #membership-application .secure-payment .accepted-cards {max-width: 239px;margin-left: 0.5em;height: auto;}
main.membership-application #membership-application .formTable.payment-table #exp-date {width:70%}
main.membership-application #membership-application .formTable.payment-table #cvv span.trigger-cvv {display: inline-block; cursor:pointer; width: 1rem;}
main.membership-application #membership-application .formTable.payment-table #cvv span.trigger-cvv img {display: block; max-width: 100%; height:auto;}
main.membership-application #membership-application .formTable.payment-table #cvv-popover {position: fixed; cursor:pointer; transition:ease all 200ms; opacity:0; pointer-events:none; width: 100%;height: 100%;z-index: 999;top: 0;left: 0;background: rgba(0,0,0,0.9);padding: 1em;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
main.membership-application #membership-application .formTable.payment-table #cvv-popover.show {opacity:1; pointer-events:all}
main.membership-application #membership-application .formTable.payment-table #cvv-popover img {border-radius: 5px; max-width: 100%; height:auto;}
main.membership-application #membership-application .formTable.organization-table th {padding:0.5rem 1rem; font-size: 0.875rem; background:#002D4B; color:#fff}
main.membership-application #membership-application .formTable.organization-table td {width:auto}
main.membership-application #membership-application .formTable.organization-table td:first-child {width:auto}
main.membership-application #membership-application .formTable.organization-table td.no-bg {background:none}
main.membership-application #membership-application .actions {margin-top:2em; font-size: 1.125em; text-align:center}
main.membership-application #membership-application .actions p {margin-bottom: 0.5em}
main.membership-application #membership-application .actions p.small {font-size: 1rem}
main.membership-application #membership-application .actions button {background:#418FDE; color: #fff;}
main.membership-application #membership-application .actions button.pay {font-size: 1.125em; margin-bottom:1em; padding:.7rem 2.5rem .7rem}
main.membership-application #membership-application .actions button:hover {background:#002D4B; color: #fff;}

#content a.anchored-link {position:absolute; top:0.75rem; font-weight: 700; right: 1.25rem;background-repeat: no-repeat;background-position: 0.375rem 48%;background-size: auto;padding:0.25em 0.25em 0.25em 2rem;}
#content a.anchored-link.logout {background-image: url('/images/signout.svg');}
#content a.anchored-link.dashboard {background-image: url('/images/dashboard.svg');background-size:1.25em auto}
#content .important-links {margin-bottom:1.5em;}
#content .membership-table {border:1px solid #ccc; margin:1.5em 0}
#content .membership-table tr:not(:first-child) {border-top: 1px dotted #ccc}
#content .membership-table td {padding: 0.5em 1em; line-height:1.125em}
#content .membership-table td:first-child {width:32%; color:#002D4B; background: #efefef}
#content .membership-table td:first-child small {line-height: 1.25em; margin-top: 0.5em; display: block}
#content .membership-table + .actions {margin-top:2em; font-size: 1.125em; text-align:center}
#content .membership-table + .actions p {margin-bottom: 0.5em}
#content .membership-table + .actions p.small {font-size: 1rem}
#content .membership-table + .actions button {background:#418FDE; color: #fff;}

.login-options {margin-top:2em; display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
.login-options>* {width:50%;padding: 1.5em 1.5em;}
.login-options>*+* {margin-left:2rem}
.login-options .first-time h2,
.login-options .bluesky-login h2 {margin-bottom:.375rem}

.education-options {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;}
.education-options > a {width:25%}
.education-options > a + a {margin-left: 1%}

#content .link-list {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;}
#content .link-list li {width:calc(33% - 0.25rem); margin: 0 0.5em 0.5em 0}
#content .link-list li:nth-child(3n+3) {margin-right:0}
#content .link-list li a {min-height: 7.5rem; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
#content .link-list li:nth-child(even) a {background: #c7e0fd;}
#content .link-list li a:hover,
#content .link-list li:nth-child(even) a:hover {background:#002D48; color:#fff}

/* FOOTER ------------------------------ */
.fatFooter>nav{float: left;width: 80%}
.fatFooter>nav>ul{float: left;width:25%}
body>footer .wrap nav span:before {content: "|"; margin: 0 0.5em}

body>footer .flex-row {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;margin: 0 auto 2rem;width: 78.375em;}
body>footer address { padding-right: 1.5rem; }
body>footer address>div { display: inline-block; width: 49%; }


/* MEDIA QUERIES ------------------------------ */
@media (max-width: 1250px) {
  #lobbying::after { opacity: .6; }
  #lobbying .left { width: 0}
  #lobbying .center,
  #lobbying .right {width:50%; flex:1 1 auto}
  #lobbying .bg { opacity: .3; }
  #lobbying .textbox { width: 100%; }
  #lobbying .textbox p { max-width: 100%; width: 25rem}
}

@media (max-width: 1200px) {
  body>header {font-size: .875rem; }
  body>header #mainnav a { padding: 1.1875em 1.125em }
}

@media (max-width: 1150px) {
 body>footer .right>div {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; margin-top: 1.5rem;}
 body>footer .flex-row #social { margin: 1rem 0 0; }
 main.fullWidth.member-login .wrap #content {width:100%; min-width: 100%; max-width:100%}
}


@media (max-width: 1023px) {
  body>header {font-size: .8125rem; }
  body>header #brand img {width: 11em;}
  body>header #mainnav a { padding: 1.1875em .875em }

  #hero { -webkit-clip-path: url("#curve-medium"); clip-path: url("#curve-medium"); }
  #hero .curve { -webkit-clip-path: url("#curve-medium"); clip-path: url("#curve-medium"); }

  #callouts .image h2 { font-size: 1.5rem; top: -webkit-calc(50% + 4rem); top: calc(50% + 4rem); }

  #news { padding: 3.375rem 1.25rem; }
  #news .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
  #news .flex-row>div, #news .flex-row>article {margin: 0 0 1.5rem;width: -webkit-calc(50% - .75rem);width: calc(50% - .75rem); }

  /* Septic locator page */
  #location .location-inputs>div { width: 19rem;}
  #location .location-inputs input, #location .location-inputs select { width: 14rem; }
}


@media (max-width: 900px) {
  body>header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  body>header #brand {margin: 1.5rem 0 1rem;width: auto;}
  body>header #mainnav a {font-size: 1.0625rem;padding: .875rem .75rem;}
  header.show #search-form { width: 100% }

  #locator-results>li { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #locator-results>li .company {margin: 0 0 1.25rem;padding-right: 0;width: 100%;}
  #locator-results>li .address, #locator-results>li .categories { width: 50%; }
  #locator-results>li .address { margin-top: 1.25rem; }
  main.fullWidth.member-login .wrap #content .login-options {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
  main.fullWidth.member-login .wrap #content .login-options > * {width:25rem; margin-bottom: 3em}
  main.fullWidth.member-login .wrap #content .login-options > #LoginForm {order:1}
  main.fullWidth.member-login .wrap #content .login-options > .first-time {order:2; padding-top:0; padding-bottom:0}
  main.fullWidth.member-login .wrap #content .login-options > .bluesky-login {order:3; padding-top:0; padding-bottom:0}
}


/* Increase wrap widths on large displays */
@media (min-width: 2000px) {
  body>*>.wrap { max-width: 90rem;}
  #hero .textbox { font-size: 1.25rem; }
  #hero .button { font-size: 1.125rem }

  body>header, main.interior .wrap, #callouts, .pageheader,
  #lobbying, #news, #logo-slider, body>footer, #interior-cta { font-size: 1.125rem; }

}

/* --------- NOWRA - STYLE-D.CSS --------- */