/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */

html {
    scroll-behavior: smooth;
}

h1 { font-size: 170%; }
h2 { font-size: 155%; }
h3 { font-size: 140%; }
h4 { font-size: 125%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

h1, h2, h3, h4, h5, h6, a {
    font-weight: bold; 
}

body {
    font-family: Roboto, Helvetica, Arial, sans-serif !important;
    color: #000;
}

.oefit-bg-blue {
    background-color: #416779;
}

.oefit-bg-light-blue {
    background-color: #d9e1e5;
}

.oefit-link,
#oefit-main-content a
{
    color: #4C636F;
}

/*standard oefit btn style */
.btn {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: normal !important;
    border-radius: 0px !important;
}

.btn-primary,
.btn-primary:hover {
    color: #FFF !important;
    background: #4C636F !important;
    border-color: #ccc !important;
}

.btn-default,
.btn-default:hover {
    color: #000 !important;
    background: #D9E1E5 !important;
    border-color: #ccc !important;
}

/* .navbar {
    font-size: 1rem !important;
} */

/*standard oefit form style */
.oefit-form,
.form-control {
    border-radius: 0px !important;
}

/* text block link without decoration */
.oefit-link-block,
.oefit-link-block:hover {
    color: inherit !important;
    text-decoration: none !important;
}

#oefit-site-header-container {
    border-bottom: 15px solid #416779;
}

/*NAVIGATION*/
#oefit-navbar-primary {
    padding-bottom: 0 !important;
    font-weight: bold;
}

#oefit-navbar-primary a:hover,
#oefit-navbar-primary .active {
    background-color: #416779 !important;
    color: white !important;
}

#oefit-navbar-primary a {
    color: #4C636F;
    text-decoration: none;
}

#oefit-navbar-primary li.active a.nav-link {
    background-color: #416779 !important;
    color: white !important;
}

.oefit-header-link {
    color: #4C636F !important;
    font-weight: bold !important;
}

.oefit-header-link:hover {
    color: #4C636F;
}

#oefit-main-footer {
    background-color: #416779;
    border-top: 15px solid #416779;
    border-bottom: 15px solid #416779;
    color: #FFF;
}

#oefit-main-footer a
{
    color: #FFF;
}

/* .active > .page-link {
    background-color: #416779;
    border-color: #416779;
    color: #FFF !important;
}

.page-item .active {
    color: #FFF !important;
} */

/*Print CSS to adjust layout */
@media print {
    footer {
        display: none !important;
    }

    /*Use this class for every element you dont want to get printed */
    .oefit-no-print {
        display: none;
    }
}

img.thumbnail_img {
    max-width: 100%;
}

.oefit-unstyled-list {
    list-style-type: none;
    padding-left: 0px !important;
    margin-bottom: 0px;
}

button.close {
    background-color: transparent;
    text-decoration: none;
    border: none;
    font-weight: bold;
}

.modal-header {
    justify-content: space-between;
}

.modal-body img {
    max-width: 100%;
}

.modal-body.modal-image {
    text-align: center;
}

@media (max-width: 992px) {
    .sticky-top.oefit-sticky-top {
        top: 20px !important;
        z-index: 10;
    }
}

a.badge.oefit-badge {
    color: #ffffff !important;
    font-weight: bold;
    background-color: #4C636F;
}

.scrollable-content {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    padding-right: 5px;
    margin-right: -20px;
}

.oefit-ribbon {
  width: 100px;
  font-size: 12px;
  padding: 4px;
  position: absolute;
  left: -12.5px;
  top: 25px;
  text-align: center;
  border-radius: 25px;
  transform: rotate(-45deg);
  background-color: #4C636F;
  color: white;
}