/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.health-meeting .lead-20{
	font-size:1.3em;
}

.health-meeting .list-item.mgb{
	margin-bottom:1em !important;
}

.red{
	color:#ff0000;
}

/*-----------------------------------------
              HOOK GRID
-------------------------------------------*/
.pdr-0{
	padding-right:0 !important;
}

/*-----------------------------------------
              DATE PICKER
-------------------------------------------*/

.ui-datepicker{
	border-radius: 0;
	z-index: 1000 !important;
}


.ui-widget-content{
	border:0;
	padding: 0;
	box-shadow: 0 0 2px 1px rgba(111, 111, 110, 0.5);
}

.ui-widget-header,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{
	border:1px solid #ff0000;
	background:#ff0000;
	color:#fff;
	border-radius: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
	border:1px solid #adadad;
	color:#333;
	font-size:0.8em;
	font-weight: normal;
}
.ui-datepicker-days-cell-over{
	float:none !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active{
	background:#ff0000;
	color:#fff;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight{
	color:#fff;
}

.ui-state-hover{
	color:#fff;
	cursor:pointer;
}

.ui-datepicker .ui-state-default:hover{
	background:#f0f0f0;
}
.ui-datepicker-days-cell-over .ui-state-default:hover{
	background:#ff0000;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	background-image: none !important;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -13px;
}
.ui-datepicker-prev span.ui-icon,
.ui-datepicker-next span.ui-icon{
	width: 6px;
	height: 22px;
	display: block;
	text-indent: 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-datepicker .ui-datepicker-next {
	right: -6px;
}
.ui-datepicker-prev span:before {
	content: "\f104";
	font-family: FontAwesome;
	position: relative;
}

.ui-datepicker-next span:before {
	content: "\f105";
	font-family: FontAwesome;
	position: relative;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover{
	color:#fff;
}

/*-----------------------------------------
              HEALTH RESULTS
-------------------------------------------*/
.health-map,.health_results{
	height: calc(100vh - 242px);
	overflow:auto;
}

.health_results .gmap__search-form__select,.health_results #hm_date,.health_results input[type="submit"] {
	display:inline-block;
	width:48% !important;
	margin-bottom: .625rem;
}
.health_results input[type="submit"],
.health_results .gmap__search-form__select:nth-child(2){
	float:right;
}

.health_results #hm_date,.health_results input[type="submit"]{
	padding: .9375rem;
	font-size: .875rem;
}

.health_results input[type="submit"]{
	padding: .9375rem;
	font-size: .875rem;
	text-transform: uppercase;
	background: #ff0000;
	color: #fff;
}

/*-----------------------------------------
              Initial form on load
-------------------------------------------*/
.search-done,
.search-not-done .gmap__search-form-container,
.search-not-done .gmap__search-form{
	background:none !important;
}

.search-not-done .health-meeting-results-number,
.search-not-done .health-map,
.search-not-done .gmap__search-summary__btn,
.search-not-done .gmap__search-form-container__btn,
.search-not-done .gmap__map{
	display:none;
}

#health-meeting-results .gmap__loader{
	display:none;
}
#health-meeting-results .gmap__loader__container{
	top:65% !important;
	transform: translateX(-50%) translateY(-70%);
}

.search-not-done #health-meeting-search-form{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.search-not-done .gmap__search-summary{
	background:none;
	color:inherit;
	text-align:center;
}

.search-not-done .gmap__search-summary__title{
	font-size: 2.625rem;
}

.search-not-done .col-sm-4{
	width:100%;
}

.search-not-done .gmap__search-form{
	display:block;
	width:20rem;
	margin:0 auto;
}

.search-not-done .health_results .gmap__search-form__select,
.search-not-done .health_results #hm_date,
.search-not-done .health_results input[type="submit"]{
	display:block;
	float:none;
	width:100% !important;
	border: 1px solid #adadad;
	margin-bottom: 1.25rem;
}

.search-not-done  .health_results input[type="submit"]{
	border:none;
	margin-bottom:0;
	margin-top:0;
}

.search-done .gmap__map{
	float:none;
	width:inherit;
	display:block;
}

.search-done .gmap__search-form{
	opacity:1;
}

#health-meeting-results .gmap__search-result__social-btn{
	float:none;
	margin-bottom:1em;
	padding:1em;
}

#health-meeting-results .gmap__search-result__social{
	margin-bottom: 1.5em;
}

/*-----------------------------------------
              RESPONSIVE
-------------------------------------------*/

@media (max-width: 1024px) {
	.col-sm-4{
		width:100% !important;
		transform: translate3d(0%, 0, 0) !important;
		transition: transform .3s ease-out;
	}
	.search-done .health-map {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 2;
		height: calc(100vh - 114px);
		transform: translate3d(100%, 0, 0) !important;
		transition: transform .3s ease-out;
	}

	.search-done .health_results {
		height: auto;
	}

	.search-done .gmap__main .gmap__map.is-shown .health-map {
		transform: translate3d(0,0,0)!important;
	}
}