/*

	Theme: Trinity
	Author: QBIT Ltd
	Date: 28/07/2023

	File path: ../../../../uploads/

*/

/* Global styles */
* { box-sizing: border-box; margin: 0; padding: 0; }
html,body { font-size: 100%; overflow-x: hidden; }
ul { list-style: none; }

/* Main styles */
#main {}
.main { max-width: 1200px; margin: auto; }
.col { vertical-align: top; padding: 10px; }
.col-1,.col-2,.col-3 { display: inline-block; margin-right: -4px; }
.col-1 { width: 25%; }
.col-2 { width: 50%; }
.col-3 { width: 75%; }
.btn { border: none; padding: 20px 40px; }

/* Header styles */
.logo { width: 100px; height: 100px; display: block; text-indent: -9999px; }

/* Login styles */
.reveal { cursor: pointer; }

/* Form styles */
input[type="text"],input[type="password"] { width: 100%; border: none; font-size: 100%; margin-bottom: 10px; padding: 20px; }
input[type="submit"] { cursor: pointer; }

/* Notification styles */
.error { background-color: red; color: white; text-align: center; }

/* Footer styles */
.copyright { text-align: center; padding: 20px; }

/* Carousel styles */
#carousel { padding: 100px 20px; }

/* Calendar styles */
.calendar { border: solid 1px #333; padding: 10px; }
.calendar li { padding: 3px 0 3px 0; }
.calendar img { width: 17px; margin-left: 2px; }
.calendar .btn { border-radius: 7px; background: #f0f0f0; display: inline-block; font-size: 0.8em; padding: 5px 10px 5px 10px; }
.today { font-size: 0.8em; }

/* Navigation styles */
.sub-nav { position: relative; }
.add { width: 25px; height: 25px; position: absolute; top: 10px; right: 10px; display: block; float: right; background: url('../../../../uploads/svg/add.svg') center center / 25px no-repeat; }

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

	/* Main styles */
	.col { width: 100%; }

}