@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');

html {
	background: url("/images/kbridge6-1.jpg") no-repeat center center fixed;
	background-size: cover;
	width: 100%;
	height: 100vh; /* Ensure full viewport height */
}

.phonelink {
	font-size: small;
}

.btn-checkin {
	margin: 10px auto 4px 39% !important;
}

.button {
  border: 2px white solid;
  background-color: #606050;
  color: white;
  border-radius: 12px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  text-shadow: none;
  font-weight: 700;
}

.button:hover {
  border: 2px #606050 solid;
  background-color: white;
  color: #606050;
  }

.ninebg {
	font-family: "Rethink Sans";
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translate(-50%, 0%);
	color: rgba(15,15,0);
	background-color: rgb(255,255,240,0.9) !important;
	padding: 20px 38px 100px 30px;
	border-radius: 9px;
	width: 65%;
	text-align: left;
	font-size: 1.2em;
	box-shadow: 3px 3px 10px #000000;
}

.ninebg h1 {
	color: rgba(5,5,90);
	font-size: 2.2em;
}

.ninebg h2 {
	color: rgba(5,5,90);
	font-size: 1.8em;
}

.headline {
	margin-top: 0;
}


/* Centered text area */
.centered-text {
        text-shadow: 3px 3px 6px #000000;
	font-family: "Rethink Sans";
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: rgba(255,255,255);
	background-color: transparent;
	padding: 20px;
	border-radius: 9px;
	width: 75%;
	text-align: center;
	font-size: 1.5em;
	font-style: italic;
}

.centered-text h1 {
	font-family: "Inter Tight";
        text-shadow: 8px 8px 16px #000000;
	font-size: 2.95em;
	font-weight: 800;
	text-transform: uppercase;
	font-style: italic;
}

.centered-text button {
  	background-color: #606050;
}

.subscribe-btn {
  border: 1px #606050 solid;
  background-color: #606050;
  color: white;
  border-radius: 7px;
  padding: 3px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  text-shadow: none;
  font-weight: 500;
}
.subscribe-btn:hover {
  border: 2px  solid #606050;
  background-color: white;
  color: #606050;
  border-radius: 7px;
  padding: 3px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  text-shadow: none;
  font-weight: 500;
}

.emailbox {
	width: 45%;
	max-width: 250px;
}

.phonebox {
	width: 40%;
	max-width: 200px;
}


/* Responsive adjustments */
@media only screen and (max-width: 768px) {
	/* Adjust styles for tablet and mobile */
	.centered-text {
		width: 90%; /* Adjust width as needed */
		top: 60;
		font-size: 1.1em; /* Adjust font size */
	}
	.ninebg {
		width: 80%; /* Adjust width as needed */
		top: 60;
		font-size: 1.0em; /* Adjust font size */
	}
	.ninebg h1{
		text-align: center;
		font-size: 1.5em; /* Adjust font size */
	}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}