/*** setup page rules ***/

.aiwrc-s-box { background-color:white; border-radius:8px; padding:10px 20px; margin:0 auto; width:100%; max-width:500px; }
.aiwrc-s-box .aiwrc-s-logo { text-align:right; }
.aiwrc-s-box .aiwrc-s-logo a { display:inline-block; }
.aiwrc-s-box .aiwrc-s-logo img { width:auto; height:34px; display:block; }

/*** generate a post page rules ***/

.aiwrc-wrap { max-width:500px; margin:0 auto; background-color:#ffffff; padding:20px; border-radius:5px; position:relative; }
.aiwrc-wrap .aiwrc-spinner { position:absolute; top:20px; right:20px; width:32px; height:32px; display:none;
    background:transparent url("./../../../../../wp-admin/images/wpspin_light-2x.gif") top left no-repeat; }
.aiwrc-wrap .aiwrc-head { text-align:center; font-weight:bold; font-size:20px; color:#104583; margin-bottom:10px; display:flex; }
.aiwrc-wrap .aiwrc-head * { flex:1 1 auto; }
.aiwrc-wrap .aiwrc-head .aiwrc-favicon { height:34px; flex:0 0 34px; background:transparent url("../images/c.png") 0 0 no-repeat; }
.aiwrc-wrap .aiwrc-head .aiwrc-main-title { line-height:34px; height:34px; text-align:left; padding-left:10px; }
.aiwrc-wrap .aiwrc-progress-bar { border:1px solid #cccccc; height:10px; margin-bottom:10px; }
.aiwrc-wrap .aiwrc-progress-bar .aiwrc-progress-bar-filler { height:100%; background-color:#104583; }
.aiwrc-wrap.aiwrc-step-1 .aiwrc-progress-bar-filler { width:33%; }
.aiwrc-wrap.aiwrc-step-2 .aiwrc-progress-bar-filler { width:66%; }
.aiwrc-wrap.aiwrc-step-3 .aiwrc-progress-bar-filler { width:100%; }
.aiwrc-wrap .aiwrc-content { position:relative; }
.aiwrc-wrap .aiwrc-content .aiwrc-content-blocker { position:absolute; top:0; right:0; bottom:0; left:0; z-index:-99999; background-color:#ffffff; opacity:0.4; }
.aiwrc-wrap .aiwrc-content.aiwrc-disabled .aiwrc-content-blocker { z-index:99998; /* 99999 is #wpadminbar */}
.aiwrc-wrap .aiwrc-label { font-weight:bold; margin-bottom:10px; }
.aiwrc-wrap .aiwrc-input { margin-bottom:10px; }
.aiwrc-wrap .aiwrc-input.aiwrc-input-last { margin-bottom:0; }
.aiwrc-wrap .aiwrc-input > *::placeholder { color:#cccccc; }
.aiwrc-wrap .aiwrc-input select { width:100%; max-width:100%; }
.aiwrc-wrap .aiwrc-input input[type="text"] { width:100%; /* border-color:#8c8f94; prevents wpml override */ }
.aiwrc-wrap .aiwrc-input textarea { width:100%; height:75px; }
.aiwrc-wrap .aiwrc-input input.aiwrc-empty-input { border-color:red; }
.aiwrc-wrap .aiwrc-input textarea.aiwrc-empty-input { border-color:red; }
.aiwrc-wrap .aiwrc-foot { text-align:right; padding:20px 0 10px 0; }
.aiwrc-wrap .aiwrc-message.message-error { color:red; }

.aiwrc-sortable-titles {}
.aiwrc-sortable-titles .aiwrc-sortable-title {
    /*border:1px solid #f5f5f5;*/ margin-bottom:5px; border-radius:4px; min-height:118px; position:relative;
    background:#ffffff url("../images/lorem-ipsum.png") 0 36px no-repeat;
}
.aiwrc-sortable-titles .aiwrc-sortable-title .aiwrc-sortable-title-text input { border:0; padding:0; margin:0; width:80%; text-indent:4px; }
.aiwrc-sortable-titles .aiwrc-sortable-title .aiwrc-sortable-title-text input:focus { outline:none; }
.aiwrc-sortable-titles .aiwrc-sortable-title .aiwrc-sortable-title-icons {
    position:absolute; top:0; right:5px; display:flex;
}
.aiwrc-sortable-titles .aiwrc-sortable-title .aiwrc-sortable-title-icons * { flex:1 1 auto; }
.aiwrc-sortable-titles .aiwrc-sortable-title .aiwrc-sortable-title-icon { width:32px; height:32px; border:1px solid #ccc; border-radius:16px; margin-left:5px;
    background-color:#ffffff; background-position:8px 8px; background-repeat:no-repeat; background-size:50%; cursor:pointer;
    filter:drop-shadow(4px 4px 2px #ccc); }
.aiwrc-sortable-titles .aiwrc-sortable-title .aiwrc-sortable-title-icon.icon-move { background-image:url("../images/icon-move.png"); cursor:grab; }
.aiwrc-sortable-titles .aiwrc-sortable-title .aiwrc-sortable-title-icon.icon-trash { background-image:url("../images/icon-trash.png"); }
.aiwrc-disabled .aiwrc-sortable-titles .aiwrc-sortable-title .aiwrc-sortable-title-icon { filter:grayscale(1); }

.aiwrc-sortable-icons { height:32px; text-align:right; margin-right:5px; margin-bottom:5px; /* for shadow */}
.aiwrc-sortable-icons > * { display:inline-block; }
.aiwrc-sortable-icons .aiwrc-sortable-icon { width:32px; height:32px; border:1px solid #ccc; border-radius:16px; margin-left:5px;
    background-color:#ffffff; background-position:8px 8px; background-repeat:no-repeat; background-size:50%; cursor:pointer;
    filter:drop-shadow(4px 4px 2px #ccc); }
.aiwrc-sortable-icons .aiwrc-sortable-icon.icon-add { background-image:url("../images/icon-plus.png"); }
.aiwrc-disabled .aiwrc-sortable-icons .aiwrc-sortable-icon { filter:grayscale(1); }

/* hide + icon when max number of max titles is reached */
.aiwrc-sortable-titles.aiwrc-max-titles-reached + .aiwrc-sortable-icons .aiwrc-sortable-icon.icon-add { display:none; }

.aiwrc-edit-it { text-align:center; margin:50px 0 20px 0; }
.aiwrc-edit-it p { font-size:18px; font-weight:bold; }
.wp-core-ui .aiwrc-edit-it a.button { font-size:20px; }

/* in-gutenberg stuff */
#aiwrc-gutenberg-button { background-image: url("../images/c-inv.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 4px 4px; padding-left: 30px; }
#aiwrc-editor-popup-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); display: none; }
#aiwrc-editor-popup-wrapper.aiwrc-popup-visible { display: block; }
#aiwrc-editor-popup { width: 500px; height: auto; position: fixed; top: 100px; left: 50%; transform: translateX(-50%); }
@media (max-width:500px) {
	#aiwrc-editor-popup { width: 100%; }
}
.aiwrc-editor-login-warn { padding: 10px 20px; background-color: #ffffff; border-radius: 20px; }
.aiwrc-wrap.aiwrc-for-gutenberg.aiwrc-step-2 .aiwrc-content { min-height: 300px; max-height:450px; overflow-y:auto; }
.aiwrc-wrap.aiwrc-for-gutenberg .aiwrc-sortable-title { min-height:66px; }