/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets,
simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
@font-face { font-family: 'Rubrik'; src: url("../fonts/subset-Rubrik-Regular.woff2") format("woff2"), url("../fonts/subset-Rubrik-Regular.woff") format("woff"), url("../fonts/subset-Rubrik-Regular.ttf") format("truetype"); font-weight: 500; font-style: normal; }

body.login {
	font-size: 16.8px;
	line-height: 29.7px;
	font-family: "Rubrik", Arial, Helvetica, sans-serif !important;
	display: flex;
	justify-content: center;
	align-content: center;
	background-color: #fbfbfb !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
	font-family: "Rubrik", Arial, Helvetica, sans-serif !important;
}

body.login .login-heading a,
.login a,
.login h1 a.bb-login-title,
.login form .lostmenot a,
.login a.privacy-policy-link,
form#lostpasswordform a.bs-sign-in {
	color: #33a0bb !important;
}

body.login .login-heading a:hover,
body.login .login-heading a:focus,
.login a:hover,
.login a:focus,
.login h1 a.bb-login-title:hover,
.login h1 a.bb-login-title:focus,
.login form .lostmenot a:hover,
.login form .lostmenot a:focus,
.login a.privacy-policy-link:hover,
.login .button.wp-hide-pw:hover .dashicons,
.login .button.wp-hide-pw:focus .dashicons,
form#lostpasswordform a.bs-sign-in:hover,
body.login .login-heading a:hover,
.login a:hover,
.login h1 a.bb-login-title:hover,
.login form .lostmenot a:hover,
.login a.privacy-policy-link:hover,
form#lostpasswordform a.bs-sign-in:hover
form#lostpasswordform a.bs-sign-in:focus,
body.login .login-heading a:focus,
.login a:focus,
.login h1 a.bb-login-title:focus,
.login form .lostmenot a:focus,
.login a.privacy-policy-link:focus,
form#lostpasswordform a.bs-sign-in:focus {
	color: #4a8ea5 !important;
}

#login {
	background-color: #fff;
}

.login.bb-login #login > h1 > a:hover,
.login.bb-login #login > h1 > a:focus {
    opacity: 0.8;
}

.message div {
	text-align: center;
}

body.login .login-heading a,
.login a,
.login h1 a.bb-login-title,
.login form .lostmenot a,
.login a.privacy-policy-link,
form#lostpasswordform a.bs-sign-in {
	color: #33a0bb;
	font-size: 15px;
}

.login.bb-login #login {
	box-shadow: -3px -3px 20px rgba(0,0,0,.14);
	padding: 40px 20px !important;
	max-width: 600px;
	width: 96% !important;
	border-radius: 6px;
}

.login:not(.login-action-lostpassword) .message:not(.reset-pass),
.login.login-action-lostpassword .message > .message {
	border-radius: 0;
	border: 0;
	background: #f2efec !important;
	border-top: 5px solid #d01c65;
	color: #665546 !important;
	font-size: 15px;
	text-align: center;
	line-height: 20px;
}

.login #login_error {
	border-radius: 0 !important;
	color: #bd195b !important;
	background-color: transparent !important;
	margin-top: 0 !important;
	margin-bottom: 0;
	padding: 0;
}

.login #login_error strong {
    text-transform: uppercase;
    background-color: #d01c65;
    padding: 2px 5px;
    border-radius: 2px;
    margin: 5px;
    line-height: 29px;
    color: #fff;
    font-weight: 400;
    border: 1px solid #8a0d40 !important;
}

.login input[type="email"],
.login input[type="password"],
.login input[type="text"] {
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #dedfe2;
	color: #0d0d0e;
	padding: .5em;
	font-size: .875em;
}

/* .login.login-action-lostpassword.bb-login form#lostpasswordform p.submit input#wp-submit */
.login.wp-core-ui .button-primary {
	background-color: #33a0bb !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	padding: .75em 5em !important;
	transition: all .25s ease-in-out !important;
	min-width: 150px !important;
	text-align: center !important;
	justify-content: center !important;
	border: 0 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #fff !important;
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:hover {
	box-shadow: inset 0 0 0 99999px rgba(0,0,0,.1) !important;
	opacity: 1;
}

.login.login-action-register .login-heading p {
	background: transparent !important;
}
.login.login-action-register .login-heading .message.register.bs-register-message {
	background: transparent !important;
	color: #122b46 !important;
}
/* .login.login-action-register #login_error {
	display: none !important;
} */
body.login input[type="email"],
body.login input[type="password"],
body.login input[type="text"] {
	font-size: 14px !important;
	padding: 4px 8px !important;
}

body.login input, body.login textarea, body.login select {
	width: 100% !important;
	max-width: 100% !important;
	color: #313131 !important;
	border-color: #e7e9ec !important;
}
body.login.login-action-register select:hover {
	color: #D01C65 !important;
}
.login.login-action-register .terms-conditions > .acf-label {
	max-height: 200px !important;
	overflow-y: scroll !important;
	overflow-x: hidden !important;
	border: 1px solid #e7e9ec !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
}
.login.login-action-register .terms-conditions > .acf-label ol + strong {
    padding: 10px 0;
    display: block;
}
.login.login-action-register .acf-checkbox-list.acf-bl {
	margin-bottom: 10px !important;
}
.login.login-action-register ol li {
	list-style-position: inside !important;
}

.login.login-action-register #registerform .acf-field .acf-label {
    margin-bottom: 0;
}

.acf-required {
    color: #263d55 !important;
}

ul.acf-radio-list li input[type="checkbox"],
ul.acf-radio-list li input[type="radio"],
ul.acf-checkbox-list li input[type="checkbox"],
ul.acf-checkbox-list li input[type="radio"] {
    width: 20px !important;
    height: 20px !important;
}


body.login.login-action-login .login-heading h2 + span,
body.login.login-action-login form #sso_button #user_label,
body.login.login-action-login form #user_login,
body.login.login-action-login form label[for="user_login"],
body.login.login-action-login form label[for="user_pass"],
body.login.login-action-login #sso_button > div + div,
body.login.login-action-login .user-pass-wrap,
body.login.login-action-login .forgetmenot,
body.login.login-action-login .lostmenot,
body.login.login-action-login #login form p.submit,
body.login.login-action-login form br {
	display: none;
}

body.login.login-action-login .login-heading h2 {
    width: 100%;
    text-align: center;
}

body.login.login-action-login #sso_button > div {
	padding: 0;
}

body.login.login-action-login #sso_button a input[type="button"] {
    background-color: #33a0bb !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    padding: .75em 5em !important;
    transition: all .25s ease-in-out !important;
    min-width: 150px !important;
    text-align: center !important;
    justify-content: center !important;
    border: 0 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #fff !important;
}

body.login.login-action-login form p {
	margin: 0;
	padding: 0;
}

body.login-action-register #registerform h2 {
    display: none;
}

.login input[type="email"]:focus,
.login input[type="password"]:focus,
.login input[type="text"]:focus,
.acf-field input[type="text"]:focus,
.acf-field input[type="password"]:focus,
.acf-field input[type="date"]:focus,
.acf-field input[type="datetime"]:focus,
.acf-field input[type="datetime-local"]:focus,
.acf-field input[type="email"]:focus,
.acf-field input[type="month"]:focus,
.acf-field input[type="number"]:focus,
.acf-field input[type="search"]:focus,
.acf-field input[type="tel"]:focus,
.acf-field input[type="time"]:focus,
.acf-field input[type="url"]:focus,
.acf-field input[type="week"]:focus,
.acf-field textarea:focus,
.acf-field select:focus {
	outline: thin dotted #2b889f;
	outline-offset: -6px;
}

.login.wp-core-ui .button-primary:focus {
	outline: thin dotted #fff;
	outline-offset: -4px;
}

body.login .confirm-error {
	display: none;
	color: #d01c65 !important;
}

body.login .confirm-error.show {
	display: block;
}

body.login .confirm-error strong {
	text-transform: uppercase;
	background-color: #d01c65;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 5px;
	line-height: 29px;
	color: #fff;
	font-weight: 400;
	border: 1px solid #8a0d40 !important;
}
body.login input#confirm_email.error[type="email"] {
	border-color: #d01c65 !important;
	margin-bottom: 5px;
}