$color-primary: #007cba;
$color-gray-200: #EDF2F7;
$color-gray-300: #E2E8F0;
$color-gray-400: #CBD5E0;
$color-gray-500: #A0AEC0;
$color-gray-600: #718096;
$color-gray-700: #4A5568;
$color-gray-800: #2D3748;
.kadence-site-header-left {display: flex;align-items: center;}
.kadence-site-grid-wrap .kadence-site-header {display: flex;justify-content: space-between;align-items: center;}
.kadence-site-header-left .filter-title {margin-right: 10px;font-weight: bold;}
.kadence-site-grid-header-right {
	text-align: right;
}
.kadence-site-header .page-source-notice {
	color: $color-gray-600;
    font-size: 85%;
	a {
		color: #0066CC;
		font-weight: 500;
		text-decoration: none;
	}
}
.kb-pro-template {
    padding: 4px 10px;
    position: absolute;
    z-index: 10;
    bottom: 10px;
    right: 10px;
    background: #C53030;
    //background: $color-gray-700;
    border-radius: 10px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}
.bundle-install-required .plugin-status {
    color:#C53030
}
a.components-external-link.kst-upgrade.button-hero.button.button-primary {
    width: 80%;
    min-height: 36px;
    line-height: 2.5;
    font-size: 14px;
    text-align: center;
}

.kt-upgrade-notice {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 70px;
}
.kt-popover-pro-notice {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    opacity: 0;
    z-index: 10;
    text-align: center;
    background: rgba(2555,255,255,0.9);
    transition: opacity .3s ease-in-out;
}
.kt-popover-pro-notice .components-external-link {
    background:$color-primary;
    padding: 10px 10px;
    color: white;
    border-radius: 4px;
    text-decoration: none;
}
.kt-popover-pro-notice:hover {
    opacity: 1;
}
.appearance_page_kadence-starter-templates #wpcontent {
    padding: 0;
}
.kadence_theme_dash_back {
    height: 100%;
}
.kst-choose-builder-wrap.adjust-to-three-column {
    max-width: 600px;
}
.kst-choose-builder-wrap.adjust-to-three-column .kst-choose-builder-inner {
    grid-template-columns: 1fr 1fr 1fr;
}
.kadence_theme_dash_head .components-menu-items__item-icon.custom-image-icon-src {
    margin-right:10px;
}
.kst-choose-builder-inner img.custom-image-icon-src {
    width: 100px;
    max-height: 100px;
    height: auto;
}
.custom-image-icon-src, .kadence_starter_builder_type .components-dropdown__content .components-button.components-menu-item__button img {
    max-width: 100%;
    width: 24px;
    max-height: 24px;
    height: auto;
}
.kadence_theme_dash_reload .components-button.kt-reload-templates.has-icon {
    border-left: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    height: 100%;
    width: 40px;
    color: #4a5568;
    border-radius: 0;
    justify-content: center;
}
.kadence_theme_dash_reload .components-button.kt-reload-templates.has-icon svg {
    margin: 0;
    width: 18px;
    height: 18px;
}
.kadence_theme_dash_reload {
    height: 100%;
}
.appearance_page_kadence-starter-templates .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
    bottom: 70px;
}
.kadence_theme_dash_back .components-button.kt-import-back {
    border-left: 1px solid #E2E8F0;
    border-right: 1px solid #E2E8F0;
    height: 100%;
    width: 40px;
    color: #4A5568;
    border-radius:0;
}
.kst-import-options-title {
    line-height: 20px;
    padding-top: 5px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    color: #4A5568;
}
.appearance_page_kadence-starter-templates .expanded .wp-full-overlay-footer {
    height: 70px;
}
.kadence_theme_dash_back .components-button.kt-import-back:hover {
    border-left: 1px solid #cbd5e0;
    border-right: 1px solid #cbd5e0;
    background:#f6f9fd;
}
.kadence_theme_dash_back .components-button.kt-import-back  svg {
    width:30px;
    height:30px;
    margin:0;
}
.kadence_theme_dash_head .kadence_starter_builder_type .components-button svg.kst-chev {
    width:16px
}
.components-modal__frame.kst-import-modal {
    min-width: 460px;
}
.kadence-starter-templates-preview button.components-button.kst-palette-btn:nth-child(12), .kadence-starter-templates-preview button.components-button.kst-palette-btn:nth-child(11) {
    padding-top: 20px;
}
.kadence-starter-templates-preview button.components-button.kst-palette-btn:nth-child(12) .kst-palette-bg:before, .kadence-starter-templates-preview button.components-button.kst-palette-btn:nth-child(11) .kst-palette-bg:before {content: 'dark';color: #111;}
.kst-import-selection-options {
    padding-bottom: 90px;
}
.kadence-starter-templates-preview button.components-button.kst-palette-btn:nth-child(12) .kst-palette-bg, .kadence-starter-templates-preview button.components-button.kst-palette-btn:nth-child(11) .kst-palette-bg {
    position: absolute;
    left: 2px;
    top: -1px;
    right: 2px;
    display:block;
    bottom: auto;
    opacity: 0.2;
    height: 1px;
    border-radius: 0;
}
.components-modal__frame.kst-import-modal .components-button.is-primary {
    padding-left: 0px;
    padding-top: 16px;
    padding-right: 0px;
    font-weight: 700;
    padding-bottom: 16px;
    font-size: 16px;
    height: auto;
	display: block;
	width: 100%;
	text-align: center;
}
.kst-import-modal .components-panel__body h3 {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
    color: #4a5568;
}
.kst-selected-font-pair {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    img {
        max-width: 50px;
    }
}
h3.kst-selected-font-pair-title {
    margin-bottom: 0;
}
.kadence-starter-templates-preview {
    .install-theme-info p.desc-small, .kadence-starter-required-plugins p.desc-small {
        color: $color-gray-700;
        font-style: italic;
    }
    .install-theme-info .theme-screenshot {
        width: 60px;
        margin: 15px 15px 15px 0;
    }
    .theme-info-wrap {
        display:flex;
        align-items: center;
    }
    .install-theme-info {
        padding-bottom: 0;
    }
}
.kst-choose-builder-wrap {
    min-height: calc( 100vh - 180px );
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.kadence_starter_builder_type .components-dropdown__content .components-button.components-menu-item__button {
    box-shadow: none !important;
}
.kadence_starter_builder_type .components-dropdown__content .components-button.components-menu-item__button.active-item {
    border:1px solid $color-gray-500;
}
.kst-choose-builder-center {
    width: 100%;
    background: white;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0px 25px 35px -10px rgba(0,0,0,0.05);
    position: relative;
}
.kst-choose-builder-center .kst-overlay-saving {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba( 255,255,255, 0.6);
    border-radius: 4px;
}
.kst-choose-builder-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}
.kst-choose-builder-center h2.kst-choose-builder-title {
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 30px;
    font-size: 20px;
    color: #718096;
}
.kst-choose-builder-center .kst-choose-builder-inner .components-button.kt-import-select-type {
    font-size:20px;
    text-align: center;
    height: auto;
    padding: 20px;
    display: flex;
    border: 1px solid $color-gray-400;
    border-radius: 4px;
    flex-direction: column;
    font-weight: 500;
    text-transform: uppercase;
    color: $color-gray-700;
}

.kst-choose-builder-center .kst-choose-builder-inner .components-button.kt-import-select-type svg {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    margin-right: 0;
}

.kst-choose-builder-center .kst-choose-builder-inner .components-button.kt-import-select-type:hover {
    color: $color-gray-800;
    border-color:$color-primary;
}
.components-button-group.kst-font-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1em;
}

.components-button-group.kst-font-group .components-button.kst-font-btn {
    display: block;
    height: auto;
    padding: 5px 5px 0;
    border: 1px solid #eee;
    border-radius: 0;
    background: white;
    outline: 0;
    box-shadow: none;
}
.components-button-group.kst-font-group .components-button.kst-font-btn img.font-pairing {
    max-width: 100%;
}
.font-title-wrap, .palette-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    h2 {
        font-size: 16px;
        font-weight: 600;
        color: $color-gray-700;
    }
}
.kadence-starter-required-plugins {
    padding: 10px 20px 10px;
}
.font-title-wrap, .kadence-starter-required-plugins {
    border-top: 1px solid $color-gray-300;
    padding-top: 6px;
    margin-top: 18px;
}
.kadence-starter-required-plugins h2.kst-required-title {
    font-size: 16px;
    font-weight: 600;
    color: $color-gray-700;
}
.components-button-group.kst-font-group .components-button.kst-font-btn.active{
    border-color: #333;
}

.components-button-group.kst-font-group .components-button.kst-font-btn:hover {
    border-color: #999;
}
.kadence_theme_starter_dash_inner {
    margin: 90px 20px 0;
}
.kadence_theme_dash_head .st2 {
    fill:#191717;
 }
 .install-theme-info .components-button.has-icon .dashicons-image-rotate {
    width: 10px;
    height: 10px;
    font-size: 10px;
}
.kadence_theme_dash_head {
    background: white;
    padding: 0px 20px;
    height: 60px;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 0 6px -2px rgba(0,0,0,.1);
    position: fixed;
    top: 32px;
    left: 160px;
    z-index: 100;
    right: 0;
	h1 {
		color: $color-gray-800;
		line-height: 50px;
		padding:0;
		height: 50px;
		margin:0;
		display: flex;
    	align-items: center;
	}
	.subtext {
		font-size: 16px;
		color: $color-gray-600;
		display: inline-block;
		padding-left: 10px;
	}
	.kadence_theme_dash_head_container {
		margin: 0 auto;
        display: flex;
        height: 100%;
		align-items: center;
	}
	.kadence_theme_dash_logo{
		width: 50px;
		height: 50px;
		padding-right: 10px;
		img {
			width: 50px;
		}
	}
	.kadence_starter_builder_type {
		flex-grow: 1;
		text-align: right;
	}
	.kadence_theme_dash_version span {
		padding: 5px;
		background: $color-gray-700;
		color: white;
	}
}
.folded .kadence_theme_dash_head {
    left: 36px;
}
@media only screen and (max-width: 960px) {
    .auto-fold .kadence_theme_dash_head {
        left: 36px;
    }
}
@media screen and (max-width: 782px) {
    .auto-fold .kadence_theme_dash_head {
        left: 0px;
    }
}
.kadence_theme_dash_head .kadence_starter_builder_type .components-dropdown.components-dropdown-menu.components-toolbar {
    border-color: #888;
}

.kadence_theme_dash_head .kadence_starter_builder_type .components-dropdown.components-dropdown-menu.components-toolbar button.components-button {
    padding: 0;
}
.kadence_theme_dash_head .kadence_starter_builder_type .components-dropdown.components-dropdown-menu.components-toolbar button.components-button svg {
    width: 40px;
    height:40px;
}
.kadence_theme_dash_head .kadence_starter_builder_type .components-dropdown.components-dropdown-menu.components-toolbar .components-dropdown__content button.components-button svg {
    width: 24px;
    height:24px;
    margin-left:0;
}
.kadence_theme_dash_head .kadence_starter_builder_type .components-dropdown__content {
    text-align: left;
}
.wrap.kadence_theme_starter_dash {
    margin: 0;
}
.kadence_theme_dashboard {
    margin: 0 auto;
}
.templates-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: 2em;
}
.kst-template-item .components-button.kst-import-btn {
    height: 100%;
    width: 100%;
    padding: 0;
    display: block;
    border: 0;
    background: transparent;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0);
}
.kst-template-item .components-button.kst-import-btn img {
    max-width:100%;
    height:auto;
}
.kst-grid-single-item {
    max-width: 800px;
	.kst-template-item {
		overflow: hidden;
	}
	.kst-import-btn {
		height: 100%;
		width: 100%;
		padding: 0;
		display: block;
		border: 0;
		background: transparent;
		position: absolute;
		box-shadow: 0 0px 0px 0 rgba(0,0,0,0);
		img {
			max-width:100%;
			height:auto;
		}
	}
}
.components-modal__frame.kst-import-modal {
    max-width: 600px;
	position: relative;
	max-height: 90%;
}
.components-modal__frame.kst-import-modal .components-button.is-primary {
    margin-top: 20px;
}
.kadence_starter_templates_notice {
    background: transparent;
    margin-bottom: 20px;
    border: 1px solid #cbd5e0;
    padding: 10px;
    color: #4A5568;
    font-weight: normal;
}
.kadence-site-grid-header-popover .components-dropdown__content .components-button.components-menu-item__button.active-item {
	border: 1px solid #a0aec0;
    background: #EDF2F7;
    font-weight: bold;
}
.kadence-site-grid-wrap .kadence-site-header {margin-top: -10px;padding-bottom: 10px;}
.kst-import-modal ul.kadence-required-wrap {
    margin-bottom: 20px;
}
.components-modal__frame.kst-import-modal {
    animation: none !important;
}
.kst-import-modal h3 {
    font-size: 16px;
}
.kadence_starter_templates_response {
    background: #fffaf0;
    margin-bottom: 20px;
    border: 1px solid #ed8936;
    padding: 20px;
    color: #c05621;
    font-weight: bold;
	margin-top: 30px;
	display: flex;
	align-items: center;
	svg.components-spinner {
		margin-top: 0;
	}
}
.components-modal__content .kadence_starter_templates_response {
    background: #edfaff;
    border: 1px solid #1eb1ff;
    color: #0d549b;
}
.kst-import-selection-title .components-button.kt-import-back {
    border: 1px solid;
    margin-right: 10px;
}
.kst-import-selection-title {
    display: flex;
    align-items: center;
    margin-bottom:10px;
}
.kst-grid-single-item-single-page .kst-template-item {
    padding-bottom: 90%;
}
.kadence_starter_templates_response h2 {
    margin-bottom: 10px;
    margin-top: 0;
}
.kst-template-item {
    position: relative;
    height: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	padding-bottom: 65%;
}
.kst-template-item::after {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0;
border-radius: 5px;
box-shadow: 0 15px 15px -10px rgba(0,0,0,0.1);
transition: opacity 0.3s ease-in-out;
}
.kst-template-item:hover::after {
opacity: 1;
}
  
.sidebar-section .components-panel__body.is-opened {
	padding: 20px;
}
.sidebar-section h2:first-child, .tab-section h2:first-child {
    margin-top: 0;
}
.side-panel .components-panel+.components-panel {
    margin-top: 1rem;
}
.tab-section .components-panel__body.is-opened {
    padding: 25px;
}
.kadence-dashboard-tab-panel {
	.components-tab-panel__tabs {
		.components-button {
			border: 1px solid transparent;
			background: transparent;
			border: none;
			box-shadow: none;
			border-radius: 0;
			cursor: pointer;
			height: 48px;
			padding: 3px 16px;
			margin-left: 0;
			font-weight: 500;
			&:hover {
				box-shadow: none !important;
			}
			&:not(.active-tab):hover {
				color: $color-primary !important;
				background: transparent !important;;
			}
		}
		.components-button.active-tab {
			background: white;
			border: 1px solid #e2e4e7;
			border-bottom-color: transparent;
		}
	}
	.components-tab-panel__tabs {
		margin-bottom: -1px;
	}
}
.two-col-grid {
	display: grid;
	grid-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
}
h3.section-sub-head {
    background: $color-gray-200;
	padding: 10px;
	color: $color-gray-700;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom:1rem;
	margin-top: 2rem;
}
.link-item {
    border: 1px solid $color-gray-300;
    padding: 20px;
	border-radius: 4px;
	display: flex;
    flex-flow: column nowrap;
}
.link-item h4 {
    margin: 0;
}
.dashboard-pro-settings {
    margin-top: 2rem;
}
.link-item .link-item-foot {
	margin-top: auto;
	display: flex;
	align-items: center;
	.components-spinner {
		margin-top: 0;
	}
	.components-toggle-control .components-base-control__field {
		margin-bottom: 0;
		.components-form-toggle {
			margin-right: 0;
		}
	}
}
.link-item .link-item-foot > *:first-child {
    flex-grow: 2;
}
.link-item a {
    display: block;
    background: transparent;
	color: $color-gray-700;
	&:hover {
		color:$color-primary;
	}
}
span.kt-license-status {
    padding: 4px;
    margin-left: 10px;
    font-size: 14px;
    text-transform: uppercase;
}
span.kt-license-status.k-inactive {
    color: #c05621!important;
    background: #fffaf0!important;
}
span.kt-license-status.k-active {
    color: #2b6cb0!important;
    background: #ebf8ff!important;
}
.license-section h2 {
	display: flex;
	margin-top: 0;
    align-items: center;
    justify-content: space-between;
}
.license-section table.form-table {
    display: block;
}
.license-section table.form-table tbody {
    display: block;
}
.license-section table.form-table td, .license-section table.form-table tr {
    display: block;
    padding: 0;
    width: 100%;
}
.license-section .form-table th {
    padding:0;
    width: 100%;
    margin-bottom: 4px;
	display: block;
	color: $color-gray-700;
}
.license-section p.submit {
    padding: 0;
    margin-top: 10px;
}
.license-section table.form-table input[type="text"] {
    width:100%;
}
// Preview
.kadence-starter-templates-preview .install-theme-info .theme-name {
    font-size: 20px;
}
.appearance_page_kadence-starter-templates .kadence-starter-templates-preview-actions .button {
	width: 100%;
	line-height: 1;
    min-height: 35px;
    padding:0;
}
.appearance_page_kadence-starter-templates .kadence-starter-templates-preview-actions {
    padding:5px
}
.kadence-starter-templates-preview button.components-button.kst-palette-btn {
    border-radius: 4px !important;
    padding: 5px 5px 5px 7px;
    height: auto;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    border:1px solid transparent;
    position: relative;
    box-shadow: none !important;
    .kst-palette-bg {
        display:none;
    }
}
.kst-template-item .components-button.kst-import-btn:hover, .kst-template-item .components-button.kst-import-btn:focus {
    box-shadow: 0 7px 15px 0 rgba(0,0,0,.15) !important;
}
.kadence-starter-templates-preview button.components-button.kst-palette-btn:hover, .kadence-starter-templates-preview button.components-button.kst-palette-btn:focus {
    border:1px solid #999;
    box-shadow:none !important;
}
.kadence-starter-templates-preview button.components-button.kst-palette-btn.is-primary, .kadence-starter-templates-preview button.components-button.kst-palette-btn.is-primary:hover, .kadence-starter-templates-preview button.components-button.kst-palette-btn.is-primary:focus {
    background: #fff;
     border:1px solid #333;
     box-shadow:none;
}
.demo-title {
    height: 30px;
    margin: 0;
    padding: 10px 0;
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    background: rgba(255,255,255,1);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.demo-title h4 {
    margin: 0;
    font-size: 14px;
    text-align: left;
    line-height: 30px;
	padding: 0 20px;
	color: #1e1e1e;
}
.kadence-starter-templates-preview .components-button-group.kst-palette-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
}
@media ( max-width: 1860px ) {
.kadence-starter-templates-preview  .kadence-swatche-item-wrap {
    width: 22px !important;
    height: 22px !important;
}
h2.palette-title {
    font-size: 15px;
}
}
@media ( max-width: 1059px ) {
.templates-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.install-third-party-notice {
	margin-top: 10px;
    max-width: 540px;
    background: #fffaf0;
    padding: 1em;
    color: #c05621;
    border: 1px solid #c05621;
    font-weight: 600;
	> p {
		margin-top:0;
	}
}
.components-modal__frame.kst-import-modal .components-button.is-primary.import-partial-btn {
    background: #6B7280;
}
.install-third-party-notice .plugin-status {
    color: #92400E;
}
.plugin-install-required {
    display: block;
    font-style: oblique;
    font-weight: 400;
    color: #c05621;
}
.kadence-required-wrap {
	font-weight: bold;
	list-style: disc;
    padding-left: 1.4em;
}
span.plugin-status {
    text-transform: uppercase;
    color: $color-gray-600;
}
.kst-palette-btn.kst-selected-color-palette {
    display: flex;
    margin-bottom: 20px;
}
.finshed-notice-success .button-primary.button.kadence-starter-templates-finish-button {
    padding: 10px 16px;
    font-size: 18px;
}
.kst-grid-single-site {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: 4em;
}
.kst-import-selection {
    height: 100%;
    max-height: calc(100vh - 140px);
    overflow-y: scroll;
}
.kst-import-grid-title h2 {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
    color:$color-gray-700;
}
.kst-import-selection-title h2 {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 10px 0;
    color: $color-gray-800;
}
.kst-import-single-selection-options-wrap {
background:white;
padding:35px 35px 35px;
max-width: 700px;
width: 100%;
box-sizing: border-box;
}
.appearance_page_kadence-starter-templates #wpbody-content {
    padding-bottom: 25px;
}
.desc-small.note-about-colors {
    font-size: 14px;
    color: $color-gray-600;
    margin: 1.5em 0;
}
.kst-import-selection-options .kst-template-item {
    padding-bottom: 126%;
}
.kst-import-selection img {
    max-width: 100%;
}
.kst-import-selection-title h2 span {
    font-weight: bold;
    color: black;
}
.appearance_page_kadence-starter-templates .update-nag.notice, .appearance_page_kadence-starter-templates #wpfooter {
    display: none;
}
.kadence_theme_starter_dashboard > .notice {
    display: none;
}
.demo-title h4 span {
    position: absolute;
    bottom: 100%;
    right: 0;
    padding: 5px 15px;
    background: rgba(0,0,0,0.7);
    color: white;
    font-size: 14px;
	font-weight: 400;
	opacity: 0;
}
.kst-import-btn:hover .demo-title h4 span {
	opacity: 1;
}
.kst-import-selection-options .kst-template-item .components-button.kst-import-btn .LazyLoad {
	overflow-y: hidden;
	position:absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 40px;
}
.kst-import-single-selection-options-wrap .components-button.is-primary {
padding-top: 16px;
font-weight: 700;
padding-bottom: 16px;
font-size: 16px;
height: auto;
margin-top: 20px;
padding-left: 0;
padding-right: 0;
text-align: center;
display: block;
width: 100%;
}
.kst-import-selection-footer {
    position: fixed;
    padding: 10px 20px;
    bottom: 0;
    background: white;
    right: 0;
    left: 0;
    margin-left: 160px;
	z-index: 100;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
button.components-button.kt-import-fullsite.is-primary {
    padding-left: 30px;
    padding-top: 16px;
    padding-right: 30px;
    font-weight: 700;
    padding-bottom: 16px;
    font-size: 16px;
    height: auto;
}
.folded .kst-import-selection-footer {
    margin-left: 36px;
}
@media ( max-width: 1059px ) {
	.kst-import-selection-options .templates-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}
@media ( min-width: 1060px ) {
	.kst-import-selection-options .templates-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
}
@media ( min-width: 1660px ) {
	.kst-import-selection-options .templates-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
}
@media ( min-width: 2360px ) {
	.kst-import-selection-options .templates-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
}
.kst-import-single-selection-options-wrap .components-base-control.components-toggle-control {
    margin-bottom: 15px;
    border-top: 1px solid $color-gray-300;
    padding-top: 15px;
}
// Import Confirm.
.components-modal__frame.ksp-confirm-modal {
    max-width: 500px;
}
.ksp-override-model-buttons {
    text-align: right;
}
.ksp-override-model-buttons .components-button {
    margin-left: 10px;
}
// Center
.main-panel {
    margin: 0 auto;
    max-width: 1260px;
}
.main-panel .kst-grid-single-site {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    grid-gap: 3em;
}
.kst-import-selection-bottom {
    text-align: center;
    margin-top: 40px;
}
.kadence_theme_dash_head .kadence_theme_dash_head_container {
    margin: 0 auto;
    max-width: 1260px;
}
.kst-template-item {
    padding-bottom: 126%;
}
.appearance_page_kadence-starter-templates .kadence-starter-templates-preview-actions {
    display: flex;
}
.appearance_page_kadence-starter-templates .kadence-starter-templates-preview-actions .button:not(.button-primary) {
    margin-right: 10px;
}
@media ( max-width: 1059px ) {
	.kst-import-selection-options .templates-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}
@media ( min-width: 1060px ) {
	.kst-import-selection-options .templates-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
}
@media ( min-width: 1660px ) {
	.kst-import-selection-options .templates-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
}
.kst-import-modal button.components-button.kb-skip-start.is-primary, .kst-import-selection-options button.components-button.kb-skip-start.is-primary {
    display: block;
    width: 100%;
    text-align: center;
    background: transparent;
    color: #3c434a;
    font-size: 13px;
    font-weight: 400;
}
.kst-import-modal .components-panel__body-toggle.components-button {
    padding: 10px 48px 10px 16px;
}
.components-base-control.kt-subscribe-email-input .components-base-control__field {
    display: flex;
    align-items: center;
    margin-bottom:20px;
}
.components-base-control.kt-subscribe-email-input .components-base-control__field .components-base-control__label {
    margin:0 10px 0 0;
    font-weight:bold;
}
.kt-subscribe-form-box {
    padding: 20px;
    margin: 30px 0px 0;
    border: 1px solid #e0e0e0;
}
.kt-subscribe-form-box h2 {
    margin-top: 0;
}
.kb-subscribe-form-error {
    padding: 10px;
    display: block;
    margin-bottom: 10px;
    color: #d8000c;
    background-color: #ffdddf;
}
.theme-install-overlay #kadence-starter-preview {
    width: 100%;
}