@font-face {
    font-family: 'Barlow';
    src: url('../assets/fonts/Barlow-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow';
    src: url('../assets/fonts/Barlow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow';
    src: url('../assets/fonts/Barlow-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: 'Barlow', serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Barlow', serif;
}

.navbar-brand {
    font-family: 'Barlow', serif !important;
    font-weight: 700 !important;
}

.navbar-nav > li > a {
    font-family: 'Barlow', serif !important;
    font-weight: 500 !important;
}

.bs-sidebar li a {
    font-family: 'Barlow', serif !important;
    font-weight: 500 !important;
}

.bs-sidebar .nav > li > a {
    font-family: 'Barlow', serif !important;
}

.navbar {
    background-color: #b84e39;
    border-bottom: 6px #eaa973 solid;
    font-size: 15px;
    min-height: 100px !important;
}

.navbar li a:hover {
    background-color: transparent !important;
    color: #eaa973 !important; 
}

.navbar-brand:hover {
    background-color: transparent !important;
    color: #eaa973 !important;
}

.navbar li.active a {
    background-color: #b84e39 !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.navbar-nav a:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.navbar-brand:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.bs-sidebar a:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

a[href^="http"]:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.navbar-brand {
    font-weight: bold !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2) !important;
    letter-spacing: 1px !important;
}

.navbar-nav > li > a {
    font-weight: bold !important;
    border-radius: 40px !important;
}

.bs-sidebar li a {
    color: #b84e39 !important;
}

.bs-sidebar li a:hover {
    background-color: transparent !important;
    color: #eaa973 !important; 
}

.bs-sidebar li.active a {
    background-color: transparent !important;
    color: #000000 !important;
    font-weight: bold !important;
}

h1 {
    font-size: 50px !important;
    padding-bottom: 30px !important;
}

h2 {
    font-size: 34px !important;
    padding-bottom: 0px !important;
}

h3 {
    padding-top: 25px !important;
    padding-bottom: 20px !important;
    font-weight: bold !important;
}

h4 {
    font-style: normal !important;
    font-weight: bold !important;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
}

h5 {
    color: #b84e39 !important;
    font-weight: bold !important;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
}

a[href^="http"] {
    color: #b84e39 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

a[href^="http"]:hover {
    color: #eaa973 !important;
}

div a i.fa-globe,
div a i.ai-google-scholar,
div a i.ai-lattes,
div a i.fa-envelope-o {
    color: #b84e39;
}

div a:hover i.fa-globe,
div a:hover i.ai-google-scholar,
div a:hover i.ai-lattes,
div a:hover i.fa-envelope-o {
    color: #eaa973 !important;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.col-md-3, .col-md-9 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 90px !important;
}

.bs-sidebar {
    margin-top: 90px !important;
}

.container {
    width: 100% !important;
    max-width: 1240px !important;  /* Base max width */
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 768px) {
    .container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .container {
        max-width: 95% !important;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1600px !important;
    }
}

.navbar .container {
    display: flex !important;
    align-items: center !important;
    min-height: 100px;
}

.navbar-header {
    float: none !important;
}

.navbar-nav > li > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 60px !important;
}

.navbar .container > div:first-child {
    margin-right: 30px !important;
}

.navbar .container > div:nth-child(2) {
    margin-right: 30px !important;
}

tbody td {
    vertical-align: middle !important;
}

@media (max-width: 768px) {
    .navbar .container {
        flex-wrap: wrap !important;
    }
    
    .navbar-header {
        float: left !important;
    }
    
    .navbar-collapse {
        width: 100% !important;
    }
    
    .navbar-nav > li > a {
        line-height: normal !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    
    .navbar {
        min-height: auto !important;
    }
    
    .navbar .container {
        min-height: auto !important;
    }
    
    .col-md-3, .col-md-9 {
        margin-top: 20px !important;
    }
    
    .bs-sidebar {
        margin-top: 20px !important;
    }
    
    h1 {
        font-size: 36px !important;
        padding-bottom: 20px !important;
    }
    
    h2 {
        font-size: 28px !important;
        padding-bottom: 15px !important;
    }
    
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .navbar .container > div:first-child {
        margin-right: 10px !important;
    }
    
    .navbar .container > div:nth-child(2) {
        margin-right: 15px !important;
    }
}

code,
.md-typeset code,
.highlight .err,
code span:not([style*="color"]),
pre code:not([style*="color"]),
pre code *:not([style*="color"]) {
    color: #000000 !important;
    font-weight: bold !important;
}

.language-bash .err,
.language-bash .k,
.language-bash .o,
.language-bash .s,
.language-bash .bp,
.language-bash .c1 {
    color: inherit !important;
    font-weight: bold !important;
}

/* Only apply black to elements without inline color styles */
pre code *:not([style*="color"]),
.highlight *:not([style*="color"]) {
    font-weight: bold !important;
}

a {
    color: #b84e39;
    text-decoration: none;
    font-weight: none;
}

a:hover {
    text-decoration: none;
    color: #eaa973;
}

html {
    scroll-padding-top: 55px;
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
    scroll-margin-top: 55px;
}

.bs-sidebar,
.bs-sidebar .nav {
    background-image: none !important;
    background-color: #fcfdff !important;
    box-shadow: none !important;
}

.bs-sidebar {
    border: 1px solid #eaa973 !important;
    border-radius: 8px !important;
}

.bs-sidebar .nav {
    border: none !important;
    border-radius: 0 !important;
}

.bs-sidenav .active {
    border-right: none !important;
    border-left: none !important;
}

.bs-sidebar .active > a {
    border-right: none !important;
    border-left: none !important;
}

.bs-sidebar li,
.bs-sidebar .active,
.bs-sidebar a {
    border-right: none !important;
    border-left: none !important;
}

hr {
    border-top: 1.5px solid #b84e39 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.custom-list {
  padding: 0px 0px 0px 0px;
}

.custom-list li {
  padding: 22px 0 8px 15px;
}

.custom-list_2 li {
  color: #000000 !important;
  padding: 10px 10 10px 10px;
}

.custom-list_2 {
  color: #000000 !important;
  padding: 10px 0px 0px 10px;
}

.custom-list_3 {
  color: #000000 !important;
  padding: 10px 10px 10px 14px;
}

.custom-list_3 li {
  color: #000000 !important;
  padding: 0px 0px 0px 10px;
  text-align: justify !important;
}

.custom-list_3_first {
  color: #000000 !important;
  padding: 30px 10px 10px 14px;
}

.custom-list_3_first li {
  color: #000000 !important;
  padding: 0px 0px 0px 10px;
  text-align: justify !important;
}

.custom-list_3_last {
  color: #000000 !important;
  padding: 10px 10px 22px 14px;
}

.custom-list_3_last li {
  color: #000000 !important;
  padding: 0px 0px 0px 10px;
  text-align: justify !important;
}

.auto-refresh-popup {
  background: #eaa973 !important;
  color: white;
  border-radius: 8px;
  padding: 1rem;
}