/*
 * Theme Name: Iconoclaste
 * Version: 1.0
 * Author: Contemple studio
 * Author URI: https://ccccontemple.com/
*/


@font-face {
    font-family: "GT America Bold";
    src: url("GTAmerica-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
}
body {
    background-color: #eaeaea !important;
}
#login {
    width: 100% !important;
    text-align: center !important;
}
#login h1 a,
.login h1 a {
    background-image: url("public/images/CCC-02.png") !important;
    position: absolute !important;
    transform: translateY(-50%) !important;
    top: 0 !important;
    width: 80px !important;
    background-size: contain !important;
    float: right !important;
    right: 20vw !important;
    background-repeat: no-repeat !important;
    padding-bottom: 0px !important;
}
h1 {
    width: 100vw !important;
    padding-left: 10vw !important;
    position: relative !important;
    text-align: left !important;
}
h1 {
    margin-bottom: 30px !important;
}
h1::after {
    content: "L\'Iconoclaste";

    width: 50vw;
    font-family: "GT America Bold" !important;
    -webkit-text-stroke: 0.1rem #111 !important;
    color: transparent !important;
    font-size: 4rem !important;
    line-height: 4rem !important;
    text-align: left !important;
}
h1::before {
    content: "Bienvenue,\a ";
    white-space: pre !important;
    width: 50vw;
    font-family: "GT America Bold" !important;
    color: #111 !important;
    font-size: 4rem !important;
    line-height: 4rem !important;
    text-align: left !important;
}
.login label {
    color: #72777c !important;
    text-align: left !important;
}
.login form {
    border: none;
    text-align: left !important;
    margin-top: 20px !important;
    margin-left: 0 !important;
    width: 40% !important;
    padding: 26px 24px 46px !important;
    background: transparent !important;
    box-shadow: unset !important;
    margin: 0 auto !important;
    color: #111 !important;
}
.login form .input,
.login form input[type="checkbox"],
.login input[type="text"] {
    color: #111 !important;
}
input[type="text"],
textarea {
    background-color: #d1d1d1 !important;
    box-shadow: none !important;
    color: #111 !important;
}
.login form .input,
.login input[type="text"] {
    background: #fbfbfb !important;
    box-shadow: 0 0 0 1000px #eaeaea inset !important;
    color: #111 !important;
    border: none !important;
    outline: none !important;
    border-bottom: 2px solid #111 !important;
    color: #111 !important;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #eaeaea inset !important;
    color: #111 !important;
}
input:focus {
    color: #111 !important;
    outline: none !important;
    -webkit-box-shadow: 0 0 0 1000px #eaeaea inset !important;
}
:focus {
    color: #111 !important;
    outline: none !important;
    -webkit-box-shadow: 0 0 0 1000px #eaeaea inset !important;
}
.wp-core-ui .button-primary {
    background: unset !important;
    border-color: unset !important;
    color: unset !important;
    text-decoration: none;
}
.wp-core-ui .button-group.button-large .button,
.wp-core-ui .button.button-large {
    height: 40px !important;
    line-height: 39px !important;
    padding: 0 20px 0px !important;
    background-color: transparent !important;
    color: #111111 !important;
    border-radius: 30px !important;
    box-shadow: unset !important;
    text-shadow: unset !important;
    font-weight: bolder !important;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #eaeaea inset !important;
    color: #111 !important;
}
input[type="checkbox"],
select,
textarea {
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    transition: 50ms border-color ease-in-out;
    border: 1px solid #111 !important;
    background-color: transparent !important;
}
.forgetmenot,
.submit {
    margin-top: 30px !important;
}
.login #backtoblog,
.login #nav {
    font-size: 13px;
    padding: 0 24px;
    margin: 0 auto !important;
    display: inline-block !important;
    position: relative !important;
    margin-top: 20px !important;
}
.button-primary:hover {
    color: #fff !important;
    background-color: #111 !important;
}

@media screen and (max-width: 700px) {
    h1::before {
        white-space: pre !important;
        width: 50vw;
        font-family: "GT America Bold" !important;
        color: #111 !important;
        font-size: 1.4rem !important;
        line-height: 1.4rem !important;
        text-align: left !important;
    }
    h1::after {
        width: 50vw;
        font-family: "GT America Bold" !important;
        -webkit-text-stroke: 0.05rem #111 !important;
        color: transparent !important;
        font-size: 1.4rem !important;
        line-height: 1.4rem !important;
        text-align: left !important;
    }
    #login h1 a,
    .login h1 a {
        display: none;
    }
    .login form {
        text-align: left !important;
        margin-top: 20px !important;
        margin-left: 0 !important;
        width: 80% !important;
        padding: 26px 24px 46px !important;
        background: transparent !important;
        box-shadow: unset !important;
        margin: 0 auto !important;
        color: #111 !important;
    }
}