/* CSS Document */

html{margin: 0; padding: 0; height: 100%; box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%}
body{background-color: rgba(237,244,238,1.00); height: 100vh; display: flex; flex-direction: column}
#mainContent{flex: 1 0 auto}

.fs-10{font-size: 10px !important}
.fs-12{font-size: 12px !important}
.fs-14{font-size: 14px !important}
.fs-16{font-size: 16px !important}
.fs-18{font-size: 18px !important}
.fs-20{font-size: 20px !important}
.fs-24{font-size: 24px !important}
.fs-28{font-size: 28px !important}
.fs-30{font-size: 30px !important}
.fs-36{font-size: 36px !important}
.footer{flex-shrink: 0}
.shadow-light{box-shadow: 0 0 5px 0 rgba(146,146,146,.25)}
.bg-light-transparent{background-color: rgba(255,255,255,.5)}
.overflow-hidden{overflow: hidden}
.color-change{filter: contrast(200%) brightness(50%) saturate(2)}
.z-top{z-index: 9999 !important}
.z-bottom{z-index: 1 !important}
.hour-choice{border: 2px solid rgba(212,237,218,1.00); display: inline-block; margin: 2px 0px; padding: 2px 4px; transition: all .25s ease-out; border-radius: 4px}
#searchResults {position: absolute; margin-top: 2px; width: 94%; background-color: white; z-index: 100; display: none; max-height: 300px; overflow-Y: auto; overflow-x: hidden}
.lh-1{line-height: 1rem}


/* media rules */
@media (max-width: 1024px){
	.fs-10{font-size: 8px !important}
	.fs-12{font-size: 10px !important}
	.fs-14{font-size: 12px !important}
	.fs-16{font-size: 14px !important}
	.fs-18{font-size: 16px !important}
	.fs-20{font-size: 18px !important}
	.fs-24{font-size: 20px !important}
	.fs-28{font-size: 24px !important}
	.fs-30{font-size: 28px !important}
	.fs-36{font-size: 32px !important}
	.h-sm-mobile{position: relative; transform: translate(-50%,0); width: 300% !important}
	label.error, input[type="radio"].error{font-size: 12px !important; color: red !important; position: absolute !important; left: 1%; top: 80%; z-index: 10; padding: 4px 10px}
}

@media (min-width: 567px) and (max-width: 1024px){
	.h-sm-mobile{position: relative; width: 160% !important}
}