/* === GLOBAL RESETS === */
html, body {
    height: 100%;
    margin: 0;
}

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

/* === TABLES === */
table {
    margin-bottom: 60px;
}

table td {
    border: .25pt solid #e7e7e7;
}

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

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

img:not(.materialboxed),
.image-viewport,
.mediaobject,
.warning, .note, .important, .caution, .tip {
    margin-bottom: 60px !important;
}

.mediaobject .caption {
    margin-top: 0;          /* remove the margin between the image and the caption */
    margin-bottom: 60px;    /*!important;*/  /* add a margin below the caption */
    font-style: italic;
}

/* === GLOSSARY TERMS === */
.glossterm {
    color: inherit;
    text-decoration: 2px #2CADF8 underline dotted;
}

/* === PORTAL LAYOUT === */
.portal-content {            /* responsive portal page */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

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

.portal-header:after,        /* remove filter color from portal header */
.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%);
}

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

.portal-body {                /* responsive portal page */
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
}

/* Make .portal-body-container fill available space */
.portal-body-container {
    flex: 1;
    display: flex;
    align-items: center;      /* vertical centering */
    justify-content: center;  /* horizontal centering (optional) */
}

/* .inner-row becomes centered content */
.portal-publications .inner-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* === PORTAL CONTENT === */
.featured-content-label,      /* get rid of featured content panel on portal page */
.portal-contents featured-content,
.portal-contents .inner {
    display: none;
}

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

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

/* === COMMENTED OUT / OPTIONAL === */

/*
.visited-links {
    color: #551A8B;
}

.portal-single-publication h3:hover {
    color: #2CA7DF;
}

.portal-single-publication a {
    color: #394e70;
    display: inline-block;
    padding: 20px 20px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.09);
    transition: box-shadow 0.25s ease-in-out;
}

.portal-single-publication a:hover {
    color: #2CA7DF;
}

.portal-single-publication .publication-icon {
    background-color: #00A4E8;
}

.cat-panel-1:before { content: "\f233"; }
.cat-panel-2:before { content: "\f0ad"; }
...
.cat-panel-14:before { content: "\f121"; }

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),
        local('MaterialIcons-Regular'), 
        url(http://docs.cpacket.com/variablefont/MaterialIcons-Regular.woff2) format('woff2'),
        url(http://docs.cpacket.com/variablefont/MaterialIcons-Regular.woff) format('woff');
}
*/