/*
    The vast majority of the CSS can be found in the clean-cooling/unified-front-end-bundle
    package as it is common to all our apps. Only add portal-specific CSS and/or overrides
    here. Anything that is a global change should be moved to the unified front end package.
*/

.pagination a {
    text-decoration: none;
}

blockquote {
    border-left: 4px solid #29b5b2;
    padding: 1em 2em 1em 1em;
    margin: 2em 1em;

    cite {
        font-style: italic;
    }
}

/* Content images and videos */
.content-image {
    margin-bottom: 2rem;
}

.content-video {
    margin: 2rem 0;
}

/* Used for images and videos */
figcaption {
    font-size: 85%;
    margin-top: 2px;
    font-style: italic;
}

/* Crumb trail */
.breadcrumbs {
    padding-left: 0;
    li {
        list-style: none;
        display: inline-block;
        font-size: 85%;
        margin-right: 2px;
        color: #aaa;

        a {
            margin-left: 2px;
            color: #aaa;
        }
    }
}

/* HIGHLIGHTED PROMOS */

.highlighted-promo {
    .card-body {
        h3 {
            color: #29b5b2;
            line-height: 1.3em;
            font-size: 36px;
            font-weight: 700;
        }
        font-size: 115%;
        font-weight: 500;
    }
}

/* The sidebar navigation menu */

#link-box {
    background-color: rgb(85, 190, 194);
    padding: 20px 10px 20px 20px;
    margin-bottom: 2rem;
    border-radius: 15px;
}

#link-box h4 {
    color: white;
    border-bottom: 2px solid white;
    padding-bottom: 1rem;
}

#link-box ul {
    color: rgb(25, 45, 69);
    margin: 0 0 0 20px !important;
    padding: 0 !important;
    white-space: normal !important;
}

#link-box ul li {
    margin: 0 !important;
    padding: 10px 0 0 0 !important;
    font-weight: 600;
}
#link-box a {
    font-size: 100% !important;
}

#link-box a:link,
#link-box a:active {
    color: #192d45;
    font-size: 23px;
    text-decoration: none !important;
    line-height: 1.5 !important;
}

#link-box a:visited {
    color: #3d475f;
    text-decoration: none !important;
    line-height: 1.5 !important;
}

#link-box a:hover {
    color: #fff !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
}

#link-box .current-link span {
    color: #fff !important;
    border-bottom: 1px solid #fff;
}

.quote-panel {
    p {
        display: inline;
        line-height: 2em;
    }
}

/* Leaflet Maps */
#map {
    height: 250px;
}

/* Callouts */
.callout {
    border-radius: 0.5rem;
    border-left: 5px solid rgb(85, 190, 194);
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    margin: 1rem 0;
    background-color: #efefef;
}

/*
.callout-info {}
.callout-warning {}
.callout-danger {}
*/

/* Linked Lists with thumbnails */
.linked-list-with-thumbnail {
    .item-description {
        line-height: 1.4em !important;
        margin-top: -3px;
        .small {
            margin-top: 3px;
        }
    }
}