@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-BoldItalic.woff2') format('woff2'),
        url('../fonts/Calibri-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Italic.woff2') format('woff2'),
        url('../fonts/Calibri-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Bold.woff2') format('woff2'),
        url('../fonts/Calibri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-LightItalic.woff2') format('woff2'),
        url('../fonts/Calibri-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Light.woff2') format('woff2'),
        url('../fonts/Calibri-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.login{
	    font-family: 'Calibri' !important;

}

.login h1 a{
	    background-image: url(https://dev.spc-me.cat/wp-content/uploads/2021/05/logo2.png) !important;
    background-size: contain !important;
    width: 286px !important;
    height: 98px !important;
}


.login .button.button-primary.button-large{
	background: #c7242a;
    border: none;
    border-radius: 0;
}


.login .button.button-primary.button-large:hover{
	background: #192540;
    border: none;
    border-radius: 0;
}

#user_login, #user_pass{
	    border-radius: 0;
    border: solid 2px #192540;
}


#loginform{
	
	 border: solid 2px #192540 !important;
	 background: #192540 !important;
    color: white !important;
}


.login #login_error, .login .message, .login .success {
    border-left: 4px solid #c7242a !important;
}

.login #login{
    width: 400px;
    padding: 3% 0 0;
}

.aviso-nueva-web{
    margin-top: 34px;
    color: white;
    background: #1a2640;
    padding: 13px;
}

.aviso-nueva-web p{
    margin-bottom: 6px;
}