/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* promotion box to be displayed none */
#sb_terms_and_conditions div.promotions-letter-flag {
  display: none;
}

/* START: VALIDATIONS */
#sb_terms_and_conditions .has-error p.help-block {
  visibility: hidden;
  position: relative;
}
#sb_sign_up_form > #sb_terms_and_conditions > div > div > p:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: "This is required.";
}
.confirm-details > #sb_terms_and_conditions > div > div > p:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: "This is required.";
}
/* END: VALIDATIONS */

/* modal */
.article.clearfix ul,
.article.clearfix li {
  list-style: unset;
  margin: revert;
  padding: revert;
}

.article.clearfix .cap {
  display: none;
}
#news-single .article .txt a {
  color: #919676;
}

#sb_dialog > div {
  width: min(1000px, calc(70% + 100px)) !important;
  max-width: unset !important;
}
#sb_dialog > div > div {
  max-width: 100% !important;
  padding: 2em !important;
}
.modal-dialog .modal-content {
  margin: auto;
}
#sb_dialog > div > div > div.modal-header > h4 {
  display: none;
}
/* START: SimplyBookMe terms & conditions */
.central_div.terms_and_conditions > div:nth-child(1) > h2:nth-child(1) {
  display: none;
}
/* END: SimplyBookMe terms & conditions */
@media screen and (min-device-width: 200px) and (max-device-width: 767px) {
  #sb_dialog > div {
    max-width: 80% !important;
  }
  #sb_dialog > div > div {
    padding: 0.5em !important;
  }
  /* #sb_dialog div.modal-body {
    overflow-y: scroll !important;
    max-height: 350px !important;
    margin-top: 20px !important;
  }
  #sb_dialog div.modal-footer {
    margin-top: 20px !important;
  } */
}

@media (max-device-width: 1024px) {
  #sb_menu_list_items_container > li > a {
    color: #ffffff;
  }
}