@font-face {
  font-family: "Lato";
  src: url("/Fonts/lato-regular.woff2") format("woff2");
  font-weight: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/Fonts/lato-bold.woff2") format("woff2");
  font-weight: bold;
}
@font-face {
  font-family: "Lato";
  src: url("/Fonts/lato-light.woff2") format("woff2");
  font-weight: 300;
}
/*
    FROM BRAND GUIDELINES
*/
/*
    SPECIFICS
*/
body {
  background-color: #fff;
  color: #000;
  font-family: Lato, Arial, Helvetica, sans-serif;
}

.banner {
  margin-bottom: 10px;
}
.banner .banner-content {
  background-color: #0e5434;
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  color: #94c6a5;
}
.banner .banner-content .banner-heading {
  font-size: 32px;
  font-weight: bold;
}
.banner .banner-content .banner-heading img {
  height: 70px;
  margin-right: 20px;
}
.banner .banner-content .logout-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  font-weight: bold;
}
.banner .banner-content .logout-wrapper i {
  font-size: 32px;
  cursor: pointer;
}

.framework h5 {
  font-size: 16px;
  font-weight: bold;
  background-color: #d0d0d0;
  padding: 3px 3px;
  text-align: center;
}
.framework .module-list .module-item {
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #0e5434;
  font-weight: bold;
  border-bottom: 1px #0e5434 solid;
  font-size: 14px;
  padding: 3px 0px 3px 3px;
}
.framework .module-list .module-item:hover {
  background-color: #006b3a;
  color: #fff;
}

.content-container {
  box-sizing: border-box;
}
.content-container .content-banner {
  display: flex;
  justify-content: space-between;
  background-color: #d0d0d0;
}
.content-container .content-banner .content-title {
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 32px;
  font-weight: bold;
}
.content-container .content-banner .content-button-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.content-container h2 {
  font-size: 32px;
  font-weight: bold;
}
.content-container .document-list-container {
  margin-top: 10px;
  box-sizing: border-box;
  padding: 10px 10px;
  border: 1px #0e5434 solid;
  display: flex;
  gap: 40px 40px;
  flex-wrap: wrap;
  justify-content: center;
}
.content-container .document-list-container .button-block {
  margin: 10px 0;
  text-align: center;
}
.content-container .document-list-container .button-block .site-button {
  margin-right: 10px;
}
.content-container .document-list-container .button-block .site-button.small {
  font-size: 12px;
}
.content-container .form-wrapper {
  margin-top: 10px;
  border: 1px #0e5434 solid;
  box-sizing: border-box;
  padding: 10px 10px;
}
.content-container .form-wrapper .form-control:focus {
  border-color: #0e5434;
  box-shadow: rgba(14, 84, 52, 0.25) 0px 0px 0px 4px;
}

footer {
  background-color: #aaa;
  padding: 60px 0;
}
footer img {
  height: 40px;
}

.site-button {
  background-color: #0e5434;
  color: #fff;
  border: 0;
  padding: 5px 20px;
  display: inline-block;
  text-decoration: none;
}
.site-button:hover {
  background-color: #94c6a5;
  color: #000;
}

.modal-dialog .modal-content .modal-header {
  background-color: #0e5434;
}
.modal-dialog .modal-content .modal-header h5.modal-title {
  color: #fff;
  font-weight: bold;
  font-size: 28px;
}

.window-card-item {
  border: 1px #0e5434 solid;
  flex: 0 0 20%;
}
.window-card-item .window-card-item-image {
  width: 100%;
}
.window-card-item .window-card-item-image img {
  width: 100%;
}
.window-card-item .window-card-text-content {
  box-sizing: border-box;
  padding: 10px 10px;
}
.window-card-item .window-card-text-content p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: center;
}
.window-card-item .window-card-text-content p:nth-of-type(1) {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.window-card-item .window-card-text-content p:nth-of-type(2) {
  font-size: 16px;
  text-align: center;
}
.window-card-item .window-card-text-content p:nth-of-type(5) {
  margin-top: 20px;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
}

.window-card-item-image {
  width: 100%;
}
.window-card-item-image img {
  width: 100%;
}

.sold-in-your-area-item {
  border: 1px #0e5434 solid;
  flex: 0 0 20%;
}
.sold-in-your-area-item .sold-in-your-area-item-image {
  width: 100%;
}
.sold-in-your-area-item .sold-in-your-area-item-image img {
  width: 100%;
}
.sold-in-your-area-item .sold-in-your-area-item-text-content {
  box-sizing: border-box;
  padding: 10px 10px;
}
.sold-in-your-area-item .sold-in-your-area-item-text-content p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: center;
}
.sold-in-your-area-item .sold-in-your-area-item-text-content p:nth-of-type(1) {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.sold-in-your-area-item .sold-in-your-area-item-text-content p:nth-of-type(2) {
  font-size: 16px;
  text-align: center;
}
.sold-in-your-area-item .sold-in-your-area-item-text-content p:nth-of-type(5) {
  margin-top: 20px;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
}

.window-card-item-image {
  width: 100%;
}
.window-card-item-image img {
  width: 100%;
}

#ajaxLoading {
  color: #94c6a5;
  font-weight: normal;
  position: fixed;
  display: none;
  bottom: 0px;
  left: 0px;
  border: 2px #0e5434 solid;
  background-color: #0e5434;
  padding: 20px 20px 10px 20px;
  border-top-right-radius: 20px;
  font-size: 24px;
}
#ajaxLoading #ajaxMessage {
  padding-left: 20px;
}

.spinner {
  display: inline-block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 9px solid #94c6a5;
  animation: spinner-bulqg1 0.8s infinite linear alternate, spinner-oaa3wk 1.6s infinite linear;
}

@keyframes spinner-bulqg1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  62.5% {
    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}
@keyframes spinner-oaa3wk {
  0% {
    transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    transform: scaleY(1) rotate(135deg);
  }
  50% {
    transform: scaleY(-1) rotate(0deg);
  }
  100% {
    transform: scaleY(-1) rotate(-135deg);
  }
}