/*

	Author: QBIT Ltd
	Date: 11/08/2023
	Theme: Trinity

	File path: ../../uploads/

*/

/* Import fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Quicksand&display=swap');

/* Global styles */
body { font-size: 1.0em; font-family: 'Quicksand', sans-serif; color: #333; }
h1,h2,h3,h4,h5,h6 { font-size: 1.2em; font-family: 'Poppins', sans-serif; }
a { color: #333; text-decoration: none; }
li { list-style: none; }
strong { font-family: 'Poppins', sans-serif; }

/* Main styles */
#main { background-color: #fff; margin-top: 90px; }
.logo { width: 80px; height: 40px; background: url(../../uploads/svg/logo.svg) left center / 80px no-repeat; margin-bottom: 20px; }
.btn { font-family: 'Poppins', sans-serif; background: #f0f0f0; color: #333; }

/* Header styles */
header { width: 100%; position: fixed; left: 0; top: 0; background: #333; padding: 20px; }
header a { color: #999; }
header .logo { margin-bottom: 0; }

/* Navigation styles */
#menu { width: 0; height: 100%; position: fixed; right: 0; top: 0; transition: 0.2s; text-align: center; background: #333; }
#menu .col { margin-top: 30px; }
#menu a { font-family: 'Poppins', sans-serif; }
#menu li { padding: 5px 0 5px 0; }
#menu nav { margin-top: 20px; }
.burger { width: 25px; height: 25px; position: fixed; right: 20px; top: 20px; cursor: pointer; display: block; background: url(../../uploads/svg/burger.svg) left center / 25px no-repeat; }
.close { width: 30px; height: 30px; display: block; display: block; background: url(../../uploads/svg/close.svg) left center / 30px no-repeat; margin: auto; }
.logout { border-radius: 50px; background: #999; color: #333; display: inline-block; font-size: 0.8em; margin-top: 10px; padding: 5px 10px 5px 10px; }
#menu img { width: 200px; margin-top: 20px; }

/* Carousel styles */
#carousel { color: #fff; }
#carousel h1 { margin-bottom: 0; }
#bg { position: fixed; left: 0; top: 0; background-size: cover; z-index: -9999; }

/* Form styles */
input[type="text"],input[type="password"],textarea { border: solid 1px #333; font-size: inherit; font-family: 'Poppins', sans-serif; }
textarea { width: 100%; height:200px; padding: 20px; margin-bottom: 5px; }
input[type="time"],input[type="date"] { width: 100%; border: solid 1px #333; font-size: inherit; font-family: 'Poppins', sans-serif; color: #333; background: #fff; display:block; -webkit-appearance: none; -moz-appearance: none; margin-bottom: 10px; padding: 20px; }
select { width: 100%; border: solid 1px #333; border-radius: 5px; background: transparent url(../../uploads/svg/select-arrow.svg) right 10px center /20px no-repeat; font-size: inherit; font-family: 'Poppins', sans-serif; color: #333; -webkit-appearance: none; margin-bottom: 10px; padding: 20px; }
input[type="date"] { -moz-appearance: none; appearance: none; display: block; color: #333; margin: 10px auto; padding: 20px; }
::placeholder { font-family: 'Poppins', sans-serif; }
label { font-family: 'Poppins', sans-serif; font-weight: 900; }
.reveal { text-align: left; display: block; }
.error { font-family: 'Poppins', sans-serif; }
.success { width: 100%; position: fixed; left: 0; bottom: 0; background: green; color: #fff; font-family: 'Poppins', sans-serif; text-align: center; z-index: 9999; }

/* List styles */
.list a { border-bottom: solid 1px #f0f0f0; display: block; background: #f8f8f8; padding: 20px 10px 20px 10px; }
.list a:hover { background: #f0f0f0; }
.time,.price { font-style: normal; float: right; }
.closed a { background: #F39C12; }

/* Login styles */
#login { background: #fff; padding: 30px 0; }

/* Media queries */
@media (max-width: 64em) 
{

	/* Form styles */
	input[type="submit"] { width: 100%; }

}