/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0.0
 Author: Lester Lubiano
 Description:  A custom child theme for 500 Beta with custom styles. Contact the developer incase there are issues on theme.
*/

#site-header,
.page-header,
#site-footer{
	display: none !important;
}

.header{
    postion:fixed;
    width:100%;
}


.modal{
	position:fixed;
	z-index:99999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/*background:rgba(0,0,0,0.9);*/
	background-color:#000000fc;
	display:flex;
	justify-content:center;
	align-items:center;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.9s ease, visibility 0.9s ease;
}

/* Active state */
.modal.active{
	opacity:1;
	visibility:visible;
}

.modal-box{
  width:420px;
  padding:60px 40px;
  border:1px solid #3b342d;
  text-align:center;
  color:#cfcfcf;
  background:#070707;
	transform:scale(0.96);
transition:transform 0.4s ease;
}

.modal.active .modal-box{
transform:scale(1);
}

.modal-text{
  font-size:18px;
  line-height:1.6;
  font-style:italic;
  margin-bottom:30px;
}

.answer-input{
  width:100% !important;
  background:none !important;
  border:none !important;
  border-bottom: 1px solid rgba(214,198,165,0.3) !important;
  color:#eae3d2 !important;
  text-align:center;
  font-size:20px;
  padding:10px !important;
  outline:none;
}

.error-msg{
  margin-top:15px;
  font-size:11px;
  letter-spacing:0.35em;
  color:#d6c6a5;
	opacity: 0.8;
}

.enter-btn{
  /*margin-top:25px;
  width:100%;
  padding:14px;
  background:none;
  border:1px solid #8c6b3b;
  color:#c7a56c;
  letter-spacing:4px;
  cursor:pointer;*/
  height: 44px; /* smaller */
  border: 1px solid rgba(214,198,165,0.4);
  background: transparent;
  color: #d6c6a5;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
	margin: 24px auto 0;
  display: block;
}

.enter-btn:hover{
  /*background:#8c6b3b;
  color:#000;*/
	border-color: #d6c6a5;
  background: rgba(214,198,165,0.05);
}

.withdraw{
     margin-top: 20px;
    font-size: 20px;
    letter-spacing: 3px;
    color: #FFF;
    cursor: pointer;
    float: right;
    top: -15px;
    position: absolute;
    right: 20px;
}

.logoTrigger{
 	cursor:pointer !important;
}

body.enter-mode{
    background-image:url("https://themews.au/wp-content/uploads/2026/03/The-Mews-Splash-LANDSCAPE-finish-image-scaled.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}