/* Custom Login Styles */

html {   background-color: #215B87 !important; }
h1 a {	/* Title image (The "WordPress Logo"). Remember to update the height and width your image's dimensions */
  background:url(../images/btr_logo_white.svg) 0 0 no-repeat !important;
  background-size: 240px 86px !important;
  width:240px !important;
  height:86px !important;
  text-align: center;
  /*margin-left:42px !important;*/
}

/*.login-action-lostpassword h1 a {
	background:url(../images/forgot-password-login-logo.png) 0 0 no-repeat !important;
	background-size: 320px 220px !important;
	width:320px !important;
	height:220px !important;
	margin-left:0px !important;
	margin-bottom:0px !important;
} */

/* Login Error Support Message Lost Password Page */

#login-support {
  margin-bottom: 0 !important;
  padding: 5px 15px !important;
  border-radius: 3px 3px 3px 3px !important;
  background: none repeat scroll 0 0 #F9DF90 !important;
  color: #00549E !important;
  text-transform: uppercase !important;
  font: 700 10px/18px 'Open Sans', Arial, Helvetica, sans-serif !important;
}

#login-support a {
  display: inline-block !important;
  color: #00549E !important;
  background: none !important;
  padding: 0 !important;
  text-align: left !important;
  text-decoration: underline !important;
}

#login-support a:hover {
  text-decoration: none !important;
}

/* End Login Error Support Message */

div#login p#nav a {
  color:#FBBC14 !important;
  text-shadow:none;}

body.login {border-top-color:#3BC3DB;}	/* Top bar background color */
.login p#backtoblog a:link, .login p#backtoblog a:visited {color:white;}	/* Link effects in top bar */
.login p#backtoblog a:hover, .login p#backtoblog a:active {color:white;text-decoration:underline;}	/* Rollover link effects in top bar */



body.login  {
  background-color: #00549E !important;
}

body.login.login-signup .action-wrapper {
  display: flex;
  padding: 0;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 2px;
  box-shadow: 0 0 10px #565656;
}

body.login .action-wrapper * {
  box-sizing: border-box;
}

body.login .action-wrapper > div {
  flex-grow:1;
  flex-basis: 0;
  padding: 20px;
}

body.login .action-wrapper > .right-column {
  border-left: 1px solid #cccccc;
}

body.login .action-wrapper h2 {
  font-size: 28px;
}

body.login.login-signup form {
  font-weight: normal;
  margin-left: 0;
  padding: 0;
  box-shadow: none;
}

input[type=password]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
.login input[type=password],
.login input[type=text] {
  border: 1px solid #c2c2c2;
  box-shadow: none;
  padding: 0 3px;
}

#nav, #backtoblog   {
  text-shadow:none !important;
  color: #3BC3DB;}

#nav, #backtoblog a  {
  text-shadow:none !important;
  color: #3BC3DB !important;
}

.custom-login-screen.login .login-remember input {
  position: static;
  left: 0;
  visibility: visible;
}


.custom-login-screen.login .container {
  max-width: 1000px;
  margin: auto;
  padding: 8% 0 20px 0;
  overflow: hidden;
}

.custom-login-screen.login .container #login {
  display: inline-block;
  width: 40%;
  padding: 0 15px;
  box-sizing: border-box;
  vertical-align: middle;
  margin-right: -4px;
}

.custom-login-screen.login .container .advert {
  display: inline-block;
  width: 50%;
  padding: 0 15px 0 5%;
  box-sizing: border-box;
  color: #fff;
  vertical-align: middle;
  margin-top: 10%;
}

.custom-login-screen.login .container .advert h2 {
  font-size: 30px;
  margin: 8px 0 5px;
}

.custom-login-screen.login .container .advert h3 {

}

.custom-login-screen.login .container .advert p {

}

.custom-login-screen.login .container .advert a.img-wrap {
  display: block;
  color: #fff;
}

.custom-login-screen.login .container .advert a.img-wrap:hover {
  opacity: 0.85;
}

.custom-login-screen.login .container .advert a.img-wrap:focus {
  outline: none;
  box-shadow: none;
}

.custom-login-screen.login .container .advert a.img-wrap img {
  border: 2px solid #a5d6ea;
  border-radius: 3px;
  max-width: 100%;
}

.custom-login-screen.login .container .advert a.img-wrap:hover img {

}

.custom-login-screen.login .container .advert p .link {
  text-decoration: underline;
}

.custom-login-screen.login .container .advert a.img-wrap:hover p .link {
}

body.login-signup #login {
  position: relative;
  padding-bottom: 50px;
  max-width: 850px;
  width: 100%;
}

body.login-signup #login form a.reset-pass {
  position: absolute;
  bottom: 15px;
  color: #FBBC14 !important;
  text-shadow: none;
}


@media screen and (max-width: 900px) {
  .custom-login-screen.login .container #login {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .custom-login-screen.login .container .advert {
    display: block;
    width: 100%;
    text-align: center;
    max-width:  400px;
    margin: 50px auto;
    padding: 0 25px;
  }
}

@media screen and (max-width: 768px) {
  body.login-signup .action-wrapper {
    flex-direction: column;
  }

  body.login.login-signup .action-wrapper {
    box-shadow: none;
    border: none;
  }

  body.login-signup .action-wrapper > .right-column {
    border: none;
    border-top: 30px solid #00549E;
  }

  body.login-signup .action-wrapper > .right-column .hs-form-frame {
    margin: 0 -35px !important;
  }
}