/*

Tooplate 2126 Antique Cafe
https://www.tooplate.com/view/2126-antique-cafe

*/


body {
		font-family: 'Raleway', sans-serif;
		background-color: #666;
}

p a {
	color: #FF6;
}

p a:hover {
	color: #9FF;
}

.img-center {
		display: block;
		margin-left: auto;
		margin-right: auto;
}

#intro img {
		max-width: 90%;
	max-height: 75%;
}

#about p a { color: white; }
#about p a:hover { color: dodgerblue; }

#contact span a { color: white; }
#contact span a:hover { color: dodgerblue; }

footer span a { color: #FFF; }

.tm-underline-blue {
	text-decoration: underline;
	text-decoration-color: dodgerblue;
}

.tm-logo-font {
		font-family: 'Oswald', sans-serif;
}

.tm-container {
		max-width: 1200px;
}

.parallax-window {
		min-height: 1188px;
		background: transparent;
}

.tm-text-yellow {
		color: #FC6;
}

.tm-text-white {
		color: white;
}

.tm-text-silver {
		color: silver;
}

.tm-text-blue {
		color: dodgerblue;
}

.tm-text-gold {
		color: #CC9966;
}

.tm-text-brown {
		color: #544639;
}

.tm-text-green {
		color: #006666;
}

a.tm-bg-green:hover {
		background-color: #0a8585;
}

.tm-bg-brown {
		background-color: #544639;
}

.tm-bg-green {
		background-color: #006666;
}

.tm-border-gold {
		border-color: #CC9966;
}

.tm-border-white {
		border-color: white;
}

.tm-intro-width {
		max-width: 536px;
}

.tm-item-container {
		max-width: 90%;
}

.input:focus {
		outline: none !important;
		border:1px solid #CC9966;
		box-shadow: 0 0 10px #b67533;
}

input::placeholder,
textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: rgb(214, 212, 212);
		opacity: 1; /* Firefox */
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: rgb(214, 212, 212);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder { /* Microsoft Edge */
		color: rgb(214, 212, 212);
}

#tm-nav {
		z-index: 1000;
		transition: all 0.3s ease;
}

#tm-nav.scroll {
		background-color: rgba(0,0,0,0.7);
}

#tm-nav li a {
		border-bottom-color: transparent;
		transition: all 0.3s ease;
}

#tm-nav li a.current,
#tm-nav li a:hover {
			border-bottom: 4px solid white;
}

.tm-text-2xl {
		font-size: 1.2rem;
		line-height: 2rem;
}

@media (min-width: 768px) {
		#tm-nav.scroll .tm-container {
				padding-top: 10px;
				padding-bottom: 10px;
		}

	.tm-item-container {
		max-width: 720px;
}
}

@media (max-width: 767px) {
		#tm-nav {
				width: auto;
				right: 0;
				border-radius: 5px;
		}
}

@media (max-width: 639px) {
		.parallax-window {
				min-height: 600px;
		}
}

@media (max-width: 370px) {
		.tm-menu-item {
				flex-direction: column;
		}

		.tm-menu-item-2 {
				flex-direction: column-reverse;
		}

		.tm-menu-item img {
				margin-bottom: 10px;
		}

		.tm-menu-item-2 img {
				margin-bottom: 10px;
		}
}

/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	background-color: dodgerblue;
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 6px;
	font-size: 80%;
	width: 100%;

	/* Position the tooltip text - see examples below! */
	position: absolute;
	right: 0px;
	bottom: 125%;
	z-index: 1;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: dodgerblue transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
}