/* =============================================================================
   TABLES
   ============================================================================= */

table {
    margin-bottom: 60px;
}

th {
    background-color: #2CA7DF;
    color: white;
}

table td {
    border-top: .25pt solid #e7e7e7;
    border-bottom: .25pt solid #e7e7e7;
    border-left: .25pt solid #e7e7e7;
    border-right: .25pt solid #e7e7e7;
}

/* =============================================================================
   IMAGES
   ============================================================================= */

img:not(.materialboxed) {
    margin-bottom: 60px !important;
}

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

.image-viewport {
    margin-bottom: 60px;
}

.mediaobject {
    margin-bottom: 60px;
}

.mediaobject .caption {
    margin-top: 0;
    margin-bottom: 60px;
    font-style: italic;
}

/* =============================================================================
   TYPOGRAPHY
   ============================================================================= */

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #000000;
    background-color: #ffffff;
    border-radius: 4px;
}

.glossterm {
    color: inherit;
    text-decoration: 2px #2CADF8 underline dotted;
}

/* =============================================================================
   ALERTS / ADMONITIONS
   ============================================================================= */

.warning, .note, .important, .caution, .tip {
    margin-bottom: 60px;
}

/* =============================================================================
   PORTAL LAYOUT
   ============================================================================= */

html, body {
    height: 100%;
    margin: 0;
}

.portal-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.portal-body {
    flex: 1;
    background-color: #f2f2f2;
}

.site-sidebar {
    background-color: #343a40;
}

/* Portal header */
.portal-header .portal-search button,
.publication-contents h4 span {
    background-color: #2ca7df;
}

.portal-header::after {
    z-index: -5;
    background: url(image/portal2b-bg.jpg) no-repeat center center;
    background-size: cover;
    opacity: 1.0;
    filter: grayscale(0%);
}

/* Hide featured content panel */
.featured-content-label,
.portal-contents .inner {
    display: none;
}

/* =============================================================================
   PORTAL TILES
   ============================================================================= */
.portal-single-publication {
    width: 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.portal-single-publication h3 {
    font-size: 22px;
    justify-self: center;
    align-self: anchor-center;
    color: #394e70;
}

.portal-single-publication a {
    border-radius: 12px;
}