/******************************************************************************* Variables used throughout the theme. To adjust anything, simply edit the variables below and rebuild the theme. *****************************************************************************/
/******************************************************************************* Themes *****************************************************************************/
:root { --global-bg-color: #2F3640; --global-text-color: #ECEFF1; --global-theme-color: #4DD0E1; --global-badge-color: #C64533; --global-hover-color: #7bcce4; --global-footer-bg-color: #3C4550; --global-footer-text-color: #AEBBC2; --global-footer-link-color: #AEBBC2; --global-icon-color: #4F83CC; --global-my-box-color: #2698BA; --global-my-box-text-color: #e8e8e8; --global-my-border-color: rgba(77, 208, 225, 0.125); --global-thingy-color: #2698BA; --global-bibyear-color: rgba(77, 208, 225, 0.625); --global-thingy-expand: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8e8e8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --global-thingy-collapse: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8e8e8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-font-sans-serif: "Roboto" !important; }
:root .fa-sun { padding-left: 10px; padding-top: 12px; display: block; }
:root .fa-moon { display: none; }

html[data-theme='dark'] { --global-bg-color: #2F3640; --global-text-color: #e8e8e8; --global-theme-color: #2698BA; --global-hover-color: #7bcce4; --global-footer-bg-color: #e8e8e8; --global-footer-text-color: #424242; --global-footer-link-color: #000000; --global-icon-color: #e8e8e8; --global-my-box-color: #2698BA; --global-my-box-text-color: #e8e8e8; --global-my-border-color: rgba(232, 232, 232, 0.125); --global-thingy-color: #2698BA; --global-bibyear-color: rgba(232, 232, 232, 0.625); --global-thingy-expand: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8e8e8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --global-thingy-collapse: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8e8e8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
html[data-theme='dark'] .fa-sun { padding-left: 10px; padding-top: 12px; display: block; }
html[data-theme='dark'] .fa-moon { display: none; }

/****************************************************************************** Content *****************************************************************************/
body { padding-bottom: 70px; color: var(--global-text-color) !important; background-color: var(--global-bg-color) !important; font-weight: 300 !important; }

body.fixed-top-nav { padding-top: 56px; }

body.sticky-bottom-footer { padding-bottom: 0; }

.container { max-width: 1024px !important; }

.profile img { width: 100%; }

/****************************************************************************** Publications *****************************************************************************/
/*****************************************************************************
* Projects
*****************************************************************************/
/******************************************************************************* Styles for the base elements of the theme. *****************************************************************************/
p, h1, h2, h3, h4, h5, h6, em, div, span, strong { color: var(--global-text-color); }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, table, th { font-weight: 400 !important; }

a, table.table a { color: var(--global-theme-color) !important; text-decoration: none !important; }
a:hover, table.table a:hover { color: var(--global-theme-color) !important; text-decoration: underline !important; }
a:hover:after, table.table a:hover:after { width: 100%; }

a#light-toggle { color: var(--global-text-color) !important; text-decoration: none !important; }

.accordion-button { color: var(--global-my-box-text-color) !important; }

a.btn { text-decoration: none !important; }

.accordion-button.collapsed { color: var(--global-text-color) !important; background-color: var(--global-bg-color) !important; }

.accordion-body { background-color: var(--global-bg-color) !important; }

.accordion-item { border-color: var(--global-my-border-color) !important; border-width: 1px; background-color: var(--global-bg-color) !important; }

.accordion-button:not(.collapsed) { background-color: var(--global-my-box-color) !important; }

.accordion-button::after { background-image: var(--global-thingy-collapse) !important; }

.accordion-button:not(.collapsed)::after { background-image: var(--global-thingy-expand) !important; transform: rotate(-180deg); }

/*
.font-weight-bold, b { font-family : "Roboto", sans-serif; font-weight : bold !important;
}

strong { font-family : "Roboto", sans-serif; font-weight : normal !important;
}*/
.equation { margin-bottom: 1rem; text-align: center; }

.caption { font-size: 0.875rem; margin-top: 0.75rem; margin-bottom: 1.5rem; text-align: center; }

.profile { margin-left: 1rem; width: 100%; }
.profile .address { margin-bottom: 5px; margin-top: 5px; font-family: monospace; font-size: 1em; }
.profile .address p { display: inline-block; margin: 0; }

@media (min-width: 576px) { .profile { width: 30%; }
  .profile .address p { display: block; } }
.post-description { margin-bottom: 2rem; font-size: 0.875rem; }
.post-description a { color: inherit; }
.post-description a:hover { color: var(--global-theme-color); text-decoration: none; }

.navbar { box-shadow: none; border-bottom: 1px solid #e8e8e8; opacity: 0.95; background-color: var(--global-bg-color); }

.navbar.navbar-light a:hover { text-decoration: none; }
.navbar.navbar-light .navbar-brand { color: var(--global-text-color); }
.navbar.navbar-light .navbar-nav .nav-item .nav-link { color: var(--global-text-color) !important; }
.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { color: var(--global-hover-color) !important; }
.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { background-color: inherit; font-weight: bolder; color: var(--global-theme-color) !important; }
.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover { color: var(--global-hover-color) !important; }
.navbar.navbar-light .contact-icon { font-size: 2rem; }
.navbar.navbar-light .contact-icon a:hover { color: var(--global-hover-color) !important; }

.navbar-toggler .icon-bar { display: block; width: 22px; height: 2px; background-color: var(--global-text-color); border-radius: 1px; margin-bottom: 4px; transition: all 0.2s; }
.navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; }
.navbar-toggler .middle-bar { opacity: 0; }
.navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; }

.navbar-toggler.collapsed .top-bar { transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar { opacity: 1; }
.navbar-toggler.collapsed .bottom-bar { transform: rotate(0); }

.news table td { font-size: 1rem; color: var(--global-text-color); }

.news table th { color: var(--global-text-color); }

.social { text-align: center; }
.social .contact-icon { font-size: 2rem; }
.social .contact-icon a { text-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px, rgba(0, 0, 0, 0.12) 0px 2px 10px; color: var(--global-icon-color) !important; }
.social .contact-icon a:hover { color: var(--global-theme-color) !important; }
.social .contact-note { font-size: 0.8rem; }

footer.fixed-bottom { background-color: var(--global-footer-bg-color) !important; font-size: 0.75rem; }
footer.fixed-bottom .container { color: var(--global-footer-text-color) !important; padding-top: 9px; padding-bottom: 8px; border-radius: 0.3rem; }
footer.fixed-bottom a { color: var(--global-footer-link-color) !important; }
footer.fixed-bottom a:hover { color: pink; text-decoration: none; }

footer.sticky-bottom { border-top: 1px solid #e8e8e8; padding-top: 40px; padding-bottom: 40px; font-size: 0.9rem; }

.header-bar { border-bottom: 1px solid #e8e8e8; text-align: center; padding-top: 2rem; padding-bottom: 5rem; }
.header-bar h1 { color: var(--global-theme-color); font-size: 5rem; }

.post-list { margin: 0; margin-bottom: 40px; padding: 0; }
.post-list li { border-bottom: 1px solid #e8e8e8; list-style: none; padding-top: 2rem; padding-bottom: 2rem; }
.post-list li .post-meta { color: #828282; font-size: 0.875rem; margin-bottom: 0; }
.post-list li a { color: var(--global-text-color); text-decoration: none; }
.post-list li a:hover { color: var(--global-theme-color); }

.pagination .page-item .page-link { color: var(--global-text-color); }
.pagination .page-item .page-link:hover { color: #000000; }
.pagination .page-item.active .page-link { background-color: var(--global-theme-color); }
.pagination .page-item.active .page-link:hover { background-color: var(--global-theme-color); }

.distill a:hover { border-bottom-color: var(--global-theme-color); text-decoration: none; }

.projects .grid-item { width: 250px; margin-bottom: 10px; }
.projects .grid-item a { color: black; text-decoration: none; }
.projects .grid-item a:hover { color: var(--global-theme-color); }
.projects .card img { width: 100%; }

.myabbr { height: 2rem; margin-bottom: 0.5rem; }
.myabbr abbr { display: inline-block; background-color: var(--global-badge-color); padding-left: 1rem; padding-right: 1rem; }
.myabbr abbr a { color: white; }
.myabbr abbr a:hover { text-decoration: none; }

.mybtn { color: var(--global-text-color) !important; border: 1px solid var(--global-text-color) !important; padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.mybtn:hover { color: var(--global-theme-color) !important; border-color: var(--global-theme-color) !important; }

.myyear { color: #828282; border-top: 1px solid #e8e8e8; padding-top: 1rem; margin-top: 2rem; margin-bottom: -2rem; text-align: right; }

html { scroll-padding-top: 100px; /* height of sticky header */ }

.publications div.row:target { background-color: var(--global-my-box-color); color: var(--global-my-box-text-color); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: .25rem; padding-top: 1ex; padding-bottom: 1ex; }
.publications div.row:target .title, .publications div.row:target .author, .publications div.row:target .periodical, .publications div.row:target .links > .btn, .publications div.row:target em { color: var(--global-my-box-text-color) !important; }
.publications div.row:target .links > .btn { border: 1px solid var(--global-my-box-text-color) !important; }
.publications div.row:target .links > .btn:hover { color: var(--global-my-box-color) !important; background-color: var(--global-my-box-text-color) !important; border-color: var(--global-my-box-color) !important; }

.publications { margin-top: 2rem; }
.publications h1 { color: var(--global-theme-color); font-size: 2rem; text-align: center; margin-top: 1em; margin-bottom: 1em; }
.publications h2 { margin-bottom: 1rem; }
.publications h2 span { font-size: 1.5rem; }
.publications h2.year { color: var(--global-bibyear-color); border-top: 2px solid var(--global-my-border-color); padding-top: 1rem; margin-top: 2rem; margin-bottom: -2rem; text-align: right; }
.publications ol.bibliography { list-style: none; padding: 0; margin-top: 0; }
.publications ol.bibliography li { margin-bottom: 1rem; }
.publications ol.bibliography li .abbr { height: 2rem; margin-bottom: 0.5rem; }
.publications ol.bibliography li .abbr abbr { display: inline-block; background-color: var(--global-badge-color); padding-left: 1rem; padding-right: 1rem; }
.publications ol.bibliography li .abbr abbr a { color: white; }
.publications ol.bibliography li .abbr abbr a:hover { text-decoration: none; }
.publications ol.bibliography li .abbr .award { color: var(--global-theme-color) !important; border: 1px solid var(--global-theme-color); }
.publications ol.bibliography li .title { font-weight: 400 !important; }
.publications ol.bibliography li .author a { border-bottom: 1px dashed var(--global-theme-color); }
.publications ol.bibliography li .author a:hover { border-bottom-style: solid; text-decoration: none; }
.publications ol.bibliography li .author > em { border-bottom: 1px solid; font-style: normal; }
.publications ol.bibliography li .links a.btn { color: var(--global-text-color) !important; border: 1px solid var(--global-text-color) !important; padding-left: 1rem; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem; }
.publications ol.bibliography li .links a.btn:hover { color: var(--global-theme-color) !important; border-color: var(--global-theme-color) !important; }
.publications ol.bibliography li .hidden { font-size: 0.875rem; max-height: 0px; overflow: hidden; text-align: justify; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -ms-transition: 0.15s ease; -o-transition: 0.15s ease; transition: all 0.15s ease; }
.publications ol.bibliography li .hidden p { line-height: 1.4em; margin: 10px; }
.publications ol.bibliography li .hidden pre { font-size: 1em; line-height: 1.4em; padding: 10px; }
.publications ol.bibliography li .hidden.open { max-height: 100em; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -ms-transition: 0.15s ease; -o-transition: 0.15s ease; transition: all 0.15s ease; }
.publications ol.bibliography li div.abstract.hidden { border: dashed 1px var(--global-bg-color); }
.publications ol.bibliography li div.abstract.hidden.open { border-color: var(--global-text-color); }

code { color: var(--global-theme-color); }

html.transition, html.transition *, html.transition *:before, html.transition *:after { transition: all 750ms !important; transition-delay: 0 !important; }