/* General Website Theme */
body { background-color: #fff; color: #2a2a2a; font-family: "Lato", serif; margin: 0; padding-top: 26px; }

header { color: #fff; font-size: 2.5rem; line-height: unset; margin: 0px; padding: 0px; }
h1 { font-size: 2rem; font-weight: bold; margin: 2rem 0 2rem 0; }
h2 { font-size: 2rem; font-weight: bold; margin: 2rem 0 2rem 0; }
h3 { font-size: 2rem; margin: 0; }
h5 { font-size: 1.4rem; margin: 0; padding-bottom: 0.8rem; }
p { font-size: 1.2rem; line-height: 2rem; }

/* Header & Footer */
.navbar { background-color: #1e140a; color: #fff; }
.footer { background-color: #24330c; color: #2a2a2a; }

.footer { padding-bottom: 3rem; padding-top: 2rem; }
.footer a, .footer a:hover, .footer a:visited { color: #fff; }
.footer div.email, .footer div.social-media { text-align: center; }
.footer div.email a { font-size: 36px; text-decoration: none; }
.footer div.social-media a { font-size: 48px; margin-left: 4rem; margin-right: 4rem; }
.footer label, .footer p, .footer small  { color: #fff; }
.footer label a, .footer p a, .footer small a { border-bottom: 1px dashed #fff; }

/* Navigation */
.nav-link { color: #faf9f6; text-decoration: none; transition: color 0.3s ease; }
.nav-link:hover { color: #e76f51; }

.navbar .navbar-brand { color: #fff; font-size: 22px; line-height: 3rem; }
.navbar .navbar-toggler span { color: #fff; }
.navbar li { margin: unset; }
.navbar li a { color: #002e3d; }
.navbar li a:hover { color: #002e3d; border-bottom: unset; }
.navbar li i { color: #94a557; }
.navbar i.fa-fw { margin-right: 20px; }
.navbar i:hover { color: #c4d685; }

.navbar .custom-toggler { background-color: transparent; border: 2px solid white; border-radius: 4px; color: white; padding: 8px; }
.navbar .custom-toggler:focus { outline: none; box-shadow: 0 0 5px rgba(255, 255, 255, 0.75); }
.navbar .custom-toggler i { font-size: 1.5rem; }

/* Cursor */
.cursor-pointer { cursor: pointer; }

/* Modals */
.modal-success, .modal-failure { padding: 20px; text-align: center; }
.modal-success i.fad, .modal-failure i.fad { font-size: 14rem; margin-bottom: 24px; }
.modal-success h1, .modal-failure h1 {	font-size: 3rem; margin-bottom: 24px; }
.modal .close { border: none; background-color: #fff; }
.modal-success i.fad { color: #37d51f; }
.modal-failure i.fad { color: #f13f3f; }

/* Forms */
form button.btn { margin-left: 5px; margin-right: 5px; }
form input { font-size: 1.2rem; }
form label, .form-group p { color: #111; font-size: 1.1rem; margin-top: 14px; }
form label.form-check-label { margin: 0 0.5rem 0 0.5rem; }
form .fab, form .fad, form .fa-duotone, form .fas { margin-right: 10px; }

/* Cards */
.card .fab, .card .fad, .card .far, .card .fas { margin-right: 10px; }
.card .btn-toggle .fab, .card .btn-toggle .fad, .card .btn-toggle .far, .card .btn-toggle .fas { margin-left: 10px; }

.card-workshop .btn-outline-secondary { border-color: #ccc; } 

.card-text { font-size: 1.2rem; }
.card-body {  }
.card-header, .card-footer { background-color: #faf9f6; }
.card-footer .btn { background-color: #24330c; border-color: #111; font-size: 1rem; margin-top: 0.4rem; margin-bottom: 0.4rem; }

.video-coming-soon { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px dashed #ccc; padding: 1rem; margin-bottom: 1rem; text-align: center; color: #777; }
.video-coming-soon i { font-size: 2rem; margin: 1rem 0 1rem 0; }
.video-coming-soon p { margin-top: 1rem; font-size: 1.5rem; }

.video-coming-soon:hover { border-color: #999; color: #555; transition: border-color 0.3s ease, color 0.3s ease; }

/* Forms */
form .fab, form .fad, form .fa-duotone, form .fas { margin-right: 14px; }

/* Admin Buttons */
.admin-nav .btn { margin: 0.6rem 0.3rem 0.6rem 0.3rem; }
.admin-nav .fad, .admin-nav .fa-duotone { margin-right: 14px; }

/* Programme/Workshop Management */
#tableUserMgmt td i, #tableWorkshopMgmt td i { cursor: pointer; }

/* Drop Zone */
.dragover { border: 1px dashed #111; }