/*
* SiteSEO
* https://siteseo.io/
* (c) SiteSEO Team <support@siteseo.io>
*/

/*
Copyright 2016 - 2024 - Benjamin Denis  (email : contact@seopress.org)
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License, version 2, as
published by the Free Software Foundation.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/

html {
background-color: #141b38;
margin: 0;
}

html * {
box-sizing:border-box;	
}

html, body{
height:100%;
}

body.siteseo-setup {
    box-shadow: none;
    background: #141b38;
    padding: 0;
    margin: 0;
    max-width: 100%;
    border: none;
}

body.siteseo-setup input[type="text"],
body.siteseo-setup input[type="password"],
body.siteseo-setup input[type="number"],
body.siteseo-setup textarea,
body.siteseo-setup select {
    min-width: inherit;
    width: 100%;
    display: inline-block;
}

body.siteseo-setup label {
    width: 100%;
    display: inline-block;
}

.media-frame-title h1,
.uploader-inline h2 {
    border: none;
}

.siteseo-setup .wrap iframe {
    max-width: 100%;
}

.wp-core-ui select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
    border-color: var(--backgroundPrimary);
    box-shadow: 0 0 0 1px var(--backgroundPrimary);
    outline: 2px solid transparent;
}

.spinner {
    display: inline-block;
    vertical-align: middle;
}

.siteseo-setup-content {
    width: 100%;
    min-height:100%;
    height:auto;
    padding: 60px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
    border-radius: 6px;
}

.admin_page_siteseo_csv_importer.siteseo-styles .siteseo-option {
    margin: 40px auto;
    background: #fff;
    padding: 10px 1.5rem;
    display: block;
    max-width: 700px;
}

.siteseo-setup .siteseo-option{
    width: 75% !important;
    margin: 60px auto !important;
}

.admin_page_siteseo_csv_importer .description {
    color: var(--color);
    margin-top: 4px;
    display: block;
}

.admin_page_siteseo_csv_importer .description code {
    background: 0 0;
    padding: 0;
    white-space: pre-line;
    word-wrap: break-word;
    word-break: break-all;
}

.admin_page_siteseo_csv_importer .siteseo-setup-content table thead th {
    font-weight: bold;
}

.admin_page_siteseo_csv_importer .siteseo-setup-content table tr:nth-child(odd) td {
    background: #fbfbfb;
}

.admin_page_siteseo_csv_importer .siteseo-setup-content table td select {
    width: 100%;
}

.admin_page_siteseo_csv_importer .siteseo-wizard-services {
    padding: 0;
}

.siteseo-setup .siteseo-setup-footer {
    padding: 0 0 0;
    position: relative;
    width: 100%;
}

.admin_page_siteseo_csv_importer.siteseo-setup .siteseo-setup-content {
    max-width: inherit;
    margin: 0 auto 20px;
}

table.siteseo-importer-mapping-table,
table.siteseo-importer-error-log-table {
    border: none;
    box-shadow: none;
}

.siteseo-importer-mapping-table tr:nth-child(odd) {
    background: #fbfbfb;
}

.siteseo-importer-done,
.siteseo-progress-form-content {
    padding: 0 0 20px 0;
}

.siteseo-setup-content h1,
.siteseo-setup-content h2,
.siteseo-setup-content h3,
.siteseo-setup-content table {
    margin: 30px 0 10px;
    border: 0;
    padding: 0;
    color: var(--colorDark);
    clear: none;
    font-weight: 500;
}

.siteseo-setup-content h3:first-child {
    margin-top: 0;
}

.siteseo-setup-content p {
    font-size: var(--fontSize);
}

.siteseo-setup-content p.intro {
    font-weight: bold;
    font-size: 14px;
}
.siteseo-setup .siteseo-setup-logo{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.siteseo-setup .siteseo-setup-logo img{
    width: 60px;
}

.siteseo-setup .siteseo-setup-logo h1{
    margin: 0 10px;
    border: none;
    font-size: 30px;
}

#siteseo-tabs.wrap ul {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    padding: 0 0 0 5px;
    list-style: none;
}

#siteseo-tabs.wrap{
    padding: 0;
}

.siteseo-setup-wizard-wrapper{
display:flex;
padding:10px;
min-height:100%;
flex-direction:row;
}

.siteseo-steps-list-wrap{
width:30%;
height:100%;
}

.siteseo-steps-logo-wrap{
margin:0 20px;
display:flex;
justify-content:space-between;
align-items:center;
}

.siteseo-step-dashboard-icon{
color:white;
font-size:27px;
}

.siteseo-setup-content table {
    font-size: var(--fontSize);
}

.siteseo-setup-content .m0 {
    margin: 0;
}

.siteseo-option .section-tool::after {
    content: none;
}

.siteseo-setup-content .siteseo-setup-next-steps {
    margin: 0 0 24px;
    padding-bottom: 2px;
}

.siteseo-setup-content .siteseo-setup-next-steps h2 {
    margin-bottom: 12px;
}

.siteseo-setup-content .siteseo-setup-next-steps .siteseo-setup-next-steps-first {
    float: left;
    width: 50%;
}

.siteseo-setup-content .siteseo-setup-next-steps .siteseo-setup-next-steps-last {
    float: right;
    width: 50%;
}

.siteseo-setup-content .siteseo-setup-next-steps ul {
    padding: 0 2em 0 0;
    list-style: none outside;
    margin: 0;
}

.siteseo-setup-content .siteseo-setup-next-steps ul li a {
display: block;
padding: 0 0 0.75em;
}

.siteseo-setup-content .siteseo-setup-next-steps ul li a::before {
color: var(--color);
font: normal 20px/1 'dashicons';
speak: none;
display: inline-block;
padding: 0 10px 0 0;
top: 1px;
position: relative;
text-decoration: none !important;
vertical-align: top;
}

.siteseo-setup-steps {
width:100%;
display:flex;
justify-content:flex-start;
flex-direction:column;
align-items: center;
padding: 0 10px;
margin-bottom: 30px;
list-style: none outside;
color: var(--color);
height: 60px;
}

.siteseo-setup-steps li {
    width: 100%;
    display: flex;
    padding: 20px 0;
    margin: 0;
    text-align: center;
    position: relative;
    line-height: 24px;
    font-size: 16px;
    align-items: center;
    justify-content: flex-start;
    z-index:2
}

.siteseo-step-info{
display:flex;
flex-direction:column;
align-items:flex-start;
}

.siteseo-step-short-description{
display:block;
font-size:12px;
font-weight: 400;
color: rgba(255, 255, 255, 0.6);
margin:0;
padding:0;
}

.siteseo-setup-steps li .icon {
    margin-left: 10px;
    z-index:3;
}

.siteseo-setup-steps li a {
    text-decoration: none;
    position: relative;
    z-index: 1;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    transition: color 300ms linear;
}

.siteseo-setup-steps li .icon::after {
    content: attr(data-step);
    border: 2px solid var(--borderColorLight40);
    border-radius: 100%;
    width: 24px;
    height: 24px;
    position: relative;
    background: #141b38;
    line-height: 24px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    z-index:2;
}

.siteseo-setup-steps li.active .icon::after {
    background: var(--backgroundPrimary);
    color: #fff;
    border: 1px solid var(--backgroundPrimary);
}

.siteseo-setup-steps li.active {
    font-weight: 700;
    text-decoration: none;
    position: relative;
    z-index: 2;
    color: #fff;
    line-height: 24px;
}

.siteseo-setup-steps li .divider {
    flex-grow: 1;
    border-bottom: 1px solid var(--borderColorLight40);
    margin-left: 10px;
}

.siteseo-setup-steps li:not(:last-child)::after{
content: '';
position: absolute;
height: 80px;
width: 2px;
background: #7575755e;
z-index: 0;
left: 22px;
top: 46px;
}

.siteseo-setup-steps li.active:not(:last-child)::after{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(20,27,56,1) 100%);
}

.siteseo-setup-steps li.done::after{
background: rgb(255,255,255);
}

.siteseo-setup-steps li.done .icon::after {
    content: "\f15e";
    font-family: "dashicons";
    color: #fff;
    background: var(--backgroundPrimary);
    border: 1px solid var(--backgroundPrimary);
}

.siteseo-setup .siteseo-setup-actions {
    margin: 20px auto;
    position: relative;
}

.siteseo-setup-footer-links {
    font-size: 0.85em;
    color: var(--color);
    margin: 1.18em auto;
    display: inline-block;
    text-align: center;
}

.no_nav_menu .siteseo-setup-steps {
    display: none;
}

.siteseo-setup.no_nav_menu p.siteseo-setup-actions {
    font-size: 18px;
}

.siteseo-setup-sub-steps {
    padding: 0;
    margin: 0;
}

.siteseo-wizard-services {
    border-bottom: 1px solid var(--borderColorLight40);
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    list-style: none;
    display: inline-block;
    width: 100%;
}

.siteseo-wizard-services:first-child {
    border-top: 1px solid var(--borderColorLight40);
    padding-top: 20px;
}

.siteseo-wizard-services ul {
    padding: 0;
}

.siteseo-wizard-services p {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.5em;
}

.siteseo-wizard-services h3 {
    margin: 2rem 0 1rem 0;
}

.siteseo-wizard-service-item {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    align-items: center;
    margin: 1rem 0;
}

.siteseo-wizard-service-item {
    margin-top: 0;
}

.description {
    margin: 0 0 2em 0;
}

.siteseo-wizard-service-item:last-child {
    border-bottom: 0;
}

.siteseo-wizard-services.manual .siteseo-wizard-service-item {
    display: none;
}

.siteseo-wizard-next-steps {
    border-radius: 4px;
    list-style: none;
    padding: 0;
}

.siteseo-wizard-next-steps li {
    padding: 0;
}

.siteseo-wizard-next-steps .siteseo-wizard-next-step-item {
    display: flex;
    border-top: 1px solid var(--borderColorLight40);
}

.siteseo-wizard-next-steps .siteseo-wizard-next-step-item:first-child {
    border-top: 0;
}

.siteseo-wizard-next-steps .siteseo-wizard-next-step-description {
    padding: 20px;
    flex-grow: 1;
}

.siteseo-wizard-next-steps .siteseo-wizard-next-step-action {
    flex-grow: 0;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin: 0;
}

.siteseo-wizard-next-steps p.next-step-heading {
    margin: 0;
    font-variant: all-petite-caps;
}

.siteseo-wizard-next-steps p.next-step-extra-info {
    margin: 0;
}

.siteseo-wizard-next-steps h3.next-step-description {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.siteseo-wizard-next-steps .siteseo-wizard-additional-steps {
    border-top: 1px solid var(--borderColorLight40);
}

.siteseo-wizard-next-steps .siteseo-wizard-additional-steps .siteseo-wizard-next-step-description {
    margin-bottom: 0;
}

.siteseo-wizard-next-steps .siteseo-wizard-additional-steps .siteseo-setup-actions {
    margin: 0 0 1.5em 0;
}

.siteseo-wizard-next-steps .siteseo-wizard-additional-steps .siteseo-setup-actions a {
    margin: 0 0 1em 0;
}

.siteseo-setup-content .recommended-step {
    padding: 0;
    display: inline-block;
    width: 100%;
}

.siteseo-setup-content .recommended-step a {
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
    .siteseo-setup .siteseo-setup-content {
        margin: 25px auto 24px;
    }

    #siteseo-logo img {
        max-width: 80%;
    }

    .siteseo-wizard-service-item {
        flex-wrap: wrap;
    }

    .siteseo-wizard-service-item .siteseo-wizard-service-enable {
        order: 2;
        padding: 20px 0 0;
    }

    .siteseo-wizard-service-item .siteseo-wizard-service-description {
        order: 3;
    }

    .siteseo-wizard-service-item .siteseo-wizard-service-name {
        padding: 20px 20px 0;
        justify-content: space-between !important;
    }

    .siteseo-wizard-service-item .siteseo-wizard-service-name img {
        margin: 0;
    }

    .siteseo-wizard-next-steps .siteseo-wizard-next-step-item {
        flex-wrap: wrap;
    }

    .siteseo-wizard-next-steps .siteseo-wizard-next-step-item .siteseo-wizard-next-step-description {
        margin-bottom: 0;
    }

    .siteseo-wizard-next-steps .siteseo-wizard-next-step-item .siteseo-wizard-next-step-action p {
        margin: 0;
    }

    .siteseo-setup-steps li a {
        text-indent: -9999px;
        position: absolute;
        left: calc(50% - 24px);
        top: -10px;
    }

    .siteseo-setup-steps li span {
        display: none;
    }
}