/* Admin tools */

.pages-edit__admin-tools {
	background-color: #bcc2cc;
}

.pages-edit__admin-tools-inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 1em 2em;
}

.pages-edit__at-quick-nav,
.pages-edit__at-actions {
	display: block;
	float: left;
}

.pages-edit__at-actions {
	margin-left: 2em;
}

.pages-edit__at-actions-label {
	float: left;
	line-height: 24px;
	margin-right: 0.5em;
}

.pages-edit__at-quick-nav-label {
	line-height: 24px;
	margin-right: 0.5em;
}

.pages-edit__at-quick-nav-select {
	width: 300px;
	max-width: 100%;
}

.pages-edit__at-quick-nav-select .editable {
	color: var(--color-action);
}

.pages-edit__at-quick-nav-select option[selected] {
	color: #888;
	font-weight: bold;
}

.pages-edit__at-actions .material-icons {
	color: white;
	text-decoration: none;
}


/* Modules */

.pages-edit__content {
	max-width: 960px;
	margin: 0 auto;
	padding: 1em 0;
}


.pages-edit__content-module {
	position: relative;
	
	padding-bottom: 2em;
}

.pages-edit__content-module-action {
	cursor: pointer;
	padding: 0.75em 1.5em;
	transition: background-color 0.2s;
}
.pages-edit__content-module-action:hover {
	background-color: #6d89d1;
}
.pages-edit__content-module-action__options {
	display: none;
}
[data-module-id="2"] .pages-edit__content-module-action__options,
[data-module-id="6"] .pages-edit__content-module-action__options,
[data-module-id="7"] .pages-edit__content-module-action__options,
[data-module-id="8"] .pages-edit__content-module-action__options,
[data-module-id="13"] .pages-edit__content-module-action__options,
[data-module-id="20"] .pages-edit__content-module-action__options {
	display: block;
}

.pages-edit__content-module-add {
	position: relative;
	
	margin-top: 2em;
}

.pages-edit__content-module-add-button {
	position: relative;
	
	background-color: #4F6DB3;
	color: white;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	padding: 0.5em 1em;
	text-transform: lowercase;
}

.pages-edit__content-module-add-button:after {
	position: absolute;
	right: -16px;
	top: 0;
	
	border-style: solid;
	border-width: 1em 0 1em 16px;
	border-color: transparent transparent transparent #4F6DB3;
	content: " ";
	display: block;
}

.pages-edit__content-module-add .pages-edit__material-icon {
	vertical-align: top;
}

/* Available modules */

.pages-edit__content-available-modules {
	position: absolute;
	width: 400px;
	top: 0;
	left: 150px;
	z-index: 200;
	
	background-color: white;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
	list-style-type: none;
	padding: 0.5em 0.5em 0 0.5em;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pages-edit__content-available-module {
	background-color: #4f6db3;
	color: white;
	cursor: pointer;
	padding: 1em 2em;
	transition: background-color 0.2s;
	width: calc(50% - 0.25em);
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 0.5em;
}
.pages-edit__content-available-module:hover {
	background-color: #607bba;
}

.pages-edit__content-enabled__contact_forms	.pages-edit__content-available-module__contact_forms,
.pages-edit__content-enabled__faqs			.pages-edit__content-available-module__faqs,
.pages-edit__content-enabled__forms			.pages-edit__content-available-module__forms,
.pages-edit__content-enabled__page_headers	.pages-edit__content-available-module__page_headers,
.pages-edit__content-enabled__related_links	.pages-edit__content-available-module__related_links {
	display: none;
}

.pages-edit__content-module-controls {
	position: absolute;
	top: 0;
	right: 1em;
}

.pages-edit__content-module-controls .pages-edit__material-icon {
	color: #4f6db3;
	font-size: 150%;
}


.pages-edit__content-module-data {
	background-color: white;
	box-shadow: 0 3px 18px rgba(0, 0, 0, 0.04);
	margin-right: 3em;
	margin-left: 3em;
}


/* File drag & drop target */

.pages-edit__content-module .file-drag-and-drop-target,
.multimodule-drop-target {
	display: block;
	border: 2px dashed #bcc2cc;
	padding: 1em;
	margin-bottom: 1em;
	text-decoration: none;
	text-align: center;
}
.pages-edit__content-module .file-drag-and-drop-target.drag-hover,
.multimodule-drop-target.drag-hover {
	border-color: #4f6db3;
}


/* Module Menu */

.pages-edit__content-module-menu {
	position: relative;
}

.pages-edit__content-module-menu-popup {
	position: absolute;
	top: 0.75em;
	right: 2em;
	width: 300px;
	z-index: 200;
	
	background-color: #4F6DB3;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
	color: white;
	display: none;
	_padding: 1.5em;
}
.pages-edit__content-module-menu__open .pages-edit__content-module-menu-popup {
	display: block;
}

.pages-edit__content-module-menu-popup:after {
	position: absolute;
	right: -10px;
	top: 0;
	width: 0;
	height: 0;
	
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: #4F6DB3 transparent transparent transparent;
	content: " ";
	display: block;
	overflow: hidden;
}

.pages-edit__content-module-menu-toggle {
	cursor: pointer;
}


/* Move up & down */
.pages-edit__content-module-move {
	cursor: pointer;
}
.pages-edit__content-module:first-child .pages-edit__content-module-move__up {
	visibility: hidden;
	pointer-events: none;
}
.pages-edit__content-module:last-child .pages-edit__content-module-move__down {
	visibility: hidden;
	pointer-events: none;
}


.pages-edit__content-module-name {
	border-bottom: 1px solid #4761a0;
	padding: 1em 1.5em 1em 1.5em;
	text-align: center;
}


/* Material Icons */

.pages-edit__material-icon {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
}


/* Menu */

.pages-edit__menu {
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -1em;
}

.pages-edit__menu-toggle {
	cursor: pointer;
	font-size: 150%;
}

.pages-edit__menu-popup {
	position: absolute;
	top: 0.75em;
	right: 2em;
	width: 140px;
	z-index: 200;
	
	background-color: white;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
	color: #4F6DB3;
	display: none;
	padding: 1.5em 1em;
	text-align: right;
}
.pages-edit__menu__open .pages-edit__menu-popup {
	display: block;
}

.pages-edit__menu-popup:after {
	position: absolute;
	right: -10px;
	top: 0;
	width: 0;
	height: 0;
	
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: white transparent transparent transparent;
	content: " ";
	display: block;
	overflow: hidden;
}

.pages-edit__menu-action {
	color: #4f6db3;
	display: block;
	padding: 0.25em 0.5em;
	text-decoration: none;
	transition: all 0.2s;
}
.pages-edit__menu-action:hover {
	background-color: #4f6db3;
	color: white;
}


/* Name & Visibility */

.pages-edit__nv {
	background-color: #5e82d6;
	color: white;
}

.pages-edit__nv-inner {
	position: relative;
	
	box-sizing: border-box;
	max-width: 960px;
	margin: 0 auto;
	padding: 3em;
}

.pages-edit__nv-eyeball {
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	margin-top: -0.75em;
	
	cursor: pointer;
	text-align: center;
}

.pages-edit__nv-eyeball-icon {
	display: block;
	font-size: 150%;
}
.pages-edit__nv-eyeball-icon__invisible {
	display: none;
}
.pages-edit__nv-eyeball__closed .pages-edit__nv-eyeball-icon__visible {
	display: none;
}
.pages-edit__nv-eyeball__closed .pages-edit__nv-eyeball-icon__invisible {
	display: inline;
}

.pages-edit__nv-name {
	margin-right: 50px;
}

.pages-edit__nv-name-textbox {
	background-color: transparent;
	border-width: 0;
	box-sizing: border-box;
	color: white;
	display: block;
	font-size: 120%;
	font-weight: 300;
	transition: all 0.2s;
	width: 100%;
}
.pages-edit__nv-name-textbox:hover {
	background-color: white;
	color: #4F6DB3;
}
.pages-edit__nv-name-textbox:focus {
	background-color: white;
	color: #4F6DB3;
}
.pages-edit__nv-name-textbox__saving {
	background-color: #ff8;
}



/*

.pages-edit__content-available-modules {
}



.pages-edit__content-module {
	margin-bottom: 10px;
}

.pages-edit__content-module-actions {
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -0.5em;
	
	text-align: right
}


.pages-edit__content-module-add {
	position: relative;
	
	background-color: #4f6db3;
	color: white;
	cursor: pointer;
	margin: 0 auto;
	margin-top: 10px;
	padding: 1em;
	text-align: center;
	transition: background-color 0.2s;
	width: 50%;
}
.pages-edit__content-module-add:hover {
	background-color: #607bba;
}

.pages-edit__content-module-move,
.pages-edit__content-module-action {
	transition: background-color 0.2s;
}
.pages-edit__content-module-move:hover,
.pages-edit__content-module-action:hover {
	background-color: #4f6db3;
}

.pages-edit__content-module-name {
	display: inline-block;
	margin-left: 1em;
}

.pages-edit__content-module-top {
	position: relative;
	
	background-color: #bcc2cc;
	color: white;
	font-size: 140%;
	font-weight: 300;
	padding: 0.75em;
}

.pages-edit__content-module-data {
	border: 2px solid #bcc2cc;
	border-top-width: 0;
	padding: 10px;
}
.pages-edit__content-module[data-module-id='11'] .pages-edit__content-module-data {
	padding: 0;
}

.module-content-area__read-only {
	padding: 10px;
}

.module-content-area__editor-controls {
	border-top: 2px solid #bcc2cc;
	padding: 10px;
}




.pages-edit__tabs {
	border-color: #4F6DB3;
	border-radius: 0;
	border-width: 0 2px 2px 2px;
}

#main .pages-edit__tabs-list {
	background-color: #4F6DB3;
	background-image: none;
	border-radius: 0;
	border-width: 0;
	font-weight: 300;
	list-style-type: none;
	padding: 0;
}

#main .pages-edit__tabs-list li {
	background-color: transparent;
	background-image: none;
	border-radius: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
}

#main .pages-edit__tabs-list .ui-tabs-anchor {
	border-bottom: 5px solid transparent;
	color: white;
	padding: 0.75em 1.5em;
}
#main .pages-edit__tabs-list .ui-tabs-anchor:hover {
	border-color: #2F374B;
}
#main .pages-edit__tabs-list .ui-state-active .ui-tabs-anchor {
	border-color: white;
}

#main .pages-edit__tabs-panel {
	font-size: 80%;
}

.pages-edit .mce-edit-focus {
	outline-width: 0;
}

*/



/* Banner Images */

.module-banner-images__wrap {
	position: relative;
}

.pages-edit .module-banner-images__crop,
.pages-edit .module-banner-images__set-size {
	position: absolute;
	top: 0.25em;
	
	color: white;
	cursor: pointer;
	font-size: 150%;
	text-shadow: 0 0.125em 6px rgba(0, 0, 0, 1);
	text-decoration: none;
}
.pages-edit .module-banner-images__crop {
	right: 0.25em;
}
.pages-edit .module-banner-images__set-size {
	right: 2em;
}
.module-banner-images__width__full .module-banner-images__set-size__full,
.module-banner-images__width__content .module-banner-images__set-size__content {
	display: none;
}

.module-banner-images__image {
	display: block;
	width: 100%;
	height: auto;
}

/* Contact Forms */

.module-contact-forms {
	padding: 1em 1.5em;
}

.module-contact_forms__heading {
	margin-bottom: 1em;
}

/* Content Areas */

.module-content-area {
	_padding: 1em 1.5em;
}

.module-content-area__editor {
	display: none;
}

.module-content-area__read-only {
	padding: 1em 1.5em;
}
.module-content-area__read-only.mce-edit-focus {
	outline-width: 0;
}

.module-content-area__editor-controls {
	background-color: #cfcfcf;
	display: none;
}
.module-content-area.editing .module-content-area__editor-controls {
	display: block;
}

.module-content-area__editor-controls:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}

.module-content-area__editor-toolbar {
	position: sticky;
	z-index: 500;
	top: 0;

	min-height: 35px;
}

.module-content-area__editor-message,
.module-content-area__editor-save {
	padding: 0.5em 1.5em;
}

.module-content-area__editor-message {
	float: left;
}

.module-content-area__editor-save {
	background-color: #4F6DB3;
	border-width: 0;
	color: white;
	cursor: pointer;
	float: right;
	line-height: inherit;
}

/* Directory */

.module-directory {
	padding: 1em 1.5em;
}

/* FAQs */

.module-faqs {
	padding: 1em 1.5em;
}

.module-faqs__heading {
	margin-bottom: 1em;
}

.module-faqs .generic__link-button {
	margin-bottom: 1em;
}

/* Feeds */

.module-feeds {
	padding: 1em 1.5em;
}

/* Forms */

.module-forms {
	padding: 1em 1.5em;
}

.module-forms__heading {
	margin-bottom: 1em;
}

/* Gallery */

.module-gallery {
	padding: 1em 1.5em;
}

.module-gallery__item {
	position: relative;
	
	float: left;
	width: 23.5%;
	margin-left: 2%;
	padding-bottom: 1em;
}
.module-gallery__item:nth-child(4n-3) {
	clear: left;
	margin-left: 0;
}

.module-gallery__item-link {
	display: block;
}

.module-gallery__item-image {
	display: block;
	width: 100%;
	height: auto;
}

.module-gallery__item-title {
	font-size: 90%;
	margin-top: 0.25em;
	text-align: center;
}

.pages-edit .module-gallery__item-edit,
.module-gallery__item-movenext,
.module-gallery__item-moveprev,
.pages-edit .module-gallery__item-remove {
	position: absolute;
	top: 0.25em;
	
	color: white;
	font-size: 150%;
	text-shadow: 0 0.125em 6px rgba(0, 0, 0, 1);
	text-decoration: none;
}

.module-gallery__item-movenext {
	right: 2.25em;
}
.module-gallery__item:last-child .module-gallery__item-movenext {
	display: none;
}
.module-gallery__item-moveprev {
	right: 3.25em;
}
.module-gallery__item:first-child .module-gallery__item-moveprev {
	display: none;
}

.pages-edit .module-gallery__item-edit {
	right: 1.25em;
}

.pages-edit .module-gallery__item-remove {
	right: 0.25em;
}

/* Google Reviews */

.module-google_reviews {
	padding: 1em;
}

.place-info__review {
	margin-top: 1em;
	margin-left: 2em;
}
.place-info__review:first-child {
	margin-top: 0;
}


/* Locations */

.module-locations {
	padding: 1em 1.5em;
}

.module-locations__column__map {
	width: 1%;
}

.module-locations__item-map {
	position: relative;
	width: 150px;
	height: 100px;
	transition: transform 0.2s;
	
	border: 1px solid #bcc2cc;
}
.module-locations__item-map:hover {
	z-index: 10;
	transform: scale(2, 2);
}

/* Media Blocks */

.module-media-blocks {
	padding: 1em;
}

/* Page Headers */

.module-page-headers {
	padding: 1em 1.5em;
}

.module-page-headers .page-headers__item {
	width: 100%;
}

.module-page-headers .page-headers__image {
	display: block;
	width: 100%;
	height: auto;
}

.module-page-headers .page-headers__pager {
	margin: 0.5em 0 1em 0;
	text-align: center;
}

.module-page-headers .page-headers__pager > span {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background-color: #4F6DB3;
	margin: 0 1em;
	cursor: pointer;
	text-indent: -150%;
	overflow: hidden;
}
.module-page-headers .page-headers__pager > .cycle-pager-active {
	background-color: #bcc2cc;
}

.module-page-headers .pages-edit__material-icon {
	position: absolute;
	top: 0.25em;
	
	color: white;
	font-size: 150%;
	text-shadow: 0 0.125em 6px rgba(0, 0, 0, 1);
	text-decoration: none;
}
.module-page-headers .module-page-headers__item-remove {
	right: 0.25em;
}
.module-page-headers .module-page-headers__item-edit {
	right: 1.5em;
}

/* Question Groups */

.module-question_groups {
	padding: 1em 1.5em;
}

/* Raw */

.module-raw__content {
	padding: 1em;
}

.module-raw__content-html {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0.5em;
	height: 15em;
}

.module-raw__editor-controls::after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}

.module-raw__editor-message {
	float: left;
}

.module-raw__editor-message,
.module-raw__editor-save {
	padding: 0.5em 1.5em;
}

.module-raw__editor-save {
	background-color: #4F6DB3;
	border-width: 0;
	color: white;
	cursor: pointer;
	float: right;
	line-height: inherit;
}

.module-raw__editor-controls {
	background-color: #cfcfcf;
	display: none;
}
.module-raw.editing .module-raw__editor-controls {
	display: block;
}

/* Video Banners */

.module-video-banners {
	padding: 1em 1.5em;
}

.module-video-banners__video {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 0.5em;
}
