@media only screen and (max-width: 512px) and (-webkit-min-device-pixel-ratio: 1.25),
  only screen and (max-width: 512px) and ( min--moz-device-pixel-ratio: 1.25),
  only screen and (max-width: 512px) and ( -o-min-device-pixel-ratio: 1.25/1),
  only screen and (max-width: 512px) and ( min-device-pixel-ratio: 1.25),
  only screen and (max-width: 512px) and ( min-resolution: 1.25dppx)
 
  only screen and (max-width: 1024px) and (-webkit-max-device-pixel-ratio: 1.24),
  only screen and (max-width: 1024px) and ( max--moz-device-pixel-ratio: 1.24),
  only screen and (max-width: 1024px) and ( -o-max-device-pixel-ratio: 1.24/1),
  only screen and (max-width: 1024px) and ( max-device-pixel-ratio: 1.24),
  only screen and (max-width: 1024px) and ( max-resolution: 1.24dppx)  {

  body {
    background-image:url(https://masslandlords.net/app/uploads/brick-beacon-hill-boston-rowhouses-3818083_m-1024x517.jpg);
  }
}
@media only screen and (min-width: 513px) and (-webkit-min-device-pixel-ratio: 1.25),
  only screen and (min-width: 513px) and ( min--moz-device-pixel-ratio: 1.25),
  only screen and (min-width: 513px) and ( -o-min-device-pixel-ratio: 1.25/1),
  only screen and (min-width: 513px) and ( min-device-pixel-ratio: 1.25),
  only screen and (min-width: 513px) and ( min-resolution: 1.25dppx)
 
  only screen and (min-width: 1025px) and (-webkit-max-device-pixel-ratio: 1.24),
  only screen and (min-width: 1025px) and ( max--moz-device-pixel-ratio: 1.24),
  only screen and (min-width: 1025px) and ( -o-max-device-pixel-ratio: 1.24/1),
  only screen and (min-width: 1025px) and ( max-device-pixel-ratio: 1.24),
  only screen and (min-width: 1025px) and ( max-resolution: 1.24dppx)  {

  body {
    background-image:url(https://masslandlords.net/app/uploads/brick-beacon-hill-boston-rowhouses-3818083_m.jpg);
  }
}

body {
  background-repeat:no-repeat;
  background-attachment: fixed;
}

body.page-template-page-join-template #main {
  padding-top: 0!important;
}

.benefits-table .row > div {
  margin-bottom: 10px;
  font-size: 14px;
  padding: 3px;
}

.benefits-table .fw-bold {
  background-color: #003663;
  vertical-align: middle;
}
.ml-benefit-group-title {
  color: rgba(255,255,255,.9)!important; 
  text-transform: uppercase;
}

.ml-benefit-row {
  padding-bottom: 3px;
  padding-top: 3px;
  transition: all 0.15s linear;  
  outline: 0px solid white;
}

.ml-benefit-row:hover {
  cursor: pointer;
}

.ml-benefit-row:not(.ml-benefit-disabled):hover {
  color: #045204;
  background-color: #0480042e;
}

.ml-benefit-row div{
  line-height: 1.45
}

.ml-benefit-disabled {
  background-color: #939292;
  color: #fff;
  font-style: italic;
}

.ml-benefit-disabled:hover {
  background-color: #777777;
}

.ml-benefit-disabled > div,
.ml-benefit-disabled .ml-benefit-value{
  text-decoration: line-through;
}

.ml-benefit-included-disabled-info {
  display: none;
}
#ml-benefit-modal {
  text-align: center;
  z-index: 999999;
}
#ml-benefit-modal .modal-dialog {
  max-width: 1000px;
}
#ml-benefit-modal .modal-title {
  text-transform: uppercase;
  flex-grow:1; 
  padding: 0rem 0.5rem;
}
#ml-beneift-modal .modal-header {
  box-shadow: 0px 5px 7px -9px grey; 
  background: linear-gradient(155deg, rgb(0 0 0  / 20%), white 20% 45%, rgb(0 0 0 / 20%) 100%);
}
#ml-benefit-modal .included-in-membership-text{
  color: #505050;
  font-size: 18px;
  font-weight: normal;
  margin-top: 2px;
  flex-grow:1; 
  padding: 0 4px;
}

@media screen and (min-width: 768px) { 
  #ml-benefit-modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

#ml-benefit-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.ml-testimonial-button-expand,
.ml-testimonial-button-collapse {
  cursor: pointer;
  background: #369;
}

.ml-testimonials .col-xs-12 p {
  padding-left: 30px;
}

.ml-checkout-button {
  font-size: 18px;
  padding: 10px 32px 10px;
}
.ml-checkout-button .enabled-text{
  display: inline-block;
}
.ml-checkout-button .disabled-text,
.ml-checkout-button .loading-text{
  display: none;
}

.ml-checkout-button.disabled .disabled-text{
  display: inline-block;
}

.ml-checkout-button.disabled .enabled-text,
.ml-checkout-button.disabled .loading-text{
  display: none;
}
.ml-checkout-button.loading .enabled-text,
.ml-checkout-button.loading .disabled-text,
.ml-checkout-button.disabled.loading .enabled-text,
.ml-checkout-button.disabled.loading .disabled-text{
  display: none;
}
.ml-checkout-button.loading .loading-text,
.ml-checkout-button.disabled.loading .loading-text {
  display: inline-block;
}

.ml-checkout-button.disabled .disabled-text{
  display: inline-block;
}

.ml-checkout-button.disabled .enabled-text,
.ml-checkout-button.disabled .loading-text{
  display: none;
}

.ml-checkout-button.disabled {
  pointer-events: none;
  opacity: 0.65!important;
}

.join-form-units-savings-calculator {
  height: 150px; 
  position:relative;
}

.join-form-units-savings-calculator > div {
  position:absolute; 
  top: 0;
  opacity: 0;
}
.join-form-units-savings-calculator.declined * {
  display: none!important;
}
.join-form-units-savings-calculator.savings > .savings {
  opacity: 1;
}
.join-form-units-savings-calculator.savings > :not(.savings) {
  opacity: 0;
}
.join-form-units-savings-calculator.no-units > .no-units {
  opacity: 1;
}
.join-form-units-savings-calculator.no-units > :not(.no-units) {
  opacity: 0;
}
.join-form-units-savings-calculator.loading > .loading {
  opacity: 1;
}
.join-form-units-savings-calculator.loading > :not(.loading) {
  opacity: 0;
}

.dark-blue-bg {
  background-color: #369;
  color: #f8f9fa;
}

.text-white{
  color: #fff!important;
}
.text-green{
  color: green!important;
}
.text-red{
  color: #dc3545!important;
}

.fspx-18 {
  font-size: 18px;
}

#ml-dues-block .sm-fspx-18 {
  font-family: sans-serif;
}

@media screen and (min-width: 577px) {
  .sm-fspx-18 {
    font-size: 18px;
  }
  #ml-dues-block .em-dash {
    padding-left: 3px;
    padding-right: 3px;
  }
}
@media screen and (max-width: 576px) {
  #ml-dues-block .em-dash {
    padding-left: 2px;
    padding-right: 2px;
  }
}

.dark-blue-bg h1{
  color: #f8f9fa;
}

.dark-blue-border {
  border: 3px solid #369!important;
}

.border-0 {
  border: none!important;
}

.border-bottom-0 {
  border-bottom: none!important;
}

.border-top-0 {
  border-top: none!important;
}

.light-blue-white-light-blue-gradient-bg {
  background: linear-gradient(
90deg, rgb(33, 142, 207, .9) 0%, rgb(33, 142, 207, .6) 15%, rgb(33, 142, 207, .6) 85%, rgba(33, 142, 207, .9) 100%);
}

.fs-5 {
  font-size: 1.25rem!important;
}

.fst-italic {
  font-style: italic!important;
}

.fw-bold {
  font-weight: bold;
}

.f-default {
  font-family: sans-serif;
}

.crayon {
  position: relative;
  z-index: 100;
  background-color: white;
  border-radius: 5px;
  font-family: 'Gloria Hallelujah', cursive;
  color: green;
  font-size: 20px;
  display: inline-block;
  border: 3px solid green;
}
.rotate-cw-2 {
  transform: rotate(2deg);
}
.rotate-ccw-4 {
  transform: rotate(-4deg);
}
.rotate-ccs-5 {
  transform: rotate(-5deg);
}
.rotate-cw-5 {
  transform: rotate(5deg);
}
.rotate-cw-2.translate-down-30 {
  transform: rotate(2deg) translatey(30px);
}
.rotate-ccw-4.translate-down-30 {
  transform: rotate(-4deg) translatey(30px);
}
.rotate-ccs-5.translate-down-30 {
  transform: rotate(-5deg) translatey(30px);
}
.rotate-cw-5.translate-down-30 {
  transform: rotate(5deg) translatey(30px);
}

.form-control.is-invalid, 
.was-validated .form-control:invalid {
  border-color: #dc3545;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-valid, 
.was-validated .form-control:valid {
  border-color: #198754;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.is-invalid~.invalid-feedback, 
.is-invalid~.invalid-tooltip, 
.was-validated :invalid~.invalid-feedback, 
.was-validated :invalid~.invalid-tooltip,
.is-invalid-total-units~.invalid-total-units-feedback {
  display: block;
}

.invalid-feedback,
.invalid-total-units-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: .875em;
  color: #dc3545;
}

.alert.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}