/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 #masthead {
     display: none;
 }

 article .entry-header {
    width: 100% !important;
    text-align: center;
    display: none;
 }

 article .entry-content {
    float: none !important;
    max-width: 400px !important;
    margin: 0 auto;
 }

 .site-footer {
     display: none;
 }

 /* .login-remember {
     display: none;
 } */

 .forgot-password {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 65px);
 }
 .login-submit {
    display: flex;
    justify-content: center;
 }

 .login-submit .button {
     background-color: #009ca3;
 }

 .home article {
    height: 100%;
    overflow: visible;
 }

 /* .home article:before {
    content: "Options Homecare";
    position: absolute;
    top: 10px;
    font-size: 54px;
    left: 50%;
    transform: translate(-50%, -25px);
    font-family: Proxima Nova;
    font-weight: 800;
 } */
/* 
 #content {
    margin-top: 10vh;
 } */

 #page {
    height: 100vh;
    overflow: hidden;
 }

 .login-form-container {
    padding: 12px 50px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    padding-top: 50px;
 }

 .entry-content {
    top: 120px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -25px);
 }

 /* .login-info {
     display: none;
 } */

 @-webkit-keyframes slide-in-bottom {
    0% {
      -webkit-transform: translateY(1000px);
              transform: translateY(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-bottom {
    0% {
      -webkit-transform: translateY(1000px);
              transform: translateY(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  

  .slide-in-bottom {
	-webkit-animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@media screen and (max-width:782px)
{
   .forgot-password {
      position: absolute !important;
      left: 15% !important;
      transform: translate(-5%, 65px) !important;
   }
}