body,
div {
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
figcaption,
.slider__title,
.slider__caption,
.featuredblock__button,
.featuredblock__icon--bottom,
button[class*="__button"],
input[class*="__button"],
button[class*="submit"],
input[class*="submit"],
a[class*="__button"],
.article__content button,
.form-welcome .submit {
  font-family: "Montserrat", sans-serif !important;
}

ul,
li {
  clear: none;
  text-align: justify !important;
  line-height: 1.5;
}

figure {
  display: grid;
  place-items: center;
  margin: 0 0;
  padding: 8px;
}

a[href^="tel"],
a[href^="fax"] {
  cursor: pointer !important;
  pointer-events: auto !important;
}

.mm-navbar {
  height: 54px;
}


.slider__text{
    max-width:420px;
}
.slider__button a{
    background:#5EBCF8;
    color:#fff;
}
.slider__button a:hover {
    background:#fff;
    color:#5EBCF8;
}

/* %%%%% IMPORTANT remove this if necessary it is to hide the img on blog page list %%%%%%% */
.blog__item img.blog__image {
  display: none;
}
.article .article__image,
.blog__post .blog__image,
.blog__posts .blog__image {
  margin-left: 0;
  margin-right: auto;
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
/* %%%%%% END OF IMPORTANT and removable css %%%%%%%%%% */

header img.logo__image {
  height: 120px !important;
}

 .navigation:not(.mm-menu) .navigation__item a{
    padding: 13px 10px 11px!important;
}




h2.locations__title {
  margin: 0;
}
h2.locations__title a {
  font-family: "Montserrat", sans-serif !important;
  font-weight: normal;
  color: #fff;
  font-size: 19px;
}

h2.locations__title a:hover,
h2.locations__title a:focus,
.location__phone a:hover,
.location__phone a:focus {
  color: #5ebcf8;
}

 .socialmedia__list {
  text-align: right !important;
}


.wrap__page-contentContainer {
  padding: 290px 15px 78px;
}

.page-our-locations .bx-viewport {
  height: 450px !important;
}

.dr-heading h1,
.dr-heading h2 {
  margin-bottom: 0 !important;
}

.dr-heading {
  font-family: "Montserrat", sans-serif !important;
}

.page-meet-our-dental-team .wrap__page-content--inner a span {
  font-weight: 300 !important;
}

/* HOPEFULLY THIS FIXES THE CATEGORIES ISSUE */

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -7px !important;
}
.articles__categories-list > li:not(.mm-divider) {
  border: none;
  background: #5d646d;
}
.articles__categories-list li,
.articles__categories .category__list-child li {
  padding: 0px !important;
}
.mm-listview > li:not(.mm-divider):after {
  left: 0px !important;
}


li.articles__categories-item:last-child {
  display: none;
}
li.navigation__item.has-child.open-close:hover .sublevel-2.slide {
  display: block;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}
.navigation:not(.mm-menu)
  .navigation__item
  .navigation__list--sub
  .navigation__item
  a:hover
  .opener:before {
  content: "\f068";
}
 

.navigation__list li:nth-child(5) .sublevel-2 li:last-child {
    display: none;
}
.navigation:not(.mm-menu) .navigation__item a{
    padding: 13px 10px 11px!important;
}
.navigation__list li:nth-child(5) .sublevel-2 li:last-child {
    display: none;
}
/* END OF CATEGORIES FIX */

.fullwidth-layout p {
  line-height: 1.5;
}

.wrap__text-justify li {
  text-align: justify !important;
}

/* a simple row */
.row {
  display: flex;
  flex-flow: row wraps;
  justify-content: center;
}

/* custom cta button on homescreen for covid-19 */
.cta_cdcp__container a.cta__button {
  min-width: 260px;
  display: inline-block;
  vertical-align: middle;
  padding: 8px 20px;
  border-radius: 0px;
  border: 2px solid #ffffff;
  box-shadow: none;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  background-color: #5ebcf8;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  appearance: none;
  outline: none;
  font: 20px/20px "quicksand-bold", "Arial", "Helvetica", sans-serif;
  text-transform: uppercase;
}

.cta_cdcp__container a.cta__button:hover {
  color: #126aad;
  border: 2px solid #126aad;
  background-color: #ffffff;
}
#covid_cta {
  max-width: 1125px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  pointer-events: all;
  margin-bottom: 50px;
}


/* CONTINUES IN MEDIA Q's */
/* end of the custom cta button on the homepage */
.hours__wrapper {
  margin: 0 0 29px;
  border-radius: 4px;
  box-shadow: 0 0 1px 1px rgb(0 0 0 / 10%);
}
.hours__wrapper:last-child {
  margin-bottom: 0;
}
.hours__name {
  text-transform: uppercase;
  margin: 8px auto 0px;
  font: 15px/1.2 "quicksand-bold", "Arial", "Helvetica", sans-serif;
  background-color: #5ebcf8;
  color: #ffffff;
  padding: 9px 13px;
  text-align: left;
  border-radius: 4px 4px 0 0;
}



.hours__list {
  margin: 0;
  color: #000;
  font-family: "Montserrat", sans-serif !important;
}
.day:first-child {
  margin-top: 0;
}

.day {
  position: relative;
  z-index: 1;
  margin: 0;
  border-top: 4px solid #f7f7f7;
  background-color: #ffffff;
}

.day::after {
  clear: both;
  content: "";
  display: table;
}
.day__name {
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  -ms-flex-pack: center;
  justify-content: left;
  color: #000000;
  background-color: #ffffff;
  border-right: 3px solid #f7f7f7;
  font-family: "hind-semibold", Arial, Helvetica, sans-serif;
  width: 130px;
  min-height: 36px;
  padding: 5px 0 0 21px;
  text-align: center;
}
.day__time--wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* staff page images need to be consistent */
.page-meet-our-dental-team .wrap__page-content--inner img,
.page-meet-our-administrative-team .wrap__page-content--inner img {
  min-width: 250px;
  max-width: 251px;
  min-height: 250px;
  max-height: 251px;
}

/* space between the slideshow and the content on the our locations page */
.page-our-locations .gallery {
  padding: 0 0 0;
}
.page-our-locations .wrap__bx-controls {
  display: none;
}

/* FOR SECOND CTA BUTTON ON SLIDER HOME */
a.second_button {
  margin: 10px 2%;
}
/* END OF second cta button */

 

.scrollActive .wrap__header .logo__image {
  display: block;
  padding: 10px 0;
}
.wrap__header-area:before,
.scrollActive .wrap__header .wrap__header-area:after {
  background: #1a3d48 !important;
}

.home-layout.wrap__layout .wrap__form.contact .form {
  background: rgba(255, 255, 255, 0.3);
  max-width: 1170px;
  margin: 10px auto;
}
.form__title {
  text-shadow: 1px 1px 1px #000;
}
.home-layout.wrap__layout .form_home2__container.form__container {
  padding: 10px 0px;
}

form {
  pointer-events: auto;
}

.column2 {
  float: left;
  width: 49%;
  padding: 10px;
}

.column3 {
  float: left;
  width: 33.33%;
  padding: 10px;
}

.column4 {
  float: left;
  width: 25%;
  padding: 10px;
}

.t-center,
.t-center h1,
.t-center h2 {
  text-align: center !important;
}
.clr {
  clear: both;
}

.fl {
  float: left;
  margin: 0 20px 20px 0;
}

.fr {
  float: right;
  margin: 0 0 20px 20px;
}
 

.wrap__footer--inner {
  padding: 8px 15px 8px;
  pointer-events: all;
}

.wrap__footer .logo {
  display: inline-block;
  margin-bottom: 2px;
}

.copyright__link {
  text-decoration: none;
  color: #ffffff;
  font-weight: 400;
  font-size: 12px;
}

.copyright__list {
  width: 80%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 auto;
}

.wrap__covidbtn--inner {
    height: 100px;
}

.cta_cdcp__container--inner cta__container--inner .cta, .cta_cdcp__container cta__container, . cta_cdcp__container--inner cta__container--inner {
    height: 65px;
}

.cta_cdcp__container--inner cta__container--inner a.cta__button, .cta, .cta__button {
    height: 65px !important;
}

a.cta__button {
    padding: 20px 20px !important;
    font-size: 30px !important;
}
/*------------------------------*/
/*-----------MEDIA--------------*/
/*------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .wrap__socialmediaFooter .socialmedia__item {
    margin: 0 10px 12px;
  }
  .wrap__header-top {
    min-height: 80px;
  }
  .wrap__locationsHeader {
    position: fixed !important;
    top: 10px !important;
    right: 10px !important;
  }
  .hours__wrapper {
    margin: 0;
  }
  .socialmedia__link {
    color: #5ebcf8;
  }
  .socialmedia__item {
    margin: 0 auto;
  }
  .socialmedia {
    margin-right: 0;
  }
  .copyright__list {
    width: 75%;
  }
}
@media (max-width: 1024px) {
  .scrollActive .wrap__socialmediaHeader--inner {
    display: none;
  }
  .scrollActive .wrap__header-top {
    padding-bottom: 0;
  }
  .wrap__header-top {
    padding-bottom: 50px;
  }
  .wrap__locationsHeader {
    position: fixed;
    top: 5px;
    right: 20px;
  }
  .socialmedia__link.icon {
    color: #1263a1;
  }
}

@media (max-width: 767px) {
    .ada_toolbar.left {
	top: 85%;
}
  .scrollActive .wrap__locationsHeader {
    top: 10px;
  }
  .wrap__header .logo__link.logo__left .logo__image {
    height: auto !important;
  }
  img.logo__image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  img.align-right,
  img.align-left {
    float: none !important;
  }
  .column4,
  .fl,
  .fr {
    width: 100%;
  }
  #covid_cta {
    text-align: center;
  }
  .wrap__covidbtn--inner {
    margin-left: 0px;
  }
}
/*------------------------------*/
/*-----------END OF MEDIA--------*/
/*------------------------------*/

.logo__image{
    width:350px!important;
    height:120px!important;
    padding: 10px 0!important;
}

.wrap__page-content img.align-right, .wrap__editable img.align-right, .wrap__editable-content img.align-right, .staff-member img.align-right, .editable img.align-right, .form img.align-right {
    margin-left: 10px;
    float: right;
}