/* Style for custom login */
body.login {
	background-color: #fff;
    height: 100%;
    min-height: 700px;	
	position: relative;
	font-family: 'Catamaran', sans-serif;
}

body.login * {
	font-family: 'Catamaran', sans-serif;
}

body #login {
	position: relative;
    background: #fff;
	width: 448px;
	max-width: 100vw;
	padding-top: 24px;
}

#login a {
	color: #000!important;
    box-shadow: none!important;
}

body.login form {
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	box-shadow: none;
	padding: 20px;
}

body #login form p {
	color:#FFF;
}
body #login form p.description {
	color:#000;
}

body.login #login_error,
body.login .message,
body.login .success {
	border: none;
    background: #BB2B0B;
    color: #FFF;
}
body.login input.password-input {
	font-family: 'Catamaran', sans-serif;
}
body #pass1-text.strong,
body #pass1.strong {
	border-color: #04D9B2;
}

body #pass-strength-result.strong {
	background-color:#04D9B2;
    border-color:#04D9B2;
}

body #login form .wp-generate-pw {
	margin: 0 auto 10px;
}

body #login form p.reset-pass-submit {
	display: block;
	text-align: center;
}

body.login div#login h1 a {
	display: none;
}

body.login form .input,
body.login input[type=text] {
	width:100%;
    background-color:#FFF;
    color:#000;
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 15px;
    border: none;
    border-radius:8px;
    border: 1px solid  #BB2B0B;
    padding-left: 16px;;
    padding-bottom: 3px;
}
body.login form .input::placeholder {
	color:#949494;
}

body.login input:focus {
	border-color:  #BB2B0B;
	outline: 0;
    box-shadow: none;
}

body.login label {
	color: #364153;
}

body.login .button.wp-hide-pw {
	height: 50px;
}

body.login .button.wp-hide-pw .dashicons {
	font-family: dashicons;
	color: #ae683f;
	height: unset;
}

body.login .button.wp-hide-pw {
	height: unset;
}

#login form p.submit {
	/*width: 150px;*/
    margin-top: 20px;
}

.interim-login #login  form p.submit {
	margin-top: 0;
}

.interim-login #login {
	margin-top: 0;
}

#login form p.submit #wp-submit {
	background: #BB2B0B;
	color:#FFF;
	font-size: 16px;
	text-transform: uppercase;
	border-color: #BB2B0B;;
    padding: 12px 30px;
    border-radius:0;
    line-height: 1.2em;
    font-weight: 600;
	width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}

#login form p.submit #wp-submit:hover {
	background: #FFF;
	color:#BB2B0B;
}

body.login .forgetmenot {
	margin: 10px 0;
	float: none;
}

body.login .forgetmenot label {
	color: #000;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
		margin-bottom: 10px;
}

body.login #backtoblog {
	display: none!important;
}
.login #nav {
    margin: 16px 0 0 0;
}
.login #nav a {
	color:#000;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	margin: 16px 0 0 0!important;
}
.login #nav a:hover {
	color:#04d9b2!important;
	text-decoration: none;
}

/* link a registro */
.login-registro {
	color:#BB2B0B;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	font-size: 18px;
	font-weight: 600;
	display: block;
	text-align: center;
  	width:170px;
	margin: 0 auto;
  	background: #FFF;
  	border: 1px solid #BB2B0B;
	padding:15px 30px 15px;
    border-radius: 0px;
    line-height: 1.2em;
    font-weight: 600;
	top:2%;
    position: relative;	
}
.login-registro:hover {
	text-decoration: none;
	color:#FFF;
	background-color:#BB2B0B;
}


/* FOOTER*/
.site-footer {
	background-color: transparent;
	padding:12px 30px;
	border-top:1px solid #FFF;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	box-sizing: border-box;
	z-index: -1;
}

.site-footer .odisea-container {
	max-width:1200px;
	margin:0 auto;
}

.footer-in {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-in p {
	margin:0;
	font-size: 14px;
}

.footer-in p,a,span,strong {
	color:#FFF;
	font-size: 14px;
	text-decoration: none;
}

.footer-in a:hover {
	color:#FFF;
	text-decoration: underline;
}
@media only screen and (max-width: 768px){
	.site-footer {
		position: relative;
    	margin-top: 50px;
			border-top: none;
			margin-left: 10px;
    }

	.footer-in {
		display: block;
		text-align: center;
	}

	.footer-in p {
		margin-bottom: 10px;
	}

	.login-custom-side {
		display: none;
	}
}

.custom-login-logo {
    background-image: url("../images/svg/logo.svg");
    background-size: contain;
	background-position: center top;
    background-repeat: no-repeat;
	width:100%;
    height: 120px;
    cursor:default;
}

.interim-login .custom-login-logo  {
	height: 80px;
}


.custom-login-welcome {
	margin-top: 64px;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	color: #1e2939;
}

.interim-login .custom-login-welcome  {
	margin-top: 16px;
}

.interim-login .login-registro {
	display: none;
}

body.login.interim-login {
	min-height: unset;
}

.custom-login-msg {
	font-size: 16px;
	text-align: center;
	color: #4a5565;
}


@media only screen and (max-width: 500px) {
	.site-footer {
		position: relative;
		border-top: none;
		margin-left: 10px;
	}
	.login-registro {
		margin-bottom: 50px;
	}
	body.login {
		background-size: auto;
	}
}


.language-switcher {
	display: none;
}

.login-split-container {
	display: flex;
	min-height: 100vh;
}

.login-form-side {
	padding: 32px;
	@media only screen and (max-width: 768px){
		padding: 0;
	}
	padding-top: 24px;
	flex: 1;
}

.login-custom-side {
	background-image: linear-gradient(to right bottom, #BB2B0B 0%, #BB2B0B 50%, #b86d5c 100%);
	/*background-color: #BB2B0B;*/
	color: white;
	padding: 24px;
	width: calc(3 / 5 * 100%);
}

.custom-content-wrapper {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

}

.login-custom-side .custom-content-wrapper .custom-content {
	padding: 48px;
	font-size: 18px;
}

.login-custom-side .custom-content-wrapper h2 strong {
	font-size: 36px;
	/* color: #101828; */
	color: white;
}

.login-custom-side .custom-content-wrapper p {
	margin-top: 16px;
}

.login-custom-side .custom-content-wrapper ul {
	padding-inline-start: 20px;
}


.login-custom-side .custom-content-wrapper a {
	font-size: 18px;
	color: white;
	text-decoration: underline;
	font-weight: 600;
}