/* Overriding WordPress native styles */

.aftc {
	max-width: none;
}

.aftc h2 {
	text-align: inherit;
}

.aftc h2:first-child,
.aftc h3:first-child {
	margin-top: 0;
}

.aftc hr {
	margin: 2.62em 0;
}

.feature-section + hr {
	margin-top: 0;
}

#wpbody select {
	height: auto;
	padding: .62em;
	line-height: inherit;
}

.aftc .aftc__response .notice {
	display: block !important;
	max-width: 950px;
	margin: auto;
}

/* Plugin elements */

.aftc__demo-import-files {
	width: 100%;
}

.aftc__demo-import-preview-image-message {
	font-style: italic;
}

/* Plugin title */

.aftc__title:before {
	width: auto;
	height: auto;
	font-size: inherit;
	margin-right: 6px;
	margin-top: 6px;
}

/* Plugin intro text */

.aftc__intro-text ul{
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.aftc__intro-text ul li{
	width: 32%;
	margin-right: 2%;
	background: #FFF;
	padding: 25px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.aftc__intro-text ul li:last-child {
	margin-right: 0;
}
.aftc__intro-text ul li p {
	margin-bottom: 0;
	font-size: 14px;
    color: #999;
}
.about-wrap p {
	color: #777;
}
.about-wrap p.aftc__description {
	margin-top: 0;
}

/* Plugin switch import mode link*/
.wp-admin input[type=file]{
	width: 100%;
	max-width: 100%;
}
/* Plugin multi select import and Plugin file upload containers */
.aftc__file-upload-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    background: #FFF;
        padding: 50px 50px 60px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
}
.aftc__file-upload,
.aftc__multi-select-import,
.aftc__demo-import-notice:not(:empty) {
	padding: 20px;
	margin: 1.62em 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #ddd;
    background: #f5f7f9;
}
.about-wrap h2 {
	font-size: 1.4em;
	font-weight: 400;
	margin: 0;
	padding: 0 20px 0px;
	grid-column: span 3;
	color: #405566;
}
.aftc__file-upload {
	margin: 0;
	margin-bottom: -1px;
	text-align: left;
}

.aftc__file-upload span {
	font-size: .81em;
	font-weight: normal;
	opacity: .66;
}

.aftc__demo-import-notice:not(:empty) {
	border: 0;
	border-left: 4px solid #00a0d2;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}

[dir="rtl"] .aftc__demo-import-notice:not(:empty) {
	border: 0;
	border-right: 4px solid #00a0d2;
}

/* Plugin button */

.aftc__button-container {
	margin-top: 1.62em;
	margin-bottom: 1.62em;
}

/* AJAX loader */

p.aftc__ajax-loader {
	font-size: 1.5em;
	display: none;
}

.aftc__ajax-loader .spinner {
	display: inline-block;
	float: none;
	visibility: visible;
	margin-bottom: 6px;
	vertical-align: middle;
}


/* New grid layout */
/*.wp-core-ui .notice.is-dismissible{*/
/*	display: none;*/
/*}*/
.aftc__gl.js-aftc-gl {
    background: #fff;
}
.aftc__gl-item {
	float: left;
	width: 100%;
	position: relative;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 2px 5px rgb(143 163 184 / 12%);
	box-shadow: 0 2px 5px rgb(143 163 184 / 12%);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.aftc__gl-item-image-container {
	display: block;
	overflow: hidden;
	position: relative;
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.aftc__gl-item-image {
	height: auto;
	width: 100%;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.aftc__gl-item-image--no-image {
	display: inline-block;
	width: 50%;
	text-align: center;
	position: absolute;
	top: 45%;
	right: 25%;
	left: 25%;
}
.aftc__gl-item-footer {
	width: 100%;
	margin: 0;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-justify-content: space-between;
	justify-content: space-between;
    padding: 20px 25px;
    -webkit-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
    border: 1px solid rgba(226,230,235,0.7);
    background: rgba(235,237,241,0.2)
}

.aftc__gl-item.js-aftc-gl-item:hover .aftc__gl-item-footer {
	opacity: 1;
	visibility: visible;
}

.aftc__gl-item-footer--with-preview h4.aftc__gl-item-title {
	font-size: 15px;
	line-height: 1.33;
}

h4.aftc__gl-item-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	margin: 0;
}

.aftc__gl-item-button {
	float: right;
}

.aftc__gl-item-button + .aftc__gl-item-button {
	margin-right: 15px;
	color: rgba(46,68,83,0.8);
    background: #fff;
    border-color: #e2e6eb;
    box-shadow: 0 1px 3px rgb(0 0 0 / 7%);
}

.aftc__gl-item-button + .aftc_modal + .aftc__gl-item-button {
	margin-right: 15px;
}

.aftc__gl-item-container {
    padding: 40px 30px;
    background: #FFF;
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 450px;
    margin: 0 auto;
}

.aftc__gl-item-container h3 {
	grid-column: span 2;
}

.js-aftc-gl-item-selected .aftc__gl-item {
	grid-column: 2/4;
}

.js-aftc-gl-item-selected h3 {
	grid-column: span 4;
}

@media screen and (max-width: 782px) {
	.wp-core-ui .button, 
	.wp-core-ui .button.button-large, 
	.wp-core-ui .button.button-small, 
	a.preview, input#publish, input#save-post{
		margin-bottom: 0;
	}
}
@media screen and (min-width: 768px) {
	.aftc__gl-item-container {
		grid-template-columns: repeat(2, 1fr);
		max-width: 950px !important;
		width: 100%;
	}
	.js-aftc-gl-item-selected {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.aftc__file-upload-container .aftc__file-upload {
		grid-column: 1/ span 3;
	}
	.wp-admin input[type=file]{
		width: unset;
	}
}

.about-wrap .aftc__gl-item.js-aftc-gl-item img{
	-webkit-transition: all ease 0.5s;
	   -moz-transition: all ease 0.5s;
	    -ms-transition: all ease 0.5s;
	     -o-transition: all ease 0.5s;
	        transition: all ease 0.5s;
}

.about-wrap .aftc__gl-item.js-aftc-gl-item:hover img {
	-webkit-transform: scale(1.025);
	   -moz-transform: scale(1.025);
	    -ms-transform: scale(1.025);
	     -o-transform: scale(1.025);
	        transform: scale(1.025);
}

.about-wrap img.aftc__logo {
	max-width: 200px;
}

.aftc__gl-header {
	padding-bottom: 10px;
	text-align: center;
	background: #FFF;
}

.aftc__gl-navigation {
	font-size: 13px;
	background: #f1f1f1;
}

.aftc__gl-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: center;
	        justify-content: center;
}
.aftc__gl-navigation li{
	margin: 0;
}
.aftc__gl-navigation li:not(:last-child) {
	margin: 0 15px 0 0;
}

.aftc__gl-navigation li a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #777;
	font-size: 15px;
	padding: 0 25px;
	height: 48px;
	line-height: 48px;
	-webkit-border-radius: 3px 3px 0 0;
	        border-radius: 3px 3px 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.aftc__gl-navigation li a:hover,
.aftc__gl-navigation li.active a,
.aftc__gl-navigation li.active a:hover {
	color: #2e4453;
}
.aftc__gl-navigation li.active a,
.aftc__gl-navigation li a:hover {
	background-color: #fff;
	-webkit-box-shadow: 0 -2px 20px rgb(220 231 238 / 40%);
	        box-shadow: 0 -2px 20px rgb(220 231 238 / 40%);
}
.aftc__gl-navigation li:not(.active) a:hover {
	-webkit-box-shadow: inset 0 -5px 5px rgb(0 0 0 / 1%);
	        box-shadow: inset 0 -5px 5px rgb(0 0 0 / 1%);
}

.aftc__gl-search-input {
	display: inline-block;
	width: 300px;
	height: 60px;
	margin: 50px 0 0;
}
.aftc__gl-search-input[type=search]{
	padding: 0 20px;
	width: 100%;
	max-width: 400px;
}

/* Grid animations */
@keyframes aftc-fade {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.aftc-is-fadeout {
	animation: aftc-fade linear 200ms 1 forwards;
}

.aftc-is-fadein {
	animation: aftc-fade linear 200ms 1 reverse forwards;
}

/* Grid layout modal window */

.aftc__modal-image-container {
	width: 100%;
	height: 300px;
	margin: 0;
	overflow: hidden;
}

.aftc__modal-item-title {
	margin-top: 0.5em;
	font-weight: bold;
	font-size: 24px;
}

.aftc__modal-image-container img {
	width: 100%;
}

.aftc__modal-notice.aftc__demo-import-notice:not(:empty) {
	border: 1px solid #e5e5e5;
	border-left: 4px solid #00a0d2;
	margin: 1em 0 0;
}

/* Redux */
.aftc__redux-option-name-label {
	margin-right: 5px;
}

/* additional css for new design */
.toplevel_page_pt-one-click-demo-import #wpcontent {
	padding-left: 0;
}
.about-wrap {
	margin: 60px 0px 0 0px;
	text-align: center;
}
.wp-core-ui .button-group.button-hero .button,
.wp-core-ui .button.button-hero {
	font-size: 14px;
	min-height: unset;
	line-height: 1;
	padding: 10px 18px;
}
.about-wrap h1 {
	font-size: 2em;
	padding: 20px 0 10px;
	margin: 20px 0 0;
	text-align: center;
}
.about-wrap .about-description, .about-wrap .about-text{
	max-width: 1000px;
	margin: auto;
	padding: 0 15px 15px;
	font-size: 16px;
	line-height: 1.5;
}
.aftc__import-mode-switch {
	display: inline-block;
	color: rgba(46,68,83,0.8);;
	padding: 12px 24px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	transition: all 0.2s ease-in-out;
	font-size: 1em;
	font-weight: 700;
	text-decoration: none;
	color: rgba(46,68,83,0.8);
    background: #fff;
    border: 1px solid #e2e6eb;
    box-shadow: 0 1px 3px rgb(0 0 0 / 7%);
}
.aftc__import-mode-switch:hover {
	color: #2e4453;
    border-color: rgba(190,196,203,0.8);
    background: #FFF;
}

.aftc__import-mode-switch.reload-importer {
	color: #fff;
	background: #0085BA;
	margin-left: 15px;
	border-color: rgba(1,118,165,0.6);
	-webkit-box-shadow: 0 1px 4px rgb(1 96 134 / 40%);
	        box-shadow: 0 1px 4px rgb(1 96 134 / 40%);
}

.aftc__import-mode-switch.reload-importer:hover {
	color: #fff;
    background: #0591c9;
    border-color: rgba(1,118,165,0.85);
    box-shadow: 0 1px 4px rgb(1 96 134 / 40%);
}
.about-wrap h3{
	margin-bottom: 12px;
	font-size: 1.4em;
}
.about-wrap li h4 {
	font-size: 20px;
	margin: 0px 0 12px;
	line-height: 1.3;
}
.aftc__gl-item-button.button {
	color: rgba(46,68,83,0.8);
    background: #fff;
    border-color: #e2e6eb;
    box-shadow: 0 1px 3px rgb(0 0 0 / 7%);
}
.wp-core-ui .button{
	height: 35px;
	line-height: 33px;
	padding: 0 15px;
	font-weight: 500;
}
.aftc-modal-content button.aftc__gl-item-button.button.button-primary.js-aftc-gl-import-data {
    float: none;
	margin-top: 30px;
}
button.aftc__button.button.button-hero.button-primary.aftc-activate-plugin {
    margin-top: 30px;
}

.aftc__gl-item-button.button:hover,
.wp-core-ui .button:hover{
	color: #2e4453;
    border-color: rgba(190,196,203,0.8);
    background: #FFF;
}
.wp-core-ui .button-primary{
	color: #fff;
    background: #0085ba;
    border-color: rgba(1,118,165,0.6);
    box-shadow: 0 1px 4px rgb(1 96 134 / 40%);
}
.wp-core-ui .button-primary:hover {
	color: #fff;
    background: #0591c9;
    border-color: rgba(1,118,165,0.85);
    box-shadow: 0 1px 4px rgb(1 96 134 / 40%);
}
.wp-core-ui .button-primary:focus{
	color: #fff;
    background: #0591c9;
    border-color: rgba(1,118,165,0.85);
    box-shadow: 0 1px 4px rgb(1 96 134 / 40%);
}
.aftc__gl-item-image-container {
	max-height: 385px;
}
input[type=search]{
	border: 1px solid #b2b7bb;
}
input[type=checkbox]:focus, input[type=color]:focus,
input[type=date]:focus, input[type=datetime-local]:focus,
input[type=datetime]:focus, input[type=email]:focus,
input[type=month]:focus, input[type=number]:focus,
input[type=password]:focus, input[type=radio]:focus,
input[type=search]:focus, input[type=tel]:focus,
input[type=text]:focus, input[type=time]:focus,
input[type=url]:focus, input[type=week]:focus,
select:focus, textarea:focus{
	border-color: #5b9dd9;
	box-shadow: 0 0 0 1px #5b9dd9;
}
.aftc__intro-text {
	text-align: center;
	margin: 50px;
	max-width: 950px;
	margin: 50px auto;
}

.ui-dialog {
	width: 500px !important;
}
.notice, div.error, div.updated{
	border-left-width: 8px;
}
.ui-dialog-buttonset .ui-button:first-child {
	border: 2px solid #000;
	width: auto;
	color: #000;
	background: 0 0;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	height: auto;
	padding: 3px 20px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	background: transparent;
}
.ui-dialog-buttonset .ui-button:first-child:hover {
	background-color: #000;
	color: #FFF;
	border-color: #000;
}
.ui-button.ui-dialog-titlebar-close {
	background: #f4511e;
	color: #FFF;
}
.ui-button.ui-dialog-titlebar-close:focus,
.ui-button.ui-dialog-titlebar-close:hover {
	color: #FFF;
}
.ui-button.ui-dialog-titlebar-close:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
@media screen and (max-width: 1600px) {
	.aftc__gl-item-image-container {
		max-height: 320px;
	}
}
.aftc__file-upload p {
    margin-top: 0;
}


.aftc_modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(100,100,100,0.4);
  }
  
  /* Modal Content/Box */
  .aftc-modal-content {
	background-color: #fefefe;
	padding: 60px 40px;
	width: 80%; 
	position: absolute;
    left: calc(90px + 50%);
    top: 50%;
    transform: translate(-50%, -50%);
	max-width: 500px;
	text-align: center;
	border-radius: 5px;
  }
  
  /* The Close Button */
  .aftc_close {
	color: #888;
    float: right;
    font-size: 28px;
    display: inline-block;
    padding: 2px 4px 8px;
	position: relative;
	top: -40px;
	left: 21px;
  }
  
  .aftc_close:hover,
  .aftc_close:focus {
	text-decoration: none;
	cursor: pointer;
	color: #111;
  }

  ul.af-require-plugin-wrap {
    text-align: left;
    width: fit-content;
	margin: 40px auto 0;
	color: #7f888f;
}
.aftc.wrap.about-wrap > a {
    display: block;
}