/*
Theme Name: Codebase Child
Author: Dental Revenue
Author URI: https://www.dentalrevenue.com
Template: codebase-2
Version: 1.0.0
*/

/* scroll up slider effect */
/*
.home .page-wrap{z-index: 1;}
#i1{position: fixed;top:44px;left: 0;width: 100%;}
#i11{margin-top: 915px;}
.scrolled #i1 {top: -40px;}
.home footer{position: relative;background-color: #fff;}
*/

/* gallery scroll v2
.slick-dots {
    padding: 0px;
    border-radius: 3px;
    display: inline-block;
    border: 0;
    list-style: none;
    box-shadow: none;
    margin: 0;
    transition: transform 0.3s ease-in-out;
}
.slick-dots-holder {
    text-align: center;
}
.slick-dots:hover {
    transform: none;
    box-shadow: none;
}
.g-scroll-slide {
    display: block!important;
    float: left;
}
.gallery-left {
    width: 300px;
    float: left;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid rgba(0,0,0,0.1);
    box-sizing: border-box;
}
.gallery-left img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 300px;
}
.gallery-right {
    overflow: hidden;
}
.gallery-right img:first-child {
    margin-left: 0;
}
.gallery-right img {
    display: block;
    width: 49%;
    height: auto;
    float: left;
    margin: 0 0 20px 2%;
}
.slick-slide img {
    display: block;
}
#slick-arrows-holder>i {
    font-size: 25px;
    margin: auto 30px;
}
#slick-arrows-holder {
    margin-top: 15px;
	text-align: center;
	margin-bottom: 30px;
}
@media (max-width: 600px) {
.gallery-left {
    width: 100%;
    text-align: center;
    margin-right: 0;
    padding-right: 0;
    border: 0 none;
}
.gallery-left img {
    float: none;
    display: inline-block;
    margin: 0;
}
.gallery-right {
    width: 100%;
    text-align: center;
}
}
@media (max-width: 480px) {
.gallery-right img:first-child {
    margin-left: 0 !important;
}
.gallery-right img {
    display: block;
    margin: 0 0 30px 2% !important;
    width: 49%;
    height: auto;
    float: left;
}
}
*/
/* Fix for navigation theme conflict */
header.modal__header,
#contact_form_modal > div > div > div,
#mobile_menu_modal {
  display: none;
}
.header-bottom {
  background-color: #27305e;
}
.header-bottom .btn.outline {
  background-color: #fff;
}
.header-bottom .btn.outline:hover {
  background-color: #27305e;
  border: 2px solid #fff;
}
.hp-post * {
  color: #fff;
}
.videos-paragraph {
  display: none;
}
#i74 .videos-paragraph {
  display: block;
}
#videos-paragraph-one {
  font-weight: 100;
  font-size: 36px;
  line-height: 50%;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  font-family: Lato;
  font-display: swap;
}
#videos-paragraph-two {
  font-weight: 600;
  font-size: 36px;
  line-height: 90%;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  margin-top: 20px;
}
.header-style-c .header-logo {
  margin-top: -10px;
  height: 150px;
}
.header-style-e .invert .large-nav > div > ul > li > a {
  color: #27305e;
}
#videos-image {
  display: none;
}
#i74 #videos-image {
  width: 150px;
  height: auto;
  margin: 0 auto 1em;
  display: block;
}
#i77 .static_image_split-content > h2,
#i78 .static_image_split-content > h2 {
  display: none;
}
#i79 .four-blocks {
  width: 22%;
  margin: 0;
  margin-left: 1em;
}
.video-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.patient {
  bottom: 19%;
}
.popup-youtube.patient {
  display: inline-flex;
  bottom: 18%;
}
.hear-from {
  margin-right: 6px;
}
.cvt-content *,
.cvt-block span {
  color: #fff !important;
}
#i81 {
  margin-top: 52em;
}
#i89 h2.headline-skinny {
  font-size: 43px;
}
#i82 {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: -1;
}
#i88 {
  display: none;
}
#i87 > div > div > div > div.fold-mobile-slide-text > h2:after {
  display: none;
}
.g-panel-detail p {
  margin: 3px 0 4px;
  font-size: 15px;
  font-weight: 700;
  color: #dd4c39;
  font-family: Lato;
  line-height: 1.1;
}
.footer-top {
  background: #fff;
}
@media screen and (min-width: 1200px) {
  .header-style-e .header-top .new-phone,
  .header-style-e .invert .header-top .new-phone span {
    color: #27305e !important;
  }
  .header-style-e .invert .header-top .schedule {
    background-color: #27305e;
    color: #fff;
    border: 3px solid #27305e;
  }
  .header-style-e .invert .header-top .schedule:hover {
    background-color: #fff;
    color: #27305e;
  }
  .scrolled.header-style-e header {
    background: #fff;
  }
  .static_blocks_list-left.block-set {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 767px) {
  #i81 {
    margin-top: 85vh;
  }
}
@media (max-width: 767px) {
  #i88 {
    display: none !important;
  }
}

@media (max-width: 707px) {
  #i79 .four-blocks {
    width: 49%;
    height: 0;
    padding-bottom: 26%;
    margin: 0 2% 2% 0;
  }
}
@media (max-width: 599px) {
  .popup-youtube.patient {
    margin-bottom: 8px;
  }
  #i79 .four-blocks {
    width: 100%;
    margin: 0 0 20px;
    padding-bottom: 55%;
  }
  #i79 .block p:nth-child(2) {
    top: 61%;
  }
  .block p:last-child {
    font-size: 16px;
    line-height: 137%;
  }
}
@media (max-width: 540px) {
  #i88 {
    display: block;
    margin-top: 0;
  }
  #i81 {
    margin-top: 0;
  }
  #videos-paragraph-one {
    line-height: 95%;
  }
}
@media (max-width: 360px) {
  #i79 .block p:nth-child(2) {
    top: 61%;
  }

  #i79 .block p:last-child {
    font-size: 14px;
    line-height: 137%;
  }
}
@media (max-width: 340px) {
  #i79 .block p:nth-child(2) {
    top: 20%;
  }
  #i79 .block p:last-child {
    display: none;
  }
}
#i79 .four-blocks {
  height: 170px;
}
#i86 .block {
  height: 25em;
  padding: 0;
}
@media (max-width: 599px) {
  .block p:last-child {
    opacity: 1;
    top: 75%;
  }
  #i79 .block p:last-child {
    opacity: 1;
    top: 86%;
  }
}
.custom-video-testimonials.grid-padding {
  padding: 0px 130px;
}
.mobile-header {
  background: #27305e;
  text-align: center;
}
.mobile-header div h2 {
  color: #fff;
}
#i87 > div > div > div.mobile-header > div > div > a {
  margin-bottom: 1em;
  border: 0;
  background-color: #fff;
  color: #27305e;
}
#i87 > div > div > div.fold-mobile-slide > div.fold-overlay {
  opacity: 0.1 !important;
}
.rte {
  position: relative;
  z-index: 9999;
}
@media (max-width: 280px) {
  #i79 .block p:nth-child(2) {
    top: 69% !important;
  }
}
.testimonial-text p {
    font-size: 16px !important;
}