:root {
    --bs-primary: #2c80dc;
    --bs-primary-rgb: 44, 128, 220;
}
:root {
    --bs-link-color: #2c80dc !important;
    --bs-link-hover-color: #094687 !important;
  }

:root {
    --bs-body-font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  }

  .bg-brown {
    background-color: #C56C06 !important;
  }

.text-left {
        text-align: left !important;
        line-height: 175%;
    }

#pic-sm {
    margin-bottom: 12px;
}

.navbar-nav .nav-link:hover {
    color: #2c80dc !important; /* Change link color on hover */
}

.navbar-nav .nav-item.active .nav-link {
    color: #2c80dc !important; /* Change link color when active */
}

.about-link {
    color: #fce6a3;
}

#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active {
    color: #2c80dc;
  }
  #mainNav .navbar-nav .nav-item .nav-link.active {
    color: #2c80dc !important;
  }
/* Change color of navbar brand */
.navbar-shrink .navbar-brand {
    color: #2c80dc !important; /* Change link color when active */
}

/* Change color of navbar brand on hover */
.navbar-shrink .navbar-brand:hover {
    color: #2c80dc !important; /* Change link color on hover */
}



header.masthead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    background: linear-gradient(to bottom, rgba(44, 128, 220, 0.5) 0%, rgba(44, 128, 220, 0.5) 100%), url("../assets/img/bg-masthead.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
  }

  :root {
    --bs-primary: #2c80dc;

  }


hr.divider {
    height: 0.2rem;
    max-width: 3.25rem;
    margin: 1.5rem auto;
    background-color: #ffffff;
    opacity: 1;
}

hr.divider-dark {
    background-color: #107fda;
  }


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2c80dc;
    --bs-btn-bg: #C56C06;
    --bs-btn-border-color: #C56C06;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8c4e07;
    --bs-btn-hover-border-color: #2c80dc;
    --bs-btn-focus-shadow-rgb: 246, 122, 88;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C56C06;
    --bs-btn-active-border-color: #C56C06;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: ##C56C06;
    --bs-btn-disabled-border-color: #C56C06;
}

.btn-outline-primary {
    --bs-btn-color: #2c80dc;
    --bs-btn-border-color: #2c80dc;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2c80dc;
    --bs-btn-hover-border-color: #2c80dc;
    --bs-btn-focus-shadow-rgb: 244, 98, 58;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2c80dc;
    --bs-btn-active-border-color: #2c80dc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #2c80dc;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2c80dc;
    --bs-gradient: none;
  }

  .h2-above-below {
    margin: 30px 0;
  }

  .portfolio-bg {
    color: #fff;
    background-color: #2c80dc;
    padding-top: 30px;
  }

  .port-color {
    color: #2c80dc !important;
  }

  .circ {
    opacity: 1.0;
  }
  .circ:hover {
    opacity: 0.6;
  }