:root {
	--colour-main: rgb(120 211 144);
	--colour-main-hover: rgb(120 211 144);
	--colour-main-trans: rgb(120 211 144 / 25%);
	--colour-secondary: rgb(120 211 144);
	--colour-dark: #2d2e34;
}

body:not(.hide_menu) {
	padding-top: 60px;
}

.hide_menu .hero.is-danger {
	background: var(--colour-main) !important;
}

/*** LAYOUT ****/
body > .columns {
	margin-bottom: 0 !important;
}

main.is-fullheight-with-navbar {
	padding-bottom: 90px;
}
main > .notification {
	border-radius: 0;
	margin-bottom: 0 !important;
}
main section.section {
	padding: 1.75rem 2.5rem;
}
.is-buttons {
	/* margin-top: 20px; */
	/* border-top: 2px solid #e5e5e5; */
	padding: 20px 40px;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 260px;
	background-color: white;
	margin: 0 !important;
	z-index: 40;
}

/*** NAV ****/
nav.navbar {
	min-height: 60px;
}
nav.navbar h1 {
	color: #ffffff;
	font-size: 25px;
	padding-left: 10px;
}
nav.navbar .options-dropdown {
	padding-right: 5px;
}
nav.navbar .user-dropdown {
    background-color: rgba(255, 255, 255, 0.1);
}
nav.navbar .navbar-brand {
    width: 260px;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
}
nav.navbar .navbar-brand a {
	width: 100%;
	text-align: center;
	justify-content: center;
}
nav.navbar .navbar-dropdown.is-right {
	right: 5px;
}
.navbar-item img {
    max-height: 2.75rem;
}

/*** ASIDE ***/
aside {
	min-width: 260px;
}
aside.menu.section {
    padding: 1.5rem 2.1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
aside.menu .nav-group {
	width: 100%;
	margin-bottom: 18px;
}
aside.menu .nav-group:first-child {
	margin-top: 0px;
}
aside.menu .nav-group.push-bottom {
	margin-top: auto;
	padding-top: 30px;
	border-top: 2px solid rgba(245, 245, 245, 0.31);
	margin-bottom: 0;
}
aside.menu .nav-group .menu-list a {
	/*padding-left: 0;*/
	margin-left: -0.75em;
	color: whitesmoke;
}
aside.menu .nav-group .menu-list a.is-active {
	color: var(--colour-dark);
}
aside.menu .nav-group .menu-list a:not(.is-active):hover {
	color: #222;
}
aside.menu .nav-group .menu-label+.menu-list a {
	/* margin-left: 0; */
	/* color: whitesmoke; */
}

/*** HERO ***/
main:not(.is-fullheight) section.hero {
	display: none;
}
section.hero .hero-body.section {
	padding: 1.1rem 2.5rem;
}

/*** FORM ****/
.tox-tinymce {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}
textarea.wysiwyg {
	opacity: 0;
}
.field.field_wysiwyg {
	/*min-height: 266px;*/
}
.field .help.info {
	padding: 5px 9px;
	background: #f7f8fa;
	margin-top: 0;
	border-radius: 0 0 3px 3px;
}
.field.field_checkbox .help.info,
.field.field_radio .help.info,
.field.field_image .help.info,
.field.field_file .help.info {
	margin-top: 10px;
}
.field > .field {
	margin-bottom: 0;
}
.field.field_file .delete {
	display: none;
}
.field.field_file .file-name + .delete {
	display: inline-block;
}
.control figure.preview {
	display: none;
	background-color: whitesmoke;
}
.control figure.preview+.uploader {
	margin-top: 20px;
}
.control figure.preview img {
    border-radius: 4px;
}
.file.uploader progress {
	margin-bottom: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 4px 4px 0 0;
}
.file.uploader progress[value="0"] {
	opacity: 0;
}

.field_colour .colour-picker {
	margin: 0 auto 1rem auto;
	width: 250px;
}

.field.field_image .delete {
	position: absolute;
	top: .5rem;
	right: .5rem;
	transition: opacity .2s ease;
	opacity: 0;
	pointer-events: none;
}

.field.field_image.has-file .delete {
	opacity: 1;
	pointer-events: all;
}

/*** BOX ****/
.box.section {
    padding: 2.1rem 2.5rem 2.5rem 2.5rem;
    position: relative;
}

.field.is-grouped.is-buttons.is-grouped-between {}
.box .is-buttons {
	margin-top: 30px;
}

/*** CONFIRM ****/
.modal#confirm .modal-content {
	text-align: center;
}
.modal#confirm .is-buttons {
	position: static;
	padding: 30px 0 0 0;
	background: none;
}
.modal#confirm .is-buttons .button {
	min-width: 100px;
}

/*** TABLES ***/
.table {
	width: 100%;
}
zg-filter {
	padding: 0 10px !important;
}
zg-filter select,
:host ::slotted(input),
zg-filter input {
	width: 100% !important;
	max-width: 100% !important;
    box-sizing: initial !important;
}

zg-caption[slot="caption"] {
	background: var(--colour-main);
}
zing-grid {
	width: 100% !important;
}
zing-grid i.fas {
    transform: scale(0.9);
}
zg-nodata {
	width: 100% !important;
}
zing-grid, zing-grid * {
	box-sizing: border-box;
}
zg-watermark {
	display: none;
}
zg-row {
	transition: opacity .2s ease-in-out;
}
zg-row.disabled {
	opacity: .5;
}
.has-text-primary {
	color: var(--colour-secondary) !important;
}
.tag:not(body).is-primary {
	background-color: var(--colour-secondary) !important;
	color: #fff;
}
zg-cell {
	overflow: visible !important;
}
zg-cell a {
	color: var(--colour-secondary);
}
zg-cell > div {
	display: block;
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
}
zg-icon svg {
	fill: var(--colour-secondary);
}
zg-icon i {
	color: var(--colour-secondary);
}
zg-header zg-icon svg {
	fill: #fff;
}
zg-header zg-icon i {
	color: #fff;
}
zg-cell.cell_image {
	padding: 0;
}
zg-cell.cell_image img {
	display: block !important;
}
zg-cell .is-checkradio[type=checkbox]+label {
	display: inline-block;
    height: 24px;
    padding-left: 16px;
    margin: 0;
}
/*zg-cell .is-checkradio[type=checkbox]+label:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f06e";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}*/
[data-field-index="slug"] {
	max-width: 100%;
}
[data-field-index="slug"] .tag {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    justify-content: flex-start;
}

.tox .tox-collection--list:not(:first-child),
.field_wysiwyg .tox .tox-edit-area__iframe {
	background-color: #11150c;
}

/*** Menu Builder ***/

/*section.menubuilder .box {
	border-radius: 4px 0 0 4px;
}*/
section.menubuilder .navdropbox {
	margin: 13px 0;
	/*padding-right: 0 !important;*/
}
section.menubuilder .navdropbox:first-child {
	margin-top: 0;
}
section.menubuilder .navdropbox .navdropbox {
	padding: 0;
	background: none !important;
}
section.menubuilder .navdropbox:empty {
	padding: 0;
	box-shadow: none;
	margin: 0;
	transition: margin .2s ease-in-out, height .2s ease-in-out;
}
section.menubuilder.dragging li:not([draggable="true"]):not(.sortable-chosen) > .navdropbox:empty {
	height: 30px;
	opacity: .5;
	margin-top: 13px;
}
section.menubuilder .navdropbox li {
	position: relative;
	margin-bottom: 11px;
	/*padding-right: 0;*/
	padding: 13px 21px;
}
section.menubuilder .navdropbox .navdropbox li {
	margin-bottom: 10px;
}
section.menubuilder .navdropbox li:last-child {
	margin-bottom: 0;
}
section.menubuilder .navdropbox li.is-disabled {
	opacity: 0.5;
}
section.menubuilder .navdropbox li .handle {
	cursor: move;
}
section.menubuilder .navdropbox li .link {
	margin-left: 10px;
}
section.menubuilder .navdropbox li .level {
	margin: 0;
	min-height: 36px;
}
section.menubuilder .navdropbox li .level .level-right {
	flex-grow: 1;
}
section.menubuilder .navdropbox li .level .icon {
	font-size: 24px;
	/*padding-right: 20px;*/
}
section.menubuilder .navdropbox li .level .button {
	margin-right: 10px;
	display: inline-block;
	opacity: 0;
	pointer-events: none;
}
section.menubuilder .navdropbox li .level .button.del[data-deleting="1"] {
	opacity: .5;
}
section.menubuilder .navdropbox li .level:hover  > .level-right > .button {
	opacity: 1;
	pointer-events: all;
}
section.menubuilder .is-checkradio[type=checkbox]+label {
	padding-left: 1.5em;
}
section.menubuilder .is-checkradio[type=checkbox]+label:before {
	background: #fff;
}

/*** Blocks ****/

section.blocks li.block {
	margin-bottom: 0;
}
section.blocks .card {
	transition: all .2s ease-in-out;
	overflow: visible;
}
section.blocks .block .card .card-content {
	transition: all .2s ease-in-out;
}
section.blocks .block.is-disabled .card .card-header {
	opacity: 0.3;
}
section.blocks .block.is-disabled .card .card-content {
	overflow: hidden;
	max-height: 200px;
	opacity: 0.3;
	position: relative;
}
section.blocks .block.is-disabled .card .card-content:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image:
	  	linear-gradient(
		    to bottom,
		    hsla(0, 0%, 100%, 0) 0%,
		    hsla(0, 0%, 100%, 0.013) 8.1%,
		    hsla(0, 0%, 100%, 0.049) 15.5%,
		    hsla(0, 0%, 100%, 0.104) 22.5%,
		    hsla(0, 0%, 100%, 0.175) 29%,
		    hsla(0, 0%, 100%, 0.259) 35.3%,
		    hsla(0, 0%, 100%, 0.352) 41.2%,
		    hsla(0, 0%, 100%, 0.45) 47.1%,
		    hsla(0, 0%, 100%, 0.55) 52.9%,
		    hsla(0, 0%, 100%, 0.648) 58.8%,
		    hsla(0, 0%, 100%, 0.741) 64.7%,
		    hsla(0, 0%, 100%, 0.825) 71%,
		    hsla(0, 0%, 100%, 0.896) 77.5%,
		    hsla(0, 0%, 100%, 0.951) 84.5%,
		    hsla(0, 0%, 100%, 0.987) 91.9%,
		    hsl(0, 0%, 100%) 100%
	);
	z-index: 10;
}

section.blocks .block.deleting .card {
	opacity: 1;
	background-color: #fff5f7;
}
section.blocks .card .deleting-content {
	display: none;
	width: 100%;
	align-items: center;
	justify-content: center;
}
section.blocks .block.deleting .card .deleting-content {
	display: block;
}
section.blocks .block.deleting .card .restore {
	display: inline-block;
	margin-left: 10px;
}
section.blocks .block.deleting .card .main-content {
	display: none;
}

section.blocks .card .card-header {
	border-bottom: 1px solid #ededed;
	box-shadow: none;
	background: #fff;
}
section.blocks .card .card-header .card-header-title {
	display: block;
	padding: 1.3rem 1.5rem 1.1rem 1.5rem;
}
section.blocks .card .card-content .tox .tox-edit-area__iframe {
	background: transparent;
}
section.blocks .card .card-footer {
	background: #fff;
}
section.blocks .card .card-footer .del,
section.blocks .card .card-footer .handle {
    flex: 0 0 100px;
}
section.blocks .card .card-footer .background {
    flex: 0 0 100px;
    position: relative;
    padding: 0;
}
section.blocks .card .card-footer .background:before {
	height: 1px;
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	background: inherit;
	content: '';
}
section.blocks .card .card-footer .background .field {
	margin-top: 10px;
}
section.blocks .card .card-footer .background .dropdown {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.blocks .card .card-footer .background .dropdown .dropdown-menu:before {
	position: absolute;
	top: -50px;
	right: -50px;
	left: -50px;
	bottom: 0;
	content: '';
	z-index: 3;
}
section.blocks .card .card-footer .background .dropdown .dropdown-menu .dropdown-content {
	position: relative;
	z-index: 5;
}
section.blocks .card .card-footer .background .dropdown .dropdown-menu .dropdown-content .field {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
section.blocks .card .card-footer .background .dropdown .dropdown-menu .dropdown-content .field input {
	width: 100%;
	flex-shrink: 1;
}
section.blocks .card .card-footer .background .dropdown .dropdown-menu .dropdown-content .reset {
	flex-shrink: 0;
	width: 33px;
	height: 33px;
	border-radius: 50%;
	display: inline-block;
	margin-left: 11px;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	border: 1px solid #eee;
	cursor: pointer;
}
section.blocks .card .card-footer .background .dropdown .dropdown-menu .dropdown-content .reset:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	right: 0;
	background: #e80000;
	height: 2px;
	content: '';
	transform: rotate(-45deg);
}
section.blocks .card .card-footer .background .dropdown .dropdown-menu .dropdown-content .swatches {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 3%;
	margin-bottom: 1rem;
}
section.blocks .card .card-footer .background .dropdown .dropdown-menu .dropdown-content .swatches .swatch {
	width: 27px;
	height: 27px;
	margin-top: 5px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #eee;
}
section.blocks .card .card-footer .background .dropdown .dropdown-trigger {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
section.blocks .card .card-footer .handle {
	cursor: move;
}
section.blocks .card .card-footer .type {
	text-align: left;
    justify-content: flex-start;
}
section.blocks .card .card-footer .toggler {
    flex: 0 0 90px;
}
section.blocks .card .card-footer .toggler .is-checkradio[type=checkbox]+label {
	padding-left: 1rem;
	margin: 0;
}

section.blocks .actions {
	display: flex;
	justify-content: space-between;
	/*border: 2px solid #fff;*/
}
section.blocks .action {
	display: inline-flex;
	padding: 10px;
	height: 40px;
	/*display: flex;*/
	align-items: center;
	justify-content: center;
	background-color: #eee;
	width: calc(50% - 1px);
}
section.blocks .action:hover {
	background-color: #e7e7e7;
}
section.blocks .action .icon {
	margin-left: 3px;
	font-size: 0.9rem;
	position: relative;
	bottom: -1px;
}

/*section.blocks .card-content,*/
section.blocks .field.field_select,
section.blocks .field.field_image,
section.blocks .field.field_gallery .gallery_preview,
section.blocks .field .textarea:not(.wysiwyg) {
	min-height: 155px;
}
section.blocks .compact .field {
	min-height: 0 !important;
}
section.blocks .compact .field.field_select .selector {
	position: relative;
	display: block;
}


section.blocks .field {
	position: relative;
}
section.blocks .field.field_image {
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	border-radius: 4px;
}
section.blocks .field.field_image:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.39);
	background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d9d9d9' fill-opacity='0.25'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	z-index: 3;
	content: '';
	border-radius: 3px;
}
section.blocks .field.field_image.has-preview:before {
	display: none;
}
section.blocks .field.field_image .file {
	/* position: relative; */
	z-index: 5;
}

section.blocks .field .selector {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	border-radius: 4px;
}
section.blocks .field.field_gallery .select {
	width: 350px;
	z-index: 3;
}
section.blocks .field.field_gallery .gallery_preview {
	position: relative;
}
section.blocks .field.field_gallery .gallery_preview:before {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	left: 0.75rem;
	bottom: 0.75rem;
	background-color: #ffffff24;
	background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d9d9d9' fill-opacity='0.25'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	z-index: 2;
	content: '';
	border-radius: 4px;
}
section.blocks .field.field_gallery .gallery_preview .img {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	left: 0.75rem;
	bottom: 0.75rem;
	z-index: 3;
	content: '';
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 4px;
	/*background-color: #fff;*/
}
/*section.blocks .field.field_gallery .gallery_preview:before {
	display: none;
}*/

/**** GALLERY *********/

#uploader {
	overflow: hidden;
}

section.gallery .image .card-image {
	position: relative;
}
section.gallery .image:not(.temp) .card-content {
	cursor: move;
}
section.gallery .image .card-image img {
	object-fit: cover;
}
section.gallery .image .card-image .status {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 20;
	opacity: 1;
	pointer-events: none;
	transition: all .2s ease-in-out;
}
section.gallery .image .card-image .status:empty {
	opacity: 0;
}
section.gallery .image .card-image .delete {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 20;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease-in-out;
}
section.gallery .image:hover .card-image .delete {
	opacity: 1;
	pointer-events: all;
}
section.gallery .image .title {
	margin-bottom: 1.3em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
section.gallery .image progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    border-radius: 0;
    margin: 0;
    transition: background-color .2s ease-in-out;
}
section.gallery .image progress[value="0"] {
	opacity: 0;
}

section.files .files-head {
	display: none;
}
section.files .uploaded_file:not(:first-child) .card {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
section.files .uploaded_file:not(:last-child) .card {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
section.files .uploaded_file .ufile-status {
	display: none;
}
section.files .uploaded_file progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    border-radius: 0;
    margin: 0;
    transition: background-color .2s ease-in-out;
    height: 5px;
}
section.files .uploaded_file progress[value="0"] {
	opacity: 0;
}

/*** Form Fields ****/

section.form_fields li.form_field {
	margin-bottom: 0;
}
section.form_fields .card {
	transition: opacity .2s ease-in-out;
	overflow: visible;
}
section.form_fields .form_field.is-disabled .card {
	opacity: .5;
}

section.form_fields .form_field.deleting .card {
	opacity: 1;
	background-color: #fff5f7;
}
section.form_fields .card .deleting-content {
	display: none;
	width: 100%;
	align-items: center;
	justify-content: center;
}
section.form_fields .form_field.deleting .card .deleting-content {
	display: block;
}
section.form_fields .form_field.deleting .card .restore {
	display: inline-block;
	margin-left: 10px;
}
section.form_fields .form_field.deleting .card .main-content {
	display: none;
}

section.form_fields .card .card-header {
	border-bottom: 1px solid #ededed;
	box-shadow: none;
	background: #fff;
}
section.form_fields .card .card-header .card-header-title {
	display: block;
	padding: 1.3rem 1.5rem 1.1rem 1.5rem;
}
section.form_fields .card .card-content .tox .tox-edit-area__iframe {
	background: transparent;
}
section.form_fields .card .card-footer {
	background: #fff;
}
section.form_fields .card .card-footer .del,
section.form_fields .card .card-footer .handle {
    flex: 0 0 100px;
}
section.form_fields .card .card-footer .background {
    flex: 0 0 100px;
    position: relative;
    padding: 0;
}
section.form_fields .card .card-footer .background:before {
	height: 1px;
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	background: inherit;
	content: '';
}
section.form_fields .card .card-footer .background .field {
	margin-top: 10px;
}
section.form_fields .card .card-footer .background .dropdown {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.form_fields .card .card-footer .background .dropdown .dropdown-menu:before {
	position: absolute;
	top: -50px;
	right: -50px;
	left: -50px;
	bottom: 0;
	content: '';
	z-index: 3;
}
section.form_fields .card .card-footer .background .dropdown .dropdown-menu .dropdown-content {
	position: relative;
	z-index: 5;
}
section.form_fields .card .card-footer .background .dropdown .dropdown-trigger {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
section.form_fields .card .card-footer .handle {
	cursor: move;
}
section.form_fields .card .card-footer .type {
	text-align: left;
    justify-content: flex-start;
}
section.form_fields .card .card-footer .toggler {
    flex: 0 0 90px;
}
section.form_fields .card .card-footer .toggler .is-checkradio[type=checkbox]+label {
	padding-left: 1rem;
	margin: 0;
}

section.form_fields .insert {
	display: block;
	padding: 10px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eee;
}

.add-form_field-link strong {
	display: inline-block;
	margin-right: 10px;
}

.tox .tox-collection__item-label {
	line-height: 1 !important;
}

.popup-link {
	overflow: hidden;
}
.popup-link input {
	width: 1px;
	height: 1px;
	border: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top:  -500px;
}

.ghost-sortable {
	height: 70px;
	overflow: hidden;
	position: relative;
}
.ghost-sortable:before {
	background: var(--colour-main);
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
}
section.blocks.dragging li.block:not(.ghost-sortable) {
	filter: grayscale(100%);
	opacity: .5;
}
section.blocks.dragging li.block.sortable-chosen {
	opacity: .2;
}

#add-block .modal-content,
#import-block .modal-content {
	border-radius: 7px;
}
#add-block .panel-heading,
#import-block .panel-heading {
	position: sticky;
	top: 0;
    z-index: 10;
}
#add-block .panel-footer,
#import-block .panel-footer {
	position: sticky;
	bottom: 0;
    z-index: 10;
}

#add-block .panel {
	display: flex;
	flex-wrap: wrap;
}
#add-block .panel > *:not(.add-block-link) {
	width: 100%;
}
#add-block .panel .add-block-link {
	width: 50%;
	border-right: 1px solid #ededed;
	justify-content: center;
	position: relative;
}
#add-block .panel .add-block-link .icons {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 1;
	transition: opacity .2s ease;
	padding: 0.5em 0.75em;
	background: #fff;
	text-align: center;
}
#add-block .panel .add-block-link:hover .icons {
	opacity: 0;
}
#add-block .panel .add-block-link .icons i {
	display: inline-block;
	margin: 0 3px;
	font-size: 1.8rem;
}

#import-block .import-block-link em {
	display: inline-block;
	margin-left: 5px;
	opacity: 0.4;
}

textarea[name="samples"] {
	/*max-height: none;*/
	min-height: 18em !important;
}
.analytics iframe {
    width: calc(100% + 40px);
    height: 2170px;
    overflow: hidden;
    margin: -20px;
}

.toggler label[for^="enabled"]:before,
label[for^="toggler"]:before {
	border: none !important;
	outline: none !important;
}
.toggler label[for^="enabled"]:after,
label[for^="toggler"]:after {
	display: flex !important;
	justify-content: center;
	align-items: center;
	outline: none !important;
	width: 100% !important;
	height: 100% !important;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f06e" !important;
	border: none !important;
	transform: none !important;
	top: 0 !important;
	left: 0 !important;
	color: var(--colour-main);
	opacity: .2;
}
.toggler input:checked+label[for^="enabled"]:after,
input:checked+label[for^="toggler"]:after {
	opacity: 1;
}

.has-background-moving {
	background: var(--colour-dark) !important;
}
.has-background-depth_1 {
	background: var(--colour-main);
}
.has-background-depth_2 {
	background: var(--colour-main);
	filter: brightness(1.1);
}
.has-background-depth_3 {
	background: var(--colour-main);
	filter: brightness(1.2);
}
.has-background-depth_4 {
	background: var(--colour-main);
	filter: brightness(1.3);
}
.has-background-depth_5 {
	background: var(--colour-main);
	filter: brightness(1.4);
}

section.menubuilder .is-checkradio[type=checkbox]+label {
    padding-left: 16px;
    padding-bottom: 2px;
}

.field_function_nav_link .control {
	display: flex;
	gap: 1rem;
}
.field_function_nav_link .control .select {
	width: 250px;
}

pre.htaccess {
	line-height: 1;
	font-size: 0.7rem;
}


zg-cell[type="url"] > div[data-field-index] {
	position: relative;
}

zg-cell[type="url"] > div[data-field-index]:before {
	content: attr(data-field-index);
	background:  #1a1a1a;
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	padding: 7px 10px;
	border-radius: 3px;
	opacity: 0;
	font-size: 0.925em;
	font-weight: 500;
	white-space: nowrap;
	color: #fff;
	pointer-events: none;
	z-index: 9999;
	transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
	text-transform: capitalize;
}

zg-cell[type="url"] > div[data-field-index]:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateY(-50%) translateX(5px);
	opacity: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #1a1a1a;
	pointer-events: none;
	transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
}

zg-cell[type="url"]:hover > div[data-field-index]:before,
zg-cell[type="url"]:focus > div[data-field-index]:after {
	/* transform: translate(-110%, -50%); */
	/* left: -50px; */
}
zg-cell[type="url"]:hover > div[data-field-index]:before,
zg-cell[type="url"]:hover > div[data-field-index]:after,
zg-cell[type="url"]:focus > div[data-field-index]:before,
zg-cell[type="url"]:focus > div[data-field-index]:after {
	opacity: 1;
	/* right: 100%; */
}