body {
    color: var(--body);
    font-size: 16px;
    line-height: 1.5;
}


/**
 * Colors 
 */
/* Peach #f49e92; */
/* See https://colorkit.co/color/f49e92/ */
:root {
    /* element colors */
    --body: #666;
    --nav-bar-background: #3b61b9;
    --nav-bar-text: #fff;
    --nav-bar-text-hover: #fff;
    --nav-bar-hover-bkgrnd: #23d5ae;
    --nav-bar-active-bkgrnd: #23d5ae;
    --banner-bkgrnd: #2a4481;
    --banner-h1-text: #fff;
    --subbanner-h5-text: #3b61b9;   /* h5 subbanner text currently uses class="text-primary" */
	--secondarybanner: #2a4481;

    --black: black;
    --blue: blue;
    --gray: #555;
    --peach: #f49e92;
    --purple: #8e21f3;
    --teal: #1ca0ac;
    --yellow: yellow;
    --white: #fff;

    --primary: #2a4481;       /* Primary color currently banner background and footer background */
    --secondary: #23d5ae;     /* Currently green used in top-nav buttons and buttons */
    --tertiary:;      /* Tertiary color */
  }
  
  .color-black { color: var(--black) !important; }
  .color-primary { color: var(--primary) !important; }
  .color-secondary { color: var(--secondary) !important; }
  .color-tertiary { color: var(--tertiary) !important; }
  .color-yellow { color: var(--yellow) !important; }
  .color-white { color: var(--white) !important; }
  .color-peach { color: var(--peach) !important; }
  .color-secondarybanner { color: var(--secondarybanner) !important; }


/**
 * Alignments
 */
.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

/**
 * Fonts
 */

h1 {
    color: var(--banner-h1-text) !important;
    font-size: 36px;
	text-shadow: 1px 1px #000;
}

.fs-48 {
    font-size: 48px !important;
}

.fs-36 {
    font-size: 36px !important;
}
 
.fs-24 {
    font-size: 24px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fw-bold {
    font-weight: bold;
}

.doctor-quote {
    font-family:'Times New Roman', Times, serif;
    font-size: 24px;
    font-style: italic;
}


/**
 * Font Adjustments
 */
 .text-shadowed {
    text-shadow: 1px 1px #000;
}

.text-bolder {
    font-weight: bolder;
}


/**
 * HR Override
 */
.text-subline {
    position: relative;
    height: 1px;
    padding: 0;
    background: transparent !important;
    margin-bottom: 22px;
    border: none;
}


/**
 * Custom Lists
 */
ul.custom-list {
    color: var(--secondary) !important;
    list-style-position: inside !important;
    list-style-type: square !important;
    margin-left: 24px;
}

ul.custom-list li {
    margin-bottom: 12px !important;
}

ul.custom-list li span {
    color: var(--body) !important;
}

/**
 * Announcement Top of Page Banner
 */
.banner-announcement {
    background-color: red;
    color: var(--white) !important;
    font-weight: bold;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 100%;
}


@media (max-width: 576px) {

    .banner-announcement {
      background-color: red;
      color: var(--white) !important;
      font-weight: bold;
      margin-top: 60px
      padding-bottom: 8px;
      padding-top: 8px;
      width: 100%;
    }

}


.banner-announcement span {
    display: inline-block;
    padding-left: 12px;
}

.banner-announcement span a {
    color: var(--yellow) !important;
    font-weight: bold;
    text-decoration: none;
}

/**
 * Home Page Banner Area
 */
.custom-banner-nudge-down {
    margin-top: 90px;
}

/**
 * Services Sidebar Nav
 */
 .custom-next-arrow {
    font-size: 18px;
    font-style: normal;
    float: right;
}

.fa-angle-right:before {
    font-weight: 900 !important;
}

.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul li {
    list-style: none;
    line-height: 2.5rem;
    border-top: 2px solid transparent;
}

.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul li a {
    background: #ebeff8;
    border-left: 1px solid #ebeff8;
    border-bottom: 1px solid #fff;
    color: #333;
    font-weight: 700;
    display: block;
    padding: 16px;
}
  
.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul li:first-child a {
    /* none */
}
  
.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li.active > a {
    border-left: 5px solid #1caa8b;
    background: #23d5ae;
	color: #fff;
}
  
.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li a:hover {
    background: #fee5e2;
    border-left: 5px solid #f97e6d; 
}

/**
 * Sliders
 */
.swiper-slide {
    background-image:url('../images/backgrounds/south-dayton-pediatrics-background.png');
}

.swiper-caption img {
    opacity: 1 !important;
}

    @media (max-width: 768px) {
        .swiper-caption img {
            margin-bottom: 24px;
         }
    }

.slider-text-wrapper {
    background-color: rgba(0,0,0,0.35);
    border-radius: 12px;
    padding: 24px;
}


/**
 * Section Related
 */
 @media (max-width: 992px) {
    .section-nudge-down {
        margin-top: 48px;
    }
}


/**
 * Call to action
 */

.call-to-action::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17,99,151,0.8);
    z-index: 0;
}
  
.call-to-action {
    position: relative;
}

/**
 * Google Map
 */
.google-map-container {
    line-height: 0;
}

/**
 * Icons
 */
.icon-white {
    background-color: white;
    border: 1px solid white;
    color: #294481;
}

.icon-white:hover {
    background-color: #0956b5;
    border: 1px solid #0956b5;
    color: white;
}


/**
 * Buttons
 */
.btn-java {
    color: #ffffff;
    background-color: #23D5AE; /* #bbc94f; */
    border-color: #23D5AE; /* #bbc94f; */
}
  
      @media (max-width: 576px) {
        .btn-java {
            margin-top: 12px;
        }
      }

.btn-java:hover {
    color: #ffffff;
    background-color: black;
    border-color: black;
}

.bg-accent .btn-java:hover {
    color: #ffffff;
    background-color: black;
    border-color: black;   
}


/**
 * Breadcrumb area
 */

.breadcrumb-modern1 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern2 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern3 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern4 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern4.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern5 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern5.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern6 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern6.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern7 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern7.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern8 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern8.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern9 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern9.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern10 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern10.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern11 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern11.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern12 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern12.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern13 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern13.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern14 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern14.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.breadcrumb-modern15 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern15.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern16 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern16.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern17 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern17.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-modern18 {
  background: var(--secondarybanner);
  background-image: url("../images/backgrounds/modern18.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}