/* ******
 * Global configurations
* ****** */

html {
  font-size: 0.92rem;
  color: #231f20;
}
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
  padding-top: 56px;
}

/* Fonts */
a, a:visited {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/* Colours */
:root {
  --blue: #1f8feb;
  --indigo: #6610f2;
  --purple: #14143c;
  --pink: #e83e8c;
  --red: #e54b4d;
  --orange: #fd7e14;
  --yellow: #ffa940;
  --green: #3bb674;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #74808b;
  --gray-dark: #424d57;
  --primary: #e54b4d;
  --secondary: #1f8feb;
  --success: #3bb674;
  --info: #17a2b8;
  --warning: #ffa940;
  --danger: #e54b4d;
  --light: #e5e8eb;
  --dark: #14143c; /*#051b2c;*/
  --text-secondary: #c5c5c7;
}

/* Background colours */
.bg-light { background-color: #e5e8eb !important; }
.bg-light-50 { background-color: #f6f7f8 !important; }
.bg-dark { background-color: #14143c !important; }
.bg-primary { background-color: #1f8feb !important; }
.bg-secondary { background-color: #768692 !important; }
.bg-success { background-color: #3bb674 !important; }
.bg-info { background-color: #17a2b8 !important; }
.bg-danger { background-color: #e54b4d !important; }
.bg-warning { background-color: #fd7e14 !important; }
.bg-dark-gradient {
  background: radial-gradient(119.46% 119.46% at 50.12% 119.46%, #8183ec 0, #14143c 100%);
}
.bg-light-horizontal-gradient {
  background: radial-gradient(50% 147.15% at 50% 50.03%,#fff 0,#d7d8f9 100%);
  background-color: rgba(0, 0, 0, 0);
}

/* Button colours */
.btn-light { background-color: #e5e8eb; }
.btn-dark { background-color: #14143c; }
.btn-primary { background-color: #1f8feb; }
.btn-secondary { background-color: #768692; }
.btn-success { background-color: #3bb674; }
.btn-info { background-color: #17a2b8; }
.btn-danger { background-color: #e54b4d; }
.btn-warning { background-color: #fd7e14; }

/* Text colours */
.text-light { color: #768692 !important }

/* Commonly used items */
.btn-xs {
  font-size: 0.8rem;
  padding: 3px 10px;
}

hr.thick {
  border: 2px solid #333;
  margin: 30px 0;
}

blockquote {
  border-left: 6px solid #233651;
  background: #ded9e9;
  padding: 10px 10px 2px 20px;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--text-secondary) !important;
}





/* ******
* Top navigation bar
* ****** */



/* ******
* Sidebar stylesß
* ****** */




/* ******
* General page layouts
* ****** */

.jumbotron {
  min-height: 280px;
}



/* ******
* Cards
* ****** */

.card-footer {
  padding: 1.25rem;
}



/* ******
* Footer
* ****** */

footer hr {
  border-color: #a4a6f1 !important;
}



/* ******
* Video sections
* ****** */

video {
  width: 426px; /* Set a consistent width for all video previews */
  height: 240px; /* Set a consistent height for all video previews */
  background-color: black; /* Initial black background */
  object-fit: cover; /* Ensure videos fill their dimensions */
}


/* ******
* User generated areas
* ****** */

.user-generated-content { line-height: 1.65em; }
.user-generated-content h1 { font-size: 1.95rem; margin-bottom: 1.95rem; }
.user-generated-content h2 { font-size: 1.65rem; margin-bottom: 1.65rem; }
.user-generated-content h3 { font-size: 1.42rem; margin-bottom: 1.42rem; }
.user-generated-content h4 { font-size: 1.25rem; margin-bottom: 1.25rem; }
.user-generated-content h5 { font-size: 1.1rem; margin-bottom: 1.1rem; }
.user-generated-content p { margin-bottom: 1.1rem; }
.user-generated-content hr { margin: 28px 0; }
.user-generated-content ul { margin: 1rem 0 1.4rem; }
.user-generated-content ul li { margin: 0 0 5px 0; }
.user-generated-content table { width: 100% !important; }