@charset "UTF-8";


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

body {
    font-family: "League Spartan", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #666;
    padding-top: 10rem;
    background-color: #e3e6e9;
  }

p {
    font-size: 18px;
    letter-spacing: 0.3px;
}

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

.container {
  max-width: 1200px;
}

.navbar-container {
  padding-bottom: 0.8rem;
  background: rgb(227,230,233);
  background: linear-gradient(180deg, rgba(227,230,233,1) 20%, rgba(227,230,233,0) 100%);
  z-index: 999;
}

btn:focus, a:focus
{
	 outline: none;
}

.navbar-toggler:focus
{
	 outline: none !important;
	 box-shadow: none;
}

.nav-link:focus
{
	 outline: none !important;
	 box-shadow: none;
	}

.navbar-background {
	background-color: #F3F3F3;
}

.navbar-nav {
	font-size: 20px;
	line-height: 30px;
	font-weight: 350;
	transition: ease 0.2s;
}

.navbar-toggler {
	border: none;
}

.nav-link:hover {
	color: #0092FA;
}

.navbar {
	max-width: 1200px;
}

.nav-caret-custom {
	max-width: 18px;
	margin-left: 0.3rem;
}

.eyebrow-tab {
	max-height: 34px;
	display: flex;
	align-content: center;
}

.eyebrow-label {
  font-size: 13px;
}

.eyebrow-btn {
	border: #0092FA 2px solid ;
}

.dropdown-menu {
	background-color: rgba(255,255,255,0);
	border: none;
}


.dropdown-item {
	color: #505050;
	font-size: 18px;
	font-weight: 400;
	margin-left: 30px;
}

.nav-byline {
	margin-left: 46px;
	font-weight: 400;
	opacity: 0.5;
	position: relative;
	margin-top: -6px;
}

.hr-nav {
	opacity:0.1;
	margin-top: 0.6rem;
	margin-bottom: 0.6rem;
}

.dropdown-toggle::after {
    display: none;
}

.nav-icon {
	margin-left: -44px;
	width: 24px;
}


.btn-nav-custom {
	color: #0092FA;
	background-color: #fff;
	border: solid 2px #0092FA;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 0.6rem;
	font-size: 1.1rem;
	font-weight: 400;
}

.btn-nav-custom:hover {
	color: #fff;
	background-color: #0092FA;
	border: solid 2px #0092FA;

}

.nav-fade-in {
	animation: navFadeIn 0.6s ease 0s 1 normal forwards;
}

@keyframes navFadeIn {
	0% {
		opacity: 0;
		transform: translatex(-50px);
	}

	100% {
		opacity: 1;
		transform: translatex(0);
	}
}



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

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

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

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

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

  .background-light {
    background-color: rgba(255, 255, 255, 0.25);
  }

  .background-emergency {
    background-color: #00BCD6;;
  }

  .brand-primary {
    color: #0097FF;
  }

  .brand-primary-background {
    background-color: #0097FF;
  }

  .brand-secondary {
    color: #006c7d;
  }

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

  .neu-extruded {
    background: linear-gradient(145deg, #EEEFF2, #e5e6eb);
    box-shadow:  10px 10px 20px rgba(166, 171, 189, 0.85),
                -10px -10px 20px #ffffff;
    border: solid 1px rgba(255, 255, 255, 0.5);
  }

  .neu-extruded-light {
    background: linear-gradient(145deg, #EEEFF2, #f7f7f7);
    box-shadow:  10px 10px 20px rgba(166, 171, 189, 0.4),
                -10px -10px 20px #ffffff;
    border: solid 1px rgba(255, 255, 255, 0.5);
  }

  .neu-inset {
    background: linear-gradient(145deg, #e5e6eb, #EEEFF2);
    box-shadow:  inset 3px 3px 8px rgba(166, 171, 189, 0.85),
                 inset -3px -3px 8px #ffffff;
    border: solid 1px rgba(255, 255, 255, 0.5);
  }

  .accent-bar {
    height: 16px;
  }

  .primary-gradient {
    background: rgb(0,124,247);
    background: linear-gradient(-90deg, rgba(0,124,247,1) 0%, rgba(55,219,224,1) 100%);
  }

  .secondary-gradient {
    background: rgb(0,124,247);
    background: linear-gradient(270deg, rgba(0,124,247,1) 0%, rgba(55,219,224,1) 100%);
  }

  .top-left-rounded-lg {
    border-top-left-radius: 10rem 10rem;
  }

  .top-left-rounded-md {
    border-top-left-radius: 6rem 6rem;
  }

  .top-right-rounded-lg {
    border-top-right-radius: 10rem 10rem;
  }

  .top-right-rounded-md {
    border-top-right-radius: 8rem 8rem;
  }

  .bottom-left-rounded-md {
    border-bottom-left-radius: 6rem 6rem;
  }

  .bottom-right-rounded-lg {
    border-bottom-right-radius: 10rem 10rem;
  }

  .bottom-right-rounded-md {
    border-bottom-right-radius: 6rem 6rem;
  }

  .home-hero-image-lg {
    max-height: 560px;
    position: relative;
    right: 0px;
    margin-bottom: 4rem;
  }

  .hero-primary-emphasis {
    font-weight: 500;
    line-height: 100%;
  }

  .home-intro-card {
    color: #797979;
    width: 160px;
    height: 160px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.1rem;
    transition: 0.2s ease;
  }

  .home-intro-card:hover {
    color:#0097FF;
    scale: 105%;
    border: #0097FF solid 1px;
    background-color: #fff;
  }

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

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

  .home-payment-plans-image-container {
    height: 400px;
  }

  .home-payment-plans-image {
    width: auto;
    height: 100%;
    object-fit: cover;
  }

  .patient-resources-image {
    width: 400px;
    height: auto;
  }

  .home-testimonial-accent {
    transform: translateY(-70px);
  }

  .accreditation-logo {
    mix-blend-mode: multiply;
    max-width: 200px;
  }

  .closing-contact-image {
    width: 270px;
    height: 350px;
    object-fit: cover;
  }

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

  .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: absolute;
    transform: translate(-36px, -65px);
}

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

   .card-favorite {
    border: solid 6px #00b6ce;
    }


  .btn-custom-white {
    text-decoration: none;
    color: inherit;
    border-radius: 30px;
    padding-top: 16px;
    padding-bottom: 10px;
    padding-left: 28px;
    padding-right: 28px;
    font-family: "League Spartan", sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
    width:auto;
    transition: 0.3s ease;
    white-space: nowrap;
    
  }

  .btn-custom-white:hover {
    background-color: #fff;
    color: #0097FF;
    border-color: #0097FF;
  }

  .btn-custom-footer {
    color: #a2a2a4;
  }

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

  .home-services-card-container {
    width: 340px;
    margin-left: auto;
    margin-right: auto;
  }

  .home-services-icon-container {
    max-width: 150px;
    position: relative;
    top: -60px;
  }

  .home-services-row {
    max-width: 1400px;
  }

  .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: #1080e31e; 
  }

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

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

.transparency-section-col-right {
	width: auto;
  }

  .footer-icon-container {
    width: 40px;
    height: 40px;
  }

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

  .footer-nav-heading {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
  }

  .footer-nav-list {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 180%;
  }


  .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;
  }
  

  /* --------- Breakpoint md and larger --------- */
  @media (min-width: 768px) {

    .eyebrow {
      max-width: 640px;
      margin-right: 24px;
    }

    .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;
    }

    .proudly-serving-accent {
      width: 500px;
      transform: translate(-420px, 0px);
    }
	  
	.new-patient-background-1 {
    background-image: url(svg/patient-resources-background-1.svg);
    background-repeat: no-repeat;
    background-size: 240px;
    background-position: 99% 95%;
  }

  .new-patient-background-2 {
    background-image: url(svg/patient-resources-background-2.svg);
    background-repeat: no-repeat;
    background-size: 240px;
    background-position: 98% 90%;
  }

	  
	.transparency-section-col-right {
	width: 72%;
  	}

  }

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

      body {
        padding-top: 7rem;
      }

    .navbar-nav {
		font-size: 15.5px;
		line-height: 30px;
		font-weight: 400;
	}

	.nav-link {
		margin-right: 1.3rem;
	}

	.nav-caret-custom {
		max-width: 10px;
		margin-left: 0.2rem;
	}
	
	.dropdown-menu {
	background-color: #fff;
	border: none;
	border-radius: 6px;
	padding-left: 1rem;
	padding-right: 1rem;
	outline: #CDCDCD solid 1px;
}
	
	.dropdown-menu:after{
		content:''; /* Required to display content */
		position: absolute; /* Sets the position absolute to the top div */
		top: 0;
		left: 15%;/* position the little arrow */
		margin-left: -15px;
			margin-top:-18px; /* Set margin equal to border px */
		z-index:100;
		width: 20px;
		content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21.056 10.789"><!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 142) --><defs><style> .st0 { fill: %23fff; } .st1 { fill: none; stroke: %23cdcdcd; stroke-miterlimit: 10; } </style></defs><path class="st0" d="M11.638,1.188c-.598-.598-1.567-.598-2.164,0L1.637,9.025l-.153.875.5.889h17.222l.444-.889.2-.499L11.638,1.188Z"/><path class="st1" d="M21.056,9.417h-1.222L11.581,1.165c-.566-.566-1.484-.566-2.05,0L1.278,9.417H0"/></svg>');
	}
	
	.dropdown-item {
	font-size: 15px;
}
	
	.dropdown-item:hover {
		background-color: rgba(255,255,255,0)
	}
	
	.nav-byline {
	font-size: 14px;
	line-height: 1.1rem;
}
	
	@keyframes navFadeIn {
		0% {
			opacity: 0;
			transform: translateY(-30px);
		}

		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}

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

    .top-left-rounded-lg {
      border-top-left-radius: 18rem 18rem;
    }
  
    .top-left-rounded-md {
      border-top-left-radius: 10rem 10rem;
    }
  
    .top-right-rounded-lg {
      border-top-right-radius: 14rem 14rem;
    }
  
    .bottom-left-rounded-md {
      border-bottom-left-radius: 10rem 10rem;
    }
  
    .bottom-right-rounded-lg {
      border-bottom-right-radius: 18rem 18rem;
    }

    .bottom-left-rounded-lg {
      border-bottom-left-radius: 18rem 18rem;
    }
  
    .bottom-right-rounded-md {
      border-bottom-right-radius: 10rem 10rem;
    }

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

    .home-services-card-container {
      width: 300px;
    }

    .home-payment-plans-image-container {
      height: 600px;
    }

    .bio-doctor-headshot {
      max-width: 274px;
    }

    .new-patient-background-1 {
      background-position: 42% 90%;
    }
  
    .new-patient-background-2 {
      background-position: 95% 50%;
    }
		
	.emergency-services-image {
	  max-width: 420px;	
	}
		
	  .home-doctor-intro-background-2 {
      background-image: url(svg/doctor-intro-background-accent-2.svg);
      background-size: 300px;
      background-position: 98% 96%;
      background-repeat: no-repeat;
    }
		

    .footer-nav-list {
      font-size: 14px;
    }
		
    }

    @media (min-width: 1100px) {


    }

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

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

      .home-services-card-container {
        width: 350px;
      }
		
	  .transparency-section-col-right {
	  width: 55%;
  	  }
		
	  .emergency-services-image {
	  max-width: 500px;	
	}
		
	  .new-patient-background-1 {
      background-position: 2% 90%;
    }

    }

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

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

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


    .proudly-serving-accent {
      width: 900px;
      transform: translate(-700px, 0px);
    }

    

  }

  @media (min-width: 1600px) {

    .new-patient-background-1 {
      background-size: 300px;
      background-position: 2% 85%;
    }

    .new-patient-background-2 {
      background-size: 300px;
      background-position: bottom right;
    }

}

  @media (min-width: 1800px) { 
    
  }