body {
	background: black;
	color: #fff;
	font-family: "Titillium Web", sans-serif;
}

#form a { color: #039795;}
a:hover {
	 
	text-decoration: none;
}

h1 {
	font-weight: 600;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	/* text-shadow: -6px 5px 6px 0px rgba(0, 0, 0, 1); */
}

h3 {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	font-weight: 600;
}

video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

#home-section {
	height: 100vh;
}

/* NAVBAR DROPDOWN */

.navbar-toggler-icon {
	width: 2.5em;
	height: 2.5em;
}

.navbar-dark .navbar-toggler {
	border-color: transparent;
}

.navbar-dark .navbar-nav .nav-link {
	color: white;
}

.navbar-dark .navbar-nav {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px;
}
.card {
	background: rgba(27, 35, 42, 0.7);
}

.no-background {
	background: none !important;
}

.form-control, input, select {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: white !important;
	background-color: transparent !important;
	background-clip: padding-box;
	border: none;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
select.form-control {
	background-color: #1b232a !important;
	color: white !important;
}
select.form-control option {
	background-color: #1b232a;
	color: white;
}
/* INPUT COLOR */

.form-group ::-webkit-input-placeholder {
	/* Edge */
	color: white;
}

.form-group :-ms-input-placeholder {
	/* Internet Explorer */
	color: white;
}

.form-group ::placeholder {
	color: white;
}

.btn {
	background-color: #039795;
	color: white;
	font-weight: bold;
	font-size: 1.25rem;
}

.login {
	color: red;
}

.already-member .border-bottom {
	border-bottom: 1px solid #039795 !important;
}

.card-body {
	padding: 2rem;
}

.form-control {
	font-size: 1.25rem;
	font-weight: bold;
}

.card {
	border-radius: 0.5rem;
}


#meet-singles {
	background: #f7f7f7;
	color: black;
	border-top: 15px solid #186160;
}

.box {
	background: #2b4242;
	color: white;
}

/* OTHER MATERIAL */

#other-material {
	background: white;
	color: black;
}

/* MOBILE */

@media screen and (max-width: 500px) {
	#home-section {
		height: 100%;
	}

	.navbar {
		margin-bottom: 0rem !important;
	}

	.navbar .navbar-brand img {
		height: auto;
		width: 75px;
	}

	/* HEADER TEXT */

	h1.world-best-hookup {
		margin-left: auto;
		margin-right: auto;
		width: 8em;
	}

	.header-text h1 {
		margin-bottom: 0.75rem !important;
		text-align: left !important;
	}

	.header-text h3 {
		margin-bottom: 0.75rem !important;
		font-size: 13pt;
	}

	.header-text .mb-5 {
		margin-bottom: 1rem;
	}

	#form {
		margin-bottom: 1rem !important;
	}

	.box {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}

	.box h2 {
		font-size: 1.5rem !important;
	}

	.card-body {
		padding: 0.25rem 1rem;
	}

	/* boxes */
	.weekly-photos-videos {
		display: flex !important;
		z-index: 20;
	}

	#find-sex {
		display: none !important;
	}

	#other-material .text-center {
		display: none;
	}

	.copyright-text {
		display: block !important;
		text-align: center;
		font-size: 12px;
	}

	ul.ft_links li {
		float:none !important;
	}

	ul.ft_links:nth-child(2) li:after, ul.ft_links:nth-child(3) li:after  {
		content: " ";
		padding-left: 10px;
	}
	

}

@media screen and (max-width: 375px) {
	.box h2 {
		font-size: 1.25rem !important;
	}

	h1.world-best-hookup {
		padding-left: 1.5rem;
	}

	.header-text h3 {
		margin-bottom: 0.75rem !important;
		font-size: 12px !important;
	}


	ul.ft_links li {
		float:none !important;
	}

	ul.ft_links:nth-child(2) li:after, ul.ft_links:nth-child(3) li:after  {
		content: " " !important;
	}
	


}

#footer_outside {
	text-align: center;
	padding: 20px;
}


.ft_links  li a{
	color: #039795;

}

ul.ft_links {
	display:inline-block;
	list-style-type: none;
	padding-right: 5px;

}

ul.ft_links li {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

ul.ft_links:nth-child(2) li:after, ul.ft_links:nth-child(3) li:after  {
	content: "|";
	padding-left: 10px;
}

ul.ft_links li:last-child:after {
	content: " ";
}

/* Flypaper hacks */
form h2 { display: none !important;}
.validated { 
background-color: transparent !important;
border: none !important;

}
.errored { color: red; background-color: transparent !important; }

.form-control:focus { color: white; background-color: transparent; }

input { color: white; }