@charset "UTF-8";
/* REDS */
/* BLUES */
/* GREENS */
/* ORANGES */
/* GRAYS */
/* Decimals */
/* Percentages */
/* Indexed Decimals */
/* Indexed Percentages */
* {
				box-sizing: border-box;
				-webkit-overflow-scrolling: touch;
}

html, body {
				height: 100% !important;
				font-size: 12px;
}

@media (min-width: 380px) {
				html, body {
								font-size: 14px;
				}
}

@media (min-width: 480px) {
				html, body {
								font-size: 16px;
				}
}

body {
				/* for safari background tint detection */
				background-color: #0065AD;
				/* actual background style */
				background-color: #F2F2F2;
				margin: 0;
				padding: 0;
				overflow: hidden;
				position: relative;
				font-family: Lato,Arial,sans-serif;
				font-size: 100%;
				font-weight: 400;
				color: #333;
				-webkit-font-smoothing: antialiased;
}

*:focus {
				outline: 0;
}

input, textarea {
				padding: 0.75em;
				border: none;
				background: #DEDEDE;
				font-size: 1em;
				font-weight: 100 !important;
}

input:focus, textarea:focus {
				background: #FFF;
				box-shadow: inset 0px 0px 5px #6E6E6E;
}

textarea {
				resize: none;
				overflow: visible;
				white-space: nowrap;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
textarea {
				border: 2px solid white !important;
				-webkit-text-fill-color: inherit;
				-webkit-box-shadow: 0 0 0px 1000px #DEDEDE inset;
				transition: background-color 5000s ease-in-out 0s;
}

fieldset {
				border: none;
				padding: 0;
				margin: 0;
}

#modal-loader {
				display: none;
				background-color: rgba(255, 255, 255, 0.65);
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				justify-content: center;
				align-items: center;
}

#modal-loader img {
				height: 44px;
				width: 44px;
				display: inline-block;
				transform-origin: center;
				animation: rotator 0.75s infinite steps(12) forwards;
}

#modal-wrapper .modal-message {
				text-align: center;
				justify-content: center;
}

#modal-wrapper div.legal-disclaimer {
				padding: 4px;
}

#modal-wrapper [data-localized-string="disclaimer_label"]::after {
				content: ":";
				margin-right: 2px;
}

#modal-wrapper.ajax-working #modal-loader {
				display: flex;
}

#modal-wrapper div.modal-form[data-modal-id="church_request"].church-request *.fmac {
				display: none;
}

#modal-wrapper div.modal-form[data-modal-id="church_request"].fmac *.church-request {
				display: none;
}

#modal-wrapper #request_form {
				width: 100%;
}

@media (min-width: 759px) {
				#modal-wrapper #request_form {
								display: flex;
								flex-direction: row;
								justify-content: center;
								align-items: flex-start;
				}
}

#modal-wrapper #request_form .input-wrapper input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper input:-webkit-autofill:hover, #modal-wrapper #request_form .input-wrapper input:-webkit-autofill:focus input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper input[type="text"], #modal-wrapper #request_form .input-wrapper input[type="password"], #modal-wrapper #request_form .input-wrapper input[type="number"], #modal-wrapper #request_form .input-wrapper input[type="range"], #modal-wrapper #request_form .input-wrapper input[type="email"], #modal-wrapper #request_form .input-wrapper input[type="tel"], #modal-wrapper #request_form .input-wrapper input[type="url"], #modal-wrapper #request_form .input-wrapper input[type="phone"] {
				border: transparent 2px solid;
				transition: border 0.5s ease-in-out;
}

#modal-wrapper #request_form .input-wrapper span.error-msg {
				opacity: 0;
				transition: opacity 0.5s ease-in-out;
}

#modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input:-webkit-autofill, #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input:-webkit-autofill:hover, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input:-webkit-autofill:hover, #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input:-webkit-autofill:hover, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input:-webkit-autofill:focus input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input:-webkit-autofill:focus input:-webkit-autofill, #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input:-webkit-autofill:focus input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="text"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="text"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="text"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="password"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="password"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="password"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="number"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="number"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="number"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="range"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="range"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="range"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="email"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="email"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="email"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="tel"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="tel"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="tel"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="url"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="url"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="url"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="phone"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="phone"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="phone"] {
				border: red 2px solid;
}

#modal-wrapper #request_form .input-wrapper {
				display: flex;
				flex-direction: row;
				position: relative;
}

#modal-wrapper #request_form .input-wrapper[data-label-above]::before {
				content: attr(data-label-above);
				font-size: 10px;
				font-weight: bold;
				text-transform: uppercase;
				position: absolute;
				top: 0px;
				left: 2px;
}

#modal-wrapper #request_form .input-wrapper .input {
				display: block;
				width: 100%;
}

#modal-wrapper #request_form .input-wrapper textarea,
#modal-wrapper #request_form .input-wrapper input[type="text"],
#modal-wrapper #request_form .input-wrapper input[type="password"] {
				height: 46px;
				display: block;
				width: 100%;
				margin-bottom: 0;
}

#modal-wrapper #request_form .input-wrapper span.error-msg {
				font-size: 11px;
				color: red;
				position: absolute;
				left: 0;
				top: calc(100% - 16px);
				right: 0;
}

#modal-wrapper #request_form .flex-row > .input-wrapper:not(:only-child):not(:first-child) {
				margin-left: 2px;
}

#modal-wrapper #request_form .flex-row > .input-wrapper:not(:only-child):not(:last-child) {
				margin-right: 2px;
}

@media (min-width: 620px) {
				#modal-wrapper #request_form .region-wrapper .input-wrapper:first-child {
								flex: 0 0 66.6666666%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(2) {
								flex: 0 1 33.333333%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(3) {
								flex: 0 1 33.333333%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:last-child {
								flex: 0 0 66.666666%;
				}
}

@media (min-width: 759px) {
				#modal-wrapper #request_form .region-wrapper .input-wrapper:first-child {
								flex: 0 0 60%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(2) {
								flex: 0 1 40%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(3) {
								flex: 0 1 40%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:last-child {
								flex: 0 0 60%;
				}
}

@media (min-width: 1024px) {
				#modal-wrapper #request_form .region-wrapper .input-wrapper:first-child {
								flex: 0 0 50%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(2) {
								flex: 0 1 50%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(3) {
								flex: 0 1 50%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:last-child {
								flex: 0 0 50%;
				}
}

#modal-wrapper div.top-left {
				padding: 0 0 10px 0;
}

@media (min-width: 620px) {
				#modal-wrapper div.top-left {
								display: flex;
								flex-direction: row;
								padding: 0 0 0 25px;
								align-items: center;
				}
				#modal-wrapper div.top-left ul.church-details {
								padding: 0 10px;
				}
				#modal-wrapper div.top-left .map-wrapper {
								flex: 0 0 50%;
								height: 45vw;
				}
}

@media (min-width: 759px) {
				#modal-wrapper div.top-left {
								display: block;
								padding: 0 0 10px 0;
								height: 100%;
								padding: 0 25px 0 0;
								flex: 0 0 300px;
				}
				#modal-wrapper div.top-left ul.church-details {
								padding: 0 0 10px 0;
				}
				#modal-wrapper div.top-left .map-wrapper {
								width: 100%;
								height: 300px;
				}
}

@media (min-width: 759px) {
				#modal-wrapper .bottom-right {
								padding-left: 25px;
				}
}

#modal-wrapper .map-wrapper {
				height: 93vw;
				background-size: cover;
				background-repeat: no-repeat;
				position: relative;
}

#modal-wrapper ul.church-details {
				list-style-type: none;
				flex: 0 0 50%;
				margin: 0;
				padding: 10px 0;
				font-size: 1em;
				line-height: 1.5em;
}

#modal-wrapper ul.church-details li {
				text-align: center;
				list-style-type: none;
				color: #222;
}

#modal-wrapper ul.church-details li.title {
				font-weight: 800;
				letter-spacing: 0.05em;
				margin-bottom: 0.15em;
}

#modal-wrapper ul.church-details li.address {
				font-style: italic;
}

#modal-wrapper .modal-header p {
				text-align: center;
}

@media (min-width: 759px) {
				#modal-wrapper .modal-header.bottom-padded {
								padding-bottom: 40px;
				}
}

#modal-wrapper fieldset {
				padding: 0 0 10px 0;
}

#modal-wrapper fieldset > div input, #modal-wrapper fieldset > div textarea {
				display: block;
				width: 100%;
}

#modal-wrapper fieldset > div .input-wrapper {
				display: block;
				border: 4px solid white;
				width: 100%;
}

@media (min-width: 620px) {
				#modal-wrapper fieldset > div {
								display: flex;
								flex-wrap: wrap;
								justify-content: flex-start;
								align-items: flex-start;
				}
				#modal-wrapper fieldset > div .input-wrapper {
								width: auto;
								flex: 1 1 auto;
				}
}

#modal-wrapper legend, #modal-wrapper h2 {
				color: #EA7B40;
				text-transform: uppercase;
}

#modal-wrapper h2 {
				font-size: 2em;
				text-align: center;
}

.modal-message #modal-wrapper h2 {
				font-weight: bold;
}

.modal-form #modal-wrapper h2 {
				text-transform: uppercase;
}

#modal-wrapper legend {
				font-size: 1.25em;
				margin: 0 0 10px 0;
				text-align: left;
				text-transform: uppercase;
				letter-spacing: 0px;
				word-spacing: 0.2em;
}

#modal-wrapper #ambiguous_location_list_wrapper {
				display: flex;
				justify-content: center;
}

#modal-wrapper .buttons-list {
				list-style-type: none;
				padding: 0;
				margin: 0;
}

#modal-wrapper .buttons-list li {
				list-style-type: none;
				padding: 0;
				margin: 0.2em 0 0 0;
}

#modal-wrapper .buttons-list li button {
				width: 100%;
				text-align: center;
				background-color: #4F97CA;
}

#modal-wrapper .buttons-list li button:hover {
				background-color: #EA7B40;
}

#modal-wrapper .buttons-wrapper {
				position: relative;
				padding: 4px;
}

#modal-wrapper .buttons-wrapper button {
				width: 100%;
				height: 40px;
}

#modal-wrapper .buttons-wrapper button.locked {
				opacity: 0.75;
				pointer-events: none;
}

/* --------------------------------------------------------------------------
   Flat Buttons
   -------------------------------------------------------------------------- */
input, button {
				box-sizing: border-box;
}

button, input[type="submit"] {
				display: inline-block;
				cursor: pointer;
				padding: 0.75em;
				border: none;
				border-radius: 2px;
				background: #216AA6;
				color: #FFF;
				font-weight: bold;
				text-transform: uppercase;
				letter-spacing: 0.05em;
				appearance: none;
				font-size: 0.8em;
}

.btn-cancel {
				display: inline-block;
				cursor: pointer;
				padding: 0.75em 1.5em;
				border-radius: 2px;
				background: none;
				color: #b95d5d;
				font-size: 0.75em;
				text-decoration: underline;
				text-transform: uppercase;
				letter-spacing: 0.1em;
}

.btn-cancel:hover {
				font-weight: 900;
				font-size: 0.9em;
				text-decoration: none;
}

.btn-yes, .btn-confirm, .btn-choose {
				border: 1px solid #337CA1;
				box-shadow: inset 0 1px 2px #6EB0D1;
				background: #216AA6;
				font-weight: normal;
}

.btn-yes:hover, .btn-confirm:hover, .btn-choose:hover {
				background: #3C91BC;
				background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYTVjYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNjOTFiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
				background-size: 100%;
				background-image: linear-gradient(top, #5BA5CB, #3C91BC);
				transition: box-shadow 0.05s ease-in-out;
}

.btn-okay, .btn-select {
				border: 1px solid #6D963B;
				box-shadow: inset 0 1px 2px #A2C873;
				background: #82B346;
				background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YzE2MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgyYjM0NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
				background-size: 100%;
				background-image: linear-gradient(top, #96C161, #82B346);
}

.btn-okay:hover, .btn-select:hover {
				background: #80AF45;
				background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YzE2MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwYWY0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
				background-size: 100%;
				background-image: linear-gradient(top, #96C161, #80AF45);
				transition: box-shadow 0.05s ease-in-out;
}

.btn-search {
				color: white;
				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
				/*
	background-color: $tundra-blue-light;
	background-image: linear-gradient(to bottom, $tundra-blue-dark, $tundra-blue);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF#5BC0DE', endColorstr='#FF#2F96B4', GradientType=0);
	border-color: $tundra-blue $tundra-blue $tundra-blue-dull;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: $tundra-blue;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*/
				background-color: #2F96B4;
}

.btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search:disabled, .btn-search[disabled] {
				color: white;
				background-color: #2F96B4;
				*background-color: #2A85A1;
}

.interior > .collapsible + button.collapse-btn {
				position: absolute;
				top: 0;
				right: 0;
				width: 35px;
				height: 35px;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 0;
				margin: 0;
				line-height: 0;
				border-radius: 50%;
				font-size: 35px;
				background-color: transparent;
				transition: opacity 0.2s ease-in-out;
				opacity: 0;
}

.interior > .collapsible + button.collapse-btn::after {
				content: '×';
				color: #EA7B40;
				display: block;
				position: relative;
}

.interior > .collapsible + button.collapse-btn:hover::after {
				color: #F9CDA2;
}

.shown .interior > .collapsible + button.collapse-btn {
				opacity: 1;
}

#wmc-front-wrapper .interior h2, body.initial header.page-header h1.pagename {
				color: #FFF;
				display: block;
				line-height: 1.2;
				text-transform: uppercase;
				text-shadow: 2px 1px 2px #003D69;
				letter-spacing: 0.10em;
				word-spacing: 0.15em;
				font-size: 2.1em;
				margin: 1em 0;
}

@media (min-width: 480px) {
				#wmc-front-wrapper .interior h2, body.initial header.page-header h1.pagename {
								margin: 0.5em 0;
				}
}

@media (min-width: 620px) {
				#wmc-front-wrapper .interior h2, body.initial header.page-header h1.pagename {
								font-size: 2.25em;
				}
}

#wmc-front-wrapper {
				opacity: 0;
				background-color: transparent;
				padding: 1em;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				transition: opacity 0.25s ease-in-out;
				z-index: -1;
				pointer-events: none;
				display: flex;
				justify-content: center;
				align-items: center;
}

body.initial.wmc #wmc-front-wrapper {
				opacity: 1;
				z-index: 1;
				pointer-events: all;
}

#wmc-front-wrapper .interior {
				color: #EEE;
				text-align: center;
				max-width: 32em;
}

#wmc-front-wrapper .interior h2 {
				margin-bottom: 1em;
}

#wmc-front-wrapper .interior p {
				text-align: justify;
}

div.wmc-toggle-wrapper {
				display: none;
}

body.initial div.wmc-toggle-wrapper {
				display: block;
}

div.wmc-toggle-wrapper div {
				display: flex;
				align-items: center;
				justify-content: center;
}

div.wmc-toggle-wrapper svg {
				display: inline-block;
				height: 1em;
				margin-right: 0.5em;
}

@media (min-width: 480px) {
				div.wmc-toggle-wrapper svg {
								height: 1.2em;
				}
}

div.wmc-toggle-wrapper a {
				margin-top: 1em;
				display: inline-block;
				padding: 0.5em 1.5em;
				text-transform: uppercase;
				border: 2px solid #EEE;
				border-radius: 5px;
				transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
				color: #EEE;
				border-color: #EEE;
				background-color: #EA7B40;
}

div.wmc-toggle-wrapper a:link, div.wmc-toggle-wrapper a:visited, div.wmc-toggle-wrapper a:active {
				text-decoration: none;
}

div.wmc-toggle-wrapper a:hover {
				background-color: #ef9b6e;
}

header.page-header {
				background: transparent;
				text-align: center;
				padding: 5px 10px;
				color: #FFF;
				display: block;
				height: 63px;
				border-bottom: 3px solid rgba(136, 191, 240, 0.4);
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				z-index: 2;
				transition: top 0.2s ease-in-out;
}

header.page-header::before {
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background: #0065AD linear-gradient(#014C73 0%, #216AA6 80%) repeat scroll 0 0;
}

header.page-header .privacy-link {
				color: white;
				font-size: 0.9em;
				font-weight: normal;
}

header.page-header .privacy-link:hover {
				font-weight: bold;
}

header.page-header #header-interior {
				opacity: 1;
				transition: opacity 0.2s ease-in-out;
				box-sizing: border-box;
}

header.page-header #btn_submit {
				font-size: 0.8em;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				box-shadow: 0px 0px 4px 2px #DEDEDE;
}

header.page-header #btn_submit:hover {
				background-color: #47b0cf;
}

@media (min-width: 480px) {
				header.page-header #btn_submit {
								max-width: 100px;
				}
}

header.page-header #btn_submit::after {
				content: '';
				width: 1.5em;
				height: 1.5em;
				background-image: url("../img/search-icon.svg");
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
				display: block;
				position: relative;
				top: -1px;
}

@media (min-width: 480px) {
				header.page-header #btn_submit::after {
								display: none;
				}
}

header.page-header #btn_submit .btn-text {
				display: none;
}

@media (min-width: 480px) {
				header.page-header #btn_submit .btn-text {
								display: block;
								min-width: 100px;
				}
}

body.initial.wmc header.page-header #header-interior {
				opacity: 0;
}

body.initial header.page-header {
				border: none;
				display: flex;
				justify-content: center;
				position: absolute;
				height: 100%;
				width: 100%;
				padding: 1em;
				z-index: 0;
				flex-wrap: wrap;
}

body.initial header.page-header #btn_clear {
				padding: 1em;
				height: 100%;
				position: relative;
				transform: translate(0);
				margin-right: 3px;
				background-color: #b95d5d;
				box-shadow: 0px 0px 4px 2px #DEDEDE;
}

body.initial header.page-header #btn_clear:hover {
				background-color: #c88181;
}

body.initial header.page-header #btn_clear::before, body.initial header.page-header #btn_clear::after {
				content: '';
				top: 0.85em;
				bottom: 0.85em;
				left: calc(50% - 1px);
				width: 2px;
				background-color: white;
				position: absolute;
}

body.initial header.page-header #btn_clear::before {
				transform: rotate(45deg);
}

body.initial header.page-header #btn_clear::after {
				transform: rotate(-45deg);
}

body.initial header.page-header::before {
				opacity: 0.85;
}

body.initial header.page-header #header-interior {
				height: auto;
				display: block;
				top: 0;
				position: relative;
				max-width: 62.5em;
}

body.initial header.page-header #search-form {
				padding: 0;
}

body.initial header.page-header #search-form.loading > #search-address-wrapper,
body.initial header.page-header #search-form.error > #search-address-wrapper {
				opacity: 0;
				pointer-events: none;
}

body.initial header.page-header #subhead-wrapper,
body.initial header.page-header #initial-disclaimer-wrapper {
				display: block;
}

body.initial header.page-header #search-address-wrapper {
				width: 100%;
				max-width: none;
}

#modal-wrapper.form ~ header.page-header {
				top: -63px;
}

body:not(.initial) header.page-header #btn_clear {
				padding: 1em;
				height: 100%;
				position: relative;
				transform: translate(0);
				margin-right: 3px;
				background-color: #b95d5d;
				box-shadow: 0px 0px 4px 2px #DEDEDE;
}

body:not(.initial) header.page-header #btn_clear:hover {
				background-color: #c88181;
}

body:not(.initial) header.page-header #btn_clear::before, body:not(.initial) header.page-header #btn_clear::after {
				content: '';
				top: 0.85em;
				bottom: 0.85em;
				left: calc(50% - 1px);
				width: 2px;
				background-color: white;
				position: absolute;
}

body:not(.initial) header.page-header #btn_clear::before {
				transform: rotate(45deg);
}

body:not(.initial) header.page-header #btn_clear::after {
				transform: rotate(-45deg);
}

body:not(.initial) header.page-header #search-form #search-address-wrapper {
				position: relative;
				width: auto;
				opacity: 1;
				pointer-events: all;
				flex: 1 0 100%;
}

body:not(.initial) header.page-header #search-form #search-address-wrapper:not(.focused) {
				flex: 1 0 5em;
}

body:not(.initial) header.page-header #search-form #search-address-wrapper:not(.focused) + #search-radius-wrapper {
				display: block;
				max-width: 1000px;
}

@media (min-width: 620px) {
				body:not(.initial) header.page-header #search-form #search-address-wrapper:not(.focused) {
								max-width: calc(100vw - 140px);
				}
				body:not(.initial) header.page-header #search-form #search-address-wrapper:not(.focused) + #search-radius-wrapper {
								display: block;
								max-width: 1000px;
				}
}

@media (min-width: 759px) {
				body:not(.initial) header.page-header #search-form #search-address-wrapper:not(.focused) {
								max-width: 660px;
								flex-shrink: 0;
				}
}

@media (min-width: 1024px) {
				body:not(.initial) header.page-header #search-form #search-address-wrapper:not(.focused) + #search-radius-wrapper {
								display: flex;
								max-width: 1000px;
				}
}

@media (min-width: 620px) {
				body:not(.initial) header.page-header #search-form #search-address-wrapper {
								flex: 1 0 5em;
								max-width: calc(100vw - 140px);
				}
				body:not(.initial) header.page-header #search-form #search-address-wrapper + #search-radius-wrapper {
								display: block;
								max-width: 1000px;
				}
}

@media (min-width: 759px) {
				body:not(.initial) header.page-header #search-form #search-address-wrapper {
								max-width: 660px;
								flex-shrink: 0;
				}
}

@media (min-width: 1024px) {
				body:not(.initial) header.page-header #search-form #search-address-wrapper + #search-radius-wrapper {
								display: flex;
								max-width: 1000px;
				}
}

#search-address-wrapper {
				transition: all 0.5s ease-in-out;
				overflow: hidden;
}

#search-address-wrapper .search-btn-wrapper {
				position: absolute;
				top: 3px;
				right: 3px;
				bottom: 3px;
				display: flex;
				align-items: center;
				justify-content: flex-end;
}

#search-field {
				width: 100%;
				padding-right: 70px;
				text-overflow: ellipsis;
}

@media (min-width: 480px) {
				#search-field {
								padding-right: 130px;
				}
}

#header-interior {
				display: flex;
				flex-direction: row;
				height: 100%;
				align-items: center;
				box-sizing: border-box;
}

h1.pagename,
#subhead-wrapper,
#initial-disclaimer-wrapper {
				display: none;
}

#logo {
				flex: 0 0 60px;
}

body.initial #logo {
				margin: 0 auto 3em;
}

body.initial #logo .img.full {
				display: block;
}

body.initial #logo img.full {
				display: inline;
}

body.initial #logo img.icon {
				display: none;
}

@media (min-width: 759px) {
				#logo {
								flex: 0 1 250px;
								padding: 0 0.5em;
				}
}

#logo a {
				display: inline-block;
				text-align: center;
				text-decoration: none;
}

#logo .img {
				min-height: 25px;
				width: 100%;
				position: relative;
				display: none;
				transform: scale(1);
}

#logo .img span {
				padding-right: 5px;
				font-family: 'sanchez-regular';
				font-weight: normal;
				font-size: 23px;
				letter-spacing: -1px;
				word-spacing: 3px;
				text-transform: uppercase;
				text-decoration: none;
				color: white;
				text-align: left;
				white-space: nowrap;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
}

#logo .img svg, #logo .img img {
				width: 12px;
				position: relative;
}

#logo .img .logo-top {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				position: relative;
}

#logo .img .logo-top::before, #logo .img .logo-top::after {
				content: '';
				position: absolute;
				bottom: 6px;
				left: 0;
				height: 2px;
}

#logo .img .logo-top::before {
				width: 41%;
				background-color: white;
}

#logo .img .logo-top::after {
				right: 0;
				background-size: 58% 100%;
				background-position: right;
				background-repeat: no-repeat;
				background-image: linear-gradient(to right, #FFFFFF, #FFFFFF 25%, transparent 25%, transparent 27%, #FFFFFF 27%, #FFFFFF 40%, transparent 40%, transparent 42%, #FFFFFF 42%, #FFFFFF 50%, transparent 50%, transparent 52%, #FFFFFF 52%, #FFFFFF 59%, transparent 59%, transparent 61%, #FFFFFF 61%, #FFFFFF 67%, transparent 67%, transparent 69%, #FFFFFF 69%, #FFFFFF 75%, transparent 75%, transparent 77%, #FFFFFF 77%, #FFFFFF 81%, transparent 81%, transparent 83%, #FFFFFF 83%, #FFFFFF 86%, transparent 86%, transparent 88%, #FFFFFF 88%, #FFFFFF 91%, transparent 91%, transparent 92%, #FFFFFF 92%, #FFFFFF 93%, transparent 93%, transparent 94%, #FFFFFF 94%, #FFFFFF 95%, transparent 95%, transparent 96%, #FFFFFF 96%, #FFFFFF 97%, transparent 97%, transparent 98%, #FFFFFF 98%, #FFFFFF 99%, transparent 99%, transparent 100%, #FFFFFF 100%);
}

#logo .img .logo-baseline {
				height: 0.15em;
				width: 100%;
				top: -5px;
				position: relative;
				background-size: 58% 100%;
				background-position: right;
				background-repeat: no-repeat;
				background-image: linear-gradient(to right, #FFFFFF, #FFFFFF 25%, transparent 25%, transparent 27%, #FFFFFF 27%, #FFFFFF 40%, transparent 40%, transparent 42%, #FFFFFF 42%, #FFFFFF 50%, transparent 50%, transparent 52%, #FFFFFF 52%, #FFFFFF 59%, transparent 59%, transparent 61%, #FFFFFF 61%, #FFFFFF 67%, transparent 67%, transparent 69%, #FFFFFF 69%, #FFFFFF 75%, transparent 75%, transparent 77%, #FFFFFF 77%, #FFFFFF 81%, transparent 81%, transparent 83%, #FFFFFF 83%, #FFFFFF 86%, transparent 86%, transparent 88%, #FFFFFF 88%, #FFFFFF 91%, transparent 91%, transparent 92%, #FFFFFF 92%, #FFFFFF 93%, transparent 93%, transparent 94%, #FFFFFF 94%, #FFFFFF 95%, transparent 95%, transparent 96%, #FFFFFF 96%, #FFFFFF 97%, transparent 97%, transparent 98%, #FFFFFF 98%, #FFFFFF 99%, transparent 99%, transparent 100%, #FFFFFF 100%);
				display: none;
}

#logo .img .logo-baseline::before {
				content: '';
				background-color: white;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				width: 41%;
}

@media (min-width: 480px) {
				#logo .img span {
								font-size: 26px;
				}
				#logo .img svg {
								width: 14px;
				}
}

@media (min-width: 759px) {
				#logo .img {
								display: block;
				}
}

#logo img.icon,
#logo img.full {
				width: 100%;
				position: relative;
}

#logo img.icon.full,
#logo img.full.full {
				display: none;
}

@media (min-width: 759px) {
				#logo img.icon.full,
				#logo img.full.full {
								top: 7px;
								display: inline;
				}
}

#logo img.icon.icon,
#logo img.full.icon {
				top: 0.25em;
				display: inline;
				width: 38px;
				height: 30px;
				padding: 0 8px;
}

@media (min-width: 759px) {
				#logo img.icon.icon,
				#logo img.full.icon {
								display: none;
				}
}

#search-form {
				display: flex;
				flex-direction: row;
				flex: auto;
				justify-content: space-between;
				position: relative;
}

#search-form.error ~ #initial-disclaimer-wrapper {
				display: none;
}

@media (min-width: 759px) {
				body:not(.ie-legacy) #search-form {
								padding-left: calc(50% - 610px);
				}
}

#search-form:not(.disabled) #search-radius-wrapper button:hover {
				background-color: #DDD;
				color: #0065AD;
}

#search-form:not(.disabled) #search-radius-wrapper.at-min #btn_decrease_radius:hover,
#search-form:not(.disabled) #search-radius-wrapper.at-max #btn_increase_radius:hover {
				background-color: transparent;
}

#search-radius-wrapper {
				position: relative;
				padding: 0;
				margin-left: 10px;
				display: block;
				max-width: 0;
				transition: max-width 0.5s ease-in-out;
}

body.initial #search-radius-wrapper {
				display: none;
}

@media (min-width: 480px) {
				#search-radius-wrapper {
								margin-left: 20px;
								max-width: 1000px;
				}
}

@media (min-width: 1024px) {
				#search-radius-wrapper {
								display: flex;
								flex-direction: row;
								justify-content: flex-end;
								align-items: center;
				}
}

#search-radius-wrapper div.label-wrapper {
				position: relative;
				text-align: center;
				height: 2px;
				width: 100%;
				white-space: nowrap;
				display: none;
}

@media (min-width: 380px) {
				#search-radius-wrapper div.label-wrapper {
								display: block;
				}
}

@media (min-width: 1024px) {
				#search-radius-wrapper div.label-wrapper {
								display: flex;
								margin-right: 10px;
				}
				#search-radius-wrapper div.label-wrapper .radius-label span::after {
								content: ":";
								margin-right: 2px;
				}
}

#search-radius-wrapper div.label-wrapper span {
				position: relative;
				text-transform: uppercase;
				top: -0.25em;
				font-size: 0.8em;
				font-weight: bold;
				letter-spacing: 0.2em;
}

@media (min-width: 480px) {
				#search-radius-wrapper div.label-wrapper span {
								letter-spacing: 0.1em;
				}
}

@media (min-width: 1024px) {
				#search-radius-wrapper div.label-wrapper span {
								font-size: 0.85em;
								letter-spacing: 0.125em;
				}
}

#search-radius-wrapper div.label-wrapper span .full {
				display: none;
}

@media (min-width: 480px) {
				#search-radius-wrapper div.label-wrapper span .full {
								display: inline;
				}
}

#search-radius-wrapper div.label-wrapper span .short {
				display: inline;
}

@media (min-width: 480px) {
				#search-radius-wrapper div.label-wrapper span .short {
								display: none;
				}
}

#search-radius-wrapper div.label-wrapper .distance-value {
				display: inline-block;
				width: 2em;
				padding: 0 0.25em;
}

#search-radius-wrapper div.label-wrapper .radius-units {
				display: none;
}

#search-radius-wrapper div.label-wrapper .radius-units::before {
				content: #search-radius-wrapper div.label-wrapper .radius-units::before nbsp;
}

@media (min-width: 1024px) {
				#search-radius-wrapper div.label-wrapper .radius-units {
								font-size: 1em;
								display: inline;
				}
}

#search-radius-wrapper div.button-wrapper {
				top: 2px;
				height: 2.7em;
				width: 100%;
				position: relative;
				white-space: nowrap;
}

@media (min-width: 380px) {
				#search-radius-wrapper div.button-wrapper {
								top: 0;
								height: 27px;
				}
}

@media (min-width: 1024px) {
				#search-radius-wrapper div.button-wrapper {
								height: 40px;
								top: -8px;
				}
				#search-radius-wrapper div.button-wrapper button {
								padding: 0 0 0.125em 0;
				}
}

#search-radius-wrapper button {
				width: 24px;
				height: 100%;
				padding: 0 0 0.15em 0;
				text-align: center;
				position: relative;
				line-height: 0;
				font-size: 1em;
				top: 0;
				border: solid white 1px;
				transition: background-color 0.2s ease-in-out;
}

@media (min-width: 380px) {
				#search-radius-wrapper button {
								top: 0.65em;
				}
}

#btn_decrease_radius {
				margin-right: 1px;
				border-radius: 3px 0 0 3px;
}

#search-radius-wrapper.at-min #btn_decrease_radius {
				color: transparent;
}

#btn_increase_radius {
				margin-left: 1px;
				border-radius: 0 3px 3px 0;
}

#search-radius-wrapper.at-max #btn_increase_radius {
				color: transparent;
}

body.initial #header-interior > .bgea-logo-wrapper {
				flex: 0 0 100%;
				z-index: 0;
				position: fixed;
				top: auto;
				left: 0;
				right: 0;
				display: block;
}

body:not(.initial) #header-interior > .bgea-logo-wrapper {
				display: none;
}

#header-interior > .bgea-logo-wrapper a {
				display: block;
}

#header-interior > .bgea-logo-wrapper img, #header-interior > .bgea-logo-wrapper svg {
				display: inline-block;
				width: 8em;
				margin-top: 1em;
}

body.initial footer .footer-interior > .bgea-logo-wrapper {
				display: none;
}

body:not(.initial) footer .footer-interior > .bgea-logo-wrapper {
				display: block;
				z-index: 0;
}

footer .footer-interior > .bgea-logo-wrapper a {
				display: block;
}

footer .footer-interior > .bgea-logo-wrapper img, footer .footer-interior > .bgea-logo-wrapper svg {
				display: block;
				height: 100%;
				width: 90px;
}

@keyframes rotator {
				from {
								transform: rotate(0deg);
				}
				to {
								transform: rotate(360deg);
				}
}

@keyframes fadein {
				from {
								opacity: 0;
				}
				to {
								opacity: 1;
				}
}

#loading {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				transition: opacity 0.25s ease-in-out;
				opacity: 0;
				z-index: -1;
				pointer-events: none;
}

.loading > #loading {
				opacity: 1;
				pointer-events: all;
				z-index: 0;
}

#loading .loader-wrapper {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				text-align: center;
}

#loading .loader-wrapper img {
				height: 44px;
				width: 44px;
				display: inline-block;
				transform-origin: center;
				animation: rotator 0.75s infinite steps(12) forwards;
}

#loading .loading-message {
				text-transform: uppercase;
				letter-spacing: 22px;
				text-indent: 21px;
				font-weight: bold;
				text-shadow: 0px 0px 10px #222;
				animation: fadein 1s 1 ease-in forwards;
}

#init-error {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				display: none;
				justify-content: center;
				align-items: center;
				transition: opacity 0.25s ease-in-out;
				opacity: 0;
				z-index: -1;
				pointer-events: none;
}

body.initial #init-error {
				display: flex;
}

.error > #init-error {
				opacity: 1;
				pointer-events: all;
				z-index: 0;
}

body.initial > footer.page-footer {
				display: none;
}

footer.page-footer {
				height: 46px;
				padding: 5px 10px;
				background: #0065AD linear-gradient(#014C73 0%, #216AA6 80%) repeat scroll 0 0;
				color: white;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				border-top: 2px solid rgba(136, 191, 240, 0.4);
				z-index: 2;
				transition: bottom 0.2s ease-in-out;
}

footer.page-footer div.footer-interior {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
}

#modal-wrapper.form ~ footer.page-footer {
				bottom: -46px;
}

form.view-controller:not(.disabled) label span:hover {
				background-color: #DDD;
				color: #0065AD;
}

form.view-controller label {
				color: white;
				font-size: 0.85em;
				font-weight: bold;
				margin: 0;
				padding: 0;
}

form.view-controller label span {
				border: solid #DEDEDE 2px;
				padding: 0.45em 0.85em;
				z-index: 10;
}

form.view-controller label:first-child span {
				border-radius: 3px 0 0 3px;
				border-width: 2px 1px 2px 2px;
				margin-right: -2px;
}

@media (min-width: 620px) {
				form.view-controller label:first-child span {
								margin-right: -4px;
				}
}

form.view-controller label:nth-child(2) {
				display: none;
}

@media (min-width: 620px) {
				form.view-controller label:nth-child(2) {
								display: inline;
				}
}

form.view-controller label:last-child span {
				border-radius: 0 3px 3px 0;
				border-width: 2px 2px 2px 1px;
				margin-left: -2px;
}

@media (min-width: 620px) {
				form.view-controller label:last-child span {
								margin-left: -4px;
				}
}

form.view-controller label input {
				display: none;
				height: 0;
				opacity: 0;
				padding: 0;
				width: 0;
}

form.view-controller label input:checked + span {
				background: #EEE;
				color: #0065AD;
}

#toggle-disclaimer {
				background-color: #EA7B40;
				border: medium none;
				border-radius: 2px;
				color: #FFF;
				cursor: pointer;
				font-weight: bold;
				letter-spacing: 0.05em;
				padding: 0.75em;
				text-transform: uppercase;
}

#results-wrapper {
				top: 0;
				left: 0;
				bottom: 0;
				height: 100%;
				width: 100vw;
				padding: 63px 0 46px 0;
				position: absolute;
				overflow: scroll;
				box-shadow: 0 0 30px 0 #000;
				background-color: white;
				transition: all 0.25s ease-in-out;
				z-index: 0;
}

body.map-animated #results-wrapper,
body.initial #results-wrapper {
				opacity: 0;
				transition: none;
}

#results-wrapper.hide-children li.result {
				display: none;
}

#results-wrapper.range_0 li.result.range_5,
#results-wrapper.range_0 li.result.range_4,
#results-wrapper.range_0 li.result.range_3,
#results-wrapper.range_0 li.result.range_2,
#results-wrapper.range_0 li.result.range_1 {
				display: none;
}

#results-wrapper.range_1 li.result.range_5,
#results-wrapper.range_1 li.result.range_4,
#results-wrapper.range_1 li.result.range_3,
#results-wrapper.range_1 li.result.range_2 {
				display: none;
}

#results-wrapper.range_2 li.result.range_5,
#results-wrapper.range_2 li.result.range_4,
#results-wrapper.range_2 li.result.range_3 {
				display: none;
}

#results-wrapper.range_3 li.result.range_5,
#results-wrapper.range_3 li.result.range_4 {
				display: none;
}

#results-wrapper.range_4 li.result.range_5 {
				display: none;
}

body:not(.initial) .list-view.map-view #results-wrapper {
				width: 100vw;
}

@media (min-width: 620px) {
				body:not(.initial) .list-view.map-view #results-wrapper {
								width: calc(0vw + 400px);
				}
}

body:not(.initial) .list-view:not(.map-view) #results-wrapper {
				width: 100vw;
}

.map-view:not(.list-view) #results-wrapper {
				box-shadow: none;
				width: calc(0vw + 400px);
				left: -400px;
}

#results-wrapper ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
}

#results-wrapper ul.results-list {
				padding: 0 0px 30px 0;
}

#results-wrapper li.result {
				font-size: 0.8em;
				line-height: 1.125em;
				padding: 10px 0 10px 10px;
				display: flex;
				align-items: flex-start;
				justify-content: flex-end;
				border-bottom: 1px solid #AAA;
}

#results-wrapper li.result:not(.current) {
				cursor: pointer;
}

body.ie-legacy #results-wrapper li.result .church-icon-wrapper::after {
				display: block;
				background-position-x: center;
				background-position-y: center;
}

#results-wrapper li.result.cooperating .church-icon-wrapper::after {
				border: solid 1px rgba(33, 106, 166, 0);
				border-radius: 50%;
				background-color: rgba(255, 255, 255, 0);
				box-sizing: border-box;
				transform: scale(1);
				transition: all 0.1s ease-in-out;
}

#results-wrapper li.result.cooperating.focused .church-icon-wrapper::after {
				border: solid 2px rgba(33, 106, 166, 0.5);
				background-color: white;
				transform: scale(1.5);
}

#results-wrapper li.result.cooperating.current li.collapsible:not(:empty) {
				max-height: 100px;
				margin-bottom: 0.75em;
				opacity: 1;
				transition: all 0.1s linear;
}

#results-wrapper li.result.cooperating.current .church-icon-wrapper::after {
				border: solid 2px rgba(33, 106, 166, 0.5);
				background-color: white;
				transform: scale(1.5);
}

#results-wrapper li.result.cooperating li.collapsible {
				max-height: 0px;
				height: auto;
				margin-bottom: 0em;
				overflow: hidden;
				opacity: 0;
				transition: all 0.15s linear;
}

#results-wrapper li.result.participating .church-icon-wrapper::after {
				box-sizing: border-box;
				transform: scale(1);
				transition: all 0.1s ease-in-out;
}

#results-wrapper li.result.participating.focused .church-icon-wrapper::after {
				transform: scale(1.1);
}

#results-wrapper li.result.participating.current .church-icon-wrapper::after {
				transform: scale(1.1);
}

#results-wrapper li.result.participating li.collapsible:not(:empty) {
				max-height: 100px;
				margin-bottom: 0.75em;
				opacity: 1;
				transition: all 0.1s linear;
}

#results-wrapper li.result .title {
				font-weight: 800;
				text-transform: uppercase;
				letter-spacing: 0.125em;
				margin-bottom: 0.75em;
}

#results-wrapper li.result ul.church-details ul:empty, #results-wrapper li.result ul.church-details li:empty {
				display: none;
}

#results-wrapper li.result li.address li {
				color: #222;
				font-style: italic;
				letter-spacing: 0.07em;
}

#results-wrapper li.result li.distance {
				color: #6E6E6E;
				font-size: 0.85em;
}

#results-wrapper li.result.current {
				background-color: #FCE7D2;
}

#results-wrapper .church-icon-wrapper {
				flex: 0 0 6em;
				display: flex;
				align-items: flex-start;
				justify-content: center;
}

#results-wrapper .church-info-wrapper {
				flex: 1 1 320px;
}

#optin-wrapper {
				font-size: 0.8em;
				height: 60px;
				position: absolute;
				bottom: 45px;
				left: 0;
				width: 100vw;
				transition: all 0.25s ease-in-out;
}

body.initial #optin-wrapper {
				display: none;
}

.list-view.map-view #optin-wrapper {
				width: 100vw;
}

@media (min-width: 759px) {
				.list-view.map-view #optin-wrapper {
								width: calc(0vw + 400px);
				}
}

.list-view:not(.map-view) #optin-wrapper {
				width: 100vw;
}

.map-view:not(.list-view) #optin-wrapper {
				width: calc(0vw + 400px);
				left: -400px;
}

#optin-wrapper a.heading {
				display: block;
				color: #EA7B40;
}

#optin-wrapper h2 {
				text-align: center;
				font-weight: 800;
}

#optin-wrapper div.interior {
				border-top: 2px solid #AAA;
				background-color: #F2F2F2;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
}

#optin-wrapper div.collapsible {
				max-height: 0vh;
				padding: 0 10px 0 10px;
				overflow: hidden;
				transition: all 0.2s ease-in-out;
}

#optin-wrapper.shown div.collapsible {
				max-height: 100vh;
				padding: 0 10px 10px 10px;
}

#map-wrapper {
				top: 0;
				bottom: 0;
				height: 100%;
				position: relative;
				left: calc(0px + 0vw);
				width: calc(0vw + 0px);
				transition: all 0.1s ease-in-out;
				opacity: 0;
}

body.initial #map-wrapper {
				transition: none;
				left: calc(0vw + 0px);
				width: calc(100vw - 0px);
}

body.map-animated #map-wrapper {
				transition: none;
				left: calc(0vw + 0px) !important;
				width: calc(100vw - 0px) !important;
}

body.map-animated #map-wrapper #map-canvas {
				top: 0 !important;
				bottom: 0 !important;
}

body.map-ready #map-wrapper {
				opacity: 1;
}

body:not(.initial) .list-view.map-view #map-wrapper {
				left: calc(0px + 0vw);
				width: calc(0vw + 0px);
}

@media (min-width: 620px) {
				body:not(.initial) .list-view.map-view #map-wrapper {
								left: calc(0vw + 400px);
								width: calc(100vw - 400px);
				}
}

body:not(.initial) .list-view:not(.map-view) #map-wrapper {
				left: calc(0px + 0vw);
				width: calc(0px + 0vw);
}

body:not(.initial) .map-view:not(.list-view) #map-wrapper {
				left: calc(0vw + 0px);
				width: calc(100vw - 0px);
}

#map-wrapper div.church-info-wrapper ul:empty, #map-wrapper div.church-info-wrapper li:empty {
				display: none;
}

#map-wrapper div.church-info-wrapper ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
}

#map-wrapper div.church-info-wrapper li.title {
				color: #EA7B40;
				font-size: 1.1em;
				font-weight: bold;
				text-transform: uppercase;
				padding-bottom: 0.5em;
}

#map-wrapper div.church-info-wrapper li.address {
				padding-bottom: 0.5em;
}

#map-wrapper div.church-info-wrapper li.address li {
				font-style: italic;
}

#map-wrapper div.church-info-wrapper li a {
				font-weight: bold;
				letter-spacing: 0.05em;
}

#map-canvas {
				position: absolute;
				top: 48px;
				right: 0;
				bottom: 31px;
				left: 0;
}

body.initial #map-canvas {
				top: 0;
				bottom: 0;
}

#map-canvas img[src="$=.svg"]:hover {
				transform: scale(2);
}

#disclaimer-wrapper {
				position: absolute;
				max-height: 0vh;
				padding: 0;
				margin: 0;
				left: 0;
				right: 0;
				bottom: 45px;
				transition: bottom 0.2s ease-in-out;
}

body.initial #disclaimer-wrapper {
				display: none;
}

#disclaimer-wrapper div.interior {
				border-top: 2px solid #AAA;
				background-color: #F2F2F2;
				position: absolute;
				padding: 0;
				bottom: 0;
				left: 0;
				right: 0;
}

#disclaimer-wrapper div.collapsible {
				max-height: 0vh;
				padding: 0 10px 0 10px;
				overflow: hidden;
				transition: all 0.2s ease-in-out;
}

#disclaimer-wrapper.shown div.collapsible {
				max-height: 100vh;
				padding: 0 10px 10px 10px;
}

#modal-wrapper.form ~ #disclaimer-wrapper {
				bottom: 0;
}

#modal-backdrop {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				opacity: 0;
				pointer-events: none;
				background-color: rgba(255, 255, 255, 0.95);
				transition: opacity 0.25s ease-in-out;
}

body.map-animated #modal-backdrop {
				background-color: rgba(255, 255, 255, 0.8);
}

#modal-backdrop.in {
				opacity: 1;
				pointer-events: all;
}

#modal-backdrop.in ~ #modal-wrapper {
				opacity: 1;
				pointer-events: all;
				display: flex;
}

#modal-backdrop.fading-in {
				opacity: 1;
				pointer-events: all;
}

#modal-backdrop.fading-in ~ #modal-wrapper {
				opacity: 1;
				pointer-events: all;
				display: flex;
}

#modal-backdrop.fading-out {
				opacity: 0;
				pointer-events: all;
}

#modal-backdrop.fading-out ~ #modal-wrapper {
				opacity: 0;
				display: flex;
				pointer-events: all;
}

#modal-wrapper {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				opacity: 0;
				pointer-events: none;
				transition: opacity 0.2s ease-in-out;
				display: none;
				flex-direction: row;
				justify-content: center;
				align-items: center;
}

#modal-wrapper::before, #modal-wrapper::after {
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				height: 20px;
				z-index: 1;
				pointer-events: none;
}

#modal-wrapper::before {
				top: -10px;
				background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
}

#modal-wrapper::after {
				bottom: -10px;
				background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
}

#modal-wrapper [data-modal-id="form_errors"] ul {
				list-style-type: none;
				padding: 0 0 10px 0;
}

#modal-wrapper [data-modal-id="form_errors"] ul p:empty {
				display: none;
}

#modal-wrapper [data-modal-id="form_errors"] ul li {
				display: none;
				text-align: center;
				padding: 5px;
				font-weight: bold;
}

#modal-wrapper [data-modal-id="form_errors"] ul li.shown {
				display: block;
}

#modal-wrapper .modal-content {
				display: none;
				opacity: 0;
				padding: 20px 4px 20px 20px;
				flex: 1 1 600px;
				overflow: scroll;
				max-height: 100%;
				box-sizing: content-box;
				transition: opacity 0.25s ease-in-out;
}

#modal-wrapper .modal-content.faded {
				opacity: 0 !important;
}

#modal-wrapper .modal-content.active {
				display: block;
				opacity: 1;
}

@media (min-width: 1024px) {
				#modal-wrapper .modal-content {
								flex: 0 1 1024px;
				}
}

input, textarea {
				padding: 0.75em;
				border: none;
				background: #DEDEDE;
				font-size: 1em;
				font-weight: 100 !important;
}

input:focus, textarea:focus {
				background: #FFF;
				box-shadow: inset 0px 0px 5px #6E6E6E;
}

textarea {
				resize: none;
				overflow: visible;
				white-space: nowrap;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
textarea {
				border: 2px solid white !important;
				-webkit-text-fill-color: inherit;
				-webkit-box-shadow: 0 0 0px 1000px #DEDEDE inset;
				transition: background-color 5000s ease-in-out 0s;
}

fieldset {
				border: none;
				padding: 0;
				margin: 0;
}

#modal-loader {
				display: none;
				background-color: rgba(255, 255, 255, 0.65);
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				justify-content: center;
				align-items: center;
}

#modal-loader img {
				height: 44px;
				width: 44px;
				display: inline-block;
				transform-origin: center;
				animation: rotator 0.75s infinite steps(12) forwards;
}

#modal-wrapper .modal-message {
				text-align: center;
				justify-content: center;
}

#modal-wrapper div.legal-disclaimer {
				padding: 4px;
}

#modal-wrapper [data-localized-string="disclaimer_label"]::after {
				content: ":";
				margin-right: 2px;
}

#modal-wrapper.ajax-working #modal-loader {
				display: flex;
}

#modal-wrapper div.modal-form[data-modal-id="church_request"].church-request *.fmac {
				display: none;
}

#modal-wrapper div.modal-form[data-modal-id="church_request"].fmac *.church-request {
				display: none;
}

#modal-wrapper #request_form {
				width: 100%;
}

@media (min-width: 759px) {
				#modal-wrapper #request_form {
								display: flex;
								flex-direction: row;
								justify-content: center;
								align-items: flex-start;
				}
}

#modal-wrapper #request_form .input-wrapper input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper input:-webkit-autofill:hover, #modal-wrapper #request_form .input-wrapper input:-webkit-autofill:focus input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper input[type="text"], #modal-wrapper #request_form .input-wrapper input[type="password"], #modal-wrapper #request_form .input-wrapper input[type="number"], #modal-wrapper #request_form .input-wrapper input[type="range"], #modal-wrapper #request_form .input-wrapper input[type="email"], #modal-wrapper #request_form .input-wrapper input[type="tel"], #modal-wrapper #request_form .input-wrapper input[type="url"], #modal-wrapper #request_form .input-wrapper input[type="phone"] {
				border: transparent 2px solid;
				transition: border 0.5s ease-in-out;
}

#modal-wrapper #request_form .input-wrapper span.error-msg {
				opacity: 0;
				transition: opacity 0.5s ease-in-out;
}

#modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input:-webkit-autofill, #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input:-webkit-autofill:hover, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input:-webkit-autofill:hover, #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input:-webkit-autofill:hover, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input:-webkit-autofill:focus input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input:-webkit-autofill:focus input:-webkit-autofill, #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input:-webkit-autofill:focus input:-webkit-autofill, #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="text"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="text"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="text"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="password"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="password"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="password"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="number"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="number"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="number"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="range"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="range"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="range"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="email"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="email"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="email"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="tel"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="tel"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="tel"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="url"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="url"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="url"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.upload-wrapper:not(.is-empty):not(.ajax-working) input[type="phone"], #modal-wrapper #request_form .input-wrapper.is-invalid.is-dirty.has-focused:not(.is-empty):not(.ajax-working) input[type="phone"], #modal-wrapper #request_form.show-errors .input-wrapper.is-invalid input[type="phone"] {
				border: red 2px solid;
}

#modal-wrapper #request_form .input-wrapper {
				display: flex;
				flex-direction: row;
				position: relative;
}

#modal-wrapper #request_form .input-wrapper[data-label-above]::before {
				content: attr(data-label-above);
				font-size: 10px;
				font-weight: bold;
				text-transform: uppercase;
				position: absolute;
				top: 0px;
				left: 2px;
}

#modal-wrapper #request_form .input-wrapper .input {
				display: block;
				width: 100%;
}

#modal-wrapper #request_form .input-wrapper textarea,
#modal-wrapper #request_form .input-wrapper input[type="text"],
#modal-wrapper #request_form .input-wrapper input[type="password"] {
				height: 46px;
				display: block;
				width: 100%;
				margin-bottom: 0;
}

#modal-wrapper #request_form .input-wrapper span.error-msg {
				font-size: 11px;
				color: red;
				position: absolute;
				left: 0;
				top: calc(100% - 16px);
				right: 0;
}

#modal-wrapper #request_form .flex-row > .input-wrapper:not(:only-child):not(:first-child) {
				margin-left: 2px;
}

#modal-wrapper #request_form .flex-row > .input-wrapper:not(:only-child):not(:last-child) {
				margin-right: 2px;
}

@media (min-width: 620px) {
				#modal-wrapper #request_form .region-wrapper .input-wrapper:first-child {
								flex: 0 0 66.6666666%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(2) {
								flex: 0 1 33.333333%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(3) {
								flex: 0 1 33.333333%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:last-child {
								flex: 0 0 66.666666%;
				}
}

@media (min-width: 759px) {
				#modal-wrapper #request_form .region-wrapper .input-wrapper:first-child {
								flex: 0 0 60%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(2) {
								flex: 0 1 40%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(3) {
								flex: 0 1 40%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:last-child {
								flex: 0 0 60%;
				}
}

@media (min-width: 1024px) {
				#modal-wrapper #request_form .region-wrapper .input-wrapper:first-child {
								flex: 0 0 50%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(2) {
								flex: 0 1 50%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:nth-child(3) {
								flex: 0 1 50%;
				}
				#modal-wrapper #request_form .region-wrapper .input-wrapper:last-child {
								flex: 0 0 50%;
				}
}

#modal-wrapper div.top-left {
				padding: 0 0 10px 0;
}

@media (min-width: 620px) {
				#modal-wrapper div.top-left {
								display: flex;
								flex-direction: row;
								padding: 0 0 0 25px;
								align-items: center;
				}
				#modal-wrapper div.top-left ul.church-details {
								padding: 0 10px;
				}
				#modal-wrapper div.top-left .map-wrapper {
								flex: 0 0 50%;
								height: 45vw;
				}
}

@media (min-width: 759px) {
				#modal-wrapper div.top-left {
								display: block;
								padding: 0 0 10px 0;
								height: 100%;
								padding: 0 25px 0 0;
								flex: 0 0 300px;
				}
				#modal-wrapper div.top-left ul.church-details {
								padding: 0 0 10px 0;
				}
				#modal-wrapper div.top-left .map-wrapper {
								width: 100%;
								height: 300px;
				}
}

@media (min-width: 759px) {
				#modal-wrapper .bottom-right {
								padding-left: 25px;
				}
}

#modal-wrapper .map-wrapper {
				height: 93vw;
				background-size: cover;
				background-repeat: no-repeat;
				position: relative;
}

#modal-wrapper ul.church-details {
				list-style-type: none;
				flex: 0 0 50%;
				margin: 0;
				padding: 10px 0;
				font-size: 1em;
				line-height: 1.5em;
}

#modal-wrapper ul.church-details li {
				text-align: center;
				list-style-type: none;
				color: #222;
}

#modal-wrapper ul.church-details li.title {
				font-weight: 800;
				letter-spacing: 0.05em;
				margin-bottom: 0.15em;
}

#modal-wrapper ul.church-details li.address {
				font-style: italic;
}

#modal-wrapper .modal-header p {
				text-align: center;
}

@media (min-width: 759px) {
				#modal-wrapper .modal-header.bottom-padded {
								padding-bottom: 40px;
				}
}

#modal-wrapper fieldset {
				padding: 0 0 10px 0;
}

#modal-wrapper fieldset > div input, #modal-wrapper fieldset > div textarea {
				display: block;
				width: 100%;
}

#modal-wrapper fieldset > div .input-wrapper {
				display: block;
				border: 4px solid white;
				width: 100%;
}

@media (min-width: 620px) {
				#modal-wrapper fieldset > div {
								display: flex;
								flex-wrap: wrap;
								justify-content: flex-start;
								align-items: flex-start;
				}
				#modal-wrapper fieldset > div .input-wrapper {
								width: auto;
								flex: 1 1 auto;
				}
}

#modal-wrapper legend, #modal-wrapper h2 {
				color: #EA7B40;
				text-transform: uppercase;
}

#modal-wrapper h2 {
				font-size: 2em;
				text-align: center;
}

.modal-message #modal-wrapper h2 {
				font-weight: bold;
}

.modal-form #modal-wrapper h2 {
				text-transform: uppercase;
}

#modal-wrapper legend {
				font-size: 1.25em;
				margin: 0 0 10px 0;
				text-align: left;
				text-transform: uppercase;
				letter-spacing: 0px;
				word-spacing: 0.2em;
}

#modal-wrapper #ambiguous_location_list_wrapper {
				display: flex;
				justify-content: center;
}

#modal-wrapper .buttons-list {
				list-style-type: none;
				padding: 0;
				margin: 0;
}

#modal-wrapper .buttons-list li {
				list-style-type: none;
				padding: 0;
				margin: 0.2em 0 0 0;
}

#modal-wrapper .buttons-list li button {
				width: 100%;
				text-align: center;
				background-color: #4F97CA;
}

#modal-wrapper .buttons-list li button:hover {
				background-color: #EA7B40;
}

#modal-wrapper .buttons-wrapper {
				position: relative;
				padding: 4px;
}

#modal-wrapper .buttons-wrapper button {
				width: 100%;
				height: 40px;
}

#modal-wrapper .buttons-wrapper button.locked {
				opacity: 0.75;
				pointer-events: none;
}

#developer-overlay {
				z-index: 100;
				position: fixed;
				top: 0;
				right: 0;
				bottom: 0;
				background-color: rgba(255, 255, 255, 0);
				transition: width 0.2s ease-in-out, padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
				width: 20px;
				padding: 62px 0 50px 0;
}

#developer-overlay button.toggle-button {
				display: block;
				height: 100%;
				left: 0;
				border-radius: 10px;
				padding: 1px;
				margin: 0;
				width: 20px;
				background-color: rgba(33, 106, 166, 0);
				transition: all 0.25s ease-in-out;
}

#developer-overlay button.toggle-button span {
				display: block;
				position: absolute;
				transform: rotate(90deg);
				transform-origin: top left;
				color: white;
				text-align: center;
				width: 100vh;
				height: 18px;
				top: -60px;
				left: 18px;
				transition: all 0.25s ease-in-out;
}

#developer-overlay button.toggle-button span.collapse-label {
				opacity: 0;
				letter-spacing: 0;
				transform: rotate(-90deg) translate(-100vh, -15px);
}

#developer-overlay button.toggle-button span.expand-label {
				opacity: 1;
				letter-spacing: 2.5vh;
}

#developer-overlay button.toggle-button:hover {
				background-color: #216aa6;
				transition: height 0.25s ease-in-out, left 0.25s ease-in-out, padding 0.25s ease-in-out;
}

#developer-overlay.active {
				width: 500px;
				max-width: 100%;
				background-color: rgba(0, 0, 0, 0.75);
				padding: 0;
}

#developer-overlay.active button.toggle-button {
				border-radius: 0;
				background-color: #216aa6;
}

#developer-overlay.active button.toggle-button span {
				display: block;
				text-align: center;
				color: white;
}

#developer-overlay.active button.toggle-button span.collapse-label {
				opacity: 1;
				letter-spacing: 2.5vh;
}

#developer-overlay.active button.toggle-button span.expand-label {
				opacity: 0;
				letter-spacing: 0vh;
}

body.initial #developer-overlay.active {
				background-color: rgba(255, 255, 255, 0.75);
}

body.initial #developer-overlay.active #developer-content button {
				padding: 2px;
				background-color: #337CA1;
				color: white;
				font-weight: bold;
				width: 100%;
}

body.initial #developer-overlay.active #developer-content button:hover {
				background-color: #5BA5CB;
}

#developer-content {
				position: absolute;
				top: 0;
				left: 20px;
				right: 0;
				bottom: 0;
				display: flex;
				flex-direction: column;
				z-index: 3;
}

#developer-content div.developer-ui {
				width: 100%;
				margin: 0;
				padding: 4px;
				flex: 8 0 28px;
}

#developer-content div.developer-ui ul {
				margin: 0;
				padding: 0;
				list-style: none;
}

#developer-content div.developer-ui li {
				height: 24px;
				padding: 2px;
}

#developer-content div.developer-ui button {
				padding: 2px;
				background-color: #5BA5CB;
				color: #e6e6e6;
				font-weight: bold;
				width: 100%;
}

#developer-content div.developer-ui button:hover {
				color: white;
}

#developer-content div.developer-console {
				width: 100%;
				flex: 1 1 100px;
				max-height: 400px;
				padding: 10px;
}

#developer-content div.developer-console ul {
				width: 100%;
				height: 100%;
				padding: 0;
				margin: 0;
				background-color: #222;
				border-radius: 5px;
				color: white;
				overflow: scroll;
}

#responsive-overlay {
				background-color: rgba(255, 255, 255, 0.8);
				padding: 2px;
				z-index: 99;
				text-align: center;
				height: 20px;
				width: 100px;
				position: fixed;
				left: 0;
				bottom: 0;
}

#responsive-overlay::after {
				color: black;
				content: '< 380px';
}

@media (min-width: 380px) {
				#responsive-overlay::after {
								content: 'Mobile';
				}
}

@media (min-width: 480px) {
				#responsive-overlay::after {
								content: 'Tablet';
				}
}

@media (min-width: 620px) {
				#responsive-overlay::after {
								content: 'Intermediate';
				}
}

@media (min-width: 759px) {
				#responsive-overlay::after {
								content: 'Desktop';
				}
}

@media (min-width: 1024px) {
				#responsive-overlay::after {
								content: 'Wide';
				}
}

#wpadminbar {
				display: none !important;
}

main {
				background-color: white;
				width: 100%;
				height: 100%;
				position: relative;
}