@font-face {
  font-family: "ArchivoBlack-Regular";
  src: url("../fonts/ArchivoBlack-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "BarlowCondensed-Medium";
  src: url("../fonts/BarlowCondensed-Medium.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "BarlowCondensed-SemiBold";
  src: url("../fonts/BarlowCondensed-SemiBold.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* PULASKI */
@font-face {
  font-family: "AvenirLTStd-Medium_0";
  src: url("../fonts/AvenirLTStd-Medium_0.otf"); /* Safari, Android, iOS */
}

/* COUNTY */
@font-face {
  font-family: "AvenirLT35Light";
  src: url("../fonts/AvenirLT35Light.ttf"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "OpenSans-Bold";
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "OpenSans-Regular";
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "OpenSans-SemiBold";
  src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "RobotoSlab-VariableFont";
  src: url("../fonts/RobotoSlab-VariableFont.ttf") format("truetype"); /* Safari, Android, iOS */
}

.sub {
  width: 1024px;
}

a.pill-button {
  border-radius: 10px;
  padding: 3px 10px 3px 10px;
  color: #fff;
  text-transform: uppercase;
}

a.pill-button:hover {
  text-decoration: none;
}

.icon {
  margin-right: 10px;
}

#content {
  background-color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}

#banner ul,
#banner ul li,
#nav ul,
#nav ul li,
#assistance ul,
#assistance ul li,
ul#spotlights,
ul#spotlights li,
ul#physicians,
ul#physicians li,
#footer .row div ul,
#footer .row div ul li,
#tryptic ul,
#tryptic ul li,
ul#mobile-nav,
ul#mobile-nav li {
  list-style: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#banner ul,
#nav ul,
ul#spotlights,
#tryptic ul {
  display: table;
}

#banner ul,
#nav ul,
#tryptic ul {
  width: 100%;
}

#banner ul li,
#nav ul li,
#alerts ul li,
ul#spotlights li,
#tryptic ul li {
  display: table-cell;
}

body,
#testimonials,
#banner,
ul#spotlights li:last-child {
  background-color: #002b49;
}

p {
  font-family: "OpenSans-Regular", Fallback, sans-serif;
}

#testimonials,
#banner {
  color: #ffffff;
}

#membership,
#assistance,
#partners,
#nav {
  background-color: #ffffff;
}

/* BANNER */

#banner {
  font-size: 12px;
}

#banner ul {
  margin: 0px;
}

#banner ul li {
  padding: 10px;
  font-family: "OpenSans-Regular", Fallback, sans-serif;
}

#banner ul li:last-child a,
#banner ul li:nth-child(3) {
  text-transform: uppercase;
}

#banner ul li:first-child,
#banner ul li:nth-child(2) {
  border-left: 1px solid #00c2df;
}

#banner ul li:last-child {
  text-align: right;
}

#banner ul li a {
  color: #ffffff;
}

a#urgent-care {
  color: #ffffff;
  background-color: #00c2df;
}

a#urgent-care:hover {
  text-decoration: none;
}

/* NAV */

#nav {
  padding-top: 20px;
  padding-bottom: 10px;
}

#nav ul li a {
  font-family: "OpenSans-Regular", Fallback, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  color: #799a05;
}

#nav ul li:first-child {
  text-align: left;
}

#nav ul li {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

/* PULASKI COUNTY */
#nav ul li:first-child a,
#footer .row div:first-child h3,
#footer .row div h5,
#testimonials h2 {
  font-family: "AvenirLTStd-Medium_0", Fallback, sans-serif;
  color: #00c2df;
}

#nav ul li:first-child a,
#footer .row div:first-child h3 {
  font-size: 25px;
}

/* MEDICAL SOCIETY */
#nav ul li:first-child a span {
  font-family: "AvenirLT35Light", Fallback, sans-serif;
  color: #000000;
}

#nav ul li a:hover {
  text-decoration: none;
}

#nav ul li,
#alerts .col-5 p {
  color: #799a05;
}

.hero {
  background-color: black;
  background-size: cover;
}

#hero {
  height: 500px;
}

#hero {
  background-color: #799a05;
}

#hero-basic-page {
  height: 350px;
}

#hero-basic-page h1 {
  font-family: "BarlowCondensed-SemiBold", Fallback, sans-serif;
  text-transform: uppercase;
  font-size: 70px;
  margin-bottom: 0px;
  color: #ffffff;
}

#hero-basic-page h3 {
  margin-top: 0px;
  color: #ffffff;
}

/* ALERTS */

#alerts {
  background-color: #cccccc;
}

#alerts h2,
#alerts p {
  justify-content: center;
  text-align: center;
}

/* SPOTLIGHTS */

ul#spotlights {
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  position: relative;
  top: -50px;
}

ul#spotlights li {
  color: #ffffff;
  width: 33%;
  height: 200px;
  padding: 30px;
}

ul#spotlights li h4 a {
  font-family: "BarlowCondensed-Medium", Fallback, sans-serif;
  color: #ffffff;
}

ul#spotlights li h4 img {
  margin-right: 10px;
  display: inline-block;
}

ul#spotlights li p {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}

ul#spotlights li:first-child,
a.pill-button {
  background-color: #00c2df;
}

ul#spotlights li:nth-child(2),
#vision .row .col-3 a {
  background-color: #799a05;
}

/* VISION */
#vision {
  background-color: #e8e8e8;
  height: 400px;
  background-size: cover;
  background-image: url("../img/vision_photo.jpg");
}

#vision h2,
#membership h2,
#alerts h2,
#partners h2 {
  font-family: "BarlowCondensed-SemiBold", Fallback, sans-serif;
  text-transform: uppercase;
}

#vision .row .col-3 a {
  color: #ffffff;
}

#vision .row .col-3 a:hover {
  text-decoration: none;
}

#vision .row .col-md-3 a.pill-button {
  font-size: 15px;
  padding: 10px;
  margin-top: 20px;
  border-radius: 20px;
}

/* MEMBERSHIP */

#membership {
  padding: 20px;
}

#membership h2,
#assistance h3,
#newsletter h4,
#testimonials h2,
#footer p.credit,
#newsletter p {
  text-align: center;
}

/* TESTIMONIALS */

#testimonials {
  /* height: 375px; */
  position: relative;
  z-index: 1;
}

#testimonials h2 {
  text-transform: uppercase;
  font-size: 40px;
}

img.testimonial-photo {
  width: 150px;
  float: left;
  margin-right: 50px;
  margin-left: 50px;
}

p.testimonial-name span {
  color: #00c2df;
}

/* ASSISTANCE */

#assistance {
  background-color: #6099b0;
  color: #ffffff;
  padding: 20px;
}

#assistance h3 {
  font-family: "OpenSans-Bold";
  color: #ffffff;
}

#assistance h3 a {
  text-decoration: none;
  color: #002b49;
}

#assistance h3 span {
  color: #002b49;
}

#testimonials .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../img/testimonials_photo.jpg") center center;
  opacity: 0.2;
  width: 100%;
  height: 100%;
}

/* PARTNERS */

#partners {
  padding: 20px;
}

/* INTRO */

#intro {
  background-color: #002b49;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 30px;
  font-family: "OpenSans-Bold", Fallback, sans-serif;
}

/* NEWSLETTER */

#newsletter {
  background-color: #799a05;
  padding: 30px;
  position: relative;
  z-index: 1;
}

#newsletter .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../img/newsletter_photo.jpg") center center;
  opacity: 0.2;
  width: 100%;
  height: 100%;
}

/* FOOTER */
#footer {
  padding-top: 30px;
  padding-bottom: 30px;
}

#footer,
#footer a {
  color: #ffffff;
}

#footer h5 {
  color: #00c2df;
  font-size: 26px;
}

#footer .row div:first-child h3 span {
  font-family: "AvenirLT35Light", Fallback, sans-serif;
  color: #ffffff;
}

#footer p.credit {
  font-size: 12px;
}

div.slick {
  margin-left: auto;
  margin-right: auto;
}

div.slick-slide {
  margin: 5px;
  padding: 10px;
}

div.slick-slide a.pill-button {
  font-size: 15px;
  padding: 15px;
  border-radius: 30px;
}

.slick-hero h1 {
  font-family: "BarlowCondensed-SemiBold", Fallback, sans-serif;
  color: #ffffff;
  font-size: 46px;
  text-transform: uppercase;
}

.slick-hero h2 {
  font-family: "OpenSans-SemiBold", Fallback, sans-serif;
  color: #e8e8e8;
  font-size: 26px;
}

#tryptic ul li {
  background-color: #cccccc;
  width: 33%;
  height: 250px;
  text-align: center;
}

#tryptic ul li {
  background-size: cover;
}

#tryptic ul li:first-child {
  background-image: url("../img/newsletter_photo.jpg");
}

#tryptic ul li:nth-child(2) {
  background-image: url("../img/testimonials_photo.jpg");
}

#tryptic ul li:last-child {
  background-image: url("../img/vision_photo.jpg");
}

/* FORMS */

.error {
  border: 1px solid red;
}

#members-table {
  width: 100%;
}

/* CLINICS */

/* #clinic-photo {
  width: 100%;
  height: 300px;
  background-color: #cccccc;
} */

h1#clinic-title {
  text-align: left;
}

.form-btn {
  background-color: #002b49 !important;
  border: #ffffff !important;
}

/* MEMBERS */

/* #member-photo {
  width: 100%;
  height: 250px;
  background-color: #cccccc;
} */

/**
* The CSS shown here will not be introduced in the Quickstart guide, but
* shows how you can use CSS to style your Element's container.
*/
input,
.StripeElement {
  color: #32325d;
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 4px;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  padding: 10px;
}

input {
  padding: 10px 12px;
}

input:focus,
.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.physician_photo {
  height: 100px;
  width: 100px;
  margin-right: 20px;
  background-color: #cccccc;
  float: left;
}

ul#physicians li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

ul#physicians li p {
  float: left;
}

img.cc-icon {
  width: 32px;
  margin-right: 3px;
}

div#mobile-menu {
  display: none;
  background-color: #002b49;
  color: #fff;
}

div#mobile-menu nav a {
  font-family: "OpenSans-Regular", Fallback, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  color: #00c2df;
}

div#mobile-menu nav a span {
  font-family: "AvenirLTStd-Medium_0", Fallback, sans-serif;
  color: #fff;
}

span.navbar-toggler-icon {
  color: #fff;
}

ul#mobile-nav li {
  padding: 10px;
  border-bottom: 1px #00c2df solid;
}

ul#mobile-nav li a {
  color: #fff;
  display: block;
}

ul#mobile-nav li a:visited {
  color: #fff;
}

div.tab-photo {
  float: left;
  margin-right: 20px;
}

a.nav-link {
  color: #00c2df !important;
  font-family: "BarlowCondensed-Medium", Fallback, sans-serif;
  font-size: 20px;
  border-bottom: 2px solid #cccccc !important;
  border-radius: 0px !important;
}

a.nav-link.active {
  color: #799a05 !important;
  border-bottom: 3px solid #00c2df !important;
  background-color: #ffffff !important;
}

.tab-pane a.pill-button {
  font-size: 15px;
  padding: 10px;
  margin-top: 20px;
  border-radius: 20px;
}

.error {
  border: 1px red solid;
}

.align_left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.align_right {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

#disclaimer {
  font-size: 12px;
  color: green;
}

label {
  margin-top: 10px;
}

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



  #banner,
  #nav {
    display: none;
  }

  div#mobile-menu {
    display: block;
  }

  ul#spotlights,
  #tryptic ul {
    display: block;
  }

  ul#spotlights li {
    display: block;
    width: 100%;
    height: auto;
  }

  #tryptic ul li {
    display: block;
    width: 100%;
  }

  #alerts {
    padding-bottom: 20px;
  }

  #hero-basic-page h1 {
    font-size: 50px;
  }

  input#phone,
  input#email {
    margin-bottom: 10px;
  }

  #footer .col-sm-3 {
    margin-bottom: 20px;
  }

  #content {
    padding: 30px;
  }
}