/* Primary color for links, buttons, portal header, titles  */
a,
.text-primary,
.btn-primary .badge,
.btn-link,
.pagination > li > a,
.pagination > li > span,
.nav-site-sidebar .active > a,
.portal-single-publication .publication-icon i,
.portal-single-publication .publication-icon .fa,
.publication-contents a:hover,
.publication-contents h4 a,
.titlepage h1.title,
.titlepage h2.title,
.titlepage h3.title {
    color: #f7bc13;
}

.bg-primary,
.btn-primary,
.publications-condensed .portal-single-publication a,
.toolbar,
.tool-search-form .search-field,
.pager li > a:hover,
.pager li > span:hover,
.colored-top .site-sidebar-header {
    background-color: #182631;
}

.btn-primary,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.colored-top .site-sidebar-header {
    border-color: #f7bc13;
}

/* Hover primary color */
a:hover,
a:focus,
a.text-primary:hover,
a.text-primary:focus,
.btn-link:hover,
.btn-link:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #f7bc13;
}

a.bg-primary:hover,
a.bg-primary:focus,
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.portal-header .portal-search button:hover {
    background-color: #f7bc13;
}

.nav-site-sidebar li a:focus {
    background-color: transparent;
}

.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    border-color: #f7bc13;
}

/* Secondary color - For portal search button, publication count */
.portal-header .portal-search button {
    background-color: #f7bc13;
}

.publication-contents h4 span {
    background-color: transparent;
}


/* Other colors */
.portal-footer {
    background: #182631;
    color: #ffffff;
}

.cat-panel-1:before {
    content: "\f29a";
}

portal-header::after {
    filter: grayscale(0%) !important;
}

.section-toc .topic-link,
.relationship-toc .topic-link {
    font-size: 1.5em;
    line-height: 1.4em;
}

.section-toc .topic-link,
.relationship-toc .topic-link:hover {
    color: #f7bc13;
}

.title {
    font-size: 45px;
    font-weight: 900;
}

.topic-link.section.reused-publication {
    font-weight: 900;
}

#materialbox-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffffd1;
    z-index: 1000;
    will-change: opacity;
    opacity: 0;
}

.portal-single-publication {
    width: 33%;
}

.portal-single-publication h3 {
    font-size: 25px;
    font-weight: 600;
    color: #000;
}

.portal-body {
    background: #f6f9fb;
}

.inlinemediaobject img:not([height]):not([width]) {
    height: 80%;
    vertical-align: baseline;
}

.inlinemediaobject {
    vertical-align: baseline;
}

.accordion {
    margin: 0px !important;
    padding: 0px !important;
}

.panel {
    margin-top: 1.5em;
    box-shadow: none;
    border-radius: 5px;
    border: 0.5px solid #ccc;
}

.title {
    font-size: 35px;
    font-weight: 900;
}

h5.title {
    margin: 20px;
}

.title > h5.title {
    font-size: 25px;
}

a.topic-link.section.accordion {
    display: none;
}

.image-viewport td {
    border: 0px !important;
}

td.td.align-top {
    vertical-align: middle !important;
}

.linktype-component {
    text-decoration: underline !important;
    color: #4168a9 !important;
}

.link {
    text-decoration: underline !important;
    color: #4168a9 !important;
}

h1,
h2,
h3 {
    font-family: futura;
}