:root {
   /* root color variables */
   --body-background: #f0f3f6;
   --alice-blue: aliceblue;
   --footer-slate: #20364c;
   --body-font: #666;
   --graphite: #506578;
   --trench-blue: #406885;
   --chocolate: #d2691e;
   --silver: silver;
   --white: white;
   --custom-icons: #b9c6d0;
   --bright-blue: #007bff;
}

html {
   font-size: 16px;
}

body {
   box-sizing: border-box;
   font-family: "Figtree", Helvetica, Arial, sans-serif;
   color: var(--body-font);
   font-weight: 400;
   font-size: 1rem;
   /*  background: var(--body-background); */
   background-image: url("/img/bgdiamond1.png");
/* BGR testing */
/*  background-color: red; */
}

p,
ul,
li,
table,
tr,
td {
   color: var(--graphite);
   font-size: 1.1rem;
}

p {
   line-height: 1.5;
   margin-bottom: 1.4rem;
}

#wrapper {
   padding-top: 1rem;
/* BGR testing */
/*   background-color: purple; */
}

/* custom colors */
.bg-alice-blue {
   background-color: var(--alice-blue);
}

.body-font {
   color: var(--body-font);
}

.custom-icons {
   color: var(--custom-icons);
}

.silver {
   color: var(--silver);
}

.chocolate {
   color: var(--chocolate);
}

.graphite {
   color: var(--graphite);
}

.bright-blue {
   color: var(--bright-blue) !important;
}

.opacity-50 {
   opacity: .5;
}

#top-navbar li.active {
   border-bottom: 3px solid white;
}

/* You should keep the text-decoration-underline declaration for folks with visual impairment; still, it's possible to set the offset to improve the aesthetics for everyone */
a {
   text-decoration: underline;
   /* optional: makes it look cleaner */
   text-decoration-thickness: 1.5px;
   /* increase space below text */
   text-underline-offset: 3px;
}

.repo {
   font-family: 'Courier New', Courier, monospace;
}

/* Set cursor as pointer */
.pointer {
   cursor: pointer;
}

/* Navbar custom background and text color */
.custom-background-color {
   background: #134786 !important;
}

.custom-text-color {
   color: #ffffff !important;
}

#footer-insert #nav-pages li a:hover {
   background: var(--white);
   color: var(--bright-blue) !important;
   border-radius: .25rem;
}

/* For No Background */
#course-accordion .accordion-button:not(.collapsed) {
   background-color: none;
}

/* For Custom Colors */
#course-accordion .accordion-button:not(.collapsed) {
   background-color: #ecf1f8;
   color: #000000 !important;
}



/* BGR additions */

/* Jumbotron class */
.jumbotron {
   background: linear-gradient(rgba(7, 55, 99, 0.15), rgba(7, 55, 99, 0.75)), url('/img/vitaly-gariev-wc3n_BI2ZRw-unsplash-crop1400x400.jpg') center/cover no-repeat;
}