/*Loginsidan*/

/*Bakgrundsfärg*/
    .login{
        /*background-color: #00005A;*/
        background: -webkit-linear-gradient(top, rgba(247, 249, 250, 0.67) 0%, rgba(220, 239, 255, 0.45) 100%);
        background: linear-gradient(180deg, rgba(247, 249, 250, 0.67) 0%, rgba(220, 239, 255, 0.45) 100%);
    }

/*Länkar*/
    .login #backtoblog a, .login #nav a,
    .login #backtoblog a:hover, .login #nav a:hover{
        color: #0574CE;
    }

    .login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover{
        color: #0574CE;
        text-decoration: underline;
        border-color: #0574CE;
    }

    a, a:hover{
        color: #0574CE;
    }

/*Language switcher*/
    .login .language-switcher .button{
        border-color: #0574CE;
        color: #0574CE;
        background-color: #FFF;
        border-radius: 0;
        text-transform: uppercase;
        font-weight: 600;
        font-family: "Archivo", "gill-sans-nova", system-ui, -apple-system, BlinkMacSystemFont, "HelveticaNeue", "Roboto", Arial, Verdana, "Trebuchet MS", sans-serif;
    }

    .login .language-switcher .button:hover{
        background-color: #0574CE;
        color: #FFF;
    }

    #language-switcher select{
        border-radius: 0;
        border-color: #707070;
    }

/*Logo*/
    #login h1 a, .login h1 a{
        background-image: url('https://dev.swerma.redoniondev.se/images/swerma-logo.png');
        height: 88px; /*175*/
        width: 314px; /*628;*/
        background-size: 314px 88px;
        background-repeat: no-repeat;
    }

/*Form*/
    /*Form box*/
    .login form{
        background: white;
        box-shadow: 0 3px 14px rgba(49, 49, 70, 0.31);
        border: 1px solid #C8D6E2;
        background-color: #FFF;
    }

    .login label{
        font-size: 1rem;
        color: #707070;
        margin-bottom: 0.125em;
        margin-top: 0;
        font-weight: 600;
    }

    /*Knapp*/
    .wp-core-ui .button-group.button-large .button,
    .wp-core-ui .button.button-large{
        text-transform: uppercase;
        font-size: 0.875rem;
        border: 1px solid #0574CE;
        padding: 0.6428571429em 1.1428571429em 0.5em;
        box-sizing: border-box;
        line-height: 1.15;
        text-decoration: none;
        box-shadow: none;
        border-radius: 0;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-weight: 700;
        cursor: pointer;
        color: #FFF;
        background-color: #0574CE;
        font-family: "Archivo", "gill-sans-nova", system-ui, -apple-system, BlinkMacSystemFont, "HelveticaNeue", "Roboto", Arial, Verdana, "Trebuchet MS", sans-serif;
    }

    .wp-core-ui .button-group.button-large .button:hover,
    .wp-core-ui .button.button-large:hover{
        background-color: #FFF;
        color: #0574CE;
        border-color: #0574CE;
    }

    .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover{
        background-color: #cc1400;
        border-color: transparent;
    }

    /*inputs*/
    .login form .input, .login form input[type=checkbox], .login input[type=text]{
        border-radius: 0;
        border: 1px solid #707070;
    }

    .login form input[type=checkbox]:focus,
    .login form input[type=color]:focus,
    .login form input[type=date]:focus,
    .login form input[type=datetime-local]:focus,
    .login form input[type=datetime]:focus,
    .login form input[type=email]:focus,
    .login form input[type=month]:focus,
    .login form input[type=number]:focus,
    .login form input[type=password]:focus,
    .login form input[type=radio]:focus,
    .login form input[type=search]:focus,
    .login form input[type=tel]:focus,
    .login form input[type=text]:focus,
    .login form input[type=time]:focus,
    .login form input[type=url]:focus,
    .login form input[type=week]:focus,
    .login form select:focus,
    .login form textarea:focus{
        border-color: #00C4FF;
        box-shadow: 0 0 0 1px #00C4FF;
    }

/*Text under*/
.login #backtoblog, .login #nav{
    padding: 0;
}

.login .privacy-policy-page-link{
    text-align: left;
    margin: 0;
}

.login .privacy-policy-link{
    text-decoration: none;
}

.login .privacy-policy-link:hover{
    text-decoration: underline;
}