:root {
  --color-primary: #ce1212;
  --color-secondary: #008891;
  --color-accent: #4e3620;
  --color-dark: #1b1717;
  --color-darker: #0c090a;
  --color-light: #f4f4f4;
  --color-silver: #e5e4e2;
  --color-links: #3282b8;
  --color-code: #f2f2f2;
}

/* Globals */
body {
  background-color: var(--color-light);
}

/* Navigation */
.navbar {
  background-color: var(--color-light) !important;
  -webkit-box-shadow: 0 1px 2px var(--color-accent);
  box-shadow: 0 1.5px 3px var(--color-accent);
}

.navbar-brand {
  font-weight: bolder;
  font-size: 28px;
  color: var(--color-primary) !important;
}

.nav-link,
.nav-item a {
  font-weight: bold;
  color: var(--color-secondary) !important;
}

.navbar-light {
  -webkit-box-shadow: 0 1px 2px var(--color-accent);
  box-shadow: 0 1.5px 3px var(--color-accent);
}

/* Content */
.content {
  padding-top: 50px;
  padding-bottom: 20px;
  min-height: 80vh;
}

.page-header {
  padding: 10px 0px;
}

.justify {
  text-align: justify;
}

.limit-width {
  max-width: 65ch;
}

.limit-width-lg {
  max-width: 90ch;
}

h1,
h2,
h3,
h4 {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding: 3px;
  color: var(--color-dark);
}

a {
  color: var(--color-links);
}

h2 a,
h2 a,
h3 a,
h4 a,
td a,
li.list-group-item a {
  text-decoration: none;
}

/* Buttons */

.btn {
  text-transform: uppercase;
}

.btn-set .btn {
  margin: 4px;
}

.btn-primary {
  background-color: var(--color-primary);
  color: #fff;
  border: none;
  font-weight: bold;
  box-shadow: 0 2px 6px rgba(206, 18, 18, 0.12);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #a30e0e;
  color: #fff;
}

.btn-secondary {
  background-color: var(--color-secondary);
  color: #fff;
  border: none;
  font-weight: bold;
  box-shadow: 0 2px 6px rgba(0, 136, 145, 0.12);
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #005f66;
  color: #fff;
}

/* Cards */

.list-card {
  margin-bottom: 16px;
  margin-top: 2px;
}

/* Forms */

.form-group {
  margin-bottom: 15px;
}

label {
  padding: 5px 0px;
}

/* Images */

img.photo-lg {
  max-height: 240px;
}

img.course-cover-md {
  max-height: 300px;
}

img.course-cover-lg {
  max-height: 360px;
}

.certificate-logo {
  height: 80px;
  /* margin-bottom: 10px; */
}

/* lists */
.list-icon-item {
  font-size: 24px;
}

/* Footer */

footer {
  background-color: var(--color-silver);
  color: var(--color-darker);
}

footer h5 {
  color: var(--color-darker);
  padding-left: 0px;
  padding-top: 24px;
}

footer a {
  color: var(--color-darker);
  text-decoration: none;
}

footer .copy {
  color: var(--color-darker);
  padding-top: 24px;
  padding-bottom: 12px;
}

/* print */

.print-only {
  display: none;
}