h1 {
	font-size: 1.5em;
}
@media (min-width: 569px) {
	h1 {
		font-size: 1.6em;
	}
}
@media (min-width: 1000px) {
	h1 {
		font-size: 2em;
	}
}

.view-left {
	border-right: 1px solid #b2b2b2;
}
.layout-dark .view-left {
	border-right: 1px solid #1c1d1f;
}

/* Status bar overlay for fullscreen mode (New version might mess this up.) */
.with-statusbar-overlay .statusbar-overlay {
	display: block;
}
@supports (top: max(0px)) {
	.with-statusbar-overlay .statusbar-overlay {
		height: max(env(safe-area-inset-top), 20px);
	}
}
.layout-dark .statusbar-overlay {
	background-color: #131313;
}
@media (min-width: 769px) {
	.layout-dark .statusbar-overlay {
		background-color: rgba(19,19,19,.8);
	}
}
.layout-dark.front .statusbar-overlay {
	background-color: rgba(19,19,19,.6);
}
@media (min-width: 769px) {
	.statusbar-overlay {
		background-color: #fff;
	}
}
@supports (top: max(0px)) {
	.with-statusbar-overlay .views {
		padding-top: max(env(safe-area-inset-top), 20px);
		height: calc(100% - max(env(safe-area-inset-top), 20px));
	}
}

/* This will fix flicker navbar in left panel view */
.panel-left, .view-left, .view-left .pages {
	background: transparent;
}
.with-statusbar-overlay .panel-left {
	padding-top: 20px;
}
@supports (top: max(0px)) {
	.with-statusbar-overlay .panel-left {
		padding-top: max(env(safe-area-inset-top), 20px);
	}
}
.ios .panel-left .page-content::-webkit-scrollbar { 
	display: none !important;
}
.panel-left .page-content {
	padding: 0;
}
.page-content {
	overflow-x: hidden;
}
.panel-left .page {
	margin-top: 44px;
	padding-bottom: 44px;
}
.panel-left .navbar {
	position: relative;
	margin-bottom: -44px;
}
/* Because we have panels-overlay inside of .views we need to fix its open position for left/right panel */
body.with-panel-left-reveal .panel-overlay, body.with-panel-right-reveal .panel-overlay {
	margin-left: 0;
}
#c-bg {
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}
body.with-panel-right-reveal #c-bg {
	-webkit-transform: translate3d(-50%, -50%, 0) rotateY(56deg);
	transform: translate3d(-50%, -50%, 0) rotateY(56deg);
}
html.ie body.with-panel-right-reveal #c-bg, html.edge body.with-panel-right-reveal #c-bg {
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.panel {
	z-index: 5000;
}
/* iPad Vertical */
@media (min-width: 569px) {
	body .panel.panel-left.panel-cover, .panel.panel-left.panel-reveal {
		width: 320px;
		left: -320px;
	}
	body.with-panel-left-cover .panel-left, body.panels-3d.with-panel-left-reveal .panel-left {
		-webkit-transform: translate3d(320px, 0, 0);
		-ms-transform: translate3d(320px, 0, 0);
		transform: translate3d(320px, 0, 0);
	}
}

/* iPad Horizontal */
@media (min-width: 769px) {
	body .panel.panel-left.panel-cover, .panel.panel-left.panel-reveal {
		left: 0;
		width: 320px;
		display: block;
	}
	body.with-panel-left-cover .panel-left, body.panels-3d .panel-reveal.panel-left {
		-webkit-transform: translate3d(0px, 0, 0);
		-ms-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
		z-index: 5000;
	}
	body.front .panel.panel-left.panel-cover, body.front.panels-3d .panel-left {
		-webkit-transform: translate3d(-320px, 0, 0);
		-ms-transform: translate3d(-320px, 0, 0);
		transform: translate3d(-320px, 0, 0);
	}
	body.panels-3d.with-panel-left-reveal .views {
		-webkit-transform: initial;
		-ms-transform: initial;
		transform: initial;
	}
	.view-main {
		float: right;
		width: -webkit-calc(100% - 320px);
		width: -moz-calc(100% - 320px);
		width: -ms-calc(100% - 320px);
		width: calc(100% - 320px);
	}
	/* Let's hide panel-opener when left panel is visible */
	.view-main .navbar .menu-button {
		display: none;
	}
}

/* Force subpages to contain all their contents */
.subpage {
}

/* Popover */
.popover {
	max-width: 85%;
}

/* Houses */
.thumbnail .caption p { /* Price */
	top: -.3em !important;
}

/* House */
.mod-House_Header-price {
	white-space:nowrap;
	margin:10px 0;
	padding:5px;
	text-align:right;
	color:#fff;
	background:rgb(0,0,0);
	background:rgba(0,0,0,.6);
}
@media (min-width: 769px) {
	.mod-House_Header-price {
		font-size:1.2em;
	}
}

/* Prevent elastic scrolling on OS X */
html {
	overflow: hidden;
}

/* Prevent whole-page scroll in iOS when trying to scroll menu. */
.panel-left .list-block:last-child {
	min-height: 84%;
}

/* Filter */
.mod-houses-filter {
	position: absolute;
	top: -4.5em;
	right: 0;
	min-width: 10em;
}

/* Machine Translation */
.alert-translation {
	position: absolute;
	top: -16px;
	right: 0;
	z-index: 15;
	padding: 0 4px;
	background-color:#fa0;
	color:#fff;
	font-size:14px;
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	box-shadow: 1px 1px 3px #888;
	cursor: help;
}
.alert-translation p {
	margin: 1px 3px;
}

/* Front */
body.front abbr {
	border: none;
}
body #front, body.mobile #front {
/*	background: url(/Cama/Video/Beach-and-Shell.jpg); */
}
	body.video #front {
		/*background: transparent;*/
	}

#front address {
	display: block;
	font-style: normal;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
	margin: 3% auto;
}
#front address ul {
	display: inline-block;
	padding: 0;
	line-height: 3.2em;
	text-align: left;
}
#front address li {
	display: block;
	padding: 0 1em;
}
#front address a {
	color: #000;
}
#front address abbr {
	vertical-align: sub;
	font-size: 1.6em;
	display: inline-block;
	width: 1.6em;
	text-align: center;
}
@media (min-width: 569px) {
	#front address li {
		display: inline-block;
		padding: 0 2em;
	}
	#front address ul {
		text-align: center;
	}
}
body.front .navbar:after {
	display: none;
}
.views {
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body.front .statusbar-overlay,
body.front .view-main .navbar, body.front .toolbar {
	background-color: rgba(256,256,256,.6);
	-webkit-transition: background-color 2.6s ease-in;
	transition: background-color 2.6s ease-in;
}
body.front.layout-dark .navbar, body.front.layout-dark .toolbar {
	background-color: rgba(19,19,19,.6);
}
body.video.front #front, body.video.front .view-main .pages, body.video.front .view-main .page {
	background: transparent;
}
body.front .views .page-from-center-to-left, body.front .views .page-on-left {
	display: none;
}
@media (min-width: 769px) {
	body>.views .page-from-center-to-left, body>.views .page-on-left {
		display: none;
	}
}

.layout-dark .navbar.width-subnavbar:after {
	display: none;
}
.navbar.width-subnavbar, .navbar .searchbar {
	background: #f7f7f8;
}
.layout-dark .navbar.width-subnavbar, .layout-dark .navbar .searchbar {
	background: #131313;
}
.subnavbar:after, .subnavbar .searchbar:after {
	display: none;
}
.panel-right .navbar, .panel-right .navbar:after {
	background-color: transparent;
}
.pages {
	background: transparent;
}
@media (min-width: 769px) {
	body.video .views {
		background: transparent;
	}
	body.video .page {
		background-color: transparent;
	}
	.views, .views .page {
		background-color: transparent;
	}
	.panel-left, .navbar, .toolbar, .list-block ul, .content-block-inner {
		background-color: rgba(256,256,256,.8);
	}
	.layout-dark .panel-left, .layout-dark .navbar, .layout-dark .toolbar, .layout-dark .list-block ul, .layout-dark .content-block-inner, .layout-dark .collection-manager .table-row.header {
		background-color: rgba(19,19,19,.8);
	}
	.navbar.width-subnavbar, .navbar .searchbar {
		background: #f7f7f8;
	}
	.layout-dark .navbar.width-subnavbar, .layout-dark .navbar.width-subnavbar .subnavbar, .layout-dark .navbar .searchbar {
		background: rgba(19,19,19,.8);
	}
	.layout-dark .navbar.width-subnavbar .subnavbar, .layout-dark .navbar .searchbar {
		margin: 0;
	}
 	.layout-dark .navbar .searchbar {
 		margin-top: 1px;
 	}
 	body.video .panel-left, body.video .navbar, body.video .content-block-inner {
		background-color: rgba(256,256,256,.8);
	}
}

/* Let content that doesn't fit in width scroll */
.subpage.text>div>* {
	overflow-x: auto;
}
.subpage.text .froala-wrapper { /* Don't disturb Froala */
	overflow-x: initial;
}

/* Mark editable text regions */
.froala-box {
	outline: 1px dotted gray;
	outline-offset: 3px;
}
span.froala-box, span .froala-box {
	display: inline-block;
	outline-offset: 0;
}
span .froala-wrapper, span .froala-view {
	display: inline;
}

/* Froala overrides */
div.froala-element {
	min-height: inherit;
}
div.froala-wrapper + div {
	visibility: hidden !important;
	width: 0 !important;
}
div.froala-wrapper + div a {
	font-size: 0 !important;
	position: absolute;
	right: 0;
}
.froala-box table {
	width: initial !important;
}

/* Override active-state for menu items when editing */
body.editOn .list-block .item-link:not(.smart-select),
body.edit-menu .list-block .item-link:not(.smart-select) { background-color: initial; pointer-events: none }
body.editOn .list-block .item-link .froala-box,
body.edit-menu .list-block .item-link .froala-box { pointer-events: all }
body.editOn .item-link.active-state:not(.smart-select) .item-inner:after,
body.edit-menu .item-link.active-state:not(.smart-select) .item-inner:after { background-color: #c8c7cc }
body.editOn.layout-dark .item-link.active-state:not(.smart-select) .item-inner:after,
body.edit-menu.layout-dark .item-link.active-state:not(.smart-select) .item-inner:after { background-color: #393939 }


/* Pagination */
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
width: 25px;
padding: 6px 0;
line-height: 1.42857143;
text-decoration: none;
color: #007aff;
background-color: transparent;
border: 1px solid #007aff;
margin-right: -1px;
margin-top: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
width:51px;
border-bottom-left-radius: 27px;
border-top-left-radius: 27px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
width:51px;
border-bottom-right-radius: 27px;
border-top-right-radius: 27px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
background-color: #70eaff;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
background-color: #007aff;
border-color: #007aff;
cursor: default;
}

/* Thumbnails */
/*
div.thumbnail:hover {
	border-color: #0088cc;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	   -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	        box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
*/

/* Toolbar Buttons - Search */
.button-search i {
	font-size: 24px;
	line-height: 50px;
}
.button-search span {
	display: none;
}
@media (min-width: 569px) {
	.button-search span {
		display: inline;
	}
}

/* fieldset fix */
fieldset {
	min-width: initial;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
-webkit-padding-after: 0;
}

/* input[type=number] fix (for desktops) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield !important;
}

/* Hidden element */
.hidden {
	display: none !important;
}

/* Login */
.navbar .cLogin .text {
	display: none;
}
.cLogin, .cLogout {
	display: inline-block;
	font-size: 17px;
}
.cLogin .icon, .cLogout .icon {
	font-size: 26px;
	vertical-align: sub;
}
.navbar .c-full-name {
	display: none;
}
@media (min-width: 569px) {
	.navbar .c-full-name {
		display: inline;
	}
}

/* Menu Front */
#front.off {
	opacity:0;
	transform: scale(2);
	-webkit-transform: scale(2);
}
#front .c-menu {
	display:block;
	padding:0;
}
#front .c-menu li {
	display:inline-block;
	margin: 1.6em .6em;
}
#front .c-menu a {
	display: inline;
	font-size: 1.6em;
	padding: 16px;
	border-color: #fff;
	color: #fff;
}
/* Menu */
.view-left .navbar .left, .view-left .navbar .right {
	width: 33%;
}
/* Swap some left margin for padding for editor outline. */
.list-block .c-menu .item-inner {
	margin-left: 10px;
	padding-left: 5px;
}
.list-block .c-menu .item-inner::after {
	left: 5px;
}

.c-menu li.private .item-title.froala-box { /* Outline doesn't show if opacity is less than 1... */
	opacity: 1;
}
.c-menu li.private .item-inner::before {
	position: absolute;
	top: 9px;
	right: 30px;
	font-family: "Ionicons";
	speak: none;
	content: "\f457\00a0";
	color: red;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.c-menu li.private .item-media+.item-inner::before {
	content: "";
}
.c-menu li.current .item-inner, .c-menu-admin li.current .item-inner {
	background: linear-gradient(to right, rgba(0, 122, 255, 0) 0%, rgba(0, 122, 255, .2) 100%);
	transition: none;
}
.c-menu .item-media, .c-menu-admin .item-media {
	width: 25px;
	padding: 0;
	margin-top: -4px;
	display: block;
	text-align: center;
	font-size: 28px;
}

.c-editsave-menu { position: relative; width: 100% }
.c-editsave-menu.active-state { opacity: 1 !important }
.c-editsave-menu span { position: absolute; right: 0; top: 0}

/* Sub Menu (Main View) */
.view-main .c-menu .private .item-inner {
	padding-right: 55px;
}
.view-main .c-menu .item-title {
	white-space: normal;
}

/* Product_Category */
.mod-productCategory .thumbnail {
	position: relative;
	margin-bottom: 15px;
}
.mod-productCategory h4 {
	margin: 0;
	text-align: center;
	margin-top: -5px;
	padding: 2%;
}
.mod-productCategory .price {
	text-align: center;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(255,255,255,.5);
	padding: 1% 3%;
	border-bottom-left-radius: 6px;
}
/* iPad */
@media (min-width: 1000px) {
	.mod-productCategory .price {
		font-size: 1.2em;
		border-bottom-left-radius: 10px;
	}
}
/* Desktop */
@media (min-width: 1280px) {
	.mod-productCategory .price {
		font-size: 1.4em;
	}
}

/* Tools */
div.cama-tool-menu.plus {
	top: 14px;
	left: 10px;
}

/* Toolbar */
.c-toolbar {
	font-size: 32px;
}
.front .c-toolbar {
	display: none;
}

/* Temporary disable tools in Toolbar */
span.cAccounts.cA, span.cFeedback.cA {
	visibility: hidden;
	pointer-events: none;
}

/* Hide back link on 2nd level pages, when left menu is shown */
@media (min-width: 769px) {
	.view-main .link.back.home {
	}
}

/* Safe area adjustments for toolbar */
@supports (top: max(0px)) {
	.toolbar.tabbar, .toolbar.messagebar {
		height: max(calc(env(safe-area-inset-bottom) + 44px), 44px);
	}
	.toolbar.tabbar .toolbar-inner, .toolbar.messagebar .toolbar-inner {
		height: 44px;
	}
	.toolbar.tabbar-labels {
		height: max(calc(env(safe-area-inset-bottom) + 50px), 50px);
	}
	.toolbar.tabbar-labels .toolbar-inner {
		height: 50px;
	}
}

/* Safe area adjustments for progressbar */
@supports (top: max(0px)) {
	html.with-statusbar-overlay .F9-root>.progressbar-infinite, html.with-statusbar-overlay body>.progressbar-infinite {
		top: max(env(safe-area-inset-top), 20px);
	}
}

/* Safe area adjustments for popup */
@supports (top: max(0px)) {
	@media (max-height: 629px), (max-width: 629px) {
		html.with-statusbar-overlay .popup {
			top: max(env(safe-area-inset-top), 20px);
			height: calc(100% - max(env(safe-area-inset-top), 20px));
		}
	}
}

/* Safe area adjustments for photo-browser */
@supports (top: max(0px)) {
	html.with-statusbar-overlay .F9-root>.photo-browser, html.with-statusbar-overlay body>.photo-browser {
		top: max(env(safe-area-inset-top), 20px);
		height: calc(100% - max(env(safe-area-inset-top), 20px));
	}
}


/* Safe area adjustments for picker-modal */
@supports (top: max(0px)) {
	.picker-modal {
		padding-bottom: max(env(safe-area-inset-bottom), 0px);
	}
}

/* Max width for main view */
@media (min-width: 1281px) {
	body {
		font-size: 14px;
	}
	.content-block, .content-block.inset {
		max-width: 960px;
		margin: 16px auto 35px auto;
	}
	.content-block-inner::before {
		display: none;
	}
}
/* Main view bottom margin, to accomodate for the bottom toolbar */
.with-toolbar .view-main .page-content {
	padding-bottom: 44px;
	transition: padding-bottom .6s ease-out;
}
.with-toolbar body.editOn .view-main .page-content {
	padding-bottom: 144px;
}

/* Page content top padding (Overrides F9) */
.navbar-fixed .page-content.with-subnavbar, .navbar-fixed .subnavbar~.page-content, .navbar-fixed .with-subnavbar .page-content, .navbar-through .page-content.with-subnavbar, .navbar-through .subnavbar~.page-content, .navbar-through .with-subnavbar .page-content {
	padding-top: 95px;
}

/* Grid alignments */
.subpage {
	margin-bottom: 10px;
}
.subpageContainer>*:first-child, .froala-view>*:first-child {
	margin-top: 0;
}
.subpageContainer>*:last-child, .froala-view>*:last-child {
	margin-bottom: 0;
}

/* Grid Transformations */
.subpage.tablet-50 .row .tablet-33 {
	width: calc((100% - 15px) / 2);
}

/* Set background properties (for use with image or video) */
body {
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.front .view-main .pages, .front .view-main .page-from-right-to-center, .front .view-main .page-on-center {
	background: transparent;
}

/* Remove page shadows from front and iPad landscape and bigger screens */
.front .page-from-right-to-center:before,
.front .page-from-center-to-right:before {
	display: none;
}
@media (min-width: 769px) {
	.page-from-right-to-center:before,
	.page-from-center-to-right:before {
		display: none;
	}
}

/* Quickly hide languages (from front) when entering a page */
.left.left-languages {
	display: none;
}
.front .left.left-languages {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

/* Theme overrides */
.button.button-fill.color-white, .theme-white .button.button-fill { color: #000 }

/* === Admin === */

/* Tools Size Button */
.f7 .cama-toolbox, .f7 .cama-tool-menu, .f7 .plus, .f7 .staticContainer{display:none}

.cama-toolbox .sizeButton {
	display: none;
}
@media (min-width: 769px) {
	.cama-toolbox .sizeButton {
		display: inline-block;
		overflow: hidden;
	}
}

/* Tools Popup */
 .c-tools.popup, .c-tools.popup .pages,  .c-tools.popup, .c-tools.popup .page {
 	background-color: transparent;
 }
.c-tools.popup, .c-tools.popup .navbar {
	background-color: rgba(0, 0, 0, .8);
}
.c-tools.popup .navbar:after {
	display: none;
}
.c-tools.popup .content-block {
	max-width: none;
	margin-top: 15px;
	padding: 0px 6px;
}
.c-tools.popup.tablet-fullscreen {
	width: 96%;
	left: 2%;
	height: 96%;
	top: 2%;
}
.c-tools.popup-mod-media-manage .row {
	justify-content: left;
}
.c-tools.popup-mod-media-manage .thumbnail {
	margin: -2px 5px;
}
@media (min-width: 769px) {
	.c-tools.popup-mod-media-manage .thumbnail {
		margin: -2px 6px;
	}
}

/* Notifications */
.notifications {
	cursor: pointer;
}
.list-block.notifications .item-subtitle {
	white-space: normal;
}
.layout-dark .list-block.notifications .item-inner a {
	color: #007aff;
}
.layout-dark .list-block.notifications .item-inner a:hover {
	color: blue;
}
.notifications .item-media {
	font-size: 25px;
	padding-top: 1px !important;
}
@media (min-width: 769px) {
	.notifications {
		width: 300px;
		top: 15px;
		right: 15px;
		left: initial;
	}
	body.front .notifications {
		width: 300px;
		top: 70px;
		right: 5px;
		left: initial;
	}
	body.with-panel-right-reveal .notifications {
		right: 295px;
	}
}

/* Dark Sidebar */
.layout-dark .panel, .panels-3d .panel-right .list-block ul {
	background-color: transparent;
}
@media (min-width: 769px) {
	.layout-dark .view-left .page, .layout-dark .view-main .page {
		background-color: transparent;
	}
}

/* Dark popups */
.layout-dark .popup {
	background-color: #222426;
}
.layout-dark .window .pages, .layout-dark .window .page {
	background-color: transparent;
}
.window .page-content {
	padding-top: 0;
}


/* Sticky Sidebar */
body.panels-3d.with-panel-right-sticky .views {
	transform: none !important;
	transition: all .3s linear !important;
	width: calc(100% - 260px) !important;
}
body.panels-3d.with-panel-right-sticky .panel-right {
	transform: none !important;
	display: block !important;
}
.panel-right .sticky {
	position: absolute;
	z-index: 100;
	right: 16px;
	font-size: 25px;
	color: #fff;
}
.panel-right .sticky a {
	display: inline-block;
	text-align: center;
	width: 44px;
}

/* Accounts Windows */
.MooDialog.c-accounts>div {
	background-color: #fff !important;
}

/* Utility Classes */
.round {
	border-radius: 50% 50%;
}

/* Edit/Save */
.cA {
	cursor: pointer;
}
.cEditSave .cA:nth-child(2) { /* The buttons change order. Last button should not display. */
	display: none;
}

/* Hack to override F9 layout-dark color attribute, so that color-* classes will be applied correctly. */
/*
.layout-dark .login-screen-content, .layout-dark .page, .layout-dark .panel, .page.layout-dark, .panel.layout-dark {
	color: inherit;
}
*/

/* Messages */
.layout-dark .messages-content {
	background: #1c1d1f;
}

/* Round Smart Select Media */
.smart-select-popup img {
	border-radius: 50%;
	width: 48px;
}

/* Fix for white icon in modal title on dark layout, and icons in notifications */
.modal-title i.icon, .notifications i.icon {
	color: #000;
}

/* Electron */
.navbar, .statusbar-overlay { -webkit-app-region: drag }