/* mixin for multiline */

/* mixin for multiline */
.alert-debug {
  background-color: #fff;
  border-color: #d6e9c6;
  color: #000; }

.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #F09985; }

body {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-style: normal; }

strong {
  font-family: "Work Sans", sans-serif;
  font-weight: 600; }

.full-width-div {
  position: absolute;
  width: 100%;
  left: 0; }

.vertical-align {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.full-width-div {
  position: absolute;
  width: 100%;
  left: 0; }

.ion-close-circled {
  color: #F09985;
  font-size: 7rem; }

.ion-checkmark-circled {
  color: #aae577;
  font-size: 7rem; }

.positive-icon {
  color: #aae577;
  font-size: 7rem; }

.progress-icon {
  color: #F2B10D;
  font-size: 7rem; }

.negative-icon {
  color: #F09985;
  font-size: 7rem; }

.modal-title {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 1.2em;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #797979; }

/* Hiding the Django Debug Tool */
/*
#djDebug {
  display: none !important;
}
*/
.navbar {
  border-radius: 0px; }

@media (max-width: 47.9em) {
  .navbar-nav .nav-item {
    display: inline-block;
    float: none;
    width: 100%; }
  .navbar-nav .nav-item + .nav-item {
    margin-left: 0; }
  .nav.navbar-nav.pull-xs-right {
    float: none !important; } }

[hidden][style="display: block;"] {
  display: block !important; }

.hero-image-address {
  position: absolute;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  margin-top: 3px;
  padding: 20px;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-style: normal;
  line-height: 53px;
  font-weight: 100;
  font-size: 45px;
  font-size: 3vw;
  z-index: 1; }
  @media (max-width: 666.66667px) {
    .hero-image-address {
      font-size: 20px; } }
  @media (min-width: 1466.66667px) {
    .hero-image-address {
      font-size: 44px; } }
.hero-image {
  min-height: 225px;
  max-width: 100%;
  opacity: 0.5; }

.hero-block-title {
  font-size: 1.75rem; }

.hero-image-address-link,
.hero-image-address-link:hover,
.hero-image-address-link:link,
.hero-image-address-link:active,
.hero-image-address-link:visited {
  text-decoration: none;
  color: #fff; }

.hero-image-logo {
  color: #fff;
  z-index: 4;
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 28px; }

.hero-image-container {
  position: relative;
  color: #fff;
  margin-right: -15px;
  margin-left: -15px; }

.hero-image-container .hero-image-after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
  background: rgba(0, 0, 0, 0.4); }

.hero-location-icon {
  opacity: .9; }

.category-box {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  text-align: center;
  padding: 50px 20px;
  box-shadow: 0 0 30px #f1f1f1;
  margin-top: 20px; }

.category-row {
  padding: 35px 0 55px 0; }

.category-box h3 {
  font-size: 1.7em;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  margin: 10px 0px 20px 0px; }

.category-box p {
  font-size: 1em;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  line-height: 1.7em; }

.category-box:hover {
  border: 1px solid #d6d6d6;
  box-shadow: 0 0 15px #e4e4e4; }

.category-box-link:hover,
.category-box-link:link,
.category-box-link:active,
.category-box-link:visited {
  text-decoration: none;
  color: #333; }

.category-icon {
  font-size: 50px; }

.footer {
  background: #000;
  height: 55px; }

.footer-text {
  margin-top: 18px;
  color: gray; }

.nav-tabs, .nav-pills {
  text-align: center; }

.inspection-container {
  padding-top: 35px;
  padding-bottom: 55px; }

/* Center Tabs */
/*
.nav-tabs > li, .nav-pills > li {b
  float:none;
  display:inline-block;
}
*/
/* Remove border radius on tabs */
.nav-tabs > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 200px;
  height: 55px;
  padding-top: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 0;
  color: #fff;
  z-index: 2; }

.nav-tabs > li:not(.active) {
  background: rgba(255, 255, 255, 0.4); }

.nav > li > a:focus, .nav > li > a:hover {
  background: rgba(255, 255, 255, 0.4); }

.nav-tabs > li > a:hover {
  border-color: transparent; }

.tab-content {
  background: #fff; }

.nav-tabs {
  margin-top: -54px;
  padding-left: 5%; }

.inspection-category-header {
  background: #f2f2f2;
  height: 32px;
  text-transform: uppercase;
  color: #c9c9c9;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  border-top: 1px solid #e4e4e4;
  vertical-align: middle !important; }

.inspection-category-name {
  padding-top: 6px;
  /*padding-left: 0px;*/
  text-align: left; }

.download-pdf-button {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #455499;
  color: #ffffff; }

.download-pdf-button:hover,
.download-pdf-button:active,
.download-pdf-button:active:hover,
.download-pdf-button:visited {
  background: #455499;
  color: #ffffff; }

.inspection-category-container:last-of-type {
  padding-bottom: 35px; }

.inspection-category {
  padding-top: 35px;
  padding-bottom: 35px;
  float: left; }

.inspection-category-media-heading {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2em;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #797979;
  margin-bottom: 15px;
  padding-left: 15px; }

.inspection-category-media-body {
  text-align: left; }

.inspection-category-media-images {
  margin-top: 25px;
  margin-left: 0px;
  /*padding-left: 0px;*/ }

.inspection-category-media-image {
  padding-bottom: 10px; }

.inspection-category-media-content {
  color: #797979;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 2em;
  padding-left: 15px;
  display: inline-block;
  width: 100%; }

.inspection-category-modal-image {
  margin-right: 25px;
  margin-bottom: 20px; }

.inspection-img {
  max-width: 33.33%; }

.inspection-category-col {
  padding: 10px 0px 40px 0px;
  margin-right: 0px; }

.inspection-category-col:nth-last-of-type(n+2) {
  border-bottom: 1px solid #e4e4e4; }

.table-borderless tbody tr td,
.table-borderless tbody tr th,
.table-borderless thead tr th {
  border: none; }

.invoice-container {
  padding-top: 35px;
  padding-bottom: 55px; }

.invoice-table-divider {
  border-bottom: 1px solid #fff; }

.invoice-table {
  max-width: 560px;
  background: #f2f2f2;
  color: #797979;
  border-radius: 7px;
  margin: 0 auto;
  width: 100%; }

.invoice-table-total-header {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-style: normal; }

.invoice-table > tbody > tr > td.invoice-table-primary {
  padding: 25px 20px 10px 20px; }

.invoice-table > tbody > tr > td.invoice-table-secondary {
  padding: 10px 20px 10px 20px; }

.invoice-table > tbody > tr > td.invoice-table-final {
  padding: 25px 20px 25px 20px; }

.invoice-table-total-helper {
  letter-spacing: 1px; }

form label {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.1em;
  padding-bottom: 5px; }

.form-control {
  border-radius: 0; }

.form-group {
  margin-bottom: 25px; }

.btn-default {
  border-radius: 0;
  width: 120px;
  height: 45px;
  border-color: #181818; }

.btn-default:hover {
  background: #181818;
  border-color: #181818;
  color: #fff; }

.required .control-label:after {
  content: "*";
  color: #F09985;
  margin-left: 3px; }

.contact-container {
  padding: 40px 55px 5px 55px;
  color: #181818; }

.contact-header-text {
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 35px; }

.contact-body-text {
  color: #797979;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 2px;
  margin-bottom: 30px; }

.contact-section {
  margin-bottom: 30px; }

.contact-divider {
  margin-bottom: 40px; }

.contact-icon {
  font-size: 28px; }

.disclosure-container {
  padding: 40px 55px;
  color: #797979; }

.disclosure-container p {
  line-height: 25px;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: justify;
  margin: 0 auto;
  max-width: 400px;
  margin-bottom: 20px; }

/*
.disclosure-drop-caps { 
  float: left; 
  color: $black; 
  font-size: 75px; 
  line-height: 60px; 
  padding-top: 4px; 
  padding-right: 8px; 
  padding-left: 3px; 
  font-family: Georgia; 
}
*/
.disclosure-container .row:not(:last-child) {
  margin-bottom: 15px; }

.disclosure-divider {
  width: 200px; }

.radon-insects-body-text {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #797979;
  line-height: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 270px;
  margin: 0 auto; }

.radon-insects-container {
  padding-top: 35px;
  padding-bottom: 55px; }

.radon-insects-pdf {
  margin-top: 15px; }

.cost-report table {
  margin-top: 20px;
  border: 1px solid #F2F7FF; }

.cost-report table th {
  color: #C7C8C9;
  font-weight: 500;
  text-transform: uppercase; }

.cost-report table.table-bordered {
  border: 1px solid #F2F7FF;
  border-radius: 6px; }

.cost-report table.table-bordered > thead > tr > th {
  border: 1px solid #F2F7FF;
  border-radius: 6px; }

.cost-report table.table-bordered > tbody > tr > td {
  border: 1px solid #F2F7FF;
  border-radius: 6px; }

.cost-report table.table-bordered > tbody > tr > th {
  border: 1px solid #F2F7FF; }

.cost-report .multiline-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-height: 1.5em;
  /* fallback */
  max-height: 4.5em; }

.cost-report .defect-text-title {
  cursor: pointer; }

.cost-report .inspection-category-header-title {
  cursor: pointer; }

.major-circle {
  height: 12px;
  width: 12px;
  background-color: red;
  border-radius: 50%;
  display: inline-block; }

.safety-circle {
  height: 12px;
  width: 12px;
  background-color: orange;
  border-radius: 50%;
  display: inline-block; }

.minor-circle {
  height: 12px;
  width: 12px;
  background-color: #e6d93a;
  border-radius: 50%;
  display: inline-block; }

.cost-estimate-card-icon {
  float: left;
  margin-right: 10px;
  font-size: 40px; }

.cost-estimate-text {
  float: left;
  margin-top: 5px; }

.cost-report .final-row {
  height: 52px; }

.cost-report .inspection-category-header input {
  margin-top: 12px; }

.cost-report .inspection-category-header .final {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2em;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #000; }

.cost-report .media-heading {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2em;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #797979; }

.cost-report .media-content {
  color: #797979;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-style: normal; }

@media (max-width: 768px) {
  .category-row {
    padding: 0px 0px 20px 0px; }
  .hero-image-address {
    line-height: 50px; }
  .inspection-category-modal-image {
    width: 100px;
    margin-right: 10px; } }

@media (min-width: 991px) {
  /*
  .inspection-category-col:nth-last-of-type(n+3) {
    border-bottom: 1px solid $medium-gray;
  }
  */ }

@media (max-width: 500px) {
  .nav-tabs > li > a {
    width: 100%; }
  .nav-tabs > li {
    width: 50%; }
  .nav-tabs {
    padding-left: 0; } }