/* ST Demo Importer — Admin general styles
   Color Palette: #3B3664 | #FFFFFF | #FFDF73 | #FF8534 | #777777 | #DCDCDE
*/

#wpwrap {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    height: auto;
    min-height: 100%;
    width: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

b { font-weight: 700; }

.col-left  { width: 65%; }
.col-right { }

.wrapper-info .wee-wizard-main-title {
    color: #3B3664;
    font-size: 22px;
    margin: 15px 0;
    font-weight: 700;
    text-align: center;
}

span.version { font-size: 14px; color: #777777; }

.dashboard-install-title {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #3B3664;
}

.logo { margin: 5px 0; }

.col-left p  { font-size: 14px; color: #777777; }

img { margin-bottom: 2px; max-width: 100%; }

li {
    margin-top: 15px;
    list-style: none;
}

.strong { font-weight: 700; }

figure {
    margin-top: 10px;
    margin-bottom: 10px;
}

ol {
    display: block;
    margin-right: 10px;
}

/* Tab buttons (legacy .wee-tab) */
.wee-tab button {
    border: none;
    padding: 12px 20px;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    margin-right: 8px;
    cursor: pointer;
    color: #3B3664;
    border-radius: 6px;
    transition: background .15s;
}
.wee-tab button:hover { background: #DCDCDE; }

.wee-tab-sec h3 { color: #3B3664; font-size: 18px; margin: 0 10px 0 0; line-height: 30px; }
.wee-tab-sec p  { font-size: 15px; color: #777777; }

.col-right-inner {
    width: 50%;
    float: right;
    padding: 0 20px;
}
.col-left-inner {
    width: 42%;
    float: left;
    background: #ffffff;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(59,54,100,.07);
    border-radius: 10px;
}

.col-right-inner img { width: 100%; }

.col-left-inner h4,
.update-now h4,
.col-3 h4 {
    font-size: 14px;
    font-weight: 700;
    color: #3B3664;
    margin-bottom: 5px;
    margin-top: 15px;
}

.col-left-inner p { font-size: 14px; margin: 8px 0; }

.info-link a,
.col-left-pro a {
    background: #FF8534;
    padding: 8px 18px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 6px;
    text-decoration: none;
    letter-spacing: .5px;
    font-weight: 600;
    display: inline-block;
    transition: background .2s;
}
.info-link a:hover,
.col-left-pro a:hover { background: #e0722a; }

.theme-offer {
    clear: both;
    margin: 50px 0 15px;
    text-align: center;
}

.info-link { margin: 20px 0; }
.col-right .info-link,
.logo { text-align: center; }

/* Tab state helpers */
.tablinks.active { display: block; }
.tablinks { display: none; }
button.tablinks:focus { outline: none; border: none; box-shadow: none; }

.wee-tabcontent { display: none; }
.open { display: block; }

.tab-sec { width: 100%; }

/* info-link dashicons */
.info-link .dashicons { margin-right: 6px; }

/* Multiple home page import cards */
.multiple-home-page-imports .themes-name {
    font-size: 15px;
    color: #3B3664;
    font-weight: 600;
}
.multiple-home-page-imports .button-wrap img {
    width: 70%;
    box-shadow: 0 0 1px 0 #DCDCDE;
}
.multiple-home-page-imports .button-wrap a {
    padding: 20px;
    background: none;
    border: 2px solid #DCDCDE;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(59,54,100,.08);
}
.multiple-home-page-imports .button-wrap a:hover {
    border-color: #FF8534;
    box-shadow: 0 4px 18px rgba(255,133,52,.18);
}
.multiple-home-page-imports {
    display: flex;
    justify-content: space-around;
}
.multiple-home-page-imports .button-wrap { width: 40%; }

/* Wizard wrap override for getstart context */
.wee-whizzie-wrap.loaded {
    opacity: 1;
    max-width: 100% !important;
    text-align: center;
}
.wee-wizard-logo-wrap {
    opacity: 1;
    max-width: 100% !important;
    text-align: center;
}

#wpfooter { position: unset !important; }