@charset "UTF-8";

html, body {
    overflow-x: hidden;
    max-width: 100%;
    }

body {
    font-family: "League Spartan", sans-serif;
    font-weight: 350;
    font-size: 17px;
    color: #404040;
    margin-top: 8rem;
  }

p {
    font-size: 18px;
    letter-spacing: 0.3px;
	font-weight: 300;
	color: #666;
}

.script {
  font-family: "Mrs Saint Delafield", cursive;
  font-weight: 200;
  font-style: normal;
}

.presicav {
font-family: "presicav", sans-serif;
font-style: normal;
}

.league-spartan {
  font-family: "League Spartan", sans-serif;
  font-style: normal;
}

.text-pretty {
  text-wrap: pretty;
}

.container {
  max-width: 1200px;
}

.navbar {
    transform: translateY(50px);
}

.navbar-nav {
    --bs-nav-link-color: #262626;
    --bs-nav-link-hover-color: rgba(102,96,86,0.66);
}

.nav-link {
	font-family: "presicav", sans-serif;
    margin-left: 8px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
	
}

.dropdown-item {
  font-size: 18px;
}

.link-unstyled {
  text-decoration: none;
  color: inherit;
}

.eyebrow-container {
  height: 50px;
}

.eyebrow-tab {
  border-radius: 10px;
  transform: translateY(-20px);
  padding-top: 80px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  font-weight: 400;
}

.eyebrow-tab-emergency {
  background-color:#d2610b;
  border-radius: 10px;
  transform: translateY(-20px);
  padding-top: 80px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  font-weight: 400;
}

.eyebrow-text {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #fff;
}

.eyebrow-btn-mobile {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.33);
  border-style: solid;
  border-radius: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
}

.eyebrow-tab-label {
  transform: translateY(-18px);
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #fff;
}

.eyebrow-icon {
  position: relative;
  transform: translateY(2px);
  font-size: 14px;
  color: #fff;
}

  h1, h2, h3, h4, h5, h6 {
  font-family: "presicav", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #666666;
  }

.letter-spacing-sm {
	letter-spacing: 0.1rem;
}

.letter-spacing-md {
	letter-spacing: 0.3rem;
}

  .logo-navbar {
    max-width: 300px;
    height: auto;
  }

  .no-wrap {
    white-space: nowrap;
  }

  .background-white {
    background-color: #fff;
  }

.background-primary-tint {
	background-color: rgba(140,136,128,0.15);
}

  .background-white-15 {
    background-color: rgba(255,255,255,0.15);
  }

  .brand-primary {
    color: #8C8880;
  }

  .brand-primary-background {
    background-color: #8C8880;
  }

  .brand-secondary {
    color: #666056;
  }

  .brand-secondary-background {
    background-color: #666056;
  }

.brand-tertiary {
	color: #E9E4DC;
}

.brand-tertiary-background {
	background-color: #E9E4DC;
}

.primary-gradient-soft {
	background: rgb(102, 96, 86);
    background: linear-gradient(180deg, rgba(102, 96, 86, 0) 0%, rgba(102, 96, 86, 0.25) 100%);
}

.secondary-gradient-dark {
	background: rgb(102,96,86);
background: linear-gradient(180deg, rgba(102,96,86,1) 0%, rgba(66,63,58,1) 100%);
}

  .home-hero-background {
    background-image: url("img/home-hero-background.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .home-hero-overlay::before {
  content: '';
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 66%);
}

  .home-doctor-overlay {
  content: '';
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  background: rgb(102,96,86);
  background: linear-gradient(180deg, rgba(102,96,86,0) 0%, rgba(102,96,86,0.25) 100%);
  background-position: bottom center;
}

  .home-gallery-overlay {
  content: '';
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  background: rgb(102,96,86);
  background: linear-gradient(0deg, rgba(102,96,86,0) 0%, rgba(102,96,86,0.25) 100%);
  background-position: top center;
}


  .home-payment-section-background {
  background-image: url("svg/home-payment-section-background.svg");
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  }

  .home-doctor-headshot {
    max-width: 220px;
  }

.photo-border-white {
	border: solid 14px #fff;
}

  .home-practice-intro-head {
    border-left: 3px #fff solid;
    max-height: 200px;
  }

  .home-intro-background {
	background-image: url(svg/floral-accent-right.svg);
	background-position: right, center;
	background-size: 180px;
	background-repeat: no-repeat;
  }

  .floral-accent-left {
	background-image: url(svg/floral-accent-left.svg);
	background-position: left, center;
	background-size: 240px;
	background-repeat: no-repeat;
}

  .floral-background-right {
	background-image: url("svg/floral-pattern-background-right.svg");
	background-position: right, top;
	background-size: contain;
	background-repeat: no-repeat;
}

  .floral-background-left {
	background-image: url("svg/floral-pattern-background-left.svg");
	background-position: left, top;
	background-size: contain;
	background-repeat: no-repeat;
}

.services-hero-background {
	background-image: url("svg/services-hero-background.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.schedule-appointment-background {
	background-image: url("svg/schedule-appointment-background.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


  .services-card-image {
    min-width: 320px;
    max-width: 320px;
  }

  .opacity-33 {
    opacity: 0.33;
  }

  .gallery-image {
    object-fit: cover;
  }

  .financial-insurance-logo {
    max-width: 150px;
    max-height: 60px;
  }

  .drop-quote-left {
    font-size: 6rem;
    position: relative;
    transform: translate(-2px, -5px);
}

	.drop-quote-right {
	  font-size: 6rem;
	  position: relative;
	  transform: translate(3px, 6px);
	}


.faq-section-background {
	background-image: url("svg/floral-faq-background.svg");
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
}

.faq-border-inner {
	border: 2px solid rgba(140,136,128,0.50);
}

.faq-border-outer {
	border: 10px solid rgba(140,136,128,0.50);
}


.hover-scale-up {
	transition: 0.3s ease;
}

.hover-scale-up:hover {
	scale: 110%;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  background-color: #666056;
  color: #fff;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "presicav", sans-serif;
  font-weight: 300;
  font-size: 12px;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #8C8880 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

  .service-hr {
    border-top: 2px #8C8880 solid;
    opacity: 1;
    width: 40px;
  }


  .home-services-icon-container {
    width: 140px;
	height: 140px;
    border: none;
	background-color: #fff;
  }

  .home-services-icon-inner {
	width: 100px;
	height: 100px;
  }

  .about-services-icon-container {
    width: 120px;
	height: 120px;
    border: 3px solid rgba(255,255,255,0.33);
  	outline: #666056 solid 10px;
	background-color: #666056;
  }


  .primary-section-padding {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }

  .border-none {
    border: none;
  }

  .hr-white {
    border-color: #fff;
    border-style: solid;
  }

  .accordion-button:not(.collapsed) {
    color: #262626;
    background-color: rgba(140,136,128,0.33); 
  }

  .bio-doctor-headshot {
    width: 220px;
  }

  .community-gallery-image {
    max-width: 240px;
  }

  .footer-accent-top {
    background-color:#8C8880;
    z-index: 200;
    opacity: 0.33;
  }

  .footer-background-1 {
    background-color: #333;
  }

  .footer-background-2 {
    background-color: #4d4d4d;
  }

  .footer-background-3 {
    background-color: #404040;
  }

  .footer-background-4 {
    background-color: #1f1f1f;
  }


  .footer-nav-heading {
	font-family: "presicav", sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
	text-transform: uppercase;
  }

  .footer-nav-list {
    font-size: 13px;
    letter-spacing: 0.75px;
    line-height: 180%;
	font-weight: 300;
	opacity: 0.75;
	  
  }


  .footer-copyright-text {
    font-size: 12px;
    opacity: 0.66;
    font-weight: 300;
  }

  .footer-byline-background {
    background-color: #1e1e1e;
  }

  .content {
    position:relative;
    height:20vh;
    text-align:center;
    background-color: white;
  }
  

  /*Shrinking for mobile*/
  @media (min-width: 768px) {

    .home-intro-card {
      width: 180px;
      height: 180px;
      font-size: 20px;
      line-height: 1.3rem;
    }

    .home-hero-image-lg {
      right: 0px;
      top:0px;
      margin-top: -48px;
    }
	  
	.faq-section-background {
	min-height: 460px;
	}


  }


    /* Breakpoint lg and larger */
    @media (min-width: 992px) {

    .eyebrow-container {
        height: 40px;
      }

    .navbar {
      transform: translateY(40px);
    }

    .nav-link {
      margin-left: 10px;
      font-size: 11px;
      font-weight: 400;
	  color: #666056;
	  letter-spacing: 1px;

    }

    .dropdown-item {
      font-size: 14px;
      letter-spacing: 0.5px;
      color: #666;
    }
    

    .btn-nav-custom {
      font-size: 13px;
      padding-top: 8px;
      padding-bottom: 8px;
      text-transform: none;
    }

    .primary-section-padding {
      padding-top: 8vh;
      padding-bottom: 8vh;
    }

    .home-hero-image-lg {
      right: 0px;
      margin-bottom: 4rem;
      margin-top: auto;
    }

    .new-patient-background-1 {
      background-size: 200px;
      background-position: bottom left;
    }

    .new-patient-background-2 {
      background-size: 200px;
      background-position: bottom left;
    }
		
	.payment-section-container {
	  max-width: 450px;	
	}

    .bio-doctor-headshot {
      max-width: 274px;
    }
		
	.faq-2-positioning {
	position: relative;
	transform: translate(-20px, -20px);
	}
		

    }

    @media (min-width: 1100px) {


    }

    /* Breakpoint xl and larger */
    @media (min-width: 1200px) {

      .hero-content-container {
      max-height: 340px;
      }
		
	.faq-1-positioning {
	position: relative;
	transform: translateX(60px);
	}
		
	.faq-2-positioning {
	position: relative;
	transform: translate(-20px, -16px);
	}

    }

  /* Breakpoint xxl and larger */
  @media (min-width: 1400px) {

    .hero-content-container {
      max-height: 240px;
    }

    .home-doctor-intro-background {
      background-image: url(svg/doctor-intro-background-accent.svg);
      background-size: 300px;
      background-position: right center;
      background-repeat: no-repeat;
    }

    .home-doctor-intro-background-2 {
      background-image: url(svg/doctor-intro-background-accent-2.svg);
      background-size: 300px;
      background-position: right center;
      background-repeat: no-repeat;
    }
	  
	.faq-2-positioning {
	position: relative;
	transform: translate(-60px, -20px);
}


    .welcome-hero-image {
      max-width: 560px;
    }

  }

  @media (min-width: 1600px) {
    .new-patient-background-1 {
      background-size: 300px;
    }

    .new-patient-background-2 {
      background-size: 320px;
    }

}

  @media (min-width: 1800px) {

  }