/* PASSWORD PROTECTED */
/* ========================================================================= */

.war-password-screen 
{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.war-password-thumbnail
{
  display: inline-block;
}

.war-password-title
{
  font-family: "PlexesBlackPro";
  font-size: 32px;
  line-height: 1em;
  text-transform: uppercase!important;
  display: block;
  width: 100%;
  margin-bottom: .5em;
}  

.war-password-form-container
{
  display: inline-block;
  max-width: 48.5%;
}

.war-password-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

  -webkit-box-align: flex-start;
	    -ms-flex-align: flex-start;
	        align-items: flex-start;

          -webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
  /* margin-top: 60px; */

}
.war-password-image-column {
	/* display: inline-block; */
  display: none;

	min-width: 140px;
	min-height: 122px;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center top;
}
@media only screen and (max-width: 800px) {
	.war-password-form {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		height: 50vh;
		text-align: center;
	}
	.war-password-image-column {
		margin-bottom: 40px;
		margin-right: unset!important;
	}

}
@media only screen and (min-width: 800px) {
	.war-password-form {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.war-password-image-column {
		margin-right: 40px;
	}
}


.war-black-background .war-password-image-column {
  background-image: url("/wp-content/uploads/manual/logo-password-protected_black.png");
}
.war-white-background .war-password-image-column {
  background-image: url("/wp-content/uploads/manual/logo-password-protected_white.png");
}
  .war-password-image-column img {
    opacity: 0;
  }
.war-password-text-column {
  display: inline-block;
}

  .war-password-button, 
  .war-white-background .war-password-form .fusion-button 
  {
    padding: 7px 10px;
    color: white!important;
    background-color: rgb(237, 75, 31)!important;
  }      
  
  .war-password-text-1 {

    font-size: 16px;
    font-family: "PlexesBlackPro";
    display: block;
  }
  .war-black-background .war-password-text-1 {
    color: white!important;
  }
  .war-password-text-2 {
    font-size: 15px;
    font-family: "PlexesBookPro";
    /* opacity: .7; */
    display: block;
    margin-bottom: .5em;
  }
  .war-black-background .war-password-text-2 {
    color: white!important;
  }

  .war-password-input {
    font-family: "Predator", sans-serif;
    width: 200px!important;
    margin-left: 0!important;
    margin-right: 0!important;
  }
  .war-black-background .war-password-input {
    color: white!important;
    background: var(--war-black)!important;
  }
  .war-white-background .war-password-input {
    color: var(--war-black)!important;
    background: var(--war-white)!important;
  }

  @media only screen and (max-width: 800px) {
    .war-password-input,
    .war-password-button
    {
      margin-right: 0!important;
      margin-top: 20px!important;
      display: block!important;
      margin-left: 50%!important;
      -webkit-transform: translateX(-50%)!important;
          -ms-transform: translateX(-50%)!important;
              transform: translateX(-50%)!important;
      margin-right: 0!important;
    }	
  }
  @media only screen and (min-width: 800px) {
    .war-password-input {
      margin-right: 15px!important;
    }
    .war-password-button {
      margin-bottom: 0!important;
    }
  }

  .war-white-background .war-password-text-1 {
    font-family: "PlexesBlackPro";
    color: var(--war-black)!important;
  }
  .war-white-background .war-password-text-2 {
    font-family: "PlexesBookPro";
    /* opacity: .5; */
    color: var(--war-black)!important;
  }