.rc-wrapper {
   min-height: 100vh;
   color: white;
   padding: 2.5;
   font-family: 'Raleway', sans-serif;
   padding-top: 150px;
   display: flex;
   flex-direction: row;
   align-items: start;
   justify-content: space-around;
}

.rc-onboarding__wrapper {
   margin-bottom: 30px;
}

.rc-email__container,
.rc-password__container {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.rc-email__input-container,
.rc-password__input-container {
   display: flex;
   gap: 10px;
   margin-bottom: 20px;
}

.rc-email__input {
   margin: 0;
}

.rc-email__input,
.rc-password__input,
.rc-signup-wrapper input {
   width: 100%;
   padding: 1rem;
   border: 3px solid white;
   border-radius: .5rem;
   background: rgba(255, 255, 255, .5);
   font-size: 1.25rem;
   color: white;
   max-width: 650px;
   display: block;
}

.rc-email__input::placeholder,
.rc-password__input::placeholder,
.rc-signup-wrapper input::placeholder {
   font-size: 1.25rem;
   color: #ddd;
}

.rc-btn {
   margin-right: 10px;
   display: none;
}

.rc-btn,
.rc-input {
   opacity: 0;
   visibility: hidden;
   z-index: -1;
   height: 0;
   transition: .2s all ease-in-out;
}

.rc-email__submit,
.rc-password__submit,
.input-create-password {
   border: 3px solid white;
   border-radius: 0.5rem;
   background: white;
   font-size: 1.65rem;
   color: #333;
   height: 4rem;
   width: 5rem;
   cursor: pointer;
   transition: .2s all ease-in-out;

   opacity: 0;
   z-index: -1;
   visibility: hidden;
}

.rc-email__submit.visible,
.rc-password__submit.visible {
   opacity: 1;
   z-index: 1;
   visibility: visible;
}

.rc-email__submit:hover,
.rc-password__submit:hover {
   background: #ffffffc0;
}


.UI_container .rc-btn,
.UI_container .rc-input {
   display: initial;
   opacity: 1;
   visibility: visible;
   z-index: 1;
   height: 3.5rem;
}

.rc-section.rc-btn__container {
   display: flex;
}


.rc-btn.visible,
.rc-input.visible {
   opacity: 1;
   visibility: visible;
   z-index: 1;
}

.rc-btn.visible {
   height: 3.5rem;
   display: initial;
}

.rc-input.visible {
   height: 4rem;
   display: block;
}

.rc-login__error-msg {
   opacity: 0;
   z-index: -1;
   visibility: hidden;
}

.rc-login__error-msg.show {
   opacity: 1;
   z-index: 1;
   visibility: visible;
}

.rc-password__input {
   height: 0;
   padding: 0;
   margin: 0;
}

.rc-password__input.visible {
   height: auto;
   padding: 1rem;
}

.rc-or-line {
   display: none !important;
   color: white;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 20px;
   font-family: 'Open Sans', sans-serif;
   font-size: 25px;
   margin-bottom: 42px;
   padding: 0 50px;
   width: 100%;
}

.rc-or-line:before,
.rc-or-line:after {
   content: "";
   background: unset;
   display: block;
   width: 100%;
   border-top: 2px solid white;
   flex: 1;
}

#try-again,
#no-account {
   font-weight: 700;
   color: #ebc4ff;
   text-decoration: underline;
   transition: .4s all ease-in-out;
   cursor: pointer;
   margin-bottom: 25px;
   margin-left: 20px;
}

#try-again:hover,
#no-account:hover {
   color: white;
}

.rc-board {
   margin-top: 20px;
}

/* .rc-topnav .rc-logo .tpbook {
   display: block;
}

.rc-topnav .rc-logo .thirtyone {
   display: none;
} */

.rc-game__share h2 {
   font-weight: 700;
   font-size: 35px;
}

.rc-game__share h3 {
   font-weight: 200;
   text-transform: none;
   font-size: 42px;
}

.rc-game__share h2 .gold {
   font-size: 40px;
}


/* center initial onboarding screen */

.rc-onboard--initial .rc-onboarding__wrapper {
   margin-bottom: 30px;
   justify-content: center;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.rc-onboard--initial.rc-section.rc-prompt {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.rc-onboard--initial.rc-wrapper h1 {
   max-width: 700px;
   text-align: center;
   margin-bottom: 50px ! important;
   line-height: 1.2 ! important;
}

.rc-onboard--initial.rc-wrapper h2 {
   font-weight: 400;
}

.rc-onboard--initial .rc-email__container,
.rc-onboard--initial .rc-password__container {
   margin-top: 50px;
}


.rc-signup-wrapper {
	display: none;
}
.rc-name-container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 30px 0;
	padding: 0 calc(5rem + 3px) 0 0;
}
.rc-name-container > * {
	width: calc(50% - 10px) !important;
}
.rc-create-password-container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 30px 0;
	gap: 10px;
}
.input-create-password {
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.lnk-continue-as-guest {
	display: none;
	padding: 0;
	margin: 0;
	color: #fff;
	background: none;
	border: none;
	outline: none;
	text-decoration: underline;
	font-size: 18px;
	cursor: pointer;
}
.lnk-continue-as-guest.visible {
	display: inline-block;
}

/* end */


@media screen and (max-width: 1100px) {
   .rc-wrapper {
      flex-wrap: wrap;
   }
}

@media screen and (max-width: 750px) {
   #rc-onboarding {
      /* flex-direction: column; */
      padding: 125px 20px 20px 20px;
      gap: 65px;
   }

   .rc-nav__mygroups--title {
      display: none;
   }

   .rc-game__title {
      font-size: 2.5rem ! important;
      line-height: 1 ! important;
   }

   .rc-email__input,
   .rc-password__input {
      font-size: 20px;
   }

   .rc-section.rc-btn__container {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
   }

   .rc-game__title {
      margin-bottom: 0;
   }
}