.wp-block-newsletterglue-latest-posts .ngl-lp-items{box-sizing:border-box}.wp-block-newsletterglue-latest-posts.has-no-images div.ngl-lp-item{display:block !important}.wp-block-newsletterglue-latest-posts.table-ratio-full .ngl-lp-item{display:block}.wp-block-newsletterglue-latest-posts.table-ratio-full .ngl-lp-item>div{flex-basis:100%;min-width:100%}.wp-block-newsletterglue-latest-posts.table-ratio-full .ngl-lp-item .ngl-lp-image{margin:0 0 10px}.wp-block-newsletterglue-latest-posts.table-ratio-30_70 .ngl-lp-item>div:first-child{flex-basis:30%;min-width:30%}.wp-block-newsletterglue-latest-posts.table-ratio-30_70 .ngl-lp-item>div:last-child{flex-basis:70%;min-width:70%}.wp-block-newsletterglue-latest-posts.table-ratio-70_30 .ngl-lp-item>div:first-child{flex-basis:70%;min-width:70%}.wp-block-newsletterglue-latest-posts.table-ratio-70_30 .ngl-lp-item>div:last-child{flex-basis:30%;min-width:30%}.wp-block-newsletterglue-latest-posts.table-ratio-50_50 .ngl-lp-item>div{flex-basis:50%;min-width:50%}.wp-block-newsletterglue-latest-posts.images-right .ngl-lp-item{flex-direction:row-reverse}.wp-block-newsletterglue-latest-posts.images-right.table-ratio-70_30 .ngl-lp-item>div:first-child{flex-basis:30%;min-width:30%}.wp-block-newsletterglue-latest-posts.images-right.table-ratio-70_30 .ngl-lp-item>div:last-child{flex-basis:70%;min-width:70%}.wp-block-newsletterglue-latest-posts.images-right.table-ratio-30_70 .ngl-lp-item>div:first-child{flex-basis:70%;min-width:70%}.wp-block-newsletterglue-latest-posts.images-right.table-ratio-30_70 .ngl-lp-item>div:last-child{flex-basis:30%;min-width:30%}.wp-block-newsletterglue-latest-posts.columns-one .ngl-lp-item{padding-left:0;padding-right:0}.wp-block-newsletterglue-latest-posts.columns-two.is-multi{display:flex;flex-wrap:wrap}.wp-block-newsletterglue-latest-posts.columns-two.is-multi .ngl-lp-items{display:flex;flex-wrap:wrap}.wp-block-newsletterglue-latest-posts.columns-two.is-multi .ngl-lp-item{flex-basis:50%;flex-direction:column;padding:15px 0}.wp-block-newsletterglue-latest-posts.columns-two.is-multi .ngl-lp-item div.ngl-lp-image{flex-basis:auto;min-width:100% !important;width:100% !important;margin:0 0 10px}.wp-block-newsletterglue-latest-posts .ngl-lp-loading,.wp-block-newsletterglue-latest-posts .ngl-lp-noresults{padding:20px;font-size:14px}.wp-block-newsletterglue-latest-posts .ngl-lp-item{display:flex;align-items:flex-start;flex-wrap:nowrap;padding:15px 10px;box-sizing:border-box}.wp-block-newsletterglue-latest-posts .ngl-lp-item>div{padding:0 10px;box-sizing:border-box}.wp-block-newsletterglue-latest-posts .ngl-lp-item h3{margin:0 0 10px;font-weight:bold;line-height:140%}.wp-block-newsletterglue-latest-posts .ngl-lp-item h3 a{text-decoration:none}.wp-block-newsletterglue-latest-posts .ngl-lp-item h3 a:hover{text-decoration:underline}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-labels-edit{font-size:13px;display:flex}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-labels-edit:hover button.ngl-reset-mods{opacity:1}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-cta{display:flex;line-height:27px;min-height:27px;align-items:center}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-cta button.ngl-reset-mods{margin-top:0}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-cta .ngl-lp-cta-link.wp-block-button__link{padding:10px 15px !important;min-width:0px !important;color:#fff;line-height:1.25}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-cta .ngl-lp-cta-link.wp-block-button__link:hover{text-decoration:none !important}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-cta .ngl-lp-cta-link:hover{text-decoration:underline !important}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-cta:hover button.ngl-reset-mods{opacity:1}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-labels{font-size:13px;color:#999}.wp-block-newsletterglue-latest-posts .ngl-lp-item button.ngl-reset-mods{opacity:0;transition:all .15s ease-in-out;font-size:11px;color:#999;text-decoration:none !important;margin:-4px 0 0 10px}.wp-block-newsletterglue-latest-posts .ngl-lp-item button.ngl-reset-mods>svg{color:currentColor;fill:currentColor;width:14px;height:14px;margin-right:3px}.wp-block-newsletterglue-latest-posts .ngl-lp-item button.ngl-reset-mods:hover{color:#666}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-title{display:flex}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-title:hover button.ngl-reset-mods{opacity:1}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content-edit{display:flex;flex-direction:column}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content-edit button.ngl-reset-mods{margin:0 0 10px;padding:0}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content-edit .block-editor-rich-text__editable.ngl-lp-content.rich-text{white-space:normal !important}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content-edit:hover button.ngl-reset-mods{opacity:1}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content p{font-size:inherit !important;color:inherit;margin:0 0 10px}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content h1,.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content h2,.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content h3,.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content h4,.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content h5,.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content h6{margin:0 0 10px !important;padding:10px 0 0}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-content img{display:block;margin:auto;margin:0 0 10px}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-image-edit .ngl-lp-image{cursor:pointer}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-image-edit.ngl-lp-image-edit-hasImage button.ngl-reset-mods{margin-left:-35px}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-image-edit.ngl-lp-image-edit-hasImage button.ngl-reset-mods-remove{margin-left:5px}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-image{margin:0;position:relative}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-image button.ngl-reset-mods{position:absolute;margin:0;background:#303030;color:#fff;padding:0;box-shadow:0 1px 4px #666;opacity:1;width:36px;height:36px;border-radius:36px;display:flex;align-items:center;justify-content:center;top:50%;margin-top:-18px;left:50%;margin-left:-18px;opacity:0}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-image button.ngl-reset-mods svg{margin:0 !important;width:16px;height:16px;fill:transparent}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-image img{width:100%;display:block}.wp-block-newsletterglue-latest-posts .ngl-lp-item .ngl-lp-image:hover button.ngl-reset-mods{opacity:1}
/* Header */
.nglue-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 60px;
	min-height: 130px;
}

.nglue-logo img {
	max-height: 26px;
}

/* Preloader */
.nglue-preloader {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc( 100vh - 1px );
}

.ngl-wizard .nglue-preloader {
	min-height: auto;
}

.nglue-preloader.alt {
	min-height: 300px !important;
}

.nglue-preloader.alt > span {
	width: 10px;
	height: 10px;
	background-color: #666;
}

.nglue-preloader > span {
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 10px;
	background-color: #dedede;
	border-radius: 50%;
	-webkit-animation: loading 1.0s infinite;
	        animation: loading 1.0s infinite;
}

.nglue-preloader > span:nth-child(1) {
	-webkit-animation-delay: .1s;
	        animation-delay: .1s;
}

.nglue-preloader > span:nth-child(2) {
	-webkit-animation-delay: .3s;
	        animation-delay: .3s;
}

.nglue-preloader > span:nth-child(3) {
	-webkit-animation-delay: .5s;
	        animation-delay: .5s;
}

@-webkit-keyframes loading {
  0%, 100% {
    transform: scale(0.0);
  }
  50% {
    transform: scale(1.0);
  }
}

@keyframes loading {
  0%, 100% {
    transform: scale(0.0);
  }
  50% {
    transform: scale(1.0);
  }
}

.ngl-notice {
	font-size: 14px;
}

.ngl-notice p {
	font-size: 14px;
}

.ngl-notice .button-primary {
	font-size: 16px;
	padding: 4px 16px;
}
.ngl-wizard {
    max-width: 440px;
    margin: 3rem auto;
	padding: 2rem 4rem;
    background: #fff;
    border: 0;
    box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
    border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ngl-wizard h2 {
	color: #003C4E;
    font-size: 1.5rem;
    margin: 0;
    font-weight: bold;
	line-height: 1.2;
}

.ngl-wizard h3 {
	color: #0D566C;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 20px;
}

.ngl-wizard h4 {
	font-size: 1rem;
    font-weight: bold;
    color: #707070;
    margin: 0 0 0.5em;
}

.ngl-wizard p {
	color: #707070;
    font-size: 14px;
	margin-bottom: 0;
}

.ngl-wizard > .components-panel__body {
	width: 100%;
	max-width: 100%;
	border: 0;
	box-shadow: none;
	padding: 0;
}

.ngl-wizard .components-panel__row label {
	font-size: 14px;
	font-weight: bold;
	max-width: 100%;
	color: #333;
}

.ngl-wizard .components-panel__row label .ngl-optional {
	font-weight: 400;
	font-style: normal;
	margin: 0 0 0 4px;
	color: #999;
}

.ngl-wizard .components-base-control__help {
	margin: 8px 0 0;
	white-space: pre-line;
}

.ngl-wizard .components-panel__row > .components-base-control {
	width: 100%;
}

.ngl-wizard .components-text-control__input,
.ngl-wizard .components-textarea-control__input {
	padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #728a8d;	
}

.ngl-wizard .extra-help {
	color: #707070;
	margin: 2px 0 0;
}

.ngl-wizard .extra-help.b {
	margin-top: 8px;
}

.ngl-wizard .components-panel__row {
	padding: 20px 10px;
	margin: 0;
	display: block;
}

.ngl-wizard .components-button.is-primary {
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    line-height: 46px;
    font-size: 15px;
    border-radius: 4px;
    font-weight: 500;
}

.ngl-wizard .ngl-button-group {
	padding: 10px 0 0;
}

.ngl-wizard .ngl-button-group .components-button:not(:last-child) {
	margin-right: 15px;
}

.ngl-wizard .components-button {
	padding: 2px 20px;
    font-size: 14px;
	line-height: 1;
    min-height: 38px;
}

.ngl-wizard .components-card__media {
    padding: 20px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.ngl-wizard .ngl-range-top .components-range-control__root {
	margin-top: 20px !important;
}

.ngl-wizard-flex {
	display: flex;
	flex-wrap: wrap;
}

.ngl-wizard .ngl-wizard-flex-compact .components-panel__row {
	padding-top: 10px;
	padding-bottom: 10px;
}

.ngl-wizard .ngl-wizard-flex .components-panel__row {
	width: 50%;
    max-width: 50%;
    box-sizing: border-box;
}

.ngl-wizard .ngl-setting-up {
	padding: 8rem 0;
	text-align: center;
}

.ngl-wizard .ngl-setting-up h2 {
	line-height: 1.5;
	margin: 0 0 15px;
}

.ngl-wizard .ngl-setting-up p {
	font-size: 15px;
    margin: 0 0 20px;
}

.ngl-wizard .ngl-wizard-done {
	padding: 4rem 0;
	text-align: center;
}

.ngl-wizard-done h2 {
	margin: 0 0 2rem;
	line-height: 1.5;
}

.ngl-wizard-done p {
	font-size: 15px;
	line-height: 1.5;
	margin: 0 0 2rem;
}

.ngl-wizard-links {
	text-align: center;
	padding: 0 0 3rem;
	font-size: 14px;
}

.ngl-wizard-links a {
	color: #707070;
	box-shadow: none !important;
}

.ngl-wizard-links a:hover {
	color: #666;
}

.ngl-wizard .components-button.has-icon-right {
	flex-direction: row-reverse;
}

.ngl-wizard .components-button.has-icon-right span.dashicon,
.ngl-wizard .components-button.has-icon-right svg {
	margin: 0 0 0 8px;
}

/* Stepper */
.ngl-wizard-steps {
	display: flex;
    align-items: center;
    width: 100%;
	padding: 3rem 0 0;
}

.ngl-steps {
    float: left;
    margin: auto;
    width: 100%;
    max-width: 568px;
}

.ngl-steps li {
    list-style-type: none;
    float: left;
    width: 25%;
    position: relative;
    text-align: center;
	margin: auto;
}

.ngl-steps-6 li { width: 16.66%; }
.ngl-steps-5 li { width: 20%; }
.ngl-steps-4 li { width: 25%; }
.ngl-steps-3 li { width: 33.33%; }
.ngl-steps-2 li { width: 50%; }

.ngl-steps li:before {
    content: attr(data-step);
    border-radius: 50%;
    width: 26px;
    height: 26px;
    border: 1px solid #ccc;
	color: #fff;
    text-align: center;
    margin: 0 auto;
    background-color: #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ngl-steps li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #e9eaea;
    top: 13px;
    left: -50%;
    z-index: -1;
}

.ngl-steps li:first-child:after {
    content: none;
}

.ngl-steps li.active,
.ngl-steps li.progress {
    color: #007cba;
}

.ngl-steps li.active:before,
.ngl-steps li.progress:before {
	padding-top: 4px;
    height: 22px;
	content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=);
    border-color: #007cba;
    background-color: #007cba
}

.ngl-steps li.progress:before {
	height: 26px;
	padding: 0;
	content: attr(data-step);
}

.ngl-steps .active:after,
.ngl-steps .progress:after {
    background-color: #007cba;
}

.ngl-steps li.active,
.ngl-steps li.progress {
	cursor: pointer;
}
.nglue-input-error .components-text-control__input {
	border: 1px solid #f51f1f;
}

.nglue-input-error .components-base-control__help {
	color: #f51f1f;
}

.nglue-input-error .extra-help:not(.ignore-error) {
	color: #f51f1f;
	font-weight: bold;
}

.components-button.nglue-valid-button.is-primary {
	color: #038955 !important;
	background: #D6F7EA !important;
	cursor: default !important;
	box-shadow: none !important;
	pointer-events: none;
}

/* Button toggles */
button.components-button.nglue-button-toggle,
button.components-button.nglue-button-toggle:disabled {
	width: 100%;
	background: #fff !important;
	color: #444 !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 10%);
	border-radius: 5px;
	border: none;
	min-height: 65px;
}

button.components-button.nglue-button-toggle:disabled {
	opacity: 0.75;
}

.components-button.nglue-button-toggle.is-pressed,
.components-button.nglue-button-toggle.is-pressed:disabled {
	box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
    outline: 3px solid transparent;
	background: #fff !important;
	color: #444 !important;
}

.components-button.nglue-button-toggle .nglue-esp-icon {
    border-radius: 999px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px 0 0;
    background: #eee;
}

button.components-button.nglue-button-toggle.tier-locked {
	background: #f9f9f9 !important;
	box-shadow: none !important;
	border: 1px solid #eee !important;
	color: #888 !important;
	position: relative;
}

button.components-button.nglue-button-toggle.tier-locked:hover .nglue-feature-lock {
	opacity: 1;
}

.nglue-feature-lock {
	position: absolute;
    background: #f9f9f9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    text-align: center;
    font-size: 11px;
    color: #999;
	transition: all 0.2s ease-in-out;
	opacity: 0;
}

.nglue-feature-lock > span {
	text-align: center;
}

.nglue-feature-title {
	display: block;
	margin: 6px 0
}

.nglue-feature-action {
	background: #006ba1;
    margin: 0 auto;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 10px;
    line-height: 1.7;
    font-size: 15px;
}

.nglue-lock-icon {
    position: absolute;
    top: 50%;
    right: 15px;
	margin-top: -10px;
}

.nglue-lock-icon svg {
	width: 20px;
    height: 20px;
	margin: 0 !important;
}

/* React-select */
div.nglue__control,
div.nglue__control:hover {
	border: 1px solid #728a8d;
}

div.nglue__control.nglue__control--is-focused {
	box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
	border-color: var(--wp-admin-theme-color);
}

div.nglue__control.nglue__control--is-disabled {
	background: #fff;
	opacity: 0.7;
}

div.nglue__option--is-selected.
div.nglue__option--is-selected:active {
	background-color: var(--wp-admin-theme-color);
}

div.nglue__option--is-disabled {
	color: #aaa;
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
}

div.nglue__control .nglue__input input {
	margin: 0;
	box-shadow: none;
}

div.nglue__control .nglue__value-container {
	padding: 0 14px;
}

div.nglue__control div.nglue__value-container--is-multi {
	padding: 0 8px;
}

div.nglue__multi-value__label {
	font-size: 0.8rem;
}

/* Loading indicator */
.nglue-has-loading-indicator {
	position: relative;
}

.nglue-has-loading-indicator .nglue__indicator {
	position: absolute;
    top: 0;
    right: 0;
	color: rgb(204, 204, 204);
    display: flex;
    padding: 8px;
    transition: color 150ms ease 0s;
    -ms-grid-row-align: center;
        align-self: center;
    font-size: 4px;
    line-height: 1;
    margin-right: 4px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
}

.nglue-has-loading-indicator .nglue__indicator > svg {
	margin-top: 6.8em;
}

.nglue-has-loading-indicator .nglue__indicator > span {
	-webkit-animation: 1s ease-in-out 0ms infinite normal none running animation-nglue-ind;
	        animation: 1s ease-in-out 0ms infinite normal none running animation-nglue-ind;
    background-color: currentcolor;
    border-radius: 1em;
    display: inline-block;
    height: 1em;
    vertical-align: top;
    width: 1em;
	margin-left: 1em;
	margin-top: 9em;
}

.nglue-has-loading-indicator .nglue__indicator > span:nth-child(1) {
	-webkit-animation: 1s ease-in-out 0ms infinite normal none running animation-nglue-ind;
	        animation: 1s ease-in-out 0ms infinite normal none running animation-nglue-ind;
}

.nglue-has-loading-indicator .nglue__indicator > span:nth-child(2) {
	-webkit-animation: 1s ease-in-out 160ms infinite normal none running animation-nglue-ind;
	        animation: 1s ease-in-out 160ms infinite normal none running animation-nglue-ind;
}

.nglue-has-loading-indicator .nglue__indicator > span:nth-child(3) {
	-webkit-animation: 1s ease-in-out 320ms infinite normal none running animation-nglue-ind;
	        animation: 1s ease-in-out 320ms infinite normal none running animation-nglue-ind;
}

@-webkit-keyframes animation-nglue-ind {
  0%, 80%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

@keyframes animation-nglue-ind {
  0%, 80%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.admin_page_ngl-welcome-wizard #wpadminbar,
body.admin_page_ngl-welcome-wizard #adminmenuback,
body.admin_page_ngl-welcome-wizard #adminmenuwrap,
body.admin_page_ngl-welcome-wizard #wpfooter,
body.admin_page_ngl-welcome-wizard .notice {
	display: none !important;
}

body.admin_page_ngl-welcome-wizard #wpcontent,
body.admin_page_ngl-welcome-wizard #wpfooter {
	margin: 0;
}

body.admin_page_ngl-welcome-wizard #wpcontent,
body.admin_page_ngl-welcome-wizard #wpbody-content {
	padding: 0;
	float: none;
}

html.wp-toolbar body.admin_page_ngl-welcome-wizard {
	margin-top: -32px;
}

#nglue-welcome-wizard {
	padding: 0 0 1px;
}
body.admin_page_ngl-template-wizard #wpadminbar,
body.admin_page_ngl-template-wizard #adminmenuback,
body.admin_page_ngl-template-wizard #adminmenuwrap,
body.admin_page_ngl-template-wizard #wpfooter,
body.admin_page_ngl-template-wizard .notice {
	display: none !important;
}

body.admin_page_ngl-template-wizard #wpcontent,
body.admin_page_ngl-template-wizard #wpfooter {
	margin: 0;
}

body.admin_page_ngl-template-wizard #wpcontent,
body.admin_page_ngl-template-wizard #wpbody-content {
	padding: 0;
	float: none;
}

html.wp-toolbar body.admin_page_ngl-template-wizard {
	margin-top: -32px;
}

#nglue-template-wizard {
	padding: 0 0 1px;
}
@media screen and (max-width: 980px) {

	#nglue-welcome-wizard,
	#nglue-template-wizard {
		margin: 0 20px;
	}

	.nglue-header {
		position: static;
		align-items: center;
		justify-content: center;
		min-height: auto;
		padding-top: 2rem;
	}

	.nglue-logo img {
		max-height: 32px;
	}

	.ngl-wizard {
		max-width: 500px;
		width: 100%;
		box-sizing: border-box;
		padding: 2rem;
	}

	.ngl-steps {
		max-width: 500px;
		width: 100%;
	}

}

@media screen and (max-width: 700px) {

	.ngl-wizard .ngl-wizard-flex .components-panel__row {
		max-width: 100%;
		width: 100%;
	}

}
/* Main */
.nglue-main {
	max-width: 1050px;
	font-size: 14px;
	margin: auto;
	color: #454444;
	position: relative;
	padding: 0 22px;
}

.nglue-main .components-panel__body {
    margin: 30px 0;
    background: #fff;
    border: 1px solid #e2e4e7;
}

.nglue-main .components-panel__body .components-panel__body-toggle {
    border-bottom: 1px solid #d6e2ed;
}

.nglue-main .components-panel__body .components-panel__row {
    padding: 10px;
    margin: 0;
	align-items: flex-start;
}

#nglue-settings .nglue-preloader {
	min-height: 300px;
}

.nglue-main.nglue-main-mb {
	margin: 30px 0 0 40px !important;
    padding: 0 !important;
    max-width: 940px !important;
    box-sizing: border-box !important;
}

.nglue-main.nglue-main-mb .components-panel__body.nglue-alert {
	margin: 0 !important;
}

/* Boxes */
.nglue-main .components-panel__body.nglue-alert {
	border-left: 3px solid #c31616;
	display: flex;
	padding: 20px;
}

.nglue-alert-icon {
	width: 32px;
	height: 32px;
	color: #c31616;
	margin: 0 20px 0 0;
}

.nglue-alert-icon svg {
	width: 100%;
	height: 100%;
}

.nglue-alert-title {
	font-weight: 500;
	color: #383838;
	margin: 0 0 6px 0;
}

.nglue-alert-body {
	color: #707070;
	margin-top: 2px;
}

.nglue-alert-actions {
	margin-left: auto;
	text-align: right;
}

.nglue-alert-link {
	display: block;
	margin: 12px 0 0;
}

.nglue-alert-link svg {
	width: 1.4em;
    height: 1.4em;
    margin: -0.2em 0.1em 0px;
    vertical-align: middle;
    fill: currentcolor;
}

/* Tabs */
.nglue-tabs,
.nglue-tabs .components-panel__row {
	padding: 0 !important;
}

.nglue-tabs ul {
	margin: 0;
	padding: 0 0 0 15px;
	display: flex;
}

.nglue-tabs li {
	display: flex;
	margin: 0;
	padding: 0 15px;
}

.nglue-tabs a {
	font-weight: 400 !important;
	text-decoration: none !important;
	padding: 15px 0 !important;
	border-top: 3px solid transparent !important;
	border-bottom: 3px solid transparent !important;
	min-width: auto !important;
	font-size: 14px;
}

.nglue-tabs li a:focus {
	box-shadow: none !important;
	outline: 0 !important;
}

.nglue-tabs a.nglue-active {
	color: #333 !important;
	border-bottom: 3px solid #333 !important;
}

/* Header */
.nglue-title-bar {
	display: flex;
    align-items: center;
	justify-content: space-between;
    margin: -16px;
	margin-bottom: 5px;
    padding: 20px 25px;
    border-bottom: 1px solid #d6e2ed;
	color: #1e1e1e;
	font-weight: 600;
}

.nglue-title span {
	display: block;
}

.nglue-title-main {
	font-size: 26px;
	font-weight: 400;
	color: #383838;
	line-height: 1.2;
}

.nglue-title-sub {
	font-weight: 400;
	margin: 4px 0;
	line-height: 1.4em;
	font-size: 14px;
	color: #454444;
}

.nglue-title svg {
	margin: 0 0 0 2px;
}

.nglue-title-icon {
	width: 52px;
	height: auto;
}

.nglue-title-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

/* Placeholder */
.nglue-placeholder {
    font-size: 22px;
    font-weight: 400;
    color: #383838;
	min-height: 46px;
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: 12px;
}

.nglue-placeholder-collapsed,
.nglue-placeholder-open {
	cursor: pointer;
}

.nglue-placeholder .nglue-hc-icon {
	width: 30px;
    height: 30px;
    display: flex;
    margin: 0 8px 0 0;
    align-items: center;
}

.nglue-placeholder .nglue-hc-icon img {
	width: 100%;
	height: auto;
	display: block;
}

.nglue-placeholder .nglue-editable-name {
	padding: 10px;
	border: 1px solid transparent;
	min-width: 150px;
}

.nglue-placeholder .nglue-editable-name:hover,
.nglue-placeholder .nglue-editable-name:focus {
	border: 1px solid #ddd;
	border-radius: 4px;
}

.nglue-hc-collapse {
	margin-left: auto;
	padding: 10px;
}

.nglue-hc-collapse svg {
	width: 20px;
	height: 20px;
	color: #999;
}

.nglue-hc-state {
	display: flex;
	align-items: center;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 12px;
    background: #ddf9f0;
    border: 1px solid #63cb9e;
    border-radius: 999px;
    color: #317e65;
    margin: 0 15px;
	line-height: 1.4;
}

.nglue-hc-state svg {
	margin: 0 4px 0 0;
	width: 15px;
	height: 15px;
}

.nglue-hc-state-wait {
	background: #fff;
	color: #999;
	border: 1px solid #eee;
}

.nglue-hc-state-failed {
	background: #ffeaea;
	color: #b13a3a;
	border: 1px solid #b34e4e;
}

/* Basics */
.nglue-base {
	width: 42%;
	margin: 0 8% 0 0 !important;
}

.nglue-base-parent {
	display: flex;
	padding: 20px 10px;
}

.nglue-base-parent .components-panel__row {
	padding: 10px 0 !important;
}

.nglue-base-parent div.components-base-control {
	width: 100%;
}

.nglue-base-text {
	margin: 0 0 12px;
}

.nglue-base-text-data {
	color: #707070;
}

.nglue-text-b svg {
	margin: 2px 0 0 8px;
	width: 20px;
	height: 20px;
}

.nglue-text-b {
	font-size: 22px;
	display: flex;
	color: #383838;
	font-weight: 400;
	min-height: 32px;
	align-items: center;
}

.nglue-text-b .nglue-hc-state {
	margin: 0 0 0 14px;
    padding: 0 14px;
	height: 30px;
}

.nglue-text-b .nglue-hc-state svg {
    margin: 0 4px 0 0 !important;
    width: 15px !important;
    height: 15px !important;
}

.nglue-main .components-panel__row .components-base-control__label,
.nglue-main .components-panel__row .nglue-esp-input label,
.nglue-main .components-panel__row .nglue-esp-select label {
	font-weight: 500;
	font-size: 14px;
}

.nglue-main .components-panel__row label.components-checkbox-control__label {
	font-weight: 400;
	font-size: 13px;
}

.nglue-main .components-panel__row label {
	font-size: 14px;
	font-weight: 500;
	color: #383838;
}

/* Custom options */
.nglue-option {
	display: flex;
	align-items: center;
}

.nglue-option-note {
	display: flex;
    align-items: center;
    margin-left: auto;
    background-color: #5c6674;
    color: #fff;
    padding: 3px 6px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 11px;
}

.nglue-option-icon {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
}

.nglue-option-icon img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.nglue-option-label {
	margin-right: 8px;
}

.nglue-main .nglue-esp-input input {
	display: block;
	padding: 5px 15px;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
	color: #454444;
}

.nglue-main .nglue-esp-input input:disabled,
.nglue-main .nglue-esp-input input.disabled {
	opacity: 0.5;
}

/* Help input */
.nglue-input-help {
	margin: 8px 0 0;
    color: #707070;
	font-size: 14px;
	font-weight: 400;
}

/* Disabled row */
.nglue-disabled-row {
	opacity: 0.7;
	pointer-events: none;
}

.nglue-disabled-row .nglue-input-help a {
	color: #999;
	text-decoration: none !important;
}

.nglue-disabled-row .nglue-esp-input input {
	background: #f7f7f7 !important;
	border: 1px solid #ddd !important;
}

.nglue-disabled-row button {
	background: #aaa !important;
	color: #fff !important;
}

.nglue-notice-box {
	width: 100%;
	box-sizing: border-box;
	flex-grow: 1;
	margin: 10px 0 0 !important;
}

.nglue-notice-box .nglue-notice {
	width: 100%;
	max-width: 900px;
	padding: 30px 0;
	display: flex;
}

.nglue-notice-box .nglue-notice > div {
	flex-basis: 0;
	flex-grow: 1;
	padding: 0 40px;
}

.nglue-notice {
    color: #454444;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
    max-width: 42%;
    box-sizing: border-box;
}

.nglue-notice p {
	margin: 0 0 10px;
	font-size: 14px;
}

.nglue-notice p:last-child {
	margin: 20px 0 0;
}

.nglue-tier-features > div {
	display: flex;
	align-items: center;
	margin: 8px 0;
	font-size: 13px;
	justify-content: flex-start;
}

.nglue-tier-features svg {
	fill: #3a9b6b;
	width: 16px;
	height: 16px;
	min-width: 16px;
	margin: 0 12px 0 0;
}

/* Buttons */
.nglue-main .components-button {
	min-width: 130px;
	display: inline-flex;
	justify-content: center;
	padding: 6px 18px;
	line-height: 1.6;
	font-size: 14px;
}

.nglue-main .components-button.is-tertiary {
	border: 1px solid;
}

.nglue-main .components-button.is-primary.has-text.has-icon {
	padding: 6px 15px;
	line-height: 0;
	justify-content: center;
}

.nglue-main .components-button.is-primary.has-text.has-icon svg {
	width: 14px;
	height: 14px;
}

button.components-button.nglue-btn-wait,
button.components-button.nglue-btn-valid,
button.components-button.nglue-btn-alt {
	background: #fff;
	color: #999;
	pointer-events: none;
	border: 1px solid #eee;
	box-shadow: none !important;
	outline: 0 !important;
}

button.components-button.nglue-btn-valid {
	background-color: #fff;
	color: #449d70;
	border: 1px solid #449d70;
	justify-content: center !important;
}

button.components-button.nglue-btn-alt,
button.components-button.nglue-btn-alt.disabled,
button.components-button.nglue-btn-alt:disabled {
	pointer-events: auto;
	background: #fff;
	color: #007cba;
	border: 1px solid #007cba;
}

button.components-button.nglue-btn-alt.disabled,
button.components-button.nglue-btn-alt:disabled {
	pointer-events: none;
	opacity: 0.5;
}

button.components-button.nglue-btn-alt:hover,
button.components-button.nglue-btn-alt:focus {
	background: #fff !important;
	border-color: #006ba1 !important;
	color: #006ba1 !important;
}

.nglue-main .components-panel__row.nglue-buttons {
	justify-content: flex-start;
	align-items: center;
}

/* Form */
.nglue-form-err {
	color: #d91f1f;
    font-weight: 500;
    display: inline-flex;
    margin: 0 0 0 20px;
}

.nglue-esp-invalid label {
	color: #C91101;
}

.nglue-esp-invalid input {
	border-color: #C91101 !important;
	box-shadow: 0 0 0 1px #C91101 !important;
}

/* Footer */
.nglue-soon {
	display: flex;
	align-items: center;
	padding: 20px;
	border-top: 1px solid #eee;
	background: #f9f9f9;
	margin: 0 -16px -16px -16px;
	color: #999;
}

.nglue-soon svg {
	width: 24px;
	height: 24px;
	margin: 0 10px 0 0;
}

/* Section */
.nglue-section {
	margin-bottom: 0;
}

.nglue-collapse {
	display: none;
}

.nglue-collapse-false {
	display: block;
}

/* Heading */
.nglue-head-part {
	padding: 15px 0 0;
}

.nglue-head {
	font-size: 22px;
	font-weight: 400;
	color: #383838;
}

.nglue-subheading {
	margin: 10px 0 0 0;
}

.nglue-subheading span {
	display: block;
	margin: 0 0 3px;
}

/* Misc */
.nglue-row-full {
	width: 100%;
}

/* Textarea */
.nglue-base-parent textarea.components-textarea-control__input {
	width: 100%;
	border: 1px solid #728a8d;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 15px;
	color: #454444;
}

/* Help */
.nglue-main .components-base-control__help {
    font-size: 14px;
	font-weight: 400;
	color: #707070;
	margin-left: 48px;
	margin-top: 8px;
}

.nglue-main .ngl-theme-panel .components-base-control__help {
	margin-left: 0;
}

.nglue-main .components-toggle-control__label {
	font-size: 14px;
	font-weight: 500;
	color: #383838;
}

/* Different headers */
.nglue-title-only.components-panel__body.is-opened {
	padding-bottom: 0;
}

.nglue-title-only.components-panel__body.is-opened .nglue-title-bar {
	margin-bottom: 0;
	border-bottom: 0;
}

/* Equal boxes */
.nglue-equal-boxes {
	margin-left: -30px;
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
}

.nglue-equal-boxes .components-panel__body.is-opened {
	margin: 0 0 30px 30px;
	width: calc(100% * (1/2) - 31px - 1px);
	padding: 0;
	justify-content: space-between;
    display: flex;
    flex-direction: column;
}

/* Box info */
.nglue-info-wrap {
	display: flex;
}

.nglue-info-wrap-roles .nglue-info-head .components-base-control.nglue-base {
	margin: 30px 0 0 0 !important;
	width: 41.433% !important;
}

.nglue-info-wrap .nglue-info-head {
	flex: 1;
	flex-direction: column;
}

.nglue-info-wrap .nglue-info-wrap-icon {
	width: 66px;
    flex-basis: auto;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 30px 30px 0 0;
}

.nglue-info-wrap .nglue-info-wrap-icon img {
	display: block;
	max-width: 100%;
	height: auto;
}

.nglue-info-head {
	padding: 30px;
	display: flex;
	flex-direction: row;
}

.nglue-is-inactive .nglue-info-head {
	opacity: 0.6;
}

.nglue-info-head .components-panel__row {
	width: 100%;
	padding: 0 !important;
}

.nglue-info-head .components-base-control.nglue-base {
	margin: 30px 0 0 !important;
	padding: 0 !important;
	width: 100%;
}

.nglue-info-buttons {
	margin: 30px 0 0;
}

.nglue-main .components-panel__body.nglue-is-inactive {
	background: #fcfcfc;
}

.nglue-info-main {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.2;
	color: #383838;
	font-weight: 400;
}

.nglue-info-desc {
	color: #707070;
	font-size: 14px;
}

.nglue-info-icon {
	margin: 0 20px 0 0;
}

.nglue-info-icon > div {
	border-radius: 999px;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d8e8ed;
}

.nglue-info-icon svg {
	fill: #0D566C !important;
    width: 22px !important;
    height: 22px !important;
}

.nglue-info-foot {
	display: flex;
	justify-content: space-between;
	background: #f9f9f9;
	width: 100%;
	padding: 20px 30px;
	box-sizing: border-box;
}

.nglue-foot-left,
.nglue-foot-right {
	display: flex;
	align-items: center;
}

.nglue-foot-left .components-toggle-control .components-base-control__field {
	margin: 0;
}

.nglue-foot-icon {
	margin: 0 6px 0 0;
}

.nglue-foot-icon svg {
	display: block;
	width: 18px;
	height: 18px;
	fill: #707070;
}

.nglue-foot-label {
	margin: 0 10px 0 0;
}

.nglue-foot-act {
	position: relative;
	margin: 0 20px 0 0;
}

.nglue-foot-act a {
	display: flex;
	align-items: center;
	text-decoration: none !important;
	box-shadow: none !important;
}

.nglue-foot-act .is-disabled {
	opacity: 0.6;
	pointer-events: none;
}

.nglue-foot-act a svg {
	margin: 0 0 0 6px;
}

.nglue-foot-act-confirm {
    position: absolute;
    top: 20px;
    min-width: 400px;
}

.nglue-foot-right .nglue-foot-act-confirm {
	text-align: right;
    right: 0;
}

.nglue-foot-act-confirm a {
	display: inline-block !important;
	color: #cc1818;
}

.nglue-foot-act-confirm a:hover {
	color: #710d0d;
}

.nglue-foot-act-confirm span {
	margin: 0 0 0 6px;
	color: #707070;
}

/* Lock UI */
.nglue-panel-body {
	position: relative;
}

.nglue-panel-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 4999;
}

.nglue-main .components-panel__body.nglue-panel-off,
.nglue-panel-off {
	background: #f9f9f9;
	opacity: 1;
}

.nglue-panel-off {
	opacity: 0.6;
}

.nglue-main .components-panel__body.nglue-tier-locked {
	background: #f9f9f9;
	opacity: 1;
	position: relative;
}

.nglue-main .components-panel__body.nglue-tier-locked .nglue-info-wrap,
.nglue-main .components-panel__body.nglue-tier-locked .nglue-info-foot {
	opacity: 0.4;
}

.nglue-tier-lock {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
}

.nglue-tier-notice {
    bottom: 30px;
	padding: 30px;
    background: #fff;
    box-shadow: 0 1px 6px #e9e9e9;
    position: absolute;
    z-index: 100;
    border-radius: 2px;
	display: flex;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
	max-width: 420px;
	width: 80%;
}

.nglue-tier-notice-extended {
	max-width: 820px;
}

.nglue-tier-notice-extended > div {
	flex-basis: 0;
	flex-grow: 1;
}

.nglue-tier-notice-icon {
	width: 40px;
	margin: -4px 15px 0 0;
}

.nglue-tier-notice-icon img {
	display: block;
	width: 100%;
}

.nglue-tier-notice-title {
	font-size: 18px;
	line-height: 1.4;
	color: #383838;
	font-weight: 500;
	margin: 0 0 4px;
}

.nglue-tier-notice-desc {
	font-size: 13px;
	color: #707070;
	margin: 0 0 15px;
	line-height: 1.5;
}

/* Other */
.nglue-flex-grow {
	flex-grow: 1 !important;
}

.nglue-cbox {
	padding: 0 0 8px;
}

.nglue-cbox.nglue-cbox-child {
	padding-left: 34px;
}
/* Main */
body.post-type-ngl_template #wpcontent,
body.post-type-ngl_pattern #wpcontent,
body.post-type-newsletterglue #wpcontent,
body.admin_page_ngl-theme #wpcontent {
	padding-left: 0;
}

body.post-type-ngl_template #screen-meta-links,
body.post-type-ngl_pattern #screen-meta-links,
body.post-type-newsletterglue #screen-meta-links,
body.admin_page_ngl-theme #screen-meta-links {
	display: none;
}

body.post-type-newsletterglue .wrap,
body.post-type-ngl_template .wrap,
body.post-type-ngl_pattern .wrap,
body.admin_page_ngl-theme .wrap,
body.post-type-newsletterglue .nglue-main,
body.post-type-ngl_template .nglue-main,
body.post-type-ngl_pattern .nglue-main,
body.admin_page_ngl-theme .nglue-main,
body.post-type-newsletterglue .ngl-bar .ngl-bar-wrap,
body.post-type-ngl_template .ngl-bar .ngl-bar-wrap,
body.post-type-ngl_pattern .ngl-bar .ngl-bar-wrap,
body.admin_page_ngl-theme .ngl-bar .ngl-bar-wrap {
	margin: 0 auto;
	max-width: 100%;
	padding: 0 22px;
}

body.post-type-newsletterglue .wrap {
	margin-top: 30px;
}

.ngl-wrap.ngl-settings-theme {
	margin: 30px auto !important;
	padding: 0;
	background: #fff;
    border: 1px solid #e2e4e7;
}

.ngl-wrap.ngl-settings-theme .ui.large.header {
    margin: 0 !important;
    padding: 20px 25px;
	max-width: 600px;
	font-size: 26px;
    font-weight: 400;
    color: #383838;
    line-height: 1.2;
}

.ngl-wrap.ngl-settings-theme .ui.large.header .sub.header {
    font-weight: 400;
    margin: 4px 0;
    line-height: 1.4em;
    font-size: 14px;
    color: #454444;
}

.ngl-loadit {
	display: block;
	height: 20px;
	margin: 10px 0;
}

.ngl-loadit img {
	width: 20px;
	height: 20px;
}

/* Notices css */
body.newsletters_page_ngl-settings div.ngl-notice,
body.newsletters_page_ngl-settings div.notice,
body.post-type-ngl_template div.ngl-notice,
body.post-type-ngl_template div.notice,
body.post-type-ngl_pattern div.ngl-notice,
body.post-type-ngl_pattern div.notice,
body.post-type-newsletterglue div.ngl-notice,
body.post-type-newsletterglue div.notice,
body.admin_page_ngl-theme div.ngl-notice,
body.admin_page_ngl-theme div.notice {
    max-width: 1050px !important;
    margin: 30px auto !important;
    box-sizing: border-box !important;
	display: none;
}

body.post-type-ngl_template div.ngl-notice,
body.post-type-ngl_template div.notice,
body.post-type-ngl_pattern div.ngl-notice,
body.post-type-ngl_pattern div.notice,
body.post-type-newsletterglue div.ngl-notice,
body.post-type-newsletterglue div.notice,
body.admin_page_ngl-theme div.ngl-notice,
body.admin_page_ngl-theme div.notice {
    max-width: 100% !important;
}

div.ngl-tpl-col {
	padding: 5px 0 0;
}

div.ngl-tpl-col a {
	box-shadow: none !important;
}

a.ngl-tpl-make-default {
	color: #999;
}

a.ngl-tpl-make-default:hover {
	color: var(--wp-admin-theme-color);
}

a.ngl-tpl-default {
	color: var(--wp-admin-theme-color);
}

a.ngl-tpl-default:hover {
	text-decoration: line-through;
}
.ngl-template-inserter-block .components-modal__content {
    flex: 1 1 0%;
    overflow: auto;
    padding: 0;
}

.ngl-template-inserter-block .ngl-template-inserter {
    align-items: stretch;
    display: flex;
    height: 100%;
}

.ngl-template-inserter-block .components-modal__content:before {
	margin-bottom: 0;
}

.ngl-template-inserter-block .ngl-template__content {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    overflow: auto;
    padding: 32px 32px 64px;
    width: 100%;
	box-sizing: border-box;
}

.ngl-template-inserter-block .ngl-template__content .ngl-template__content-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
	min-height: 34px;
}

.ngl-template-inserter-block .ngl-template__content .ngl-template__content-header .search-results {
    color: #757575;
}

.ngl-template-inserter-block .ngl-template__sidebar {
    border-right: 1px solid #ddd;
    flex-direction: column;
    flex-shrink: 0;
    overflow-y: scroll;
    padding: 24px 32px 32px;
    width: 280px;
	display: none;
	box-sizing: border-box;
}

.ngl-template-inserter-block .ngl-template__sidebar__search {
    margin-bottom: 16px;
}

.ngl-template-inserter-block .ngl-template__sidebar__search .components-base-control__field {
    margin-bottom: 0;
}

.ngl-template-inserter-block .ngl-template__sidebar__category {
    border: none;
}

.ngl-template-inserter-block .ngl-template__sidebar__category .components-menu-group__label {
    margin: 0;
    padding: 16px 12px;
}

.ngl-template-inserter-block .ngl-template__sidebar__category .components-menu-item__item {
    display: inline-flex;
    justify-content: space-between;
    text-transform: capitalize;
    width: 100%;
}

.ngl-template-inserter-block .ngl-template__sidebar__category .components-menu-item__item > span {
    opacity: .5;
}

.ngl-template-inserter-block .ngl-template__content .ngl-template__content-grid .ngl-template__list {
    display: -ms-grid;
    display: grid;
    margin: 0;
    padding: 4px 4px 72px;
	grid-gap: 30px 80px;
	-ms-grid-columns: minmax(0,1fr) minmax(0,1fr);
	grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}

/* The list */
.ngl-template-inserter-block .ngl-template__list > div {
	max-width: 250px;
	min-height: 300px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ngl-template-inserter-block .ngl-template-placeholder-1 {
	height: 252px;
    width: 100%;
    background: #f9f9f9;
    flex-grow: 1;
    margin-bottom: 8px;
	border: 1px solid #f9f9f9;
	box-sizing: border-box;
	position: relative;
}

.ngl-template-inserter-block .ngl-template-placeholder-1 > .ngl-template-use {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
}

.ngl-template-inserter-block .ngl-template-placeholder-1 > .ngl-template-use span {
	padding: 6px 10px;
	background: var(--wp-admin-theme-color);
	font-size: 13px;
	color: #fff;
	font-weight: 500;
}

.ngl-template-inserter-block .ngl-template-placeholder-2 {
    height: 40px;
    border-top: 10px solid #f9f9f9;
    width: 50%;
	box-sizing: border-box;
}

.ngl-template-inserter-block .ngl-template-placeholder-2 span {
    margin: 0 0 0 8px;
    background: #eee;
    border-radius: 3px;
    font-size: 12px;
    padding: 3px 6px;
    color: #8b8b8b;
}

.ngl-template-inserter-block .ngl-template__list > div.ngl-template-result {
	cursor: pointer;
}

.ngl-template-inserter-block .ngl-template__list > div.ngl-template-result .ngl-template-placeholder-1 {
	border-color: #f3f3f3;
}

.ngl-template-inserter-block .ngl-template__list > div.ngl-template-result:hover .ngl-template-placeholder-1 {
	border-color: #f3f3f3;
}

.ngl-template-inserter-block .ngl-template__list > div.ngl-template-result:hover {
	color: var(--wp-admin-theme-color);
}

.ngl-template-inserter-block .ngl-template__list > div.ngl-template-result:hover .ngl-template-use {
	opacity: 1;
	pointer-events: auto;
}

.ngl-template-inserter-block .ngl-template__list > div.ngl-template-result .ngl-template-placeholder-2 {
	background: transparent;
	width: 100%;
	border-top: none;
}

.ngl-template-preview {
	display: flex;
	width: 100%;
	height: 100%;
}

.ngl-template-preview iframe {
	width: 100%; 
	height: 100%; 
	border: none;
}

@media (min-width: 600px) {
	.ngl-template-inserter-block .ngl-template__content .ngl-template__content-grid .ngl-template__list {
		-ms-grid-columns: minmax(0,1fr) minmax(0,1fr);
		grid-template-columns: minmax(0,1fr) minmax(0,1fr);
	}
}

@media (min-width: 900px) {
	.ngl-template-inserter-block .ngl-template__sidebar {
		display: flex;
	}

	.ngl-template-inserter-block .ngl-template__content {
		width: calc(100% - 281px);
	}

	.ngl-template-inserter-block .ngl-template__content .ngl-template__content-grid .ngl-template__list {
		-ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
	}
}

@media (min-width: 1450px) {
	.ngl-template-inserter-block .ngl-template__content .ngl-template__content-grid .ngl-template__list {
		-ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
	}
}

@media (min-width: 1600px) {
	.ngl-template-inserter-block .ngl-template__content .ngl-template__content-grid .ngl-template__list {
		-ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
	}
}
.ngl-gb-box{padding:20px 0 0}.ngl-gb-box h2{display:flex;align-items:center}.ngl-gb-box h2 svg{margin-right:4px;width:18px;height:18px}.ngl-gb-box .ngl-gb-box-div{margin:0 0 12px}.ngl-gb-box .components-button{width:100%;text-align:center;align-items:center;justify-content:center;font-weight:500}.ngl-panel-body .components-base-control__help{color:#666;font-size:13px;margin-bottom:8px}.ngl-panel-body .components-base-control__help a{color:#666}.ngl-panel-body .ngl-select-flex{display:flex;width:100%;-moz-column-gap:10px;column-gap:10px}.ngl-panel-body .ngl-select-flex>div{flex-basis:50%;flex-grow:1}.ngl-panel-body .components-base-control{width:100%;margin-bottom:4px !important}.ngl-panel-body .components-base-control .components-button-group{display:flex;width:100%}.ngl-panel-body .components-base-control .components-button-group button{flex-basis:auto;width:100%;display:flex;align-items:center;justify-content:center}.ngl-panel-body .ngl__input input[type=text]{box-shadow:none !important}.ngl-panel-body .ngl__value-container{padding:0 8px}.ngl-panel-body div.ngl__control,.ngl-panel-body div.ngl__control:hover{border:1px solid #728a8d}.ngl-panel-body div.ngl__control.ngl__control--is-focused{box-shadow:0 0 0 1px var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.ngl-panel-body div.ngl__control.ngl__control--is-disabled{background:#fff;opacity:.7}.ngl-panel-body div.ngl__option--is-selected,.ngl-panel-body div.ngl__option--is-selected:active{background-color:var(--wp-admin-theme-color)}.ngl-panel-body div.ngl__option--is-disabled{color:#aaa;border-top:1px solid #eee;padding-top:10px;margin-top:10px}.ngl-panel-body div.ngl__control .ngl__input input{margin:0;box-shadow:none}.ngl-panel-body div.ngl__control div.ngl__value-container--is-multi{padding:0 8px}.ngl-panel-body .ngl__menu{z-index:2}.ngl-panel-body div.ngl__multi-value__label{font-size:.8rem}.ngl-panel-body .components-toggle-control .components-base-control__field{line-height:16px}.ngl-panel-body .ngl-radio-as-child{margin:-8px 0 0 15px;font-size:.9em}.ngl-panel-body .ngl-radio-as-child .components-radio-control__option:not(:last-child){margin-bottom:8px}.ngl-panel-body .ngl-radio-as-child .components-radio-control__input[type=radio]{margin-right:12px}.ngl-panel-body .ngl-input-as-child{margin:0 0 0 46px;font-size:12px}.ngl-panel-body .components-panel__row{min-height:auto}.ngl-panel-body .nglue-group{width:100%;border:1px solid rgba(0,0,0,.1);border-bottom:0;margin:10px 0 25px}.ngl-panel-body .nglue-group .components-item{padding:0}.ngl-panel-body .nglue-group .components-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;cursor:pointer;background:none;text-align:left;padding:calc(9.2px) 12px;width:100%;display:block;margin:0px;color:inherit;border-bottom:1px solid rgba(0,0,0,.1);height:auto}.ngl-panel-body .nglue-group .components-button:hover{color:var(--wp-admin-theme-color, #00669b)}.ngl-panel-body .nglue-group .components-button:focus{background-color:transparent;color:var(--wp-admin-theme-color, #00669b);border-color:var(--wp-admin-theme-color, #00669b);outline:transparent solid 3px;box-shadow:none}.ngl-panel-body .nglue-box-control .components-base-control__field>div{max-width:100%}.ngl-panel-body .edit-site-global-styles__color-indicator-wrapper{width:auto}.ngl-panel-body .components-navigator-back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;cursor:pointer;background:none;text-align:left;padding:calc(5.6px) calc(8.99955px);width:100%;display:block;margin:0px;color:inherit;border-radius:0;box-shadow:none !important;padding-right:17px;min-height:37px}.ngl-panel-body .components-navigator-back-button:focus{background-color:transparent;color:var(--wp-admin-theme-color, #00669b);border-color:var(--wp-admin-theme-color, #00669b);outline:transparent solid 3px}.ngl-panel-body .components-color-palette__custom-color{margin-bottom:6px}.ngl-panel-body .block-editor-color-gradient-control__color-indicator{margin-bottom:2px}.ngl-panel-body .block-editor-color-gradient-control{margin:0 0 14px}.ngl-panel-body .block-editor-color-gradient-control legend{height:10px}.ngl-panel-body .components-circular-option-picker{margin:0}