/* =========================================
   GLOBAL LINK STYLING
   ========================================= */

/* Normal links */
a,
.card a {
    color: #0B1970;
    text-decoration: none;
}

/* Standard links - no colored hover background */
a:not(.btn):hover,
.card a:not(.btn):hover,
.card a.fw-bold:not(.btn):hover {
    color: #0B1970 !important;
    background-color: transparent !important;
    text-decoration: underline;
    transition: color 0.2s ease-in-out;
}

/* Bold text hover */
.fw-bold:not(.btn):hover {
    color: #0B1970 !important;
}

/* Link focus / active */
a:not(.btn):focus,
a:not(.btn):active {
    color: #0B1970 !important;
    background-color: transparent !important;
}


/* =========================================
   SIDEBAR / MENU LINKS
   No Hover Background
   ========================================= */

.sidebar a:hover,
.sidebar a:focus,
.sidebar .nav-link:hover,
.sidebar .nav-link:focus {
    background-color: transparent !important;
}


/* =========================================
   BADGE VISIBILITY
   ========================================= */

.rc-badge {
    background: #E9EDF2;
    color: #333;
    border: 1px solid #CCC;
}

.rc-badge:hover {
    background: #0B1970;
    color: #FFF !important;
    border-color: #0B1970;
}


/* =========================================
   CARD TITLE HOVER
   ========================================= */

.rc-card-title:hover {
    color: #0B1970 !important;
}


/* =========================================
   CKEDITOR IMAGE CENTERING & SCALE
   ========================================= */

.ck-content img {
    max-width: 100%;
    height: auto;
}

/* Center single images */
.ck-content figure.image {
    display: block;
    margin: 1rem auto;
}

/* Captions */
.ck-content figure.image figcaption {
    text-align: center;
    font-size: 0.875rem;
    color: #6c757d;
}

/* Side image */
.ck-content figure.image.image-style-side {
    float: right;
    margin: 0 0 1rem 1rem;
    max-width: 40%;
}


/* =========================================
   MOBILE IMAGE FIX
   ========================================= */

@media (max-width: 768px) {

    .ck-content figure.image.image-style-side {
        float: none;
        margin: 1rem auto;
        max-width: 100%;
    }

}


/* =========================================
   OPTIONAL 2-COLUMN IMAGE GALLERY
   ========================================= */

@media (min-width: 992px) {

    .ck-content p > .image,
    .ck-content .image + .image {
        display: inline-block;
        width: 48%;
        vertical-align: top;
        margin: 0 1% 1rem;
    }

}