/*
 Theme Name:   CRH Theme
 Description:  WordPress Gulp theme
 Author:       Greg Gall
 Author URI:   http://greggall.com
 Version:      1.0.0

*/
/* _variables.scss */
/* Grid */
/* Colors */
/* Font Family */
/* Font sizes */
/* Line heights */
/* Box Shadow */
/* Border Radius */
/* Font Weight */
/* Max Width */
/* Base Padding */
/* mixins.scss */
/*Set a rem font size with pixel fallback*/
/* _base.scss */
/*_buttons.scss */
.btn {
  font-size: 18px;
  padding: 8px 18px; }

.check-in-btn, .check-in-button .btn-primary, .btn-sent {
  width: 100%;
  padding: 12px 0;
  border: none;
  background: #CE1B1B;
  border-radius: 5px;
  color: #fff;
  font-weight: 900;
  font-size: 16px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 3px 6px rgba(0, 0, 0, 0.12); }

.check-in-btn:hover, .check-in-button .btn-primary:hover, .btn-sent:hover {
  background: #A70D0D; }

.get-in-line-buttons {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr; }

.btn-secondary, #current-location-btn, #clear-address-btn {
  width: 200px;
  padding: 12px 0;
  border: none;
  background: #506fbe;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  text-shadow: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.btn-secondary:hover, #current-location-btn:hover, #clear-address-btn:hover {
  background: #274573;
  color: #fff; }

/* Clockwise overrides */
.btn-primary {
  width: 100%;
  padding: 8px 0;
  border: none;
  background: #506fbe;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.btn-primary:hover {
  background: #274573; }

.check-in-button .btn-primary {
  padding: 12px 0; }

#clear-address-btn {
  background-color: #DC6C6C; }

.btn-sent {
  width: 200px; }

/*_typography.scss*/
h1 {
  line-height: 40px; }

h3 {
  font-family: "Source Sans Pro", "Arial", "Sans-Serif";
  font-weight: 400;
  font-size: 24px;
  line-height: 37px; }

h4 {
  font-family: "Source Sans Pro", "Arial", "Sans-Serif";
  font-weight: 400;
  font-size: 24px; }

/* Global */
body {
  font-family: "Source Sans Pro", "Arial", "Sans-Serif";
  font-size: 18px;
  line-height: 29px;
  margin: 0; }

p {
  margin: 0; }

img {
  width: 100%; }

a {
  color: #506fbe; }

body p {
  margin-bottom: 14px; }

.site {
  display: -ms-grid;
  display: grid;
  grid-gap: 0;
  -ms-grid-columns: 1fr 0 3fr 0 1fr;
  grid-template-columns: 1fr 3fr 1fr;
  -ms-grid-rows: auto 0 auto 0 auto;
      grid-template-areas: "header 	header 	 header" "content 	content  content" "footer 	footer 	 footer"; }

header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: header;
  z-index: 1; }

.site-content {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: content;
  background-color: #F6F7F8;
  padding-bottom: 48px; }

footer {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: footer; }

#primary {
  max-width: 1100px;
  margin: 0 auto; }

.notification-bar {
  text-align: center;
  background-color: #274573;
  color: #fff;
  padding: 8px 0; }

.notification-bar p {
  margin: 0;
  font-size: 16px; }

.site-logo {
  padding: 14px 0;
  margin: 0 auto;
  float: left; }

.forty-clinics {
  display: none; }

.location-anchor {
  display: none;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
  width: 200px; }

.header-checkin {
  position: absolute;
  right: 0;
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
  width: 200px; }

.feedback-btn {
  position: absolute;
  right: 0;
  -webkit-transform: translateY(157%);
          transform: translateY(157%);
  width: 200px; }

.branding {
  max-width: 1100px;
  margin: 0 auto;
  position: relative; }

.site-logo img {
  width: 570px; }

.skip-link {
  position: absolute;
  top: 0;
  display: none; }

footer {
  background-color: #E7EAED; }

.footer-wrapper {
  display: -ms-grid;
  display: grid;
  grid-gap: 0;
  -ms-grid-columns: 1fr 0 1fr 0 1fr;
  grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas: "footer-left  footer-middle  footer-right";
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 0; }

.site-info {
  font-size: 16px;
  margin: 0 auto;
  background-color: #274573;
  color: #fff;
  padding: 8px 0;
  text-align: center; }

.copyright {
  margin-bottom: 0; }

.footer-left {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: footer-left; }

.footer-middle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: footer-middle; }

.footer-right {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: footer-right; }

.icon {
  width: 20px;
  float: left;
  padding-right: 8px; }

.add-times-dropdown-list {
  display: none;
  padding-left: 30px;
  border: 1px solid #EEF0F2;
  margin: 0;
  padding: 10px 0 0 30px;
  background-color: #F6F7F8;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 3px 6px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  width: 80px;
  position: absolute;
  z-index: 1;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

.add-times-dropdown:hover .add-times-dropdown-list {
  display: block; }

.hide {
  display: none; }

#display-map {
  display: none;
  position: absolute;
  top: 15%;
  z-index: 99999;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  left: 50%;
  width: 200px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 3px 6px rgba(0, 0, 0, 0.12); }

/* Navigation */
#mega-menu-wrap-header-menu #mega-menu-header-menu {
  max-width: 1100px;
  margin: 0 auto; }

/* Map */
.frame::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 20px;
  height: 10px; }

.frame::-webkit-scrollbar-track {
  border: 2px solid #ADB5BD;
  padding: 5px; }

.frame::-webkit-scrollbar-thumb {
  border-radius: 48px;
  height: 10px;
  border: 2px solid #ADB5BD;
  /* should match background, can't be transparent */
  background-color: #DBDEE2;
  margin: 2px; }

.frame::-webkit-scrollbar-button:vertical:start:decrement {
  display: block;
  height: 25px;
  background: -webkit-linear-gradient(330deg, #868E96 40%, rgba(0, 0, 0, 0) 41%), -webkit-linear-gradient(210deg, #868E96 40%, rgba(0, 0, 0, 0) 41%), -webkit-linear-gradient(bottom, #868E96 30%, rgba(0, 0, 0, 0) 31%);
  background: linear-gradient(120deg, #868E96 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(240deg, #868E96 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(0deg, #868E96 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #F6F7F8; }

.frame::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
  height: 25px;
  background: -webkit-linear-gradient(150deg, #696969 40%, rgba(0, 0, 0, 0) 41%), -webkit-linear-gradient(30deg, #696969 40%, rgba(0, 0, 0, 0) 41%), -webkit-linear-gradient(top, #696969 30%, rgba(0, 0, 0, 0) 31%);
  background: linear-gradient(300deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(60deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(180deg, #696969 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #F6F7F8; }

#clear-address-btn {
  display: none; }

.map-wrapper {
  margin: 36px 0; }

.map-wrapper h2 {
  margin-bottom: 18px; }

.locations-header {
  margin-top: 48px; }

.locations-list {
  overflow: hidden;
  overflow-y: scroll;
  position: relative;
  z-index: -1; }

.mapboxgl-canvas {
  margin-top: 10px; }

.mapboxgl-ctrl-geocoder {
  margin-left: 0;
  margin-right: 15px;
  width: 79%;
  min-width: auto;
  max-width: none;
  float: left;
  border-radius: 5px;
  z-index: 0; }

.mapboxgl-ctrl-geocoder input[type='text'] {
  padding: 24px 12px;
  font-size: 18px;
  padding-right: 15px; }

.mapboxgl-ctrl-geocoder--button::after {
  content: 'Clear Address'; }

.address-box {
  background-image: none;
  background-color: #E7EAED;
  padding: 24px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 3px 6px rgba(0, 0, 0, 0.12); }

.row-fluid_maps {
  margin-top: -10px;
  z-index: -1; }

#map-canvas {
  height: 675px; }

#group-hospital-list p {
  margin-bottom: 0px; }

.row-fluid .span4 {
  width: 100%;
  text-align: left;
  background-color: #fff;
  margin-left: 0;
  padding: 20px;
  border-top: 1px solid #F6F7F8;
  border-left: 1px solid #F6F7F8;
  border-bottom: 1px solid #F6F7F8; }

.scroll-helper {
  font-style: italic;
  font-size: 14px;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 6px;
  display: none; }

.hospital-list-item h4 {
  font-size: 18px;
  margin-bottom: 8px;
  line-height: 24px; }

.map-link {
  font-weight: 900;
  border-bottom: 1px solid #F6F7F8;
  margin-top: 0; }

.map-tooltip img {
  width: 20px; }

.groups-map #group-hospital-list > .focused {
  background-color: #EEF0F2;
  position: absolute;
  top: 0; }

.circle-down {
  display: block;
  float: right;
  margin-top: -20px;
  -webkit-animation: action 1s infinite  alternate;
  animation: action 1s infinite  alternate; }

@-webkit-keyframes action {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); } }

@keyframes action {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); } }

.crumbs {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 20px; }

.hospital-infobox {
  opacity: 1;
  border-radius: 5px;
  border: none !important;
  background-color: transparent !important;
  z-index: 99; }

.mapboxgl-popup-content {
  border-radius: 100%;
  padding: 5px;
  background: transparent;
  box-shadow: none; }

.mapboxgl-popup-content p {
  margin-bottom: 6px;
  text-align: center;
  margin-top: -2px;
  color: white; }

.mapboxgl-popup-tip {
  display: none; }

.map-window-full {
  margin-top: -60px;
  z-index: 999;
  position: relative; }

.map-window-wait {
  z-index: 999;
  position: relative; }

.map-window-popup {
  background: white;
  padding: 12px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 3px 6px rgba(0, 0, 0, 0.12);
  border-radius: 5px; }

/*.home*/
/*.home*/
.mapboxgl-popup-anchor-right, .mapboxgl-popup-anchor-left, .mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-bottom {
  -webkit-transform: translateY(inherit, 0px) !important;
          transform: translateY(inherit, 0px) !important; }

.caduceus {
  background: white;
  border-radius: 100%;
  pointer-events: none;
  text-align: center;
  margin-top: 2px; }

.caduceus h3 {
  font-size: 14px; }

.map-name-popup {
  position: absolute;
  margin-top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 14px;
  font-weight: 900;
  display: none; }

.map-window-wait {
  pointer-events: none; }

.mapboxgl-popup-close-button {
  right: 10px;
  top: 10px;
  font-size: 20px;
  z-index: 9999; }

.map-window-wait h3 {
  width: 40px;
  overflow: hidden;
  margin-bottom: 0px !important;
  text-align: center;
  color: white; }

.mapboxgl-ctrl-geocoder--icon-search {
  display: none; }

.mapboxgl-ctrl-geocoder--icon-close {
  margin-top: -1px;
  margin-right: 7px; }

.mapboxgl-ctrl-geocoder--icon {
  fill: #fff; }

.mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close {
  color: #fff; }

.mapboxgl-ctrl-geocoder button {
  padding: 8px 12px;
  background-color: #CE1B1B;
  color: #fff;
  border-radius: 5px; }

/*.home*/
.mapboxgl-marker {
  background-repeat: no-repeat;
  background-size: 50px; }

.home-rating-wrapper {
  width: 220px;
  text-align: left;
  padding: 8px 0;
  font-size: 18px; }

.home-rating-wrapper .google-rating-title {
  font-size: 14px;
  margin-bottom: -6px; }

.home-rating-wrapper svg {
  width: 36px;
  margin-top: -5px; }

.times-date {
  font-size: 14px;
  font-style: italic; }

/*Map Legend*/
.map-legend {
  position: absolute;
  z-index: 100;
  bottom: 100px;
  right: 12px;
  padding: 12px;
  background: rgba(240, 240, 240, 0.95);
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(50, 50, 50, 0.5);
  font-size: 14px; }

.map-legend h5 {
  font-weight: normal;
  letter-spacing: 1px;
  border-bottom: 1px solid grey;
  margin-top: 0; }

.legend-list {
  padding: 0;
  margin: 0;
  list-style: none; }

.legend-list li {
  margin-left: 20px;
  margin-bottom: 3px; }

.legend-green-dot {
  height: 15px;
  width: 15px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
  position: absolute;
  left: 12px; }

.legend-blue-dot {
  height: 15px;
  width: 15px;
  background-color: #506fbe;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
  position: absolute;
  left: 12px; }

.legend-red-dot {
  height: 15px;
  width: 15px;
  background-color: #CE1B1B;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
  position: absolute;
  left: 12px; }

.legend-black-dot {
  height: 15px;
  width: 15px;
  background-color: #333;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
  position: absolute;
  left: 12px; }

.legend-white-dot {
  height: 15px;
  width: 15px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
  position: absolute;
  left: 12px;
  border: 1px solid rgba(0, 0, 0, 0.5); }

.mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right, .mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right {
  z-index: 999; }

/* Smyrna */
#hospital-window-3349 .caduceus {
  background: #333; }

.map-link .Smyrna {
  color: #333; }

/* Acworth */
#hospital-window-1515 .caduceus {
  background: #333; }

.map-link .Acworth {
  color: #333; }

/* Alpharetta */
#hospital-window-1523 .caduceus {
  background: #333; }

.map-link .Alpharetta {
  color: #333; }

/* Athens */
#hospital-window-1376 .caduceus {
  background: #333; }

.map-link .Athens {
  color: #333; }

/* Austell */
#hospital-window-3700 .caduceus {
  background: #333; }

.map-link .Austell {
  color: #333; }

/* Briarcliff */
#hospital-window-5802 .caduceus {
  background: #333; }

.map-link .Briarcliff {
  color: #333; }

/* Brookhaven */
#hospital-window-1375 .caduceus {
  background: #333; }

.map-link .Brookhaven {
  color: #333; }

/* Buford */
#hospital-window-1516 .caduceus {
  background: #333; }

.map-link .Buford {
  color: #333; }

/* Canton */
#hospital-window-1530 .caduceus {
  background: #333; }

.map-link .Canton {
  color: #333; }

/* Cumming */
#hospital-window-7141 .caduceus {
  background: #333; }

.map-link .Cumming {
  color: #333; }

/* Dawsonville */
#hospital-window-6657 .caduceus {
  background: #333; }

.map-link .Dawsonville {
  color: #333; }

/* Oakwood */
#hospital-window-1531 .caduceus {
  background: #333; }

.map-link .Oakwood {
  color: #333; }

/* Cartersville */
#hospital-window-3350 .caduceus {
  background: #333; }

.map-link .Cartersville {
  color: #333; }

/* Columbus */
#hospital-window-5524 .caduceus {
  background: #333; }

.map-link .Columbus {
  color: #333; }

/* Conyers - Coming Soon */
/* Covington */
#hospital-window-4180 .caduceus {
  background: #333; }

.map-link .Covington {
  color: #333; }

/* Cumming Testing- Coming Soon */
/* Decatur */
#hospital-window-1518 .caduceus {
  background: #333; }

.map-link .Decatur {
  color: #333; }

/* Decatur North  */
#hospital-window-1377 .caduceus {
  background: #333; }

.map-link .North {
  color: #333; }

/* Douglasville */
#hospital-window-1519 .caduceus {
  background: #333; }

.map-link .Douglasville {
  color: #333; }

/* Duluth */
#hospital-window-1520 .caduceus {
  background: #333; }

.map-link .Duluth {
  color: #333; }

/* Dunwoody */
#hospital-window-6661 .caduceus {
  background: #333; }

.map-link .Dunwoody {
  color: #333; }

/* Edgewood  */
#hospital-window-2265 .caduceus {
  background: #333; }

.map-link .Edgewood {
  color: #333; }

/* Fayetteville */
#hospital-window-1525 .caduceus {
  background: #333; }

.map-link .Fayetteville {
  color: #333; }

/* Griffin */
#hospital-window-4178 .caduceus {
  background: #333; }

.map-link .Griffin {
  color: #333; }

/* Hiram */
#hospital-window-1521 .caduceus {
  background: #333; }

.map-link .Hiram {
  color: #333; }

/* Johns Creek */
#hospital-window-1522 .caduceus {
  background: #333; }

.map-link .Creek {
  color: #333; }

/* Kennesaw */
#hospital-window-1517 .caduceus {
  background: #333; }

.map-link .Kennesaw {
  color: #333; }

/* LaGrange */
#hospital-window-1526 .caduceus {
  background: #333; }

.map-link .LaGrange {
  color: #333; }

/* Lawrenceville */
#hospital-window-2778 .caduceus {
  background: #8d8f92; }

.map-link .Lawrenceville {
  color: #333; }

/* Lawrenceville Testing */
#hospital-window-5972 .caduceus {
  background: #333; }

.map-link .Testing {
  color: #333; }

/* Lenox Mall Testing */
#hospital-window-6205 .caduceus {
  background: #333; }

.map-link .Lenox {
  color: #333; }

/* Lithonia */
#hospital-window-3312 .caduceus {
  background: #333; }

.map-link .Lithonia {
  color: #333; }

/* Locust Grove */
#hospital-window-5656 .caduceus {
  background: #333; }

.map-link .Locust {
  color: #333; }

/* Locust Grove */
#hospital-window-5656 .caduceus {
  background: #333; }

.map-link .Locust {
  color: #333; }

/* Loganville */
#hospital-window-7143 .caduceus {
  background: #333; }

.map-link .Loganville {
  color: #333; }

/* Mableton */
#hospital-window-1527 .caduceus {
  background: #333; }

.map-link .Mableton {
  color: #333; }

/* Mall of Georgia */
#hospital-window-6206 .caduceus {
  background: #506fbe; }

.map-link .Mall {
  color: #506fbe; }

/* Machester */
#hospital-window-6662 .caduceus {
  background: #333; }

.map-link .Machester {
  color: #333; }

/* Marietta Downtown*/
#hospital-window-6719 .caduceus {
  background: #333; }

.map-link .Marietta {
  color: #333; }

/* Marietta */
#hospital-window-5973 .caduceus {
  background: #506fbe; }

.map-link .Downtown {
  color: #506fbe; }

/* McDonough */
#hospital-window-5974 .caduceus {
  background: #506fbe; }

.map-link .McDonough {
  color: #506fbe; }

/* Monroe */
#hospital-window-7142 .caduceus {
  background: #333; }

.map-link .Monroe {
  color: #333; }

/* Midtown */
#hospital-window-1359 .caduceus {
  background: #333; }

.map-link .Midtown {
  color: #333; }

/* Morrow */
#hospital-window-4179 .caduceus {
  background: #333; }

.map-link .Morrow {
  color: #333; }

/* Newnan */
#hospital-window-1528 .caduceus {
  background: #333; }

.map-link .Newnan {
  color: #333; }

/* Norcross */
#hospital-window-1524 .caduceus {
  background: #333; }

.map-link .Norcross {
  color: #333; }

/* North Covington Testing */
#hospital-window-5978 .caduceus {
  background: #333; }

#list-hospital-5978 .map-link .Covington {
  color: #333; }

/* Rockmart */
#hospital-window-5975 .caduceus {
  background: #333; }

.map-link .Rockmart {
  color: #333; }

/* Roswell */
#hospital-window-1378 .caduceus {
  background: #333; }

.map-link .Roswell {
  color: #333; }

/* Snellville */
#hospital-window-1532 .caduceus {
  background: #333; }

.map-link .Snellville {
  color: #333; }

/* TELEHEALTH */
/* Town Center Mall Testing */
#hospital-window-6207 .caduceus {
  background: #333; }

.map-link .Town {
  color: #333; }

/* Tucker */
#hospital-window-4181 .caduceus {
  background: #333; }

.map-link .Tucker {
  color: #333; }

/* Villa Rica */
#hospital-window-1529 .caduceus {
  background: #333; }

.map-link .Villa {
  color: #333; }

/* Woodstock */
#hospital-window-5655 .caduceus {
  background: #333; }

.map-link .Woodstock {
  color: #333; }

/*Sandy Spring*/
#hospital-window-6468 .caduceus {
  background: #333; }

.map-link .Sandy {
  color: #333; }

/* Front Page */
.owl-carousel {
  z-index: 0;
  margin-top: -25px; }

.owl-theme .owl-nav {
  margin-top: -43px;
  position: absolute;
  z-index: 11;
  font-size: 48px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%; }

.slide-content {
  max-width: 1100px;
  width: 1100px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.slider-title {
  font-size: 48px;
  max-width: 600px;
  line-height: 1.25em;
  color: #274573; }

.slide-overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  /*background-color: rgba(255, 255, 255, 0.5);*/ }

.groups-map {
  display: -ms-grid;
  display: grid;
  grid-gap: 0;
  -ms-grid-columns: 400px 0 1fr;
  grid-template-columns: 400px 1fr;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "search		search" "list	 	map";
  border: none;
  height: 675px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 3px 6px rgba(0, 0, 0, 0.12);
  position: relative;
  z-index: 0; }

.address-box {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: search; }

.row-fluid_maps {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: map; }

.locations-list {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: list; }

.content-wrapper {
  width: 62%;
  float: left;
  margin-right: 3%;
  padding: 2.5%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 3px 6px rgba(0, 0, 0, 0.12); }

.quick-overview-wrapper {
  width: 30%;
  float: right; }

.quick-overview h4 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 900;
  color: #495057; }

.quick-overview-bullet {
  font-size: 16px;
  color: #495057;
  margin-bottom: 0; }

/*hide quick overview on Feedback page*/
.page-feedback .quick-overview {
  display: none; }

.map-window-full h5, .map-window-wait h5 {
  margin-bottom: 8px; }

.popup-heading {
  font-size: 18px;
  border-bottom: 1px solid #DBDEE2;
  padding-bottom: 4px; }

.popup-address {
  margin-bottom: 0 !important; }

.popup-directions {
  margin-top: 8px !important; }

/* Single Clinic Page */
.clinic-content {
  display: -ms-grid;
  display: grid;
  grid-gap: 25px;
  -ms-grid-columns: 1fr 25px 1fr 25px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas: "check-in  details  location"; }

.clinic-details {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: details; }

.clinic-check-in {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: check-in; }

.clinic-check-in h2 {
  font-size: 24px; }

.clinic-details h2, .clinic-location h2 {
  font-size: 24px;
  font-weight: 900; }

.clinic-location {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: location; }

.clinic-name h1 {
  font-weight: 900;
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 18px; }

.clinic-content-wrapper {
  background-color: #fff;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 3px 6px rgba(0, 0, 0, 0.12); }

.sidebar-menu {
  width: 21%;
  float: left;
  margin-left: 36px; }

#menu-sidebar li a {
  font-size: 16px;
  color: #495057;
  margin-bottom: 0; }

.check-in-wrapper {
  background-color: #EEF0F2;
  border: 2px solid #DBDEE2;
  padding: 24px;
  padding-top: 0;
  border-radius: 5px; }

.current-wait-title {
  font-weight: 900;
  border-bottom: 1px solid #F6F7F8;
  font-size: 18px;
  margin-bottom: 8px; }

.current-wait-title img {
  float: left;
  width: auto;
  padding-right: 8px; }

.times-today {
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 16px; }

.times-today a {
  color: #333;
  font-size: 18px; }

.times-today-title h3 {
  color: #333;
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 0; }

.todays-hours h3 {
  font-weight: 900;
  border-bottom: 1px solid #F6F7F8;
  font-size: 18px;
  margin-top: 36px; }

.todays-hours img {
  float: left;
  width: auto;
  padding-right: 8px; }

.times-today img {
  float: left;
  width: auto;
  padding-right: 8px; }

.clinic-details {
  border-left: 1px solid #F6F7F8;
  border-right: 1px solid #F6F7F8;
  padding: 0 24px; }

.clinic-details-list {
  list-style: none;
  padding: 0; }

.clinic-details-list li {
  margin-bottom: 36px; }

.clinic-details-list img {
  float: left;
  width: auto;
  padding-right: 8px; }

.clinic-detail-title {
  font-weight: 900;
  border-bottom: 1px solid #F6F7F8;
  margin-bottom: 8px;
  font-size: 18px; }

.clinic-detail-item p {
  margin-bottom: 8px; }

.clinic-detail-item .day {
  float: left;
  width: 100px; }

.hospital-affiliation p img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
  width: auto; }

/* Single CLinic Reviews */
.reviews {
  display: -ms-grid;
  display: grid;
  grid-gap: 48px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 36px; }

.review-wrapper {
  font-size: 16px;
  line-height: 1.33em; }

.review-wrapper img {
  padding-right: 12px; }

.reviewer-name {
  font-weight: 900;
  margin-top: 6px; }

.days-ago {
  color: #868E96;
  margin-bottom: 12px; }

#review {
  border-top: 1px solid #E7EAED;
  padding-top: 36px;
  margin-top: 24px; }

.review-clinic-title {
  margin-bottom: 0;
  margin-top: 48px; }

.avg-review:nth-child(n+2) {
  display: none; }

.avg-review-wrapper {
  text-align: center; }

.avg-review-wrapper p {
  margin-bottom: 6px; }

.rating-wrapper {
  width: 200px;
  text-align: left;
  margin: 0 auto;
  padding: 15px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 3px 6px rgba(0, 0, 0, 0.12);
  border-top: 5px solid #274573; }

.google-rating-title {
  font-size: 18px;
  line-height: initial;
  margin-top: -2px; }

#avg-review {
  float: none;
  font-size: 24px;
  line-height: initial;
  color: #E7711B;
  font-weight: 900;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }

.home-rating-wrapper #avg-review {
  font-size: 18px;
  margin-top: 8px; }

.avg-review-rating {
  margin-right: 6px; }

/* Single Clinic Booking Page */
.formSubmitter {
  display: -ms-grid;
  display: grid;
  grid-gap: 25px;
  -ms-grid-columns: 1.5fr 25px 1fr;
  grid-template-columns: 1.5fr 1fr;
      grid-template-areas: "appointment  appointment-location"; }

.appointment-wrapper {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: appointment; }

.appointment-location-wrapper {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: appointment-location;
  padding-left: 24px;
  padding-right: 24px;
  border-left: 1px solid #F6F7F8; }

.appointment-location-wrapper h2 {
  font-size: 24px;
  font-weight: 900; }

.form-input-group h2 {
  font-size: 24px; }

.show-after-submit {
  display: none; }

[class*="hint--"] {
  width: 100%; }

.flied {
  width: 80%; }

select {
  width: 95%;
  height: 45px;
  border-radius: 5px;
  border: 1px solid #868E96;
  background: #F6F7F8; }

select:invalid {
  color: gray; }

input div {
  color: #CDD3D8; }

option {
  margin-top: -8px; }

::-webkit-input-placeholder {
  color: #868E96; }

::-moz-placeholder {
  color: #868E96; }

:-ms-input-placeholder {
  color: #868E96; }

::-ms-input-placeholder {
  color: #868E96; }

::placeholder {
  color: #868E96; }

input[type='email'], input[type='text'] {
  width: 91%;
  height: 45px;
  border-radius: 5px;
  border: 1px solid #868E96;
  padding-left: 8px;
  background: #F6F7F8; }

input[type='number'] {
  width: 36px;
  padding: 0 8px;
  margin-right: 8px;
  border-radius: 5px;
  border: 1px solid #868E96;
  background: #F6F7F8; }

input[type='checkbox'] {
  width: 18px;
  margin-top: -3px;
  height: 14px; }

.appointment-form-wrapper {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  background-color: #EEF0F2;
  /*box-shadow: $x1 $y1 $blur1 $shadow-color1, $x2 $y2 $blur2 $shadow-color2;*/
  border: 2px solid #DBDEE2;
  padding: 24px;
  border-radius: 5px; }

.appointment-form-wrapper p {
  margin-bottom: 0; }

/* Show red borders when filled, but invalid 
select:not(:placeholder-shown) {
  border-color: hsl(0, 76%, 50%);;
}*/
/* Show green borders when valid */
select:valid {
  border-color: #274573; }

/* Show red borders when filled, but invalid 
input:not(:placeholder-shown) {
  border-color: hsl(0, 76%, 50%);;
}*/
/* Show green borders when valid */
input:valid {
  border-color: #274573; }

.form-send {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3; }

.send-text {
  margin-top: 36px; }

.show-after-submit img {
  float: left;
  width: auto;
  padding-right: 8px; }

.services-offered {
  margin-top: 24px; }

.reschedule {
  margin-right: 12px;
  margin-top: 12px; }

.reschedule a {
  color: #fff; }

.cancel {
  width: 200px;
  margin-top: 12px;
  box-shadow: none; }

.cancel a {
  color: #fff; }

.appointment-result-copy {
  margin-top: 36px; }

.appointment-result-copy h3 {
  font-weight: 900; }

.uber-link {
  margin-top: 12px; }

/* Non Clinic Pages */
.non-clinic-content-wrapper {
  background-color: #fff;
  padding: 24px;
  border-radius: 5px;
  width: 67%;
  float: left;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 3px 6px rgba(0, 0, 0, 0.12); }

/* Afforadble Cash Pay Pricing */
.page-affordable-cash-pay-pricing .vc_row.vc_column-gap-15 > .vc_column_container {
  padding-top: 0;
  padding-bottom: 0; }

.list-left-padding ul {
  padding-left: 20px; }

@media (max-width: 1100px) {
  .mapboxgl-ctrl-geocoder {
    width: 100%;
    margin-bottom: 12px; }
  #primary {
    padding: 0 15px; }
  .header-checkin {
    padding: 0 15px; }
  .feedback-btn {
    padding: 0 15px; }
  .slider {
    display: none; }
  .footer-wrapper {
    padding: 48px 15px; } }

@media (max-width: 1000px) {
  .groups-map {
    -ms-grid-columns: 1fr 0 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 0 auto 0 auto;
        grid-template-areas: "search		search" "map	 	map" "list		list";
    height: 1144px;
    width: 90%;
    margin: 0 auto; }
  .clinic-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 25px auto 25px auto;
        grid-template-areas: "check-in" "details" "location"; }
  #map-canvas {
    height: inherit; }
  .clinic-details {
    border: none;
    padding: 0; }
  #display-map {
    display: block; }
  .map-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    top: 0;
    z-index: 9999; }
  .address-box {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
  .row-fluid_maps {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
  .locations-list {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
  .clinic-details {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
  .clinic-check-in {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
  .clinic-location {
    -ms-grid-row: 5;
    -ms-grid-column: 1; } }

@media (max-width: 767px) {
  .site-logo img {
    max-width: 320px; }
  .content-wrapper {
    width: 95%; }
  .quick-overview-wrapper {
    width: 95%;
    float: left;
    margin-top: 36px; }
  .header-checkin, .feedback-btn {
    display: none; }
  .map-title {
    display: block;
    text-align: center; }
  .location-anchor {
    display: block;
    position: inherit;
    -webkit-transform: none;
            transform: none;
    margin-bottom: 12px;
    z-index: 1;
    position: absolute;
    top: 86px;
    left: 0;
    background: transparent; }
  .location-anchor .check-in-btn, .location-anchor .check-in-button .btn-primary, .check-in-button .location-anchor .btn-primary, .location-anchor .btn-sent {
    background-color: transparent;
    border: 1px solid white;
    padding: 4px 0px;
    width: 120px; }
  .clinic-content-wrapper {
    width: inherit; }
  .sidebar-menu {
    width: inherit;
    margin-left: 0; }
  .footer-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 0 auto 0 auto;
        grid-template-areas: "footer-left"  "footer-middle"  "footer-right"; }
  .formSubmitter {
    display: -ms-grid;
    display: grid;
    grid-gap: 25px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 25px auto;
        grid-template-areas: "appointment"   "appointment-location"; }
  .appointment-form-wrapper p {
    grid-column: 1 / -1; }
  /* Non Clinic Pages */
  .non-clinic-content-wrapper {
    width: inherit; }
  #reviews {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
  .footer-left {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
  .footer-middle {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
  .footer-right {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
  .appointment-wrapper {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
  .appointment-location-wrapper {
    -ms-grid-row: 3;
    -ms-grid-column: 1; } }

@media (min-width: 0px) {
  .pic-static-map-mobile {
    display: block; }
  .pic-static-map {
    display: none; }
  .desktop-menu {
    display: none; }
  .mobile-menu {
    display: block; } }

@media (min-width: 768px) {
  .pic-static-map-mobile {
    display: none; }
  .pic-static-map {
    display: block; } }

@media (min-width: 900px) {
  .desktop-menu {
    display: block; }
  .mobile-menu {
    display: none; } }