@font-face {
    font-family: 'GT America Compressed';
    src: url('t/GTAmerica-CompressedBold.woff2') format('woff2'),
        url('t/GTAmerica-CompressedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GT America';
    src: url('t/GTAmerica-Regular.woff2') format('woff2'),
        url('t/GTAmerica-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT America Med';
    src: url('t/GTAmerica-Medium.woff2') format('woff2'),
        url('t/GTAmerica-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GT America Bold';
    src: url('t/GTAmerica-Bold.woff2') format('woff2'),
        url('t/GTAmerica-Bold.woff') format('woff');
    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(https://ccccontemple.com/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: 'Bonjour/Bonsoir';

width: 50vw;font-family: 'GT America Bold' !important;-webkit-text-stroke: 0.1rem #111 !important; color: transparent !important; font-size: 4.0rem !important; line-height: 4.0rem !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: 4.0rem !important; line-height: 4.0rem !important; text-align: left !important;}
.login label{color: #72777c !important; text-align: left !important}
.login form { 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;-webkit-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,.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;}

}