/*
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;
}
}
*/
/*
** HEADER
*/
.header-style-c .contact-option span {
  color: #fff;
}
.header-style-c .contact-option i {
  color: #c2b592;
}
/*
** FORM (Static Image Split)
*/
.home form {
  text-align: center;
}
/*
** FOOTER
*/
.header-style-c footer .footer-column a.schedule {
  border-color: #c2b592;
  color: #c2b592;
}
.header-style-c footer .footer-column a.schedule:hover {
  background-color: #c2b592;
}
.footer-column .logo img {
  max-height: unset;
}
/*
** MEDIA QUERIES
*/

@media (max-width: 1540px) {
  #i58 > div > section > #left-side > div {
    padding-top: 4rem !important;
  }
  #i58 {
    height: 36rem;
  }
  #footer-b .footer-column:nth-child(3) {
    width: 15%;
  }
}
@media screen and (max-width: 767px) {
  .static_image_split {
    padding-bottom: 0;
  }
  .sis-container .sis-side .text-container {
    padding: 5% !important;
    max-width: 90%;
  }
  .home form {
    padding: 5%;
  }
  .mobile-text-box {
    margin-bottom: 2em !important;
    background: #000;
    padding-bottom: 8px;
  }
  .mobile-text-box * {
    color: #fff;
  }
  #i54 .module-content {
    padding-bottom: 0 !important;
  }
  #i54 .block {
    padding-bottom: 100%;
  }
  #i58 .module-content {
    padding-bottom: 0 !important;
  }
  #i58 #right-side .text-container {
    display: none;
  }
  #i61 #left-side .text-container {
    padding: 0 !important;
    margin-top: 0;
  }
  #i64 #left-side .text-container {
    display: none;
  }
  #i64 #right-side .text-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  #i65 .module-content {
    padding-bottom: 0 !important;
  }
  #i68 {
    display: none;
  }
  #i73 .module-content {
    padding: 0 !important;
  }

  #i64 #right-side > div > div {
    width: 100%;
  }
  #i64 #right-side > div > div > p:nth-child(2) {
    display: none;
  }
  #i64 #right-side > div > div > h1 > span {
    font-size: 28px !important;
  }
  #i64 #right-side > div > div > p:nth-child(8) {
    display: none;
  }
  .footer-column .contact-option.company-hours .hour-set {
    display: block;
  }
  #footer-b > div.row > div > div > div:nth-child(3) {
    display: block !important;
  }
  #i58 {
    height: auto;
  }
  #i61 > div > section > #right-side > div {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  #i61 > div > section > #right-side > div > div > p:nth-child(1),
  #i60 > div > div > div > p:nth-child(3) {
    display: none;
  }
  #i61 > div {
    padding-bottom: 0 !important;
  }
  #i62 > div > section > #left-side > div {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  #i76 > div,
  #i77 > div,
  #i60 > div,
  #i60 {
    padding-bottom: 0 !important;
  }
  #i62 > div {
    padding-bottom: 1rem !important;
  }
  #i54 > div > div > div.static_blocks_list-left.block-set > div:nth-child(8) {
    margin-bottom: 0 !important;
  }
  #i61 > div > section > #left-side > div > div > p:nth-child(1) > img {
    width: 200px !important;
  }
  #i63 > div.module-content,
  #i63 {
    padding-bottom: 0 !important;
  }
  #i55 > div > section > #right-side > div {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #i55 > div > section > #right-side > div {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #i55 > div {
    margin-bottom: 1rem !important;
  }
  #i67 > div,
  #i55 > div,
  #i75 > div,
  #i75,
  #i71 > div,
  #i66 > div,
  #i70 > div {
    padding-bottom: 0 !important;
  }
  #i69 > div > section > #left-side > div {
    margin-top: 0 !important;
  }
  #i75 > div {
    margin-top: 2rem;
  }
  #i71 > div > div > div > p:nth-child(7),
  #i66 > div > section > #left-side > div > div > p:nth-child(1) {
    display: none;
  }
  #i58 > div > section > #left-side > div {
    padding-top: 0 !important;
  }
  #i61 > div > section > #left-side {
    height: 28rem !important;
  }
  #i69
    > div
    > section
    > #right-side
    > div.main-content.schedule-form
    > div
    > p {
    text-align: center !important;
  }

  body > div.page-wrap.scrolled > div:nth-child(2) > div > div > form > button {
    margin-bottom: 2rem;
  }
  .schedule-form legend:first-child,
  .schedule-form input[type="checkbox"]:nth-child(2),
  .schedule-form input[type="checkbox"]:nth-child(8) {
    margin-left: 0 !important;
  }
  body
    > div.page-wrap.scrolled
    > div:nth-child(2)
    > div
    > div
    > form
    > div.bottom-info
    > fieldset {
    display: flex;
  }
}

@media (max-width: 1080px) {
  #i56 > div {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1199px) {
  #footer-b .footer-column:nth-child(3) {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .header-style-c .header-logo .logo img {
    top: 34%;
    max-width: 125px;
  }
  .header-style-c header {
    height: fit-content;
  }
  #i53 .fold-slide-text {
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 24px 0;
    width: 100%;
    top: unset;
    left: unset;
    transform: unset;
    max-width: unset;
  }
  #i54 .block {
    padding-bottom: 34%;
  }
  #i54 .block:first-child:hover {
    background-image: url("/wp-content/uploads/2024/01/5.jpg") !important;
  }
  #i54 .block:nth-child(2):hover {
    background-image: url("/wp-content/uploads/2024/01/3.jpg") !important;
  }
  #i54 .block:nth-child(3):hover {
    background-image: url("/wp-content/uploads/2024/01/7.jpg") !important;
  }
  #i54 .block:nth-child(4):hover {
    background-image: url("/wp-content/uploads/2024/03/invisalign-image-1.jpeg") !important;
  }
  #i54 .fa {
    display: none;
  }
  #i55 #right-side h3 {
    font-size: 24px;
    color: #c2b592;
  }
  #i61 #right-side h3 {
    font-size: 32px;
    color: #636363;
  }
  #i61 #right-side .subtitle {
    margin-top: 12px;
    color: #c2b592;
  }
  #i62 #left-side h3 {
    color: #333;
    font-size: 24px;
  }
  #i62 #left-side .subtitle {
    color: #c2b592;
  }
  #i69 #left-side h3 {
    font-size: 24px;
    color: #c2b592;
  }
  #i54 > div > div {
    max-width: none;
  }
  #i54 > div > div > div.static_blocks_list-left.block-set {
    display: flex;
    justify-content: center;
  }
  .block {
    width: 22%;
    padding-bottom: 26% !important;
    margin: 1rem !important;
  }
  #i84 > div > div,
  #i86 > div > div,
  #i88 > div > div,
  #i91 > div > div,
  #i91 > div > div {
    flex-wrap: wrap;
  }
  #i84 > div > div > div,
  #i86 > div > div > div {
    width: 25%;
  }
  #i88 > div > div > div,
  #i91 > div > div > div {
    width: 20%;
  }
  #i84,
  #i91 {
    background: #000 !important;
  }
  .contact-option p {
    font-size: 18px;
  }
  .header-style-c .contact-option i {
    font-size: 16px;
  }
  .header-style-c .contact-option span {
    font-size: 18px;
  }
  .header-style-f #alternate-nav + .header-logo {
    width: 212px;
  }
  body
    > div.page-wrap
    > div:nth-child(2)
    > div
    > div
    > form
    > div.bottom-info
    > div {
    display: flex;
    flex-direction: column;
    padding: 8px;
  }
  .bottom-info {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 1rem;
    outline: 2px solid #e3e1e1;
  }
  body
    > div.page-wrap
    > div:nth-child(2)
    > div
    > div
    > form
    > div:nth-child(2) {
    flex-direction: row-reverse;
  }
} /*  ============================================================= test bracket ==================  */

.header-bottom {
  background-color: #0f0f0f;
}
/* #picture-grid {
  display: flex;
  margin: 0 auto 2em;
  flex-wrap: wrap;
} */

ul.filter-list > a {
  color: #fff;
}
.grid-patient {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.deluxe-grid.headshot-grid.before-grid.excerpt-grid
  .grid-patient
  .headshot-image,
.deluxe-grid.headshot-grid.before-grid.spacer-grid
  .grid-patient
  .headshot-image {
  height: auto;
  width: 100%;
  margin-bottom: 2px;
}
/* .headshot-grid.excerpt-grid .grid-patient .before-after-container img,
.headshot-grid.spacer-grid .grid-patient .before-after-container img {
  position: relative;
} */
.headshot-image {
  height: 100%;
  width: 100%;
  max-height: none;
  max-width: none;
}
.before-after-container {
  flex-direction: row !important;
  justify-content: center !important;
  max-width: none;
  max-height: none;
}
#picture-grid .grid-patient {
  width: 260px;
  height: 574px;
}
.slide-container > img {
  width: 100px;
}
.before-after-container {
  width: 100% !important;
  height: auto;
}
.deluxe-grid.headshot-grid .excerpt-container {
  width: 100%;
  position: absolute;
  bottom: 5px;
  left: 0;
}
.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .gallery-title,
.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .gallery-title,
.two-column-grid.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .gallery-title,
.two-column-grid.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .gallery-title,
.three-column-grid.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .gallery-title,
.three-column-grid.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .gallery-title,
.four-column-grid.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .gallery-title,
.four-column-grid.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .gallery-title {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .before-image,
.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .before-image,
.two-column-grid.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .before-image,
.two-column-grid.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .before-image,
.three-column-grid.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .before-image,
.three-column-grid.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .before-image,
.four-column-grid.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .before-image,
.four-column-grid.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .before-image {
  width: 100% !important;
}
/* maybe query too */
.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .before-image,
.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .before-image,
.two-column-grid.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .before-image,
.two-column-grid.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .before-image,
.three-column-grid.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .before-image,
.three-column-grid.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .before-image,
.four-column-grid.deluxe-grid.headshot-grid.before-grid.excerpt-grid.title-grid
  .grid-patient
  .before-image,
.four-column-grid.deluxe-grid.headshot-grid.before-grid.spacer-grid.title-grid
  .grid-patient
  .before-image {
  clip: rect(0, 130px, auto, 0);
}
.deluxe-grid.headshot-grid.before-grid.excerpt-grid .grid-patient .slider,
.deluxe-grid.headshot-grid.before-grid.spacer-grid .grid-patient .slider {
  top: 66px !important;
  left: 0;
  position: relative;
}
/* style.css */
.animated-hr {
  opacity: 0; /* Start invisible */
  width: 0%; /* Start with no width */
  transition: opacity 0.5s ease-out; /* Transition for fade-in */
  background: #ab936b !important;
}

.animated-hr.visible {
  opacity: 1; /* Fully visible */
  width: 100%; /* Full width */
  transition: opacity 0.5s ease-out, width 2s ease-out; /* Transition for fade-in and width */
}

/* testing */

@media (min-width: 1200px) {
  .home .page-wrap:after {
    content: "";
    position: fixed;
    top: 68px;
    height: 100vh;
    left: 0;
    right: 0;
    z-index: -1;
    background: url("/wp-content/uploads/2024/02/Flax-dental01.jpg") center
      center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  #i76 {
    background: transparent !important;
  }
  #i76 > div > div > div > div > div > div > div > div {
    background-image: none !important;
  }
  #i76 > div > div > div > div > div > div > div > div > img {
    display: none;
  }
}

#i90,
#i86,
#i83,
#i83,
#i85,
#i87,
#i88,
#i91,
#i81,
#i82 {
  padding-bottom: 0;
}
div#linkContainer {
  text-align: center !important;
}
form#payForm {
  text-align: center;
}
/* form > div:nth-child(2) {
  flex-direction: row-reverse;
} */
.main-content p {
  font-size: 18px !important;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 2em;
  height: 2em;
  background: url("/wp-content/uploads/2024/04/arrows_drop_shadow.png");
  background-size: contain;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 2em;
  height: 2em;
  background: url("/wp-content/uploads/2024/04/arrows_drop_shadow.png");
  background-size: contain;
  cursor: pointer;
}
input[type="range"] {
  font-size: 24px;
}
#sidr-right > div > div:nth-child(4) > div > p {
  color: #fff;
  margin: 0;
  line-height: normal;
}
#sidr-right > div > div:nth-child(4) > div > p:nth-child(1) {
  font-weight: bold;
}
.page-head.no-img-bg h1 {
  font-size: 31px;
  font-weight: 100;
}

/* scrolled header */
.header-style-c.scrolled header {
  top: 0 !important;
}
.header-style-c .contact-option {
  opacity: 1 !important;
}
.main-content h2 {
  font-weight: 200;
}
.main-content a {
  color: #531fff;
}
#left-side > div > div > h2 > span,
#right-side > div > div > h2 {
  font-weight: normal !important;
}
select {
  margin-bottom: 1rem;
}
.consent {
  padding: 0 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background: #f1eeee;
  width: 84%;
  margin-bottom: 2rem;
}
input#consent {
  margin-bottom: 0px;
  margin-right: 10px;
}