@font-face {
    font-family: "Rubik";
    src: local("Rubik Italic"), local("Rubik-Italic"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-Italic.woff2) format("woff2"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-Italic.woff) format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Rubik";
    src: local("Rubik Light"), local("Rubik-Light"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-Light.woff2) format("woff2"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rubik";
    src: local("Rubik Bold"), local("Rubik-Bold"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-Bold.woff2) format("woff2"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-Bold.woff) format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rubik";
    src: local("Rubik SemiBold"), local("Rubik-SemiBold"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-SemiBold.woff2) format("woff2"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rubik";
    src: local("Rubik Regular"), local("Rubik-Regular"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-Regular.woff2) format("woff2"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-Regular.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rubik";
    src: local("Rubik Medium"), local("Rubik-Medium"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-Medium.woff2) format("woff2"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rubik";
    src: local("Rubik Medium Italic"), local("Rubik-MediumItalic"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-MediumItalic.woff2) format("woff2"), url(/wp-content/themes/hawp-skin/assets/fonts/Rubik-MediumItalic.woff) format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: "Rubik", Arial, sans-serif
}

#login #backtoblog a:hover,
#login #nav a:hover {
    --tw-text-opacity: 1;
    color: #EB7A28;
    color: rgba(235,122,40,var(--tw-text-opacity))
}

#login>p {
    text-align: center
}

.login .message {
    --tw-border-opacity: 1;
    border-color: #EB7A28;
    border-color: rgba(235,122,40,var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: #212121;
    background-color: rgba(33,33,33,var(--tw-bg-opacity));
    text-align: center;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

#login input[type=password]:focus,
#login input[type=text]:focus {
    --tw-border-opacity: 1;
    border-color: #EB7A28;
    border-color: rgba(235,122,40,var(--tw-border-opacity))
}

#login input[type=password],
#login input[type=text] {
    box-shadow: none
}

#loginform .button-primary,
#lostpasswordform .button-primary {
    border-radius: .125rem;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: #EB7A28;
    background-color: rgba(235,122,40,var(--tw-bg-opacity));
    transition-duration: .4s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

#loginform .button-primary:hover,
#lostpasswordform .button-primary:hover {
    --tw-bg-opacity: 1;
    background-color: #E6662F;
    background-color: rgba(230,102,47,var(--tw-bg-opacity))
}

#loginform .wp-hide-pw {
    --tw-text-opacity: 1;
    color: #EB7A28;
    color: rgba(235,122,40,var(--tw-text-opacity))
}

#loginform .wp-hide-pw:focus {
    --tw-border-opacity: 1;
    border-color: #EB7A28;
    border-color: rgba(235,122,40,var(--tw-border-opacity));
    --tw-shadow: 0 0 0 1px;
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
    box-shadow: 0 0 transparent,0 0 transparent,0 0 0 1px #EB7A28;
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
    --tw-shadow-color: #EB7A28;
    --tw-shadow: var(--tw-shadow-colored)
}