/*
  Theme Name: IDW Child Theme 2021
  Description: Custom Theme for Dr. Theriot
  Author: Infinity Dental Web
  Author URI: https://www.infinitydentalweb.com/
  Version: 2.0
 	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

:root {
	--color-text: #343434;
	--color-purple-dark:#8984c1;
  --nav-text-shadow: 0 0 5px rgba(0,0,0,.6), 2px 2px 25px rgba(0,0,0,.7);
  --nav-text-shadow-inner: 0 0 5px rgba(255,255,255,.6), 2px 2px 25px rgba(255,255,255,.7);
}
body {
  background-color:#fefefe;
  color:#505050;
  font-size:1.6rem;
  line-height: 3.1rem;
  font-family:'Roboto',sans-serif;
}

/* .fixed {
  height: 100%;
  overflow-y: hidden;
} */

.icon {
  width: 1rem;
  height: 1rem;
}

a, a:visited {
  color:#c4925f;
}

a:hover {
  
  color: #343434
}

h1, h2, h3, h4, h5, p, ul {
	margin: 0;
}

h1 {
  font-family: "Playfair Display";
  font-size: 35px;
  line-height: 1.37;
  letter-spacing: 1.4px;
  font-weight: normal;
  text-align: left;
  color: #343434;
  margin-bottom: 4.5rem;
}

h2 {
  font-family: "Playfair Display";
  font-size: 32px;
  line-height: 1.41;
  letter-spacing: 1.28px;
  font-weight: normal;
  text-align: left;
  color: #343434;
  margin-bottom: 4.5rem;
}

h3 {
  font-family: "Roboto";
  font-size: 17px;
  font-weight: bold;
  line-height: 2.18;
  letter-spacing: 0.68px;
  text-align: left;
  color: #343434;
  margin-bottom: 4.5rem;
}

p {
  margin-bottom: 3rem;
}

.cap-heading {
  font-family: 'Montserrat';
  font-size: 11px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 3.52px;
  text-align: left;
  color: #343434;
  text-transform: uppercase;
}

.large-heading {
  font-family: 'Playfair Display';
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 1.2px;
  text-align: left;
  color: #343434;
}

section {
	line-height: 0;
  max-width: 1940px;
  background: #fff;
}



figure {
 max-width: 100%;
}



p {
  font-family: "Roboto";
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.18;
  letter-spacing: 0.68px;
  text-align: left;
  color: #343434;
}

.alignright {
  margin-left:5rem;
}

.alignleft {
  margin-right:5rem;
}

.raise-number {
  position: relative;
  bottom: 5px;
}



.button {
  background: linear-gradient(5deg, rgba(207,166,120,1) 0%, rgba(169,113,64,1) 35%);
  /* width: 30rem;
  height: 8rem; */
  padding:3.1rem 9rem 3.1rem 3.1rem;
  font-family: 'Montserrat';
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 3px;
  text-align: center;
  color: #fff!important;
  cursor: pointer;
  border: none;
  position: relative;
  transition: .5s ease-in;
  text-decoration: none;
}

.button:hover {
  background: linear-gradient(160deg, rgba(67,74,92,1) 0%, rgba(37,43,59,1) 35%);
  color: #fff!important;
  /* background: #252b39 ; */
}

.button:before {
position: absolute;
content: "";
right: 3rem;
width: 4.5rem ;
top: 50%;
height: 1px;
transform: translateY(-50%);
background-color: #fff;

}

.button:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid white;
right: 28px;
top: 50%;
transform: translateY(-50%);

}


header {
  position: absolute;
  z-index: 3;
  transform: translateX(-50%);
  left: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  height: 130px;
}

header.open .phone-link {
  opacity: 0;
}


header.stuck {
  height:unset;
  overflow: visible;
}

header.stuck .logo {
  display: none
}

header.stuck .nav-primary{
  position: fixed;
  opacity:0.9;
  width: 100%;
  background-color: #ededed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 4;
  overflow: visible;
  transform: none;
  visibility: visible;

}

header.stuck .nav-primary .menu-main-menu-container > ul {
  justify-content: center;
}



.menu-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  /* padding-right: 5rem; */
}

.vertical-line {
  height: 5rem;
  width: 1px;
  background-color: #62564F;
  background-color: #fff;
  /* background-color: #292929; */
  margin-right: 3rem;
}

body:not(.home) .vertical-line {
  background-color: #343434;
}

body:not(.home) .phone-link {
  color: #343434;
}

body:not(.home) .menu-icon .icon .bar {
  background: #343434;
}

.phone-number {
  position: absolute;
  right: 5rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home .phone-number > a {
  opacity: 1 ;
  font-size: 2rem;
  font-weight: 500;
  transition: 0.5s ease-out;
  text-decoration: none;
  color:#62564F;
  color: #fff;
  /* color: #292929; */
}

.phone-number > a {
  opacity: 1 ;
  font-size: 2rem;
  font-weight: 500;
  transition: 0.5s ease-out;
  text-decoration: none;
  color: #292929;
  text-shadow: none;
  /* color: #fff; */
}

.nav-primary {
  opacity: 10;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  right: 22rem;
  display: block;
  padding: 1rem;
  overflow: visible;
  box-sizing: border-box;
  transition: 0.5s ease-in;
}



.nav-primary.open {
  opacity: 1;
  visibility: visible;
  overflow:visible;
}

.stuck .nav-primary .menu > li {
  overflow: visible;
}

.home .nav-primary .menu > li > a {
  /* color: #fff; */
  color:#62564F;
  /* color: #292929; */
  text-shadow: none;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #fff;
  font-size: 1.6rem;
}

.home .nav-primary .menu > li > a:hover {
  background:rgba(255,255,255,.7);
  color: #292929!important;
  text-shadow: none;
}

.nav-primary .menu > li > a {
  color: #292929;
  text-shadow: var(--nav-text-shadow-inner);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.4px;
}

.nav-primary .menu > li > a:hover {
  background:rgba(255,255,255,.7);
  color: #292929!important;
  text-shadow: none;
}



.nav-primary .menu > li > a:hover, .phone-link:hover {
  color: #ddd;
}

.stuck .nav-primary .menu > li > a {
  color: #292929;
  text-shadow: none;
}

.nav-primary li a {
  font-size: 1.6rem;
  font-family: "Roboto";
  text-align: left;
  color: #292929;
  line-height: 2.6rem;
}

.nav-primary .sub-menu li a:hover {
  background-color: #252b39 ;
  color: white;
}

.sub-menu {
  top:4rem;
  /* border-bottom: 1px solid #343434 */
}

.phone-icon {
  display: none;
}

.menu-icon .icon {
  border: none;
  background-color: transparent;
  display: none;
}


.menu-icon .icon .bar {
  background: #fff;
}

.icon .bar.last {
  display: none;
}

.icon .bar.middle {
  width: 70%;
}

.menu-icon .icon.open .bar.middle {
  display: none;

}

.menu-icon .icon.open .bar.last {
  display: block;

} 


/*Hero */

.hero{
  position: relative;
  z-index: 10;
}

.hero video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  aspect-ratio: 16 / 9;
}

/* .hero:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0, .15);
  z-index: 11;
} */

/* .hero::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(255,255,255,0.6);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 60%, rgba(255,255,255,0) 100%);
  height: 210px;
  z-index: 13;

} */

.hero picture::after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 30%, rgba(4, 5, 6, 0), rgba(24, 29, 36, .3) 99%);
  content: "";
}

.innerpage-hero:before {
  position: absolute;
  content:"";
  height: 200px;
  top: 0;
  left: 0;
  right: 0;
  background:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,0));
  z-index: 1;
}


.hero-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* gap:6rem; */
  background-color: rgba(255,255,255,.8);
  left: 3%;
  /* left: 25%; */
  padding: 3rem 4rem;
  width: 100%;
  max-width:33%;
  margin: 0 auto;
  position: absolute;
  top:57%;
  transform:translateY(-50%);
  z-index: 12;
  box-shadow:0 0 20px rgba(0,0,0,.15);

  flex-direction: row;
  max-width: 75%;
  gap: 5rem;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-card .button {
  width: 100%;
  order:2;

  width: 45%;
  order: 1;
}

.hero-card .large-heading {
  order: 2;
}

.hero-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  /* gap:3rem; */
  position: absolute;
  margin: 0 auto;
  bottom: 10%;
  left: 10%;
  bottom:3rem;
  /* transform: translateX(-50%) */
}

.hero-container .large-heading {
  margin-bottom: 3rem;
}

main, header, footer, .hero{
  max-width: 1940px;
  margin: 0 auto;
  overflow: hidden;

}

header, header.stuck {
  overflow:visible;
  z-index: 11;
}


body {
  text-align: center;
}

/* html.no-scroll body.open {
  overflow: hidden;
} */

figcaption{
  text-align: center;
}

.logo {
  width:400px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.logo .logo-color{
  display: none;
}


.content {
  background-color: #fff;
}

/* .content h1 {
  font: "PlayfairDisplay-Regular";
  font-size: 3.5rem;
  line-height: 1.37;
  letter-spacing: 1.4px;
  color: #343434;
  padding-bottom: 3rem;

} */

.content ul {
  list-style: none;
  text-align: left;
  padding-left: 0;
  padding-top: 2rem;
}

.content ul li {
  margin-bottom: 1rem;
  padding-left: 4.8rem;
  position: relative;
}

.content ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 29px;
  height: 1px;
  background-color: #bda078;
  top: 1.6rem;

}

.tags p, .tags a {
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.tags p {
  margin-bottom: 0;
}

.nav-primary .sub-menu {
  border-radius: 0;
}


.sub-menu .menu-item-has-children:hover>.sub-menu {
  top: 1.6rem;
}



/*Home Page sections with blue strips*/

/*Parallax scrolling styling*/
section.outer-fixed {
  overflow: hidden;
  max-width: 1940px;
  z-index: 0;
}

.inner-fixed {
  position: fixed;
  top: 51px;
  z-index:0;
  max-width: 1940px;
} 

.inner-fixed-reverse {
  position: fixed;
  bottom: 0;
  z-index:0;
  max-width: 1940px;
}

.parallax-inner {
  display: flex;
}




.doctor-side {
  display:flex;
  /* background-color: #252b39 ; */
}

.doctor-headshot {
  width: 70%;
  object-fit: cover;
}

.doctor-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 14rem;
  padding-bottom: 8rem;
  padding-right: 6rem;
  padding-left: 6rem;
  background: #fefefe;
}

.doctor-content h1, .doctor-content .large-heading, .doctor-content p {
  margin-bottom: 3rem;
}



.parallax-inner.reverse {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}

.half {
  width: 50%;
  position: relative;
}
/*https://developers.google.com/web/updates/2016/12/performant-parallaxing */
/* #doctor {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  perspective: 1px;
  perspective-origin: 0 0;
}
#doctor .parallax-inner {
  transform-origin: 0 0;
  transform: translateZ(-1px) scale(2);
} */

.bg-blue {
  width: 30%;
  background: linear-gradient(160deg, rgba(67,74,92,1) 0%, rgba(37,43,59,1) 35%);

}

.vertical-text {
  position: absolute;
	top: 50%;
	left: 26%;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	letter-spacing: 0.68px;
	font-size:20px;
	transform: rotate(-90deg) translateX(-50%);
	transform-origin: top left;
	display: flex;
	align-items: center;
	color: #fff;
  text-align: center;
}

.right-text{
  left: 74%;
  width: 400px;
  top:40%;

}

/*Smile Gallery section Home Page */

.smile-gallery {
  width: 100%;
  max-width: none;
}

.smile-gallery:after {
  position: absolute;
  content: "";
  top: 2rem;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  border:solid 1px #3f3f3f;
  pointer-events: none;

}

/*Services section Home Page */



.gallery-content {
  position: absolute;
  top: 0;
  right: 65%;
  top: 25%;
  /* left: 55%;
  top: 175%; */
  width:40rem;
  display: flex;
  flex-direction: column;
  /* gap:3rem */
}

.gallery-content .large-heading, .gallery-content p {
  margin-bottom: 3rem;
}

.services-content {
  /* align-self: center;
  justify-self: flex-end; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* gap:3rem; */
  padding-top: 8rem;
  padding-bottom: 8rem;
  padding-left: 10%;
  padding-right: 15rem;
}

.cap-heading-services, .large-heading-services {
  text-align: center;
}

.cap-heading-services {
  line-height: 2;
  margin-bottom: 3rem;
}

.services-content .slide-controller {
  margin-bottom: 3rem;;
}

/* .cap-heading-services, .large-heading-services{
  width:100%
} */
.services-slider {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.services-slider {
  width: 95%;
  overflow: visible;
  margin-top: -4rem;
}

.services-slider .item {
  width:100%;
  max-width:23%;
}
.services-slider .item img, .service-title, .service-description {
  margin-bottom: 2rem;
}
.services-slider .owl-item {
  padding: 2rem;

}

.icon-list > div img {
  height: 150px;
  object-fit: contain;
}

.service-title {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  line-height: 1.31;
  letter-spacing: 1.28px;
  text-align: center;
  color: #343434;
  text-transform: uppercase;
}

.service-description {
  font-size: 14px;
  text-align: center;
  line-height: 1.75;
  height: 160px;
}


/*Testimonials Section Home Page */

.testimonials {
  /* height: 80rem; */
  background-color: #ededed;
}

.testimonials .services-content {
  padding-bottom: 0;
}

.testimonials-slider {
  width: 100%;
  max-width: 80rem;
}
.testimonials-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* gap: 4rem; */
}

.testimonials-container .large-heading {
  text-align: center;
}

.testimonials .more-reviews {
  margin-bottom: 3rem;
}

.testimonials .more-reviews .cap-heading {
  margin: 0;
}

.testimonials-container > .cap-heading, .testimonials-container .large-heading,
 .testimonials-container .testimonials-slider {
   margin-bottom: 3rem;
 }


.testimonials-slider .item {
  background-color: #fff; 
  padding: 10rem 8.3rem;
  position: relative;
}

.item-video {
  height: 100%;
  width: 100%;
}



.testimonials-slider .item::before {
  position: absolute;
  content: "";
  top: 2rem;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  border:solid 1px #3f3f3f;
  pointer-events: none;
}

.review-blurb > div > div {
  margin-bottom: 7rem;
  font-family: "Roboto";
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.18;
  letter-spacing: 0.68px;
  text-align: left;
  color: #343434;

}
.testimonials .testimonials-slider .owl-stage-outer {
  overflow:visible;
}

.testimonials-slider .reviewer {
  text-align: left;
  display: block;
}

.testimonials-slider .stars {
  margin-bottom: 2rem;
}

.i-star {
  width: 1.6rem;
  height: 1.6rem;
}

.testimonials-slider .reviewer-name {
  font-family: "Roboto";
  font-size: 17px;
  font-weight: 600;
  line-height: 2.18;
  letter-spacing: 0.68px;
  text-align: left;
  color: #343434;
}

.reviewer-name span {
  font-weight: 500;
}

.more-reviews {
  /* width:28rem; */
  height: 6rem;
  /* border: solid 1px #3f3f3f; */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6rem;
}

.more-reviews .cap-heading {
  margin-right: 2rem;;
}

.sidebar .more-reviews p {
  font-family: "Montserrat";
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 3.52px;
  text-align: center;
  color: #343434;
  text-decoration: none;
  margin-bottom: 0;
}

.more-reviews a:hover {
  color:#c4925f;
}

.more-reviews .icon {
  width: 2rem ;
  height: 2rem;
  padding-left: 3.5rem;
}

.more-reviews .icon:hover {
  filter: invert(61%) sepia(77%) saturate(233%) hue-rotate(350deg) brightness(85%) contrast(97%)
}

/*Office Homepage*/

.office {
  height: 90rem;
  background: linear-gradient(180deg, rgba(67,74,92,1) 0%, rgba(37,43,59,1) 35%);
}

.office-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.office-slider {
  padding: 8rem 0;
  width: 100%;
  max-width:73rem;

}

.slider-card {
  position: absolute;
  height: 55rem;
  width: 42rem;
  background-color: #fff;
  z-index: 3;
  left: 62%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5rem;
  /* gap: 4rem; */
}

.slider-card .large-heading {
  margin-bottom: 4rem;
}

.slider-card::before {
  position: absolute;
  content: "";
  top: 2rem;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  border:solid 1px #3f3f3f;

}

.office .office-slider .owl-stage-outer {
  overflow:visible;
}

.testimonials-slider .item {
  position: relative;

}

.slide-controller {
  display: inline-flex;
  align-items: center;
  gap:2rem;
  position: relative;
 
}

.previous-arrow, .next-arrow {
  position: relative;
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 3rem;
  width: 7rem;
}

.previous-arrow::before {
  position: absolute;
  content: "";
  right: 0.7rem;
  width: 4.5rem ;
  top: 50%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #343434;
  cursor: pointer;
  
  }
  
  .previous-arrow::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  cursor: pointer;
  border-right:5px solid #343434;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  }

.next-arrow::before {
position: absolute;
content: "";
cursor: pointer;
width: 4.5rem ;
top: 50%;
left:10px;
height: 1px;
transform: translateY(-50%);
background-color: #343434;

}

.next-arrow::after {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #343434;
left: 50px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}

.next-arrow:hover:before, .previous-arrow:hover:before {
  background-color: #c4925f;
}

.next-arrow:hover:after {
  border-left: 5px solid #c4925f;
}

.previous-arrow:hover:after {
  border-right: 5px solid #c4925f;
}



 /* Footer styles */
footer {
  padding: 6rem;
  /* height: 150rem; */
}

.building-photo {
  object-fit: cover;
}

.footer-card {
  position: relative;
  top:-100px;
  left: 15%;
  height: 30rem;
  width: 70%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 22rem;
  /* gap: 2.6rem; */
  background: linear-gradient(180deg, rgba(67,74,92,1) 0%, rgba(37,43,59,1) 35%);
}

.footer-card .large-heading {
  margin-bottom: 2.6rem;
}

.footer-card p {
  margin-bottom: 1.6rem;
  position: relative;
}

.footer-card p a:hover {
  color:#ededed;
}

.footer-card:before {
  position: absolute;
  content: "";
  top: 2rem;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  border:solid 1px #fff;

}

.footer-card .large-heading, .footer-card p {
  color: #fff;
  text-align: center;
}

.footer-card .large-heading {
  font-size: 3rem;
}

.footer-card p {
  font-size: 2rem;
}

.footer-button {
  position: relative;
  z-index: 4;
  top:-120px;
  height: 8rem;
  transition: none;
}

.footer-button:hover {
  background: #fff!important;
  color: #252b3b!important;
  border: 1px solid #252b3b!important;
}

.footer-button:hover:before{
  background-color:#252b3b;

}

.footer-button:hover:after {
  border-left: 4px solid #252b3b;
}

.footer-menu {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /* gap: 10rem; */
  margin-bottom: 4rem;
  font-family: "Roboto";
  margin-top: -5rem;
  
}

.footer-logo {
  width:270px
}

.footer-menu > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 4rem;
}

.footer-menu .cap-heading {
  margin-bottom: 4rem;
  font-family: "Monsterrat";
  font-size: 13px;
  line-height: 1;
  letter-spacing: 4.16px;

}

.footer-menu > div  .icon {
  width: 2rem;
  height: 1.4rem;
  margin-right: 1.8rem;
}

.footer-menu .icon:hover {
  filter: invert(61%) sepia(77%) saturate(233%) hue-rotate(350deg) brightness(85%) contrast(97%)

}

#menu-footer{
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin-bottom: 2rem;

}

#menu-footer a {
  text-decoration: underline;
}

/* Sidebar */

.sidebar {
  background: linear-gradient(180deg, rgba(67,74,92,1) 0%, rgba(37,43,59,1) 35%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  /* gap: 5rem; */
  width: 390px;
  padding: 9rem 0 9rem 4rem;
}

.sidebar-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* gap: 3.6rem; */
  background-color: #fff;
  padding: 3rem 2rem;
  text-align: center;
  /* max-width: 35rem; */
  width: 100%;
  margin-bottom: 5rem;

}

.sidebar-card .cap-heading {
  text-align: center;
  line-height: 2;
  margin-bottom: 3.6rem;
}


.sidebar-card img {
  width: 100%;
  object-fit: cover;
  margin-bottom: 3.6rem;

}

.sidebar-card p {
  text-align: center;
  margin-bottom: 3.6rem;
}

.sidebar-testimonials .cap-heading {
  margin-bottom: 2rem;
}

.sidebar-card .testimonials-slider .item {
  padding: 0rem 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* gap: 2rem; */
}

.sidebar-card .testimonials-slider .item:before {
  display: none;
}


.sidebar-testimonials {
  position: relative;
  padding: 3rem;
}

.sidebar-testimonials .slide-controller {
  margin-bottom: 3rem;
}

.sidebar-testimonials .cap-heading {
  margin-top: 7rem;
}

.review-blurb {
  margin-bottom: 1rem;
}

.sidebar-testimonials .stars {
  margin-bottom: 0.5rem;

}

.sidebar-testimonials .item .review-blurb > div > div {
  margin-bottom:3rem;
  text-align: center;
}

.sidebar-testimonials:before {
  position: absolute;
  content: "";
  top: 2rem;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  border:solid 1px #3f3f3f;
  pointer-events: none;

}

.sidebar-card .testimonials-slider .reviewer, .sidebar-card .testimonials-slider .reviewer-name {
  text-align:center;
}

.sidebar .more-reviews {
  margin: 0;
  width: 31rem;
  border: none;
  border-top: 1px solid #343434
}


/* Inner Page*/

.inner-logo {
  position: relative;
  top: 4rem;
  right: 3rem;
}

.innerpage-container {
  display: flex;
  /* gap: 5rem; */
  padding-top: 5rem;
  justify-content: flex-end;
  /* padding-left: 40rem; */
}

.hero-inner-container {
  width: 100%;
  max-width: 1416px;
  position: absolute;
  top: 0;
  bottom:0;
  left: 50%;
  transform: translateX(-50%);
}

.content {
  width: 880px;
  padding-top: 8rem;
  padding-right:5rem
}

.empty {
  background: white;
  width: 15.5%;
}

.empty:last-child {
  background: linear-gradient(160deg, rgba(67,74,92,1) 0%, rgba(37,43,59,1) 35%);
}

/* Smile Gallery*/
 .gallery-container { 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* gap: 4rem; */
  padding: 8rem 0;
  background-color: #ededed
} 

.gallery-container > .cap-heading {
  margin-bottom: 4rem;
}

.gallery-container .large-heading {
  font-family: "Playfair Display";
  font-size: 35px;
  letter-spacing: 1.4px;
}

.gallery-container .sub-text {
  width: 100%;
  max-width: 75rem;
  font-family: "Roboto";
  font-size: 17px;
  font-weight: bold;
  line-height: 2.18;
  letter-spacing: 0.68px;
  margin-bottom: 4rem
}

.sub-text p {
  font-weight: bold;
  line-height: 2.18;
  letter-spacing: 0.68px;
  text-align: center;
}

.filter-container {
  display: flex;
  /* gap: 3rem; */
  justify-content: center;
  align-items: stretch;
  list-style: none;
}

.filter {
  padding: 1.5rem 2rem;
  background-color: #fff;
  text-align: center;
  font-family: "Playfair Display";
  font-weight: 900;
  letter-spacing: 1px;
  font-size: 14px;
  text-transform: uppercase;
  color: #343434;
  max-width: 14rem;
  line-height: 1.16;
  height: 100%;
  border: none;
  cursor: pointer;
  transition:  .3s ease-in all;
  margin:  0 1.5rem;
}

.filter:hover {
  color: #fff;
  background-color: #252b3b;

}

.masonry-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* gap: 6rem; */
  position: relative;
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  background-color: #ededed;
  align-items: flex-start;
  padding-top: 6rem;
  padding-bottom: 16rem;
  justify-content: space-between;
}

.masonry-container .gallery-popup {
  text-decoration: none;
  margin-bottom: 6rem;
  width: 31%

}


.pulldown {
  transform:translateY(14rem)
}

.masonry-card {
  background-color: #fff;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* gap: 3rem; */
  padding: 2rem;

}

.masonry-card > img {
  margin-bottom: 3rem;
 
}

/* Modal styles */

body.fixed {
  /* position: fixed */
  overflow: none;
  height: 100%;
}

.smile-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0, .75);
  top: 0;
  left: 0;
  z-index: 99991;
  
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: relative;
  background-color: #ededed;
  left: 50%;
  top: 1rem;
  transform: translateX(-50%);
  z-index: 99992;
  gap: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  margin: 0!important;
  display: none;
  overflow-y: scroll;
  width: 100%;
  max-width: 1060px;
  overflow: auto;
}



.modal-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* gap: 1rem; */
  justify-content: flex-end;
  align-items: center;
}

.modal-container > div {
  margin-bottom: 1rem;
}

.image-grid {
  display: grid;
  grid-template-areas:
    "a b"
    "c d"
    "e f"
  ;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem;
  width: 100%;
  max-width: 640px;
  padding-bottom: 1rem;
}

.modal-img1 {
  grid-area: a;
}

.modal-img2 {
  grid-area: b;
}
.modal-img3 {
  grid-area: c;
}
.modal-img4 {
  grid-area: d;
}

.gallery-before {
  grid-area: e;
}

.gallery-after {
  grid-area: f;
}


.image-grid .cap-heading {
  text-align: center;
}

.image-grid img {
  padding: 2rem;
  background-color: #fff;
  height: auto;
  object-fit: cover;

}

.modal-content p {
  font-family: "Roboto";
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0.68px;
  text-align: center;
}
.modal p:nth-of-type(1) {
  margin-bottom: 1rem;
}

  /* Removes the 3rd paragraph to help with styling until text updates are made */
  .modal-content p:nth-of-type(3) {
    display: none;
    margin: 0
  }

  .modal-close {
    color: #000;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 3%;
    right: 3%;
    cursor: pointer;
    border: none;
    background-color: transparent;
  }

  li.sub-menu-open .sub-menu {
    opacity: 1;
    left: 0;

  }

/* Blog Sidebar */
.sidebar.blog {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  margin-top: 8rem;
  padding: 6rem 4rem;
  margin-bottom: 6rem
}

.sidebar.blog .widget-title {
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 3.52px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 3rem;
}

.sidebar.blog a {
  color: #fff
}

.sidebar.blog a:hover {
  color:#c4925f
}

.masonry-modal {
  width: 100%;
  height:300px;
  background: red;
  position:relative;
  z-index: 1;
}

.innerpage-container p {
  margin-bottom: 3.2rem;
}

/* used to shrink the buttons on the patient portal page */
.portal-button {
  padding: 2rem 4rem
}
.portal-button:after {
  display: none

}
.portal-button:before {
  display: none;
}


.doctor {
  z-index:4;
}

.smile-gallery {
  z-index: 3;
}

.services {
  z-index:2;
  padding-bottom: 8rem;
}

.testimonials {
  z-index:1;
}

@media screen and (max-width: 1649px) {
 .logo {
    max-width:390px;
  }
}

@media screen and (min-width: 1280px) {
  .page-id-1758 .logo {
    top: 100%;
    width: 480px;
  }
  .logo-color {
    display: none;
  }
}

@media screen and (min-width: 1616px) {
  /* header img {
    width: 530px!important;
    height: 99px!important;
    max-width: 570px!important;
  } */
}

@media screen and (max-width: 1615px) {
  .home .nav-primary .menu > li > a {
    font-size: 14px;
  }
}

@media screen and (max-width: 1539px) {
  .footer-logo {
    width: 200px
  }

  .footer-menu > div {
    margin: 0
  }

  .nav-primary {
    right: 17rem;
  }

  .nav-primary li a, .phone-number > a, .home .phone-number > a {
    font-size: 1.6rem;
  }

  .vertical-line {
    margin-right: 2rem;
  }


}


@media screen and (max-width: 1525px) {

  .icon-list {
    /* gap: 2rem; */
  }
  .footer-menu {
    /* gap: 4rem; */
  }

  .footer-menu > div {
    margin: 0 2rem;
  }

  .footer-card {
    padding: 5rem 11rem;
  }

  .hero-container span {
    display: none;
  }
}

 

@media screen and (max-width: 1320px) {

  .content {
    padding-left: 5rem;
  }
  .empty {
    display: none;
  }

  .sidebar {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .hero-card {
    max-width: 95%;
  }
}






@media screen and (max-width: 1200px) {

  /*Smile Gallery*/

  .filter-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3rem;

  }

  .filter {
    width: 14rem;

  }

  .masonry-container {
    align-items: center;
    /* justify-content: center; */
  }

  .pulldown {
    transform:translateY(0rem)
  }

  .hero-container {
    /* gap: 4rem; */
    bottom: 8%;
  }
/* 
  .hero-inner-container .hero-container {
    gap:1rem;
  } */




}



/* Menu breakpont */
@media screen and (max-width:1280px){

  .hero video {
    display: none;
  }
  .hero::before {
    display: none;
  }
  .hero img {
    display: block;
    opacity: 1;
  }


  .inner-fixed, .inner-fixed {
    position: relative;
    top: auto;
  }

  /* Resetting inner hero back */
  .inner-hero-img {
    max-width: 100%;
    height: auto;
    width: 100%;
  }

  .hero-container {
    width: auto;
  }
  
  :root {
        --resp-header-height: 160px;
    }

  h2, .cap-heading, .large-heading p {
    text-align: center;
  }

    .site-header, header {
        height: var(--resp-header-height);
  }

  html.no-scroll body.open {
    overflow: hidden;
  }

  header {
    background-color: #fff;
    display: block;
    position: relative;
    padding:1.6rem 5rem;
    overflow: visible;
    transform: none;
    left: 0;
  }

  /* Reset back to header before being stuck */
  header.stuck {
    background-color: #fff;
    position: relative;
    padding:1.6rem 4rem;
    overflow: visible;
    padding: 0;
  }
  
  header.stuck .nav-primary{
    position: fixed;
    transform: none;
    top: 170px;
    left: 0;
    right: 0;
    border-top: 1px solid #e6e3e1;
    background:#fff;
    width: 100%;
    height: 0;
    min-height: 0;
    transition: 1s ease-in-out all;
    padding: 4rem;
    visibility: hidden;
  }


  .menu-icon {
    position: absolute;
    right: 6rem;
    top: 50%;
    transform: translateY(-50%);
  }

  .menu-icon .icon {
    display: block;
  }

  .menu-icon .icon .bar {
    background: #343434
  }

  .phone-number {
    display: none;
  }

  .phone-icon {
    display: block;
    position: absolute;
    height: 66px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    margin-bottom: -19px;
    left: 6rem;
    right: auto;
  }

  .i-phone {
    width: 60%;
    height: 60%;
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .logo {
    position: absolute;
    order: 2;
    width: 400px;
    max-width: 400px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }

  .logo .logo-white {
    display: none;
  }

  .inner-logo {
    display: none!important;
  }

  .logo .logo-color {
    display: block;
  }

  .logo > img {
    display: block;
  }


  .nav-primary, .nav-primary.stuck {
    position: absolute;
    transform: none;
    top: 160px;
    left: 0;
    right: 0;
    border-top: 1px solid #e6e3e1;
    background:#fff;
    width: 100%;
    height: 0;
    min-height: 0;
    transition: 1s ease-in-out all;
    padding: 4rem;
    visibility: hidden;
    opacity: 0;
  }

 


  .nav-primary.open{
    min-height: 140vh;
    height: auto;
    visibility: visible;
    opacity: 1;
    
  }

 

  .nav-primary ul {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 4rem;
    justify-content: center;
    margin: 0 auto;
    position: relative;
  }

  .nav-primary.open ul {
    top: auto;

  }

  .nav-primary .sub-menu {
    display: none;
    position: inherit;
    background-color: unset;
    top: 0;
    left:0!important;
    box-shadow: unset;
  }

  .nav-primary .menu > li > a, .home .nav-primary .menu > li > a{
    color: #292929;
    text-shadow: none;
  }


  .menu li {
    text-align: left;
    width: 30rem;
  }
  
  .menu li > a {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #292929;
    text-shadow: none;
  }
  
  .sub-menu {
    width: auto;
    padding-top: 2rem;
    padding-left: 2rem;
  }
  
  .menu-item-has-children li {
      display: block;
  }


  .nav-primary .menu {
    max-width: 100%;
  }

  .nav-primary li a {
    padding-left: 30px;
  }

  .menu-item-has-children > a {
    position: relative;
  }

  .menu-item-has-children > a[href='#']::before {
      content: "\25BE"; /* down arrow */
      content: "\0002B"; /* plus */
      left: 0;
      color: #505050;
      font-size: 30px;
      font-family: "Roboto";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
  }

  /* This will change the symbol for all nested divs */
  .menu-item-has-children.expanded > a[href='#']::before {
      content:"\025BF"; /* down arrow outline */
      content: "\02013"; /* minus */
  }

  .sub-menu-open > .sub-menu {
    display:block;
  }

  /* .innerpage-hero .hero-container .large-heading {
    width: 70%;

  } */

  .innerpage-hero .hero-container .large-heading br {
    display: none;
  }

  .inner-fixed {
    top: 0;
  }

}


/* Only for the hero on the innerpage to avoid tightness */
@media screen and (max-width: 1179px) {
  .inner-hero-img {
    width: 135%;
    max-width: 135%;
    object-fit: cover;
    object-position: -350px;
    height: 400px;
  }

  .hero-container {
    width:40%;
  }

  .nav-primary {
    right: 6.1rem;
  }

}



@media screen and (max-width:1023px){

  .services-slider img {
    max-height:127px;
    width:auto;
  }

  .phone-icon a {
    width: 4rem;
    height: 4rem;

  }

  .hero-card {
    position: relative;
    flex-direction: column;
    text-align: center;
    bottom: 0;
    gap: 0;
    width:100%;
    left:auto;
    max-width:190%;
    top:auto;
    transform:none;
    box-shadow: none;
  }

  .hero-card .large-heading {
    margin-left: 0;
    order: 1;
  }

  .hero-card .button {
    width: 100%;
    max-width:548px;
    order: 2;
  }

  .hero-container {
    bottom: 15%;
    left: 11%;
  }

  .inner-hero-img {
    height: 40rem;
    object-fit: cover;
  }

  .hero-card .large-heading {
    text-align: center;
    margin-bottom: 4rem;
  }


  header.open .logo img {
    opacity: 1;
  }

  .content {
    padding-top: 4rem;
    padding-bottom: 6rem;
  }


  /* Meet the doctor */
  .half-row {
    flex-direction: column;
  
  }

  .doctor-side {
    height: 50%;
  background: linear-gradient(160deg, rgba(67,74,92,1) 0%, rgba(37,43,59,1) 35%);

  }

  .half {
    width: 100%;
  }

  .bg-blue {
    width: 15%;
  }

  .doctor-content {
    align-items: center;
    padding: 7rem 10rem;
  }

  .doctor-content .large-heading, .doctor-content p {
    text-align: center;
  }

  .vertical-text {
    top:45%;
    left: 12%;
  }

  .right-text {
    top:35%;
    left: 90%;
  }

  /* Smile Gallery */
  .masonry-container {
    padding-bottom: 6rem;

  }

  .masonry-container .gallery-popup {
    width: 48%
  }

  .smile-gallery:after {
    display: none;
  }

  .smile-gallery img {
    width: 100%;
    object-fit: cover;
    height: 65rem;
  }

  .gallery-content {
    position: relative;
    transform: none;
    left: 0;
    top:0;
    align-items: center;
    justify-content: center;
    padding: 7rem 9rem;

  }

  .gallery-content .large-heading, .gallery-content p {
    text-align: center;

  } 

  .masonry-card > img {
    width: 100%
  }
  /* .image-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-template-areas:
      "a"
      "b"
      "c"
      "d";
    gap: 3.5rem;
    width: 100%;
    max-width: 640px;
  } */

  /* Services */
  .half-row.reverse {
    flex-direction: column;

  }

  .half-row.reverse .bg-blue {
    width: 15%;
  }

  .doctor-side {
    display: block;
  }

  .services-content {
    padding: 7rem 6rem;
    /* gap: 4rem; */
  }

  .icon-list {
    display: grid;
    grid-template-areas: 
      "a b"
      "c d";
      gap: 6rem;
  }

  /* Testimonials */
  .testimonials {
    height: unset;
  }

  .testimonials-container {
    padding-bottom: 0;
  }

  .owl-carousel.owl-loaded {
    overflow: hidden;
  }

  .stars, .testimonials-slider .reviewer-name {
    text-align: center;
  }

  .more-reviews {
    margin-bottom: 0;
    width: 1100px;
  }

    /* Office */

    .office {
      height: unset;
    }

    .office-container {
      flex-direction: column-reverse;
      padding: 7rem 3rem;
      gap: 0;
    }

    .office-slider {
      padding: 0;
    
    }

    .slider-card {
      position: relative;
      right: 0;
      left: 0;
      width: 100%;
      max-width: 68rem;
      height:40rem;

    }

    /* Footer */
  footer {
    padding: 0;
    /* height: 176rem; */

  }

  .footer-card {
    top: -170px;
    width: 90%;
    left: 5%;
    /* gap: 2rem; */
  }

  .footer-button {
    top:-190px;
  }

  .footer-menu {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0
    /* gap: 7rem; */
  }

  .footer-menu > div, .footer-menu > img {
    margin-bottom: 7rem;
  }

  .footer-logo {
    order: -1;
    width: 290px;
  }

  .footer-menu > div {
    display: block;

  }

  .footer-menu div, .footermenu .cap-heading {
    text-align: center;

  }

  .footer-menu .social-links {
    order: 2;
  }

  .social-links > a {
    margin-right: 5rem;
  }

  

  .copyright {
    padding:3rem;
  }

  #menu-footer{
    margin: 0 auto;
    /* gap: 3rem; */
  }

  #menu-footer li {
    text-align: center;
    width: auto;
    margin-bottom: 3rem;
  }

  #menu-footer a {
    font-size: 1.6rem;
    font-family: "Roboto";
    text-transform: capitalize;
    font-weight: normal;
    letter-spacing: unset;
    text-align: center;

  }


  /*Innerpage */

  header {
    height: 10rem;
  }

  

  .innerpage-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 7rem;
  }

  .empty {
    display: none;
  }

  .content {
    width: 100%;
  }

  .sidebar {
    width: 80%;
    align-items: center;
    padding: 7rem 0
  }

  .sidebar-card {
    max-width: 40rem;
  }

  .owl-item {
    align-items: center;
    justify-content: center;
  }

  .sidebar .more-reviews {
    width: 36rem;
  }



  /*Smile Gallery */

  .gallery-container {
    padding: 8rem 3rem
  }

  .modal {
    width: 90%;
    height: unset;
  }

  /* .modal-img1, .modal-img2, .gallery-before, .gallery-after {
    display: none;
  } */


  html.no-scroll main.open,  html.no-scroll footer.open {
    opacity: 0.1;
    position: fixed
    /* overflow: hidden;  */
    }
    
    .service-description {
      height:auto!important;
    }
     
}


@media screen and (max-width:767px) {
  header {
    padding: 0;
  }

  .services-slider {
    width:100%;
  }

  .services-slider .item {
    width:100%;
    max-width:100%;
    margin-bottom:40px;
  }

  
  
  .phone-icon {
    left: 2rem;
  }
  
  .menu-icon {
    right: 2rem;
    width: 44px;
    height: 44px;
  }

  #menu-button {
    margin-left: 1rem;
  }

  .logo {
    width: 230px;
  }

  .alignleft{
    margin-right: 1rem;
  }
  .alignright {
    margin-left: 1rem;
  }

  .large-heading {
    font-size: 28px;
    text-align: center;
  }
  p {
    font-size: 17px;
  }
  h2 {
    text-align: left;
  }

  .button {
    padding: 2.1rem 8rem 2.1rem 2.1rem;
    line-height: 1.8rem;
  }

  .nav-primary ul {
    gap: 2rem
  }

  .nav-primary li a {
    font-size: 1.6rem;
  }

  /* .button {
    padding: 3.1rem 8rem 3.1rem 3.1rem 
  } */

  /* Hero Image */

  .hero img {
    object-fit: cover;
    height: auto;
  }
  .inner-hero-img {
    object-position: -70rem;
  }


  .hero-card {
    padding: 2rem 3rem;
  }

  .hero-card .button {
    order: 2;
    margin-bottom: 2rem;
  }

  #white{
    background-color: #fff;
  }

  .hero-container {
    padding: 3rem;
    width: 100%;
    align-items: center;
    left: 0;
    position: static;
    border-bottom: 1px solid #ededed;
    background-color:#ededed;
  }

  .hero-inner-container {
    position: relative;
  }

  .hero-card .large-heading br {
    display: none;
  }

  .innerpage-hero .hero-container .large-heading {
    width: 100%;
  }

  


  .hero-container .large-heading br {
    display: none;
  }

  /* About the doctor */

  .vertical-text {
    display: none;
  }

  .bg-blue {
    display: none;
  }

  .doctor-headshot {
    width: 100%;
  }

  .doctor-content {
    padding: 7rem 3rem;
  }

  /*Smile Gallery */

  .smile-gallery img {
    height: unset;
  }

  .gallery-content {
    padding: 7rem 3rem;
  }

  .modal-close {
    right: -2%;
    top: 1%;
  }



  /*Testimonials */
  .testimonials .services-content {
    padding: 7rem 3rem;
    padding-bottom: 0;
  }

  .testimonials-slider .item {
    padding: 6rem 5rem;
  }

  .testimonial-slider .item p {
    margin-bottom: 5rem;
  }

  .testimonials-slider iframe {
    width: 100%;
  }

  /*Office*/
  .office-container {
    padding: 7rem 3rem;
  }

  .slider-card {
    height: unset;
    padding: 5rem 5rem;
  }

  .slider-card p, .review-blurb > div > div, .review-blurb p{
    text-align: center;
  }


  /*Footer*/
  footer {
    /* height: 188rem; */
  }

  .building-photo {
    min-height: 400px;
  }

  .footer-card {
    height: unset;
    padding: 6rem 3rem;
    top: -130px;
    /* gap: 1rem; */
  }

  .footer-card .large-heading {
    font-size: 3rem;
  }

  .footer-card .large-heading span {
    display:none;

  }

  .footer-card p {
    font-size: 1.6rem;
  }

  .footer-button {
    top: -150px;
    width: 75%;
  }

  .footer-menu {
    /* gap: 6rem */
  }

  .social-links a {
    margin-right: 1rem
  }

  .footer-menu > div .icon {
    margin-right: 1rem;
  }

  #menu-footer {
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 4rem;
  }

  .copyright {
    font-size: 14px;
    padding: 2rem 3rem;
  }



   /*Innerpage */

   .sidebar {
     width: 100%;
   }

   .sidebar-card {
     width: 32rem;
     /* gap: 2rem; */
   }

    .sidebar-testimonials {
     padding: 1rem 3rem;
   }

   .sidebar-card .testimonials-slider .item {
     /* gap: 1rem; */
   }

   .sidebar-card .testimonials-slider .item p {
     margin-bottom: 0.5rem;
   }

   .sidebar .more-reviews {
     width: 28rem;
     margin-bottom: 1rem;
   }

   .filter-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;

  }

  /*Smile Gallery */

 

  .gallery-container {
    padding: 8rem 3rem
  }

  .gallery-container .large-heading {
    font-size: 25px;
  }

  .masonry-card {
    width: unset;
    height: unset;
  }

  .masonry-container {
    justify-content: center;
  }

  .masonry-container .gallery-popup {
    width: 80%
  }


  .modal {
    width: 85%;
    height: unset;
    padding: 1.5rem;
    gap: 1rem;
  }

  .modal-content {
    width: 90%;
  }

  .modal p {
    font-size: 12px;
    line-height: 2rem;
  }




  .image-grid {
    gap: 1.5rem;
    width: 95%;
    padding-bottom: 0;

  }

  .image-grid img {
    padding: 1rem;
  }

  /* makes open mobile menu large enough to fit all the content */
  body.mobile-menu .innerpage-hero.open {
    min-height: 120vh;;
  }

}
.page-id-1761 .content ul li::before{
    display: none;
}