body {
  font-family: museo-sans, sans-serif;
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
  font-family: argent-cf, serif;
	letter-spacing:-0.02em;
}

small {
	font-size:.8rem;
}

.et_pb_text_inner li {
	padding-bottom: 0 !important;
	line-height:1.55em !important;
}

.et-db #et-boc .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul.sub-menu {
	left:-30px;
}

.gform_wrapper li.gfield.half {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.gform_wrapper li.gfield.half input, .gform_wrapper li.gfield textarea {
    border: 1px solid #c0d3d3;
    border-radius: 5px;
    padding: 10px !important;
    box-shadow: inset 2px 2px 2px #0000000f;
}

input#gform_submit_button_2 {
    background: #005e94;
    color: #fff;
    font-weight: bold;
}

.gform_legacy_markup_wrapper div.validation_error {
	border:none;
	    margin-bottom: 0;
    padding-bottom: 0;
}

.gform_legacy_markup_wrapper div.validation_error h2 {
	font-family:museo-sans, sans-serif;
}
.gform_legacy_markup_wrapper .gfield_error .gfield_label {
	color:inherit;
}

.gform_legacy_markup_wrapper .top_label .gfield_error input.large {
	width:95%;
}

.gform_legacy_markup_wrapper .field_description_below .gfield_description {
	padding-top:0;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background:inherit;
	border:none;
	margin: inherit;
    padding: inherit;
}

.benefits-list-item .et_pb_text_inner div {
    margin: 3px 0px;
}
.benefits-list-item .et_pb_text_inner ul > li {
    margin: 0 !important;
    line-height: .6em !important;
    font-size: 13px !important;
}

.benefits-list-item .et_pb_text_inner ul {
    margin-top: -5px;
    padding-top: 0;
    margin-bottom: -7px !important;
}


/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 1286px) {
    
	
	.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}
	
	
    .et_mobile_nav_menu {
        display: flex !important;
		float: none !important;
		margin: 0 6px;
		-webkit-box-align: center;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		flex-direction: row; 
    }
	
	.container {
		width:90%;
	}
	
	header .et_pb_menu_inner_container .et_pb_menu__menu {
      display: none !important;
	}
	
	footer .et_mobile_nav_menu {
      display: none !important;
	}
	
	.et-db #et-boc .et-l .et_pb_text_7 h1, .et-db #et-boc .et-l .et_pb_text_6 h1, .et-db #et-boc .et-l .et_pb_text_5 h1, .et-db #et-boc .et-l .et_pb_text_4 h1, .et-db #et-boc .et-l .et_pb_text_8 h1, .et-db #et-boc .et-l .et_pb_text_1 h1, .et-db #et-boc .et-l .et_pb_text_0 h1 {
		font-size:64px !important;
	}


	
	/* .pa-blog-list .entry-featured-image-url {
		width: 60% !important;
		display: block;
		padding-bottom: 20px;
		margin: 0 auto;
	}
	
	.pa-blog-list .post-content {
		width: 90% !important;
		margin: 0 auto;
	}*/
}

/*add media query so changes only affect tablet and desktop*/

@media (min-width: 767px) {
	



/*set the image width News*/

.pa-blog .entry-featured-image-url  {
width: 35%;
float: left;
margin-bottom: 0!important;
}

/*set the details width News*/

.pa-blog .entry-title,
.pa-blog .post-meta,
.pa-blog .post-content {
width: 60%;
float: left;
padding-left: 30px;
}
}

/* Box Shadow */
.et_pb_blog_0 .entry-featured-image-url, .et_pb_blog_0 img, .et_pb_blog_0 .et_pb_slides, .et_pb_blog_0 .et_pb_video_overlay {
    border-radius: 10px;
}

/*Blog Image Ratio */
/*blog image aspect ratio portrait 3:4*/

.pa-blog .entry-featured-image-url {
  padding-top: 45%;
  display: block;
}

.pa-blog .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: contain;
}
	
	
/*----------------------------------*/
/*set the image width News*/

.pa-blog-list .entry-featured-image-url  {
width: 30%;
float: left;
margin-bottom: 0!important;
}

/*set the details width News*/

.pa-blog-list .entry-title,
.pa-blog-list .post-meta,
.pa-blog-list .post-content {
width: 70%;
float: left;
padding-left: 30px;
}


/* Box Shadow */
.et_pb_blog_0 .entry-featured-image-url, .et_pb_blog_0 img, .et_pb_blog_0 .et_pb_slides, .et_pb_blog_0 .et_pb_video_overlay {
    border-radius: 10px;
}
/* End Box Shadow CSS*/

/* blog post image url style adjustments 
.pa-blog-list .entry-featured-image-url {
	width: 25%;
}

/* contact info and hours panel on clinic post pages */
.clinic-post.et_section_specialty .et_pb_specialty_column .et_pb_text_inner p {
    font-size: 14px;
    font-weight: 300;
}

.et_pb_section.et_pb_section_1_tb_header.et_pb_sticky_module.et_section_regular.et_pb_section--with-menu.et_pb_sticky.et_pb_sticky--top {
    box-shadow: 0 2px 20px #00000012;
}


.et-db #et-boc .et-l .et_pb_text_7 h1, .et-db #et-boc .et-l .et_pb_text_6 h1, .et-db #et-boc .et-l .et_pb_text_5 h1, .et-db #et-boc .et-l .et_pb_text_4 h1, .et-db #et-boc .et-l .et_pb_text_8 h1, .et-db #et-boc .et-l .et_pb_text_1 h1, .et-db #et-boc .et-l .et_pb_text_0 h1 {
  word-wrap:normal;
}

a.modal-content-button {
    background: #135a8b;
    padding: 11px 25px;
    color: #fff;
    font-weight: 600;
    border-radius: 7px;
    margin: 10px 0;
    display: inline-block;
    text-align: center;
}

a.overlay-close span {
    font-size: 48px;
}

.divioverlay .overlay-close {
	right:50px !important;
	color:#00588d !important;
}

header .et_pb_section--with-menu.et_pb_sticky.et_pb_sticky--top {
    box-shadow: 0px 2px 10px #0000001c;
}

.notification-bar {
    width: 100%;
    text-align: center;
    background: #d0ddee;
}

.notification-bar p {
    color: #000;
    font-size: 16px;
    letter-spacing: -0.02em;
	padding:10px 0 !important;
	line-height: 1.1em;
}

.announcement-bar {
	width: 100%;
	text-align: center;
	background: #dbebe2;
}

.announcement-bar p {
	color: #000;
	font-size: 16px;
	letter-spacing: -0.02em;
	padding: 10px 0 !important;
	line-height: 1.1em;
}



.emergency-notification-bar p {
    color: #111;
    font-size: 16px;
    letter-spacing: -0.01em;
    font-weight: 700;
	line-height: 1.1em;
	padding:10px 0 !important;
}

body .emergency-notification-bar {
    text-align: center;
    background: #d7d6d6 !important;
}

.notification-bar p a, .emergency-notification-bar p a {
    text-decoration: underline;
    color: inherit;
    font-weight: bold;
    cursor: pointer;
}

.notification-bar p a {
	color:#000; 
}

.emergency-notification-bar p a {
    color: #015e95;
}

.inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul.sub-menu:before {
    content: '';
    background: #0b2232;
    width: 60px;
    height: 40px;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    top: 0px;
    left: calc(180px - 50%);
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li ul.sub-menu {
	border:none;
}

.et_pb_accordion_item a.et_pb_button:hover {
    opacity: .8;
}

.et_pb_accordion_item a.et_pb_button::after {
    content: none !important;
}

.et_pb_blurb_container .et_pb_blurb_description a strong {
    line-height: 1.2em;
    display: block;
    font-size: 14px;
}

footer ul#menu-helpful-links {
    display: block !important;
    margin-left: 32px !important;
} 

footer ul#menu-helpful-links li {
    margin-left: 0px !important;
    padding: 0 !important;
    display: block !important;
	width:100%;
}

footer ul#menu-helpful-links li a {
    font-size: 12px;
	color: #c9dbea !important;
}

/* ///////////////////  HOMEPAGE CALLS TO ACTION  //////////////////////// */
.home-cta-buttons h2 {
	font-size: 23px !important;
	vertical-align: middle;
	font-weight:300;
}

.home-cta-buttons img {
	margin-right: 10px;
	max-height: 38px;
	width: auto;
	vertical-align: middle;
}

.home-cta-buttons .et_pb_text_inner {
	text-align: center;
}

.home-cta-buttons .et_pb_column {
	padding: 15px 10px;
	border-radius: 8px;
	height: 66px;
}

.home-cta-buttons .et_pb_column:nth-child(1) {
	background: #d0ddee;
	margin-right: 15px;
}

.home-cta-buttons .et_pb_column:nth-child(2) {
	background: #d8d4ee;
	margin-right: 15px;
}

.home-cta-buttons .et_pb_column:nth-child(3) {
	background: #f9dee5;
}

.home-cta-buttons.lower .et_pb_column:nth-child(1) {
	background: #ecedee;
	margin-right: 15px;
}

.home-cta-buttons.lower .et_pb_column:nth-child(2) {
	background: #dbebe2;
	margin-right: 15px;
}

.home-cta-buttons.lower .et_pb_column:nth-child(3) {
	background: #e1ecf9;
}

/* Styles from the Theme Options area moved here */
.et_pb_slides .et_pb_slider_container_inner {
	vertical-align: bottom;
}

.et_pb_text_inner li {
	padding-top: 10px;
	padding-bottom: 10px;
}

#main-content #content-area #left-area .et_pb_row {
    width: 100% !important;
}

body:not(.et-tb) #main-content .container {
	padding-top: 0;
}

#footer p {
	padding-bottom: .2em;
}

article.post-password-required .password-form-wrap .et_password_protected_form p {
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
}

article.post-password-required {
    padding: 8% 0 10% 0;
	z-index: 0;
    position: relative;
}
article.post-password-required .password-form-wrap {
    padding: 0% 0;
}

article.post-password-required .password-form-wrap .et_password_protected_form input {
  border-radius: 8px !important;
}

article.post-password-required .password-form-wrap .et_password_protected_form h1 {
    display: block;
    color: #111;
    font-size: 42px;
}

article.post-password-required .password-form-wrap button.et_submit_button.et_pb_button {
    color: #fff!important;
    border-radius: 10px;
    font-size: 16px;
    background-color: #46B7A5;
    padding: 8px 48px;
    font-weight: 600;
	float:none;
}

article.post-password-required .password-form-wrap button.et_submit_button.et_pb_button:hover {
    color: #fff!important;
    border-radius: 10px;
    font-size: 16px;
    background-color: #46B7A5;
    padding: 8px 48px;
    font-weight: 600;
}

article.post-password-required .password-form-wrap button.et_submit_button.et_pb_button:hover::after {
    margin-left: 5px;
    margin-top: -3px;
}

/* Kiosk styling */
.kiosk-template-default .notification-bar,
.kiosk-template-default .emergency-notification-bar,
.kiosk-template-default .announcement-bar {
	display: none;
}

.kiosk-template-default .container {
	max-width:100%;
	width: 100%;
}

.head-time {
	text-align: left;
}

.head-time .time {
	display: block;
    color: #023d65;
    font-size: 3.5em;
    line-height: .75em;
    text-shadow: 1px 2px 4px rgb(0 0 0 / 20%);
    font-weight: bold;
}

.head-time .date {
	color: #7d7d7d;
	font-size: 1.5em;
	text-shadow: 1px 2px 4px rgb(0 0 0 / 20%);
	padding: 10px 0 0;
	display: block;
}

.kiosk a.et-pb-arrow-prev, .kiosk a.et-pb-arrow-next, .kiosk .et-pb-controllers {
	display: none;
}

.single-kiosk #wpadminbar, .single-kiosk footer {
	display: none;
}

.single-kiosk #main-content {
	padding-top: 25px;
}

#kiosk-wait-times {
	background: #023b63 !important;
	position: fixed !important;
	bottom: 0;
	width: 100%;
	height: 295px;
}

#wait-time-display.kiosk {
	padding: 0;
	border-radius: 0;
	background: transparent;
}

#wait-time-display.kiosk .wait-time-box {
	width: 100%;
	box-shadow: none;
	padding: 0;
	background: transparent;
	color: #FFF;
}

#wait-time-display.kiosk .wt-title {
	text-align: center;
	font-size: 56px;
	color: white;
	letter-spacing: -1px;
	line-height: 1.2;
	font-family: 'Crimson',sans-serif;
	font-weight: 300;
	padding: 0 0 20px;
}

#wait-time-display.kiosk .wt-clinic-location {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	text-align: center;
}

#wait-time-display.kiosk .wt-clinic-name {
	font-size: 40px;
	line-height: 52px;
}

#wait-time-display.kiosk .wt-clinic-location.closed .wt-closed {
	display: block;
}

#wait-time-display.kiosk .wt-clinic-location.open .wt-open {
	display: block;
}

#wait-time-display.kiosk .wt-closed-label {
	color: #FFF;
	font-weight: 500;
}

#wait-time-display.kiosk .wt-time {
	color: #FFF;
	font-weight: 700;
	font-size: 68px;
}



/* Accordion styling */
.et_pb_gutters3.et-db #et-boc .et-l .et_pb_column_1_2 .et_pb_module {
	margin-bottom: 2.5% !important;
}

.et_pb_accordion_0.et_pb_accordion h5.et_pb_toggle_title {
	font-family: museo-sans, sans-serif !important;
}

/* Current menu item styling 
.current-menu-ancestor {
	background: #0d2330;
	border-radius: 10px;
}

.current-menu-ancestor > a {
	color: #fff !important;
}*/

/* Megamenu styling */
.et-db #et-boc #menu-main-menu .sub-menu li.menu-item-has-children > a {
	text-transform: uppercase;
	color: #96c6e0 !important;
	font-weight: 700;
}

.et-db #et-boc #menu-main-menu .sub-menu li.menu-item-has-children li a {
	text-transform: none !important;
}

.et-db #et-boc #menu-main-menu .menu-item-20 > ul.sub-menu {
	max-width: 600px;
	left: auto !important;
	margin-left:-223px;
}

.et-db #et-boc #menu-main-menu .menu-item-20 > ul.sub-menu:before {
    left: calc(100% - 60.5%);
}

.et-db #et-boc #menu-main-menu li.menu-item-23 > ul.sub-menu {
    max-width: 700px;
    left: auto !important;
    margin-left: -240px;
}

.et-db #et-boc #menu-main-menu .menu-item-23 > ul.sub-menu:before {
    left: calc(100% - 61.5%);
}

.et-db #et-boc #menu-main-menu .menu-item-754 > ul.sub-menu {
	border-right: 1px solid #203441;
	border-radius: 0
}

.et-db #et-boc #menu-main-menu .sub-menu li.menu-item-has-children li a sup {
    font-size: .6em;
}

.et_pb_blog_0 .et_pb_post .entry-featured-image-url img {
	border-color: RGBA(255,255,255,1) !important;
    border: 7px solid #fff;
    box-shadow: -2px 10px 30px #00000030;
    height: auto;
}

.single-post #main-content p {
    line-height: 1.55em;
    color: #111;
}

.single-post .et_pb_title_container h1 {
    font-size: 42px;
}

/* Header Search */

form.et_pb_menu__search-form input::placeholder {
    color: #888;
    font-family: 'museo-sans', sans-serif;
    letter-spacing: -0.01em;
}
form.et_pb_menu__search-form {
    background: #F0F4F7;
    padding: 7px 20px;
    border-radius: 10px;
}

form.et_pb_menu__search-form input {
	  font-family: 'museo-sans', sans-serif;
    color: #0b2231 !important;
}



/* Custom Video Popup */
/* Popup Close Icon Tweak */
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
  top: 0px !important;
  position: fixed !important;
}
.mfp-iframe-holder .mfp-content {
    max-width: 70%;
}
.mfp-iframe-scaler button.mfp-close {
    top: -50px ;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    top: -50px !important;
}
.video_popup_lightbox .mfp-iframe-holder .mfp-close {
    top: -50px;
}
.video_popup {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.video_popup a:before {
    content: 'play';
    cursor: pointer;
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 54.5px);
    z-index: 20;
    background-color: #fff;
    padding: 55px 27px;
    border-radius: 50%;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #0a2a3b;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.video_popup a:after {
    content: 'E';
    cursor: pointer;
    font-family: 'ETmodules';
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 47px);
    z-index: 20;
    background-color: #fff;
    padding: 55px 27px;
    border-radius: 50%;
    font-size: 40px;
    text-transform: uppercase;
    color: #0a2a3b;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.video_popup.no_icon:before,
.video_popup.no_icon:after {
    display: none!important;
}
.video_popup:not(.no_icon):hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}
.video_popup:hover a:before {
    opacity: 0;
    padding: 65px 37px;
    left: calc(50% - 64.5px);
    top: calc(50% - 65px);
}
.video_popup:hover a:after {
    opacity: 1;
    padding: 65px 37px;
    left: calc(50% - 64.5px);
    top: calc(50% - 65px);
    font-size: 56.5px;
}
@media all and (max-width: 980px) {
    .video_popup a:before {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 10px;
    }
    .video_popup a:after {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 32px;
    }
    .video_popup:hover a:before {
        opacity: 0;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
    }
    .video_popup:hover a:after {
        opacity: 1;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
        font-size: 42px;
    }
}

/* ///////////////////  STAFF SHORTCODE CARDS  //////////////////////// */
.staff-cards {
	font-size: 0;
}

.staff-card {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	margin: 0 25px 20px 0;
	width: calc( 12.5% - 22px );
	text-decoration: none;
}

.staff-card-plus {
	position: absolute;
	opacity: 0;
	top: 5px;
	left: 0;
	width: 100%;
	height: calc(100% - 36px );
	text-align: center;
	z-index: 10;
	color: #FFF;
	font-weight: 500;
	font-size: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 10px;
	text-shadow: 0 0 8px rgb(0 0 0 / 40%);
	transition: 0.5s all;
}

.staff-card:hover .staff-card-plus {
	opacity: 1;
	top: 0;
}

.staff-card-photo {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);
	background: #005e94;
}

.staff-card-photo img {
	display: block;
	width: 100%;
	transform: scale(1.01);
	transition: 0.6s all;
}

.staff-card:hover img {
	transform: scale(1.1) translateY(3px);
	opacity: 0.8;
}

.staff-card-name {
	padding: 15px 0 0;
	font-size: 14px;
	font-weight: 600;
	color: #005e94;
	line-height: 18px;
}

.staff-card-disclaimer {
	font-size: 13px;
	line-height: 18px;
	padding: 5px 0 0;
}

.staff-location {
	line-height:1.2em;
	font-size:13px;
}


@media (min-width: 1381px) {
	.staff-card:nth-child(8n+8) {
		margin-right: 0;
	}
}

@media (min-width: 1081px) and (max-width: 1380px) {
	.staff-card {
		width: calc( 16.6666% - 21px );
	}
	
	.staff-card:nth-child(6n+6) {
		margin-right: 0;
	}
}

@media (min-width: 981px) and (max-width: 1080px) {
	.staff-card {
		width: calc( 20% - 20px );
	}
	
	.staff-card:nth-child(5n+5) {
		margin-right: 0;
	}
}

@media (min-width:769px) and (max-width: 980px) {
	.staff-card {
		width: calc( 25% - 20px );
	}
	
	.staff-card:nth-child(4n+4) {
		margin-right: 0;
	}
}

@media (min-width:501px) and (max-width: 768px) {
	.staff-card {
		width: calc( 33.333% - 17px );
	}
	
	.staff-card:nth-child(3n+3) {
		margin-right: 0;
	}
}

@media (max-width: 500px) {
	.staff-card {
		width: calc( 50% - 14px );
	}
	
	.staff-card:nth-child(2n+2) {
		margin-right: 0;
	}
}

.staff-cards.text {
	line-height: 18px;
}

.staff-cards.text .staff-card {
	width: auto !important;
	margin: 0 !important;
	display: inline;
}

.staff-cards.text .staff-card .staff-card-name {
	display: inline;
	margin: 0 -4px 0 0;
	padding: 0;
}

.staff-cards.text .staff-card:after {
	content: ', ';
}

.staff-cards.text .staff-card:last-child:after {
	display: none;
}
/* ///////////////////  STAFF SHORTCODE CARDS  //////////////////////// */


/* ///////////////////  WAIT TIME MANAGER  //////////////////////// */
.page-template-wait-time #main-content .container:before {
	display: none;
}

#wait-time-manager {
	padding: 50px 0;
	min-height: 500px;
}

.wt-clinic {
	font-size: 0;
	padding: 10px 0;
	border-bottom: 1px solid #DDD;
}

.wt-clinic-title {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	font-weight: 600;
	width: 40%;
	padding: 27px 0 0;
	line-height: 35px;
	color: #005d93;
}

.wt-clinic-hr,
.wt-clinic-min {
	display: inline-block;
	vertical-align: middle;
	width: 12.5%;
	font-size: 16px;
}

.wt-clinic-date {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: 20%;
}

.wt-clinic-date span {
	font-size: 20px;
	padding: 5px 0;
	display: block;
}

.wt-close-toggle-wrap {
	display: inline-block;
	vertical-align: top;
	width: 10%;
	font-size: 16px;
}

.wt-close-toggle {
	background: #aaa;
	box-shadow: inset 0 70px 80px -100px #fff, 0 0 0 1px #fff, 0 2px 8px rgb(0 0 0 / 20%);
	color: #FFF;
	padding: 9px 16px;
	border-radius: 5px;
	border: 0;
	font-size: 16px;
	cursor: pointer;
}

.wt-close-toggle.active {
	background: #b92929;
}

.wt-clinic-hr label, .wt-clinic-min label, .wt-close-toggle-wrap label {
	display: block;
	font-size: 14px;
	font-weight: 500;
}

.wt-clinic-hr select, .wt-clinic-min select {
	width: calc( 100% - 20px );
	font-size: 20px;
	padding: 5px;
}

.wt-clinic-updated {
	display: inline-block;
	width: 38px;
	height: 38px;
	vertical-align: bottom;
	margin: 0 0 2px;
}

.wt-clinic-updated.loading {
	background: url(images/loading-icon.png) 0 0 no-repeat;
	background-size: 100%;
	animation: wtLoading 1s infinite linear;
}

@keyframes wtLoading {
	0% {
		transform: rotate(0deg);
	}
	100% {
           transform: rotate(360deg);
	}
}

.wt-clinic-updated.updated {
	background: url(images/updated-icon.png) 0 0 no-repeat;
	background-size: 100%;
}

.wt-clinic-save {
	font-size: 16px;
	font-weight: 600;
	position: absolute;
	background: #005e95;
	box-shadow: inset 0 70px 80px -100px #fff, 0 0 0 1px #fff, 0 2px 8px rgb(0 0 0 / 20%);
	color: #FFF;
	padding: 6px 16px;
	border-radius: 5px;
	cursor: pointer;
	display: none;
}

.wt-clinic-save.edited {
	display: block;
}
/* ///////////////////  WAIT TIME MANAGER  //////////////////////// */

/* ///////////////  WAIT TIME DISPLAY: CLINIC ///////////////////// */
#wait-time-display {
	background-color: #F0F4F7;
	border-radius: 0;
	padding: 25px 12px;
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	flex-direction: row;
}

#wait-time-display .wait-time-box {
	background: #FFF;
	width: 45%;
	border-radius: 15px;
	box-shadow: 0 0 10px #dbe4eb;
	padding: 35px;
}

#wait-time-display .wt-title {
	font-size: 15px;
	font-weight: 600;
	color: #434343;
	line-height: 20px;
}

#wait-time-display .wt-subtitle {
	font-size: 15px;
	font-weight: 600;
	color: #434343;
	line-height: 20px;
}

#wait-time-display .wt-time {
	color: #135a8b;
	font-weight: 900;
	font-size: 46px;
	letter-spacing: -0.04em;
	line-height: 50px;
	padding: 15px 0 0px;
}

#wait-time-display .wt-time-updated {
	font-size: 12px;
	padding: 10px 0 0;
	line-height: 14px;
}

#wait-time-display .wt-time-divider {
	border-bottom: 2px solid #e2e2e2;
	margin: 10px 0 20px;
}

#wait-time-display .wt-time-lab-services {
	line-height: 18px;
	font-size: 13px;
}

#wait-time-display a.wt-time-button,
#wait-time-display .wt-time-button {
	background: #53b7a6;
	color: #ffffff !important;
	font-weight: 600;
	display: block;
	text-align: center;
	margin-top:40px;
	padding: 10px;
	border-radius: 6px;
	transition: 0.3s opacity;
}

#wait-time-display a.wt-time-button:hover,
#wait-time-display .wt-time-button:hover {
	opacity: 0.85;
}

#wait-time-display .wt-open, #wait-time-display .wt-closed, #wait-time-display .wt-closed-override {
	display: none;
	color: #000;
}

#wait-time-display .wait-time-box.in-person .open .wt-open,
#wait-time-display .wait-time-box.on-demand .open .wt-open,
#wait-time-display .wait-time-box.in-person.open .wt-open,
#wait-time-display .wait-time-box.on-demand.open .wt-open {
	display: block;
}

#wait-time-display .wait-time-box.in-person .closed .wt-closed,
#wait-time-display .wait-time-box.on-demand .closed .wt-closed,
#wait-time-display .wait-time-box.in-person.closed .wt-closed,
#wait-time-display .wait-time-box.on-demand.closed .wt-closed {
	display: block;
}

#wait-time-display .wait-time-box.in-person .closed-override .wt-closed-override,
#wait-time-display .wt-clinic-location .closed-override .wt-closed-override,
#wait-time-display .wait-time-box.in-person.closed-override .wt-closed-override,
#wait-time-display .wt-clinic-location.closed-override .wt-closed-override {
	display: block;
}

#wait-time-display .wait-time-box.wide {
	width: 95%;
}

#wait-time-display .wt-closed-label {
	color: #135a8b;
	font-weight: 900;
	font-size: 46px;
	letter-spacing: -0.02em;
	line-height: 50px;
	padding: 8px 0 5px;
}

#wait-time-display .wt-closed p {
	line-height: 17px;
}


#wait-time-display .wt-clinic-info {
    font-size: 13px;
}

#wait-time-display.home .wt-clinic-state p {
    font-size: 12px;
}

@media (min-width: 981px) and (max-width: 1540px) {
	#wait-time-display {
		flex-direction: column;
		align-items: center;
	}
	
	#wait-time-display .wait-time-box {
		width: 95%;
	}
	
	#wait-time-display .wait-time-box:first-child {
		margin: 0 0 20px;
	}
}

@media (max-width: 740px) {
	#wait-time-display {
		flex-direction: column;
		align-items: center;
	}
	
	#wait-time-display .wait-time-box {
		width: 95%;
	}
	
	#wait-time-display .wait-time-box:first-child {
		margin: 0 0 20px;
	}
}
/* ///////////////  WAIT TIME DISPLAY: CLINIC ///////////////////// */

/* ////////////////  WAIT TIME DISPLAY: HOME ////////////////////// */
#wait-time-display.home {
	padding: 0 0px 50px;
}

#wait-time-display.home .wait-time-box.on-demand {
	width: 35%;
}
#wait-time-display.home .wait-time-box.in-person {
	width:60%;
}

#wait-time-display.home .wt-clinic-location.closed .wt-closed {
	display: block;
}

#wait-time-display.home .wt-clinic-location.open .wt-open {
	display: block;
}

#wait-time-display.home .wait-time-box.in-person .wt-title {
	display: flex;
	justify-content: space-between;
	padding: 0 0 0 80px;
}

#wait-time-display.home .wt-clinic-location {
	display: flex;
	align-items: center;
	padding: 13px 0 13px 0;
	border-bottom: 1px solid #CCC;
}

#wait-time-display.home .wt-clinic-location:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

#wait-time-display.home .wt-clinic-location .wt-clinic-icon {
	background: url(images/location-icon.png) 0 0 no-repeat;
	background-size: 100%;
	width: 48px;
	height: 48px;
	margin: 0 30px 0 0;
}

#wait-time-display.home .wt-clinic-location .wt-clinic-info {
	width: calc( 62% - 78px );
}

#wait-time-display.home .wt-clinic-location .wt-clinic-state {
	width: calc( 50% - 70px );
	text-align: right;
}

#wait-time-display.home .wt-clinic-location .wt-clinic-name {
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
}

#wait-time-display.home .wt-clinic-location .wt-clinic-address,
#wait-time-display.home .wt-clinic-location .wt-clinic-phone {
	line-height: 24px;
}

#wait-time-display.home .wt-clinic-location .wt-closed-label {
	font-size: 26px;
	font-weight: 700;
	line-height: 26px;
	padding: 0 0 5px;
}

#wait-time-display.home .wt-clinic-location.wt-open .wt-time {
	padding: 0;
	font-size: 38px;
	line-height: 38px;
}

#wait-time-display.home .wt-clinic-location .wt-time-updated {
	padding: 0;
}

#wait-time-display.home .wait-time-box.on-demand .wt-open .wt-title {
	font-size: 20px;
	padding: 0 0 10px;
}

#wait-time-display.home .wait-time-box.on-demand .wt-open .wt-desc {
	line-height: 20px;
	padding: 0 0 20px;
}

.wait-time-box .wt-closed p {
    color: #111;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -.02em;
}

@media (min-width: 981px) and (max-width: 1540px) {
	#wait-time-display.home {
		flex-direction: row;
		align-items: stretch;
	}
}

@media (max-width: 980px) {
	#wait-time-display.home {
		flex-direction: column;
		align-items: center;
	}
	
	#wait-time-display.home .wait-time-box.on-demand {
		width: 100%;
		margin: 0 0 50px;
	}
	
	#wait-time-display.home .wait-time-box.in-person {
		width: 100%;
	}
}

@media (max-width: 700px) {
	#wait-time-display.home .wait-time-box.in-person .wt-title {
		display: none;
	}
	
	#wait-time-display.home .wt-clinic-location {
		flex-direction: column;
	}
	
	#wait-time-display.home .wt-clinic-location .wt-clinic-icon {
		margin: 0;
	}
	
	#wait-time-display.home .wt-clinic-location .wt-clinic-info {
		text-align: center;
		width: 100%;
		padding: 0 0 20px;
	}
	
	#wait-time-display.home .wt-clinic-location .wt-clinic-state {
		text-align: center;
		width: 100%;
	}
}

/* ////////////////  WAIT TIME DISPLAY: HOME ////////////////////// */

/* /////////////////////  FIND A DOCTOR  ////////////////////////// */
.page-template-find-doctor #main-content .container:before {
	display: none;
}

.page-template-find-doctor #main-content {
	/*background: #F0F4F7;*/
}

#doctor-search {
	font-size: 0;
	padding: 60px 0;
	z-index: 0;
	position: relative;
}

#ds-filters {
	display: inline-block;
	vertical-align: top;
	width: 320px;
	margin: 0 50px 0 0;
}

#ds-filters h3 {
	padding: 5px 0 15px;
}

#ds-filters p {
	line-height: 18px;
	font-size: 13px;
}

.filter-item {
	padding: 25px 30px;
	background: #FFF;
	margin: 0 0 15px;
	box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 20%);
	border-radius: 10px;
}

#ds-location {
	padding: 10px 15px;
	width: 100%;
	color: #00588D;
	font-size: 16px;
	border: 2px solid #7096ad;
	border-radius: 6px;
	appearance: none;
	cursor: pointer;
	background-image: url(images/select-icon.png);
	background-position: 97% 48%;
	background-size: 16px;
	background-repeat: no-repeat;
}

#ds-location:hover, #ds-location:active, #ds-location:focus {
	border: 2px solid #00588D;
}

.filter-item label.option, .filter-plan-item label, .filter-service-item label {
	font-size: 14px;
	color:#111;
	padding: 0 0 10px 28px;
	position: relative;
	display: block;
	line-height: 20px;
	cursor: pointer;
}

.filter-item label.option input[type="checkbox"] {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 16px;
	height: 16px;
	margin: 0;
}

.filter-item label.option:hover, .filter-plan-item label:hover {
	color: #000;
}

.filter-item label.option:hover input[type="checkbox"], .filter-plan-item label:hover input[type="checkbox"] {
	box-shadow: 0 0 1px 1px #00588d;
	border-radius: 2px;
	background: #00588d;
}

.filter-item-heading {
	display: block;
	font-weight: 600;
	font-size: 18px;
	color: #00588D;
	padding: 0 0 8px;
}
#doctor-search h1 {
    font-size: 42px;
    margin-bottom: 5px;
	color:#111;
}

#doctor-search h3 {
	color:#111;
	margin-bottom:5px;
	margin-top:10px;
}

#ds-doctors {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 370px);
}

#ds-doctors h1 #doctors-showing {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-family: museo-sans, sans-serif;
	color: #595959;
	float: right;
	letter-spacing:-0.02em;
	margin-top:5px;
}

#ds-doctors #ds-doctor-list {
	transition: 0.3s all;
}

#ds-doctors.loading #ds-doctor-list {
	opacity: 0;
}

#ds-doctor-hidden-list {
	display: none;
}

#ds-filter-clear {
	background: #46B7A5;
	border: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	border-radius: 6px;
	padding: 10px 12px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 10px 0 0;
	cursor: pointer;
	transition: 0.2s all;
}

#ds-filter-clear:hover {
	opacity: 0.8;
}

#ds-filter-clear:activer {
	opacity: 1;
}

#ds-filter-clear:focus {
	box-shadow: 0 0 0 2px #00588d;
}

#ds-doctors .staff-card {
	width: calc( 20.1% - 22px );
}

p.no-results {
	font-size: 16px;
	padding: 20px 0;
}

@media (min-width: 1381px) {
	#ds-doctors .staff-card:nth-child(8n+8) {
		margin-right: 25px;
	}
	
	#ds-doctors .staff-card:nth-child(5n+5) {
		margin-right: 0;
	}
	.et_pb_row {
		max-width: 1380px !important;
}
}

@media (min-width: 1081px) and (max-width: 1380px) {
	#ds-doctors .staff-card {
		width: calc( 25.3% - 21px );
	}
	
	#ds-doctors .staff-card:nth-child(6n+6) {
		margin-right: 25px;
	}
	
	#ds-doctors .staff-card:nth-child(4n+4) {
		margin-right: 0;
	}
}

@media (min-width: 981px) and (max-width: 1080px) {
	#ds-doctors .staff-card {
		width: calc( 34% - 20px );
	}
	
	#ds-doctors .staff-card:nth-child(5n+5) {
		margin-right: 25px;
	}
	
	#ds-doctors .staff-card:nth-child(3n+3) {
		margin-right: 0;
	}
}

@media (min-width:769px) and (max-width: 980px) {
	#ds-doctors .staff-card {
		width: calc( 50% - 20px );
	}
	
	#ds-doctors .staff-card:nth-child(4n+4) {
		margin-right: 25px;
	}
	
	#ds-doctors .staff-card:nth-child(2n+2) {
		margin-right: 0;
	}
	
	.et_pb_post .post-content p {
    font-size: 12px !important;
    line-height: 1.6em;
    color: #222;
	}
	
	.et_pb_blog_1 .entry-featured-image-url img {
		width:40%;
	}
	
	article.et_pb_post p.post-meta {
	  display:none;
	}	 
	
}

@media (min-width:501px) and (max-width: 768px) {
	#ds-filters {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 480px;
	}
	
	
	
	#ds-doctors {
		display: block;
		margin: 40px auto 0;
		max-width: 480px;
		width: 100%;
	}

	#ds-doctors .staff-card {
		width: calc( 33.333% - 17px );
	}
	
	#ds-doctors .staff-card:nth-child(3n+3) {
		margin-right: 0px;
	}
}

@media (max-width: 500px) {
	#ds-filters {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 480px;
	}
	
	#ds-doctors {
		display: block;
		margin: 40px auto 0;
		max-width: 480px;
		width: 100%;
	}
	
	#ds-doctors .staff-card {
		width: calc( 50% - 14px );
	}
	
	#ds-doctors .staff-card:nth-child(2n+2) {
		margin-right: 0;
	}
}

#ds-doctor-loader {
	position: absolute;
	width: calc( 100% - 370px );
	padding: 150px 0;
	text-align: center;
	font-size: 0;
	z-index: 10;
	display: none;
}

#ds-doctors.loading #ds-doctor-loader {
	display: block;
}

#ds-doctor-loader-1 {
	position: relative;
	width: 10px;
	height: 10px;
	background: #00588D;
	display: inline-block;
	vertical-align: top;
	animation: docLoader 0.5s infinite linear;
	animation-delay: 0.25s;
	border-radius: 5px;
}

#ds-doctor-loader-2 {
	position: relative;
	width: 10px;
	height: 10px;
	background: #00588D;
	display: inline-block;
	vertical-align: top;
	animation: docLoader 0.5s infinite linear;
	animation-delay: 0.125s;
	margin: 0 5px;
	border-radius: 5px;
}

#ds-doctor-loader-3 {
	position: relative;
	width: 10px;
	height: 10px;
	background: #00588D;
	display: inline-block;
	vertical-align: top;
	animation: docLoader 0.5s infinite linear;
	border-radius: 5px;
}

@keyframes docLoader {
	0% {
		transform: translateX(0px);
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
        transform: translateX(20px);
		opacity: 0;
	}
}



/* /////////////////////  FIND A DOCTOR  ////////////////////////// */

/*
	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
*/

.mapp-layout {
	border: 0;
	max-width: none;				/* Some themes limit, e.g. 2020 */
	min-width: 200px;
	opacity: 1 !important;			/* Some themes set to 0 */
	padding: 0px !important;		/* Some themes set */
}

/* GT .aligncenter interferes w/all text */
.mapp-layout.aligncenter {
	text-align: left;
}

.mapp-layout, .mapp-layout * {
	box-sizing: border-box;
	color: black;
	font-family: museo-sans, sans-serif;
	font-size: 16px;
}

.mapp-canvas {
	user-select: none;
}

.mapp-wrapper {
	min-height: 50px;
	position: relative;
}

/* Responsive content */
.mapp-content {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}

.mapp-main {
	display: flex;
	flex: 1;
	overflow: hidden;
	position: relative;
}

.mapp-content .mapp-main .mapp-canvas img {
	border: none;
	max-width: none;        	/* 2021 interferes with pegman */
	padding: 0;					/* 2011 pads img tags, which interferes with map markers and tiles */
}

.mapp-hidden {
	display: none;
}


/*
	-----------------------------------------------------------------------------------
	Prevent theme conflicts with Google maps.  The !important modifier is used because some
	themes use high-priority (very specific) selectors that interfere.
	-----------------------------------------------------------------------------------
*/

/* Map controls are rendered here, not on the canvas */
.mapp-canvas-panel {
	flex: 1;
	height: 100%;
	margin: 0px;
	overflow: hidden !important;
	padding: 0px !important;
	position: relative;			/* Need for initial dialog position */
}

.mapp-canvas {
	height: 100%;
	word-wrap: normal;			/* 2013 sets break-word, which interferes w/Google copyright in IE only */
	border-radius: 15px;
}

.mapp-canvas img {
	background: none;
	box-shadow: none !important;		/* 2012 */
	border-radius: 0px !important;		/* 2012 */
	visibility: inherit !important;
}

.leaflet-container .leaflet-control-attribution * {
	font-size: 8px;
}

/* Prevent theme interference with leaflet */
.leaflet-popup-close-button {
	box-shadow: none !important;			/* 2016, 2017 */
	text-decoration: none !important;		/* 2019 */
}

a.leaflet-control-zoom-in, .leaflet-control-zoom-out {
	text-decoration: none !important;
}

.mapp-content .mapp-spinner-overlay {
	align-items: center;
	background-color: #c0c0c0;
	justify-content: center;
	opacity: 0.5;
	padding: 10px;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 10001;
}

/* https://icons8.com/preloaders/en/circular# */
.mapp-content .mapp-spinner {
	background: transparent url(../images/loading.gif) no-repeat center center;
	background-size: 64px;
	display: inline-block;
	height: 64px;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10002;
	width: 64px;
}

/*
	-----------------------------------------------------------------------------------
	Geolocate control
	-----------------------------------------------------------------------------------
*/

.mapp-google-geolocate-wrapper {
	box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px;
	border-radius: 4px;
	position: absolute;
	bottom: 120px; right: 10px;

}

.mapp-google-geolocate-wrapper .mapp-geolocate-control {
	background-color: white;
	background: white url('../images/geolocate-2x.png') no-repeat center center;
	background-size: 18px 18px;
	height: 40px;
	width: 40px;
}

.mapp-leaflet-geolocate-wrapper {
	border: 2px solid rgba(0,0,0,0.2);
	border-radius: 4px;
	position: absolute;
	bottom: 120px; right: 10px;
	z-index: 1000;
}

.mapp-leaflet-geolocate-wrapper .mapp-geolocate-control {
	background-color: white;
	background: white url('../images/geolocate-2x.png') no-repeat center center;
	background-size: 18px 18px;
	height: 30px;
	width: 30px;
}

/*
	-----------------------------------------------------------------------------------
	Sidebar
	-----------------------------------------------------------------------------------
*/

.mapp-sidebar {
	background-color: white;
	border-right: 1px solid lightgray;
	display: flex;
	flex-direction: column;
	max-width: 55%;
	position: relative;
	transition-property: all;
	transition-duration: .1s;
	width: 0;
}

.mapp-sidebar.mapp-sidebar-open {
	width: 300px;
}

/* List toggle, left layout only */
.mapp-sidebar-toggle {
	align-items: center;
	background-color: white;
	border: 1px solid lightgray;
	cursor: pointer;
	display: flex;
	height: 40px;
	justify-content: center;
	margin: auto;
	position: absolute;
	top: 0; left: 100%; bottom: 0;
	width: 20px;
	z-index: 1000;
}

.mapp-sidebar-toggle::before {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid black;
	content: '';
}

.mapp-sidebar-open .mapp-sidebar-toggle::before {
	width: 0;
	height: 0;
	border-left: none;
	border-right: 6px solid black;
}

/* Sidebar inline */
.mapp-sidebar.mapp-sidebar-inline  {
	border: none;
	border-top: 1px solid lightgray;
	max-width: none;
	width: auto;
}

.mapp-sidebar-inline .mapp-sidebar-toggle {
	display: none;
}

.mapp-sidebar-inline .mapp-directions {
	max-width: none;
	width: auto;
}

.mapp-sidebar-inline .mapp-list {
	display: flex;
	flex: none;
	flex-direction: column;
	max-height: 350px;
	max-width: none;
	overflow: auto;
	width: auto;
}




/*
	-----------------------------------------------------------------------------------
	POI List (new)
	Structure:
		.mapp-list
			.mapp-list-header
			.mapp-items
				.mapp-item (one for each POI)
			.mapp-list-footer
				.mapp-paginate
	-----------------------------------------------------------------------------------
*/

.mapp-list {
	display: flex;
	flex-direction: column;
	flex: 1;
	overflow: hidden;
	position: relative;
}

.mapp-list .mapp-list-header {
	border-bottom: 1px solid lightgray;
	display: flex;
	flex-direction: column;
	padding: 5px;
	position: relative;		/* Needed to scroll list for selection */
}

.mapp-list-count {
	text-align: center;
}

.mapp-list .mapp-items {
	flex: 1;
	overflow: auto;
}

.mapp-list .mapp-item {
	align-items: center;
	border-bottom: 0;
	display: flex;
	cursor: pointer;
	overflow: hidden;
	padding: 10px;
}

.mapp-list .mapp-item.mapp-selected {
	background-color: #eaeaea;
}

.mapp-list .mapp-item:hover {
	background-color: #eaeaea;
}

.mapp-list .mapp-info {
	flex: 1;
}

.mapp-list .mapp-info .mapp-template {
	align-items: center;
	display: flex;
}

.mapp-list .mapp-title {
	flex: 1;
}

.mapp-list .mapp-item .mapp-icon {
	border: none;                   /* 2011 */
	max-width: 32px !important; 	/* 2012 tries to override */
	max-height: 32px;
	margin: 0 5px;
	padding: 0;                     /* 2011 */
}

.mapp-list-footer {
	border-top: 1px solid lightgray;
	display: flex;
	justify-content: center;
	padding: 10px;
}

.mapp-list .mapp-dir-wrapper {
	margin-top: 10px;
}

/* Make directions look like a link */
.mapp-list .mapp-dir {
	color: #4272db;
	cursor: pointer;
	white-space: nowrap;
}

/*
	-----------------------------------------------------------------------------------
	Pagination
	For: poi list, library picker, and style modal
	-----------------------------------------------------------------------------------
*/

.mapp-paginate {}

/* Frontend buttons are divs to prevent theme interference w/styling */
.mapp-paginate-button {
	align-items: center;
	background-color: #eee;
	border: 1px solid lightgray;
	border-radius: 5px;
	cursor: pointer;
	display: inline-flex;
	font-size: 16px;
	height: 25px;
	justify-content: center;
	margin: 0 2px;
	width: 20px;
}

.mapp-paginate-button.mapp-disabled {
	color: #aaa;
}

.mapp-paginate-count {
	display: inline-block;
	min-width: 60px;
	text-align: center;
}

/*
	-----------------------------------------------------------------------------------
	Header
	- min-height to prevent popins
	-----------------------------------------------------------------------------------
*/
.mapp-header {
	align-items: center;
	background-color: white;
	border-bottom: 1px solid lightgray;
	display: flex;
	gap: 5px;
	min-height: 45px;
}

/*
	-----------------------------------------------------------------------------------
	Search
	-----------------------------------------------------------------------------------
*/
.mapp-search-container {
	display: flex;
	flex: 1;
	padding: 5px;
	position: relative;
}

/*
	-----------------------------------------------------------------------------------
	React autocomplete
	-----------------------------------------------------------------------------------
*/

.mapp-autocomplete {
	align-items: center;
	display: flex;
	flex: 1;
}

.mapp-autocomplete-wrapper {
	display: flex;
	flex: 1;
	height: 100%;
	position: relative;
}

.mapp-autocomplete input.mapp-places {
	background-color: white !important;		/* Algolia uses 240,240,240 */
	border: none;
	border: 1px solid #bbb ;
	box-shadow: none ;
	color: black ;
	flex: 1;
	height: 35px;
	line-height: 100%;
	margin: 0 ;
	padding: 5px 10px;
	vertical-align: middle ;
	width: 100% ;
}

/* Editor search button is slightly larger */
.mapp-edit .mapp-autocomplete input.mapp-places {
	height: 37px;
}

.mapp-autocomplete-list {
	background-color: white;
	border: 1px solid lightgray;
	box-shadow: 0px 1px 2px grey;
	cursor: pointer;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 10000;
}

.mapp-autocomplete-item {
	background-color: inherit;
	border-bottom: 1px solid lightgray;
	border-top: none;
	border-right: none;
	border-left: none;
	box-shadow: none;
	color: inherit;
	cursor: inherit;
	font: inherit;
	margin: 0;
	padding: 8px;
}

.mapp-autocomplete-item:hover, .mapp-autocomplete-item.mapp-selected {
	background-color: #eaeaea;
}

.mapp-autocomplete-item {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/*
	-----------------------------------------------------------------------------------
	Filters
	mapp-filters
			mapp-filter
				mapp-filter-button
				mapp-filter-dropdown-position
					mapp-filter-content
						mapp-filter-values
						mapp-filters-toolbar
	-----------------------------------------------------------------------------------
*/


.mapp-filters {
	display: flex;
}

.mapp-filters-spinner {
	background: transparent url(../images/spinner-2x.gif) no-repeat center center;
	height: 24px;
	width: 24px;
	margin-left: 10px;
	margin-right: 10px;
}

.mapp-filter {
	display: flex;
	flex-direction: column;
	/* position: relative; -- individual */
}

.mapp-filter-button {
	align-items: center;
	display: flex;
	height: 35px;
	justify-content: center;
}

.mapp-filter-dropdown {
	background-color: white;
	display: none;
	flex-direction: column;
}

.mapp-filter-open .mapp-filter-dropdown {
	display: flex;
}

.mapp-filter-values {
	line-height: normal;
	min-width: 100%;
	overflow: auto;
	padding: 5px 10px;
}

.mapp-filter-toolbar {
	align-items: center;
	border-top: 1px solid lightgray;
	display: flex;
	justify-content: space-between;
	padding: 10px;
}

.mapp-filter-toolbar .mapp-filter-count {
	color: #777;
	margin-right: 5px;
	min-width: 100px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mapp-filter-values .mapp-filter-label {
	font-weight: bold;
	padding: 10px 0;
	text-transform: capitalize;
	white-space: nowrap;
}

.mapp-filter-values label {
	align-items: center;
	color: #666;
	display: flex;
	font-weight: normal;		/* 2017 */
	margin-bottom: 5px;
	margin-right: 10px;
}

.mapp-filter-values img.mapp-icon {
	display: inline;			/* 2020 sets display to block */
	margin-right: 5px;
}

/* Many selectors, to override styles from GT editor, theme */
.mapp-content .mapp-filters .mapp-filter-values input[type="text"] {
	border: 1px solid gray;
	border-radius: 0;
	box-shadow: none;
	line-height: 1;
	margin: initial;
	max-width: none;
	outline: none;
	padding: 5px;
}

.mapp-content .mapp-filters .mapp-filter-values input[type="radio"], .mapp-filter-values input[type="checkbox"] {
	border-radius: 0;
	box-shadow: none;
	line-height: 1;
	margin: initial;
	margin-right: 10px;
	outline: none;
}

.mapp-content .mapp-filters .mapp-filter-values select {
	border: 1px solid gray;
	border-radius: 0;
	box-shadow: none;
	line-height: 1;
	margin: initial;
	max-width: none;
	outline: none;
	padding: 5px;
	width: 100%;
}

/*
	Filters in header/sidebar
	------------------
*/

.mapp-header .mapp-filter {
	margin-right: 5px;
}

.mapp-header .mapp-filter .mapp-filter-dropdown {
	background-color: white;
	border: 1px solid lightgray;
	max-height: calc(100% - 45px);
	position: absolute;
	top: 45px; right: 0;
	z-index: 10000;
}

.mapp-sidebar .mapp-filters {
	border-bottom: 1px solid lightgray;
	flex-direction: column;
	overflow: hidden;
	z-index: 1003;
}

.mapp-sidebar .mapp-filter-button {
	border: none;
	border-bottom: 1px solid lightgray;
}

.mapp-sidebar .mapp-filter-dropdown {
	border-bottom: 1px solid lightgray;
}

.mapp-sidebar .mapp-filter-all .mapp-filter-dropdown {
	line-height: normal;
	padding: 5px;
	position: absolute;
	top: 35px; bottom: 0; right: 0; left: 0;
	z-index: 10000;
}

/*
	------------------------------------------------------------------------------------------------------------
	Infobox

	- This applies only to Infoboxes!  Google standard infoWindow / Leaflet popup use class .mapp-iw instead

	.mapp-ib-wrapper						- positioning element
		.mapp-ib-content					- box + tip
			.mapp-ib 						- box only, with border
				.mapp-iw 					- infowindow (popup content)
			.mapp-ib-tip						- triangle tip
	-----------------------------------------------------------------------------------------------------------
*/

/* Positioning element: width prevents clipping, height must be zero or it'll obscure canvas */
.mapp-ib-wrapper {
	bottom: 0;
	display: flex;
	left: 0;
	max-height: 60%;	/* Based on map size */
	max-width: 90%;		/* Based on map size */
	overflow: hidden;
	position: absolute;
}

.mapp-ib-content {
	display: flex;
	flex-direction: column;
	line-height: 0;		/* Prevent font from distorting tip */
	overflow: hidden;
	z-index: 1005;		/* Needed for Leaflet, above menu icon, below menu */
}

.mapp-ib-content .mapp-ib-flip {
	flex-direction: column-reverse;
}

/* In fullscreen Google sets map z-index very high */
:fullscreen ~ .mapp-ib-wrapper { z-index: 10000000000; }
:-webkit-full-screen ~ .mapp-ib-wrapper { z-index: 10000000000; }
:-moz-full-screen ~ .mapp-ib-wrapper { z-index: 10000000000; }
:-ms-fullscreen ~ .mapp-ib-wrapper { z-index: 10000000000; }

.mapp-ib {
	background-color: white;
	border: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	line-height: normal;
	outline: none;
	overflow: hidden;
	box-shadow: 0 8px 15px 0px rgba(0,0,0,0.20);
	border-radius: 8px;
}


.mapp-ib-tip {
	display: flex;
	flex: 0 0 auto;
	left: 50%;
	position: relative;
	top: -1px;
	width: 0;
}

.mapp-ib-tip:before {
	border: 10px solid transparent;
	border-top: 10px solid white;
	border-bottom: none;
	content: "";
	left: -10px;
	position: relative;
	width: 0;
}

.mapp-ib-flip .mapp-ib-tip {
	transform: rotate(180deg);
}

/*
	-----------------------------------------------------------------------------------
	IB Styles
	-----------------------------------------------------------------------------------
*/
.mapp-ib-dark .mapp-ib {
	background-color: black;
	border: 5px solid white;
	color: white;
}

.mapp-ib-dark .mapp-ib-tip {
	height: 10px;
}

.mapp-ib-dark .mapp-ib-tip:before, .mapp-ib-dark .mapp-ib-tip:after {
	border: 15px solid transparent;
}

.mapp-ib-dark .mapp-ib-tip:before {
	border-top: 15px solid white;
	border-bottom: none;
	left: -15px;
	top: -4px;
}

.mapp-ib-dark .mapp-ib-tip:after {
	border: 10px solid transparent;
	border-top: 10px solid black;
	border-bottom: none;
	content: "";
	left: -10px;
	position: absolute;
	top: -6px
}

.mapp-ib-light .mapp-ib {
	background-color: white;
	box-shadow: 10px 10px 0px rgb(0 0 0 / 40%);
	border: 5px solid black;
	color: black;
}

.mapp-ib-light .mapp-ib-tip {
	height: 10px;
}

.mapp-ib-light .mapp-ib-tip:before, .mapp-ib-light .mapp-ib-tip:after {
	border: 15px solid transparent;
}

.mapp-ib-light .mapp-ib-tip:before {
	border-top: 15px solid black;
	border-bottom: none;
	left: -15px;
	top: -4px;
}

.mapp-ib-light .mapp-ib-tip:after {
	border: 10px solid transparent;
	border-top: 10px solid white;
	border-bottom: none;
	content: "";
	left: -10px;
	position: absolute;
	top: -6px
}

/*
	-----------------------------------------------------------------------------------
	Popup contents
	-----------------------------------------------------------------------------------
*/

.mapp-iw {
	display: flex;
	flex-direction: column;
	min-width: 200px;
	overflow: hidden;
}

/* Selectivity needed to override GT editor */
.mapp-ib .mapp-iw * {
	font-size: 15px;
}

/* Override common theme / user agent styles that interfere */
.mapp-content .mapp-iw * {
	line-height: normal;
}

.mapp-iw p {
	margin: 0 0 10px 0 !important;
	padding: 0;
}

/* Try to constrain oembeds to container */
.mapp-iw iframe {
	max-height: 100%;
	max-width: 100%;
}

/* Override theme link styles */
.mapp-iw a, .mapp-iw a:link, .mapp-iw a:active, .mapp-iw a:visited, .mapp-iw a:hover {
	border: none !important;
	box-shadow: none !important;			/* 2016, 2017 */
	color: #4272db !important;
	margin: 0;
	padding: 0;
	text-decoration: none !important;
}

.mapp-iw .mapp-info {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 100px;			/* Used when IB is very small and thumbnail is on top */
	overflow: hidden;
	padding: 25px;
}

.mapp-iw .mapp-info .mapp-template {
	align-items: center;
	display: flex;
	flex: 1;
	flex-direction: column;
	overflow: hidden;
}

.mapp-iw .mapp-title {
	font-weight: bold;
	font-size: 20px;
}

.mapp-iw .mapp-body {
	flex: 1;
	overflow: auto;
	overflow-wrap: break-word;
	padding-top: 10px;
	width: 100%;
}

.mapp-iw .mapp-dir-wrapper {
	margin-top: 10px;
}

/* Make directions look like a link */
.mapp-iw .mapp-dir {
	color: #4272db;
	cursor: pointer;
	padding-top: 10px;
	white-space: nowrap;
}

/* Workarounds for IE, which doesn't like flex */
.mapp-ie .mapp-iw {
	display: block;
	overflow: auto;
}

.mapp-ie .mapp-iw .mapp-body {
	flex: none;
	overflow: none;
}

/*
	-----------------------------------------------------------------------------------
	Thumbnail gallery
	-----------------------------------------------------------------------------------
*/
.mapp-iw .mapp-thumbnail {
	cursor: pointer;
}

.mapp-thumbnail {
	align-items: center;
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

/* Display block removes extra whitespace @ bottom */
.mapp-thumbnail img {
	display: inline-block;
	object-fit: cover;
}

.mapp-thumbnail .mapp-gallery-previous, .mapp-thumbnail .mapp-gallery-next {
	align-items: center;
	background-color: white;
	border: 1px solid gray;
	border-radius: 40px;
	color: black;
	cursor: pointer;
	display: flex;
	font-size: 20px;
	height: 24px;
	justify-content: center;
	opacity: 0.5;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
}

.mapp-thumbnail .mapp-gallery-previous:hover, .mapp-thumbnail .mapp-gallery-next:hover {
	opacity: 1.0;
}

.mapp-thumbnail .mapp-gallery-previous { left: 5px; }
.mapp-thumbnail .mapp-gallery-next { right: 5px; }
.mapp-thumbnail .mapp-gallery-previous:after { content: "<"; }
.mapp-thumbnail .mapp-gallery-next:after { content: ">"; }

/*
	-----------------------------------------------------------------------------------
	Popup Thumbnail styles
	-----------------------------------------------------------------------------------
*/

.mapp-iw.mapp-thumb-top .mapp-thumbnail {
	text-align: center;
}

/* When thumbnails are on top AND an image is present, limit info section width to width of the image */
.mapp-iw.mapp-thumb-top.mapp-has-thumb .mapp-info {
	min-width: 100%;
	width: 0;
}

.mapp-iw.mapp-thumb-left .mapp-thumbnail, .mapp-iw.mapp-thumb-right .mapp-thumbnail {
	align-items: center;
}

/* Limit info section to height of featured image.  */
.mapp-iw.mapp-thumb-left .mapp-info, .mapp-iw.mapp-thumb-right .mapp-info  {
	min-height: 100%;
	min-width: 150px;
}

.mapp-iw.mapp-thumb-left {
	flex-direction: row;
}

.mapp-iw.mapp-thumb-right {
	flex-direction: row-reverse;
}

/*
	-----------------------------------------------------------------------------------
	List thumbnail styles.  Thumbnail is prepended before item content.
	-----------------------------------------------------------------------------------
*/

/* Fill the .mapp-thumbnail container, where fixed dimensions are applied */
.mapp-list .mapp-thumbnail img, .mapp-list .mapp-thumbnail .mapp-embed, .mapp-list .mapp-thumbnail iframe {
	height: 100%;
	width: 100%;
}

/* Default is flex horizontal, use block to position image at top */
.mapp-list.mapp-thumb-top .mapp-item {
	display: block;
	padding: 10px;
}

.mapp-list.mapp-thumb-top .mapp-thumbnail {
	height: 150px;
	margin-bottom: 10px;
	text-align: center;
}

.mapp-list.mapp-thumb-left .mapp-thumbnail {
	height: 100px !important;
	width: 100px !important;
	margin-right: 10px;
}

.mapp-list.mapp-thumb-left .mapp-item {
	align-items: start;
}

.mapp-list.mapp-thumb-left .mapp-info .mapp-template {
	flex-direction: row-reverse;
}

.mapp-list.mapp-thumb-right .mapp-item {
	align-items: start;
	flex-direction: row-reverse;
}

.mapp-list.mapp-thumb-right .mapp-thumbnail {
	height: 100px !important;
	width: 100px !important;
	margin-left: 10px;
}


/*
	-----------------------------------------------------------------------------------
	IB Animations
	-----------------------------------------------------------------------------------
*/

@keyframes floatdown {
	from { margin-top: 0 }
	to { margin-top: 5px }
}

@keyframes floatup {
	from { margin-top: 0 }
	to { margin-top: -5px }
}

.mapp-ib-wrapper.mapp-ib-float {
	animation: floatup 0.4s forwards;
}

.mapp-ib-wrapper.mapp-ib-flip.mapp-ib-float {
	animation: floatdown 0.4s forwards;
}


/*
	-----------------------------------------------------------------------------------
	Mini view
	-----------------------------------------------------------------------------------
*/

/* In mini view place the list under the map so it can scroll UP */
.mapp-mini .mapp-main {
	flex-direction: column-reverse;
}

.mapp-mini .mapp-sidebar {
	bottom: 0;
	height: 0;
	left: 0;
	max-width: none;
	position: absolute;
	right: 0;
	transition-property : all;
	transition-duration: .3s;
	width: auto;
	z-index: 10000;
}

.mapp-mini .mapp-sidebar.mapp-sidebar-open  {
	height: 100%;
}

.mapp-view-list, .mapp-view-map {
	justify-content: center;
	align-items: center;
}

.mapp-view-list img, .mapp-view-map img {
	height: 16px !important;	/* GT editor interferes */
	margin-right: 5px;
}

.mapp-mini .mapp-directions {
	max-width: none;
	width: auto;
}

.mapp-footer {
	background-color: #f5f5f5;
	border-top: 1px solid lightgray;
}

/*
	-----------------------------------------------------------------------------------
	Markers
	-----------------------------------------------------------------------------------
*/

.mapp-marker {
	cursor: pointer;
	filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
	position: absolute;
	touch-action: none;		/* For dragdrop */
}

/* Label */
.mapp-marker img:nth-child(2) {
	height: 50%;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
}

/* Image transforms base */
.mapp-marker img {
	transform-origin: 50% 100%;
	transition: transform .2s;
	width: 100%;
}

/* Scale image */
.mapp-marker-scale img {
	transform-origin: 50% 100%;
	transform: scale(1.2);
	perspective: 1001px;
}

/* Scale label - combine transforms */
.mapp-marker-scale img:nth-child(2) {
	transform: translate(-50%, -50%) scale(1.5);
}

.mapp-marker-circle {
	overflow: visible !important;
}

.mapp-marker-circle::before {
	background-color: rgba(255,255,255,0.7);
	border: 3px solid white;
	border-radius: 50%;
	box-sizing: border-box;
	content: "";
	left: -25%;
	top: -25%;
	width: 150%;
	height: 150%;
	position: absolute;
	z-index: -1;
}

/*
	-----------------------------------------------------------------------------------
	Directions
	-----------------------------------------------------------------------------------
*/

.mapp-directions {
	background-color: white;
	max-width: 50%;
	overflow: auto;
	padding: 10px;
	position: relative;
	width: 300px;
}

.mapp-directions input {
	border: 1px solid gray;     /* 2020 */
	padding: 3px;
}


.mapp-directions .mapp-dir-toolbar {
	margin-top: 10px;
}

.mapp-directions .mapp-dir-from, .mapp-directions .mapp-dir-to {
	width: 80% ;
	line-height: normal ;
}

.mapp-directions .mapp-dir-from {
	margin-bottom: 10px;
}

.mapp-directions .mapp-dir-arrows {
	background: transparent url('../images/directions.png') no-repeat center center;
	background-position: -10px -489px;
	cursor: pointer;
	display: inline-block;
	height: 12px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 10px; left: 5px;
	vertical-align: middle;
	width: 10px;
}

/*
	-----------------------------------------------------------------------------------
	Custom controls
	-----------------------------------------------------------------------------------
*/

.mapp-menu-toggle {
	background: white url('../images/menu-2x.png') no-repeat center center;
	background-size: 24px 24px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	color: #777;
	cursor: pointer;
	height: 40px;
	outline: none;
	outline: none;		/* Prevent focus outline */
	position: absolute;
	top: 10px; left: 10px; bottom: 0; right: 0;
	width: 40px;
	z-index: 1000;
}

.mapp-menu {
	background-color: white;
	border: 1px solid lightgray;
	color: #606060;
	cursor: default;
	display: flex;
	flex-direction: column;
	overflow: auto;
	padding: 5px 0 5px 0;
	position: absolute;
	top: 50px; left: 10px;
	width: 150px;
	z-index: 1010;
}

.mapp-menu-items {
	flex: 1;
}

.mapp-menu-item {
	cursor: pointer;
	line-height: 20px;
	padding: 5px 10px 5px 10px;
}

.mapp-menu-item:hover {
	background-color: #eaeaea;
	color: black;
}
.mapp-menu-item.mapp-active {
	background-color: #eaeaea;
	color: black;
	font-weight: bold;
}

.mapp-menu-separator {
	padding: 0;
	border-bottom: 1px solid lightgray;
}

.mapp-menu-footer{
	padding: 5px 10px;
	text-align: right;
}

.mapp-menu-help:hover {
	opacity: 1;
}


/*
	-----------------------------------------------------------------------------------
	Mashup modal:

	Use these styles with the 'mashup-modal.php' template.

	.mapp-modal
		.mapp-modal-backdrop
		.mapp-modal-content
			.mapp-modal-close
			.mapp-modal-featured
			.mapp-modal-article
				.mapp-modal-body
				.mapp-modal-meta

	-----------------------------------------------------------------------------------
*/

/* Prevent scrollbars when popup is open */
body.mapp-modal-noscroll {
	overflow-y: hidden;
}

.mapp-modal {
	position: fixed;
	top: 0; left: 0; bottom: 0; right: 0;
	z-index: 100000;		/* WP adminbar is 99999 */
}

.mapp-modal-title {
	margin-bottom: 15px;
}

.mapp-modal-content {
	background-color: white;
	box-shadow: 5px 5px 10px #888;
	box-sizing: content-box;
	display: flex;
	height: 80vh;
	max-height: 900px;
	max-width: 1024px;
	position: fixed;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 80vw;
	z-index: 1;
}

.mapp-modal-template {
	display: flex;
	flex-direction: row;
}

/* Featured image displays on the left by default */
.mapp-modal-featured {
	max-width: 40%;
}

.mapp-modal-featured img {
	height: 100% !important;
	object-fit: cover;
	width: 100% !important;
	max-width: none !important;
}

.mapp-modal-article {
	display: flex;
	flex: 1;
	flex-direction: column;
	overflow: auto;
	padding: 30px;
}

.mapp-modal-meta {
	display: flex;
	font-size: 12px;
	justify-content: space-between;
	margin-top: 50px;
}

/* Element to receive focus when modal opens (e.g. scrollable post content) */
.mapp-modal-focus {
	outline: none;
}

.mapp-modal-backdrop {
	background-color: black;
	opacity: 0.6;
	height: 100vh;
	width: 100vw;
	user-select: none;
}

.mapp-modal-close {
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: museo-sans, sans-serif;
	font-size: 36px;
	line-height: 36px;
	position: absolute;
	text-align: center;
	top: 5px; right: -40px;
	z-index: 1;
}

.mapp-modal-close:hover {
	color: black;
}

.mapp-modal-spinner-wrapper {
  transform: translate(-200%, -200%);
  width: 5px;
  height: 5px;
}

/* https://www.w3schools.com/howto/howto_css_loader.asp */
.mapp-modal-spinner {
	background: transparent url(../images/spinner-2x.gif) no-repeat center center;
	height: 40px;
	width: 40px;
	margin-left: 10px;
	margin-right: 10px;
	position: absolute;
	top: 50%; left: 50%;
}

/*
	-----------------------------------------------------------------------------------
	Iframe maps
	-----------------------------------------------------------------------------------
*/

.mapp-iframe-container {
	border: 1px solid lightgray;
}

.mapp-iframe-wrapper { position: relative; }

/* Size only works with position absolute AND h/w=100%; z-index because 2020 page breaks appear over map */
.mapp-iframe {
	border: none;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 100%;
	z-index: 1;
}

.mapp-iframe-html { height: 100%; }

.mapp-iframe-body {
	height: 100%;
	margin: 0;
	padding: 0;
}

.mapp-iframe-content { height: 100%; }

.mapp-iframe-content * {
	box-sizing: border-box;
	color: black;
	font-family: museo-sans, sans-serif;
	font-size: 13px;
}

/*
	-----------------------------------------------------------------------------------
	Errors overlay
	-----------------------------------------------------------------------------------
*/
.mapp-errors-overlay {
	background-color: black;
	opacity: 0.7;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	z-index: 1100;	/* Just over mapp-ib */
}

.mapp-errors {
	background-color: white;
	border: 2px solid gray;
	color: black !important;
	overflow: auto;
	padding: 10px;
	position: absolute;
	top: 10%; left: 10%; bottom: 10%; right: 10%;
	z-index: 1101;
}

.mapp-errors * {
	font-size: 14px !important;
}
.mapp-errors-header {
	font-size: 18px !important;
	font-weight: bold !important;
	margin-bottom: 15px;
	text-align: center;
}

.mapp-errors-section {
	margin: 5px 0;
}

.mapp-errors-title {
	display: inline-block;
	border-bottom: 2px solid red;
	font-weight: 600 !important;
	margin: 10px 0;
}

.mapp-errors-toolbar {
	text-align: center;
}

.mapp-errors-apikey {
	background-color: #007CBA;
	border: 1px solid gray;
	color: white;
	cursor: pointer;
	display: inline-block;
	margin-top: 20px;
	padding: 10px;
}

.mapp-errors-apikey:hover {
	background-color: #006ba1;
}

.mapp-errors-apikey:active {
	box-shadow: inset 0 0 0 1px #fff, 0 0 0;
}



/*
	-----------------------------------------------------------------------------------
	Misc
	-----------------------------------------------------------------------------------
*/

.mapp-align-left { float: left; }
.mapp-align-right { float: right; }
.mapp-align-center { margin-left: auto; margin-right: auto; }
.mapp-align-default {}

.mapp-close {
	color: gray;
	cursor: pointer;
	display: inline-block;
	font-family: museo-sans, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	position: absolute;
	text-align: center;
	top: 0px; right: 0px;
	width: 20px;
	z-index: 1;
}

.mapp-close:after {
	content: "x";
}

.mapp-close:hover {
	color: black;
}

img.mapp-icon, .mapp-icon img {
	box-shadow: none !important;	/* 2012 applies box shadow to all images */
	filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
	height: 32px;
	width: 32px;
	vertical-align: middle;
}


*[data-mapp-action] {
	cursor: pointer;
}

.mapp-max {
	width: 100%;
}

.mapp-caret:after {
	content: "";
	display: inline-block;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid black;
	border-bottom: none;
	margin-left: 5px;
	vertical-align: middle;
}

/* Pseudo-buttons, to avoid theme styles */
.mapp-button, .mapp-link-button, .mapp-submit-button {
	align-items: center;
	cursor: pointer;
	display: flex;
	justify-content: center;
	line-height: normal;
	padding: 10px;
	text-transform: uppercase;
	white-space: nowrap;
}

.mapp-link-button {
	color: #4285F4;
}

.mapp-button {
	background-color: white;
	border: 1px solid lightgray;
}

.mapp-button:hover {
	background-color: #eee;
}

.mapp-submit-button {
	background-color: #4d90fe;
	border: 1px solid lightgray;
	color: white;
}

.mapp-submit-button:hover {
	background-color: #357ae8;
}

.mapp-button-disabled  {
	color: #aaa
}

.mapp-button-busy:after {
	background: transparent url(../images/spinner-2x.gif) no-repeat center center;
	background-size: 20px 20px;
	content: '';
	height: 20px;
	margin-left: 10px;
	opacity: 0.5;
	width: 20px;
}

.mapp-button-caret:after {
	content: '';
	display: inline-block;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid black;
	border-bottom: none;
	margin-left: 10px;
}

.mapp-button-disabled.mapp-button-caret:after {
	border-top: 5px solid #aaa;
}

.et_pb_accordion a.et_pb_button.et_pb_button_0.et_pb_bg_layout_dark {
    padding: 10px 20px !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: none !important;
}

.et_pb_accordion a.secondary-button {
    background: #805391 !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    color: #fff !important;
    font-weight: 700 !important;
}


.et_pb_blurb h1 {
    font-size: 62px;
    color: #101010;
}

.et_pb_blurb p {
    color: #101010;
}

.category-news .et_pb_post p {
	font-size: 14px !important;
	line-height: 1.65em;
	color: #222;
	font-weight: 400;
}

.category-news li a.wp-block-latest-posts__post-title {
	font-size: 13px;
	color: #222 !important;
	line-height: 1.4em;
}

/*  mobile styles  */

@media screen and (max-width:768px) {
	#page-container #main-content {
		margin: 0 auto;
	}
	
body.page-id-1430 #et-main-area .entry-content .et-l .et_pb_text_0 h1 {
	font-size: 38px !important;
}

.et_pb_module.et_pb_text.et_pb_text_1.other-languages.et_clickable.et_pb_text_align_left.et_pb_bg_layout_light {
	width: 100%;
}

	.et_pb_blurb p {
	font-size: 14px;
    line-height: 1.65em;
	}
	
	.entry-content .et_pb_text_1 {
		padding-right:0 !important;
	}
	
	article.et_pb_post p.post-meta {
	  display:none;
	}
	
	.et_pb_blog_1 .et_pb_post div.post-content a.more-link {
    font-weight: 800 !important;
    text-transform: uppercase;
    margin-top: 15px;
	}

	#main-content .container {
		width:100%;
	}
	
	#main-content #content-area #left-area .et_pb_row {
		width:90% !important;
	}
	
	.et-db #et-boc header ul#mobile_menu1 li.parent-menu-item.menu-item-3125 > a:after {
	  display:none;
	}
	
	.notification-bar p {
    	font-size: 14px;
	}

	.emergency-notification-bar p {
   	   font-size: 14px;
	}
	
	.et_pb_module.et_pb_code.et_pb_code_0.contact-form-block {
    padding: 10px 5% 0;
}
	
	.gform_wrapper li.gfield.half {
		width:100%;
	}
	
	.home .et_pb_slider_0 {
		margin-left:0px !important;
        margin-right:0px !important;
	}

		

	.et_pb_blog_1 div article.category-news a img {
		width: 100% !important;
		float: none;
		display: block;
		box-shadow: -3px 5px 10px #0003;
		margin-bottom: 20px;
	}

	.et_pb_blog_1 div article.category-news h2 a {
		font-size: 23px;
		line-height: 1.1em;
		margin-bottom: 10px;
		display: block;
		color: #000;
	}

	.et_pb_blog_1 div article.category-news p.post-meta {
		font-size: 12px !important;
		letter-spacing: -0.02em;
		color: #000;
	}

	.et_pb_blog_1 div article.category-news .post-content-inner p {
		font-size: 13px !important;
	}

	.et_pb_column_0_tb_footer {
		padding-right:0 !important;
		width:100% !important;
	}
	
	.et_pb_section { margin: 0 auto !important; }

	.et_pb_text_0 h2, .et_pb_text_1 h2, .et_pb_text_2 h2, .et_pb_text_3 h2, .et_pb_text_4 h2, .et_pb_text_6 h2, .et_pb_text_7 h2 {
		font-size:32px !important;
	}

	#footer .et_pb_row {
		max-width: 90%;
		margin: 0 auto !important;
	}
	
	footer .et_pb_module.et_pb_image.et_pb_image_1_tb_footer {
    text-align: center;
    margin: 0 auto !important;
}

	.et-db #et-boc header .et_pb_module.et_pb_menu.et_pb_menu_0_tb_header.et_pb_bg_layout_light.et_pb_text_align_right.et_dropdown_animation_fade.et_pb_menu--with-logo.et_pb_menu--style-left_aligned {
		max-width: 100%;
		margin: 0 auto;
	}

	.et-db #et-boc header .mobile_nav ul#mobile_menu1, .et-db #et-boc header .mobile_nav ul#mobile_menu1 ul.sub-menu {
		background-color: #0b2231!important;
		border-radius: 10px;
	}


	body.et-db #et-boc header.et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul li a {
		color: #fff !important;
		font-weight: normal;
		text-transform: none;
		padding: 4px 15px;
	}
	
	body.et-db #et-boc header.et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul li > ul li a {
		padding: 0px 15px;
	}

	.et-db #et-boc header .et_mobile_menu li li {
		padding-left:0;
	}

	.et-db #et-boc header ul#mobile_menu1 li.menu-item-object-page.et_first_mobile_item > a, .et-db #et-boc header ul#mobile_menu1 li.mega-menu-parent > a, header ul#mobile_menu1 li.parent-menu-item > a {
		font-weight: bold !important;
		text-transform: uppercase !important;
		padding: 7px 15px;
		position: relative;
		color:#fff !important;
	}

	.et-db #et-boc header ul#mobile_menu1 li.parent-menu-item > a:after {
		content: '';
		width: 8px;
		height: 8px;
		display: block;
		position: absolute;
		right: 10px;
		top: 18px;
		transform: rotate(-45deg);
		border-bottom: 0px solid #fff;
		box-shadow: inset 2px -2px 0px 0px #fff;
	}

	.et-db #et-boc header ul#mobile_menu1 li.parent-menu-item > a.switched-icon:after {
		content: '';
		width: 8px;
		height: 8px;
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		transform: rotate(135deg);
		border-bottom: 0px solid #fff;
		box-shadow: inset 2px -2px 0px 0px #fff;
	}

	.et-db #et-boc header .et_pb_menu_0_tb_header.et_pb_menu ul li > ul li a {
		font-size: 13px;
    padding: 0px 15px;
    color: #fff !important;
    text-transform: none;
    font-weight: normal;
	}
	


	.et-db #et-boc header.et-l--header .et_mobile_menu ul.sub-menu li.menu-item-has-children > a {
		font-weight: 700;
		background: none;
		text-transform: uppercase;
		color:#96c6e0 !important;
	}

	.et-db #et-boc header li.parent-menu-item ul.sub-menu > li.show-menu-items, .et-db #et-boc header li.parent-menu-item ul.sub-menu > li.show-menu-items ul.sub-menu > li {
		display: block;
		padding-left: 2%;
	}
	.et-db #et-boc header li.parent-menu-item ul.sub-menu > li {
		display: none;
	}

	.entry-content .et_pb_button_module_wrapper a {
		width: 100%;
		text-align: center;
	}

	.entry-content .et-l .et_pb_row p, .entry-content .et-l .et_pb_row ul li {
      font-size: 14px;
      line-height: 1.5em;
	}

	#wait-time-display.home .wait-time-box.on-demand .wt-open .wt-desc {
		font-size:14px;
	}



	.et_pb_row .et_pb_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title {
		font-size: 46px !important;
   		 line-height: .9em;
	}

	.et_pb_slider_0.et_pb_slider .et_pb_slide_description {
		width:100% !important;
		margin: 0 0 40px 0 !important;
	}

	.home .et_pb_slider_0, .home .et_pb_slider_0 .et_pb_slide {
		height:418px;
	}

	.home-cta-buttons h2 {
		font-size: 14px !important;
	}

	.home .home-cta-buttons .et_pb_column {
		padding: 15px 10px;
		border-radius: 8px;
		height: 90px;
		margin: 4px 1% !important;
		display: inline-block;
		width: 48% !important;
	}

	.home .home-cta-buttons img {
		margin:0 auto 7px;
		display: block;
		max-height: 35px;
	}

	#wait-time-display.home {
		padding: 0 15px 50px;
	}

	#wait-time-display.home .wt-clinic-state p {
		line-height: 18px;
		font-size: 12px;
	}

	#wait-time-display.home .wt-clinic-location .wt-clinic-name {
		font-size: 18px;
		line-height: 25px;
	}
	
	.et_pb_row {
		width:90% !important;
	}
	
	
}


/*   Tablet Styles   */
@media screen and (min-width:769px) and (max-width:980px) {
	
	.et_pb_row {
		width:90% !important;
	}
	
	.home-cta-buttons h2 {
		font-size: 14px !important;
	}

	.home .home-cta-buttons .et_pb_column {
		padding: 15px 10px;
		border-radius: 8px;
		height: 90px;
		margin: 4px 1% !important;
		display: inline-block;
		width: 48% !important;
	}

	.home .home-cta-buttons img {
		margin:0 auto 7px;
		display: block;
		max-height: 35px;
	}
	
	.et_pb_blog_1 .et_pb_post div.post-content a.more-link {
    font-weight: 800 !important;
    text-transform: uppercase;
    margin-top: 15px;
	}

	.et-db #et-boc header .mobile_nav ul#mobile_menu1, .et-db #et-boc header .mobile_nav ul#mobile_menu1 ul.sub-menu {
		background-color: #0b2231!important;
		border-radius: 10px;
	}


	body.et-db #et-boc header.et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul li a {
		color: #fff !important;
		font-weight: normal;
		text-transform: none;
		padding: 2px 15px;
	}

	.et-db #et-boc header .et_mobile_menu li li {
		padding-left:0;
	}

	.et-db #et-boc header ul#mobile_menu1 li.menu-item-object-page.et_first_mobile_item > a, .et-db #et-boc header ul#mobile_menu1 li.mega-menu-parent > a, header ul#mobile_menu1 li.parent-menu-item > a {
		font-weight: bold !important;
		text-transform: uppercase !important;
		padding: 7px 15px;
		position: relative;
		color:#fff !important;
	}

	.et-db #et-boc header ul#mobile_menu1 li.parent-menu-item > a:after {
		content: '';
		width: 8px;
		height: 8px;
		display: block;
		position: absolute;
		right: 10px;
		top: 18px;
		transform: rotate(-45deg);
		border-bottom: 0px solid #fff;
		box-shadow: inset 2px -2px 0px 0px #fff;
	}

	.et-db #et-boc header ul#mobile_menu1 li.parent-menu-item > a.switched-icon:after {
		content: '';
		width: 8px;
		height: 8px;
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		transform: rotate(135deg);
		border-bottom: 0px solid #fff;
		box-shadow: inset 2px -2px 0px 0px #fff;
	}

	.et-db #et-boc header .et_pb_menu_0_tb_header.et_pb_menu ul li > ul li a {
		font-size: 13px;
    padding: 0px 15px;
    color: #fff !important;
    text-transform: none;
    font-weight: normal;
	}
	


	.et-db #et-boc header.et-l--header .et_mobile_menu ul.sub-menu li.menu-item-has-children > a {
		font-weight: 700;
		background: none;
		text-transform: uppercase;
		color:#96c6e0 !important;
	}

	.et-db #et-boc header li.parent-menu-item ul.sub-menu > li.show-menu-items, .et-db #et-boc header li.parent-menu-item ul.sub-menu > li.show-menu-items ul.sub-menu > li {
		display: block;
	}
	.et-db #et-boc header li.parent-menu-item ul.sub-menu > li {
		display: none;
	}
}

@media screen and (min-width:981px) and (max-width:1286px) {
	
	.et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul {
    list-style: none!important;
    text-align: left !important;
}
	
	
	.et_pb_row {
		width:90% !important;
	}
	
	.et_pb_menu .et_mobile_menu {
    top: 100%;
    padding: 5%;
}
	
	.et_pb_menu .et_mobile_menu ul {
    padding: 0;
}

	.et-db #et-boc header .mobile_nav ul#mobile_menu1, .et-db #et-boc header .mobile_nav ul#mobile_menu1 ul.sub-menu {
		background-color: #0b2231!important;
		border-radius: 10px;
	}


	body.et-db #et-boc header.et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul li a {
		color: #fff !important;
		font-weight: normal;
		text-transform: none;
		padding: 2px 15px;
	}

	.et-db #et-boc header .et_mobile_menu li li {
		padding-left:0;
	}

	.et-db #et-boc header ul#mobile_menu1 li.menu-item-object-page.et_first_mobile_item > a, .et-db #et-boc header ul#mobile_menu1 li.mega-menu-parent > a, header ul#mobile_menu1 li.parent-menu-item > a {
		font-weight: bold;
		text-transform: uppercase;
		padding: 7px 15px;
		position: relative;
		color:#fff !important;
	}

	.et-db #et-boc header ul#mobile_menu1 li.parent-menu-item > a:after {
		content: '';
		width: 8px;
		height: 8px;
		display: block;
		position: absolute;
		right: 10px;
		top: 18px;
		transform: rotate(-45deg);
		border-bottom: 0px solid #fff;
		box-shadow: inset 2px -2px 0px 0px #fff;
	}

	.et-db #et-boc header ul#mobile_menu1 li.parent-menu-item > a.switched-icon:after {
		content: '';
		width: 8px;
		height: 8px;
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		transform: rotate(135deg);
		border-bottom: 0px solid #fff;
		box-shadow: inset 2px -2px 0px 0px #fff;
	}

	.et-db #et-boc header .et_pb_menu_0_tb_header.et_pb_menu ul li > ul li a {
		font-size: 13px;
    padding: 0px 15px;
    color: #fff !important;
    text-transform: none;
    font-weight: normal;
	}
	


	.et-db #et-boc header.et-l--header .et_mobile_menu ul.sub-menu li.menu-item-has-children > a {
		font-weight: 700;
		background: none;
		text-transform: uppercase;
		color:#96c6e0 !important;
	}

	.et-db #et-boc header li.parent-menu-item ul.sub-menu > li.show-menu-items, .et-db #et-boc header li.parent-menu-item ul.sub-menu > li.show-menu-items ul.sub-menu > li {
		display: block;
	}
	.et-db #et-boc header li.parent-menu-item ul.sub-menu > li {
		display: none;
	}
}

@media screen and (max-width: 1399px) {
	.et_pb_menu__logo-wrap img {
    height: auto !important;
	}
	.et_pb_menu__logo-wrap {
    max-width: 240px !important;
	}
	
	.et_pb_slider_0.et_pb_slider .et_pb_slide_description {
		width:90% !important;
	}
	
	.et_pb_row_4col.home-cta-buttons h2 {
    font-size: 18px!important;
	}
	
	.home-cta-buttons img {
    margin-right: 10px;
    max-height: 33px;
    width: auto;
    vertical-align: middle;
	}
}

@media screen and (min-width:1506px) {
.et_pb_menu .et-menu>li {
    padding-left: 21px !important;
    padding-right: 21px !important;
}
}

@media screen and (min-width: 1615px) {
	.et_pb_menu .et-menu>li {
    padding-left: 28px !important;
    padding-right: 28px !important;
}
}

.ds-links {
	padding: 15px 0;
	display: flex;
	justify-content: space-between;
}

.ds-links a {
	display: inline-block;
	vertical-align: top;
	background-color: #f3e2f7;
	border-radius: 8px;
	padding: 12px 25px;
	width: 48%;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	transition: 0.3s all;
	color: #000;
}

.ds-links a:first-of-type {
	background-color:#c9dbea;
}

.ds-links a:hover {
	transform: scaleX(1.1) scaleY(1.1)
}

.closure-reason-wrapper {
	position: relative;
	display: inline-block;
	margin: -2px -26px -2px 6px;
	vertical-align: top;
}

.closure-icon {
	color: #135a8b;
	font-weight: 600;
	font-size: 14px;
	background: rgb(19 90 139 / 15%);
	box-shadow: inset 0 0 0 1px rgb(19 90 139 / 40%);
	display: inline-block;
	line-height: 22px;
	width: 20px;
	text-align: center;
	height: 20px;
	border-radius: 11px;
	cursor: pointer;
}

.closure-icon:hover {
	color: #FFF;
	background: rgb(19 90 139);
}

.closure-icon:before {
	content: '?';
}

.closure-reason {
	position: absolute;
	width: 200px;
	z-index: 10;
	right: -3px;
	top: calc( 100% + 10px );
	background: #FFF;
	padding: 10px 15px;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgb(19 90 139 / 40%), 0 4px 8px rgb(19 90 139 / 15%);
	z-index: 5;
	display: none;
}

.closure-reason-wrapper:hover .closure-reason {
	display: block;
}

.closure-reason:after {
	content: '';
	transform: rotate(45deg);
	border: 5px solid transparent;
	border-top-color: #FFF;
	border-left-color: #FFF;
	box-shadow: -1.3px -1.3px 0 0 rgb(19 90 139 / 40%);
	position: absolute;
	top: -3px;
	right: 8px;
	z-index: -1;
}

.kiosk .wt-time-updated {
	color: #FFF;
}

.clinic-container.hide {
	display: none;
}

/* for temp hiding of telemed wait times */
/*
.wait-time-box.on-demand .wt-subtitle,
.wait-time-box.on-demand .wt-time,
.wait-time-box.on-demand .wt-time-updated,
.wait-time-box.on-demand .wt-time-divider {
	display:none;
}
*/

.wait-time-telemed-mobile {
	display: none;
}

.wait-time-telemed-mobile #wait-time-display {
	background: transparent;
	padding: 0;
	margin: 30px 0 0 0;
}

.wait-time-telemed-mobile #wait-time-display .wait-time-box.wide {
	width: 100%;
}

@media screen and (max-width:768px) {
	.wait-time-telemed-mobile {
		display: block;
	}
}