/* ROOT VARIABLES BEGIN */
:root {
    --site-cyan: #01EBFF;
    --site-cyan-dark: #0c4448;
    --site-green: #4EAC39;
    --site-orange: #f08321;
    --site-yellow: #FFDE3D;

    --font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: "Nanum Myeongjo", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-family: var(--font-serif);
    --bs-body-line-height: 2rem;
}
/* ROOT VARIABLES END */

/* COLORS BEGIN */

.text-site { color: var(--site-orange); }

/* COLORS END */

/*BUTTONS BEGIN*/

/*BUTTONS END*/

/* FONTS BEGIN */
.font-sans-serif { font-family: var(--font-sans-serif) !important; }
.fs-10 { font-size: 10pt; }
.fw-extrabold { font-weight: 800 !important; }

.nanum-myeongjo-regular {
    font-family: var(--font-serif);
    font-weight: 400;
    font-style: normal;
}

.nanum-myeongjo-bold {
    font-family: var(--font-serif);
    font-weight: 700;
    font-style: normal;
}

.nanum-myeongjo-extrabold {
    font-family: var(--font-serif);
    font-weight: 800;
    font-style: normal;
}

/* FONTS END*/

/* SINGLE ARTICLE VIEW / DISPLAY BEGIN*/
div.singleContent {
    h1, h2, h3, h4, h5, h6,
    p, abbr, ol, ul, dl, dt, dd { font-family: var(--font-serif); }

    img {
        max-width: 100%;
        height: auto;
    }
    div.sourcebutton { margin: 10px auto 25px auto; }

    a.btn[href^="https://su"] { color: var(--site-cyan); }
    a.btn[href^="https://mo"] { color: var(--site-orange); }
    a.btn[href^="https://st"] { color: var(--site-green); }

    .sourcebutton a[href^="https://su"]:not([href*="finance"]) { color: var(--site-cyan) !important; }
    .sourcebutton a[href^="https://mo"]:not([href*="finance"]) { color: var(--site-orange) !important; }
    .sourcebutton a[href^="https://st"]:not([href*="finance"]) { color: var(--site-green) !important; }
}

/* SINGLE ARTICLE VIEW / DISPLAY END*/


/* ARTICLE DISPLAY CARDS BEGIN */
.cover-image-container img {
    max-width: 100%;
    height: auto;
}

.search-result-card img {
    height: 100px !important;
    width: 100px !important;
    object-fit: cover;
    object-position: center;
}

.post-title {
    font-size: 1.09rem;
    text-decoration: none;
    font-weight: 800;
}
.post-title:hover { text-decoration: underline; }

.publish-date { font-size: 10pt; }

.page-item-link { text-decoration: none; }

.page-item:hover {
    color: #495057;
    background-color: #f8f9fa;
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

/* ARTICLE DISPLAY CARDS END */

/* TESTIMONIALS BEGIN */

#testimonialCarousel {
    min-height: 550px;

    .blockquote-footer { color: var(--bs-body-color); }
    .carousel-controls {
        position: absolute;
        width: 148px;
        height: 64px;
        bottom: -48px;
        right: 0;
    }
    .carousel-control-prev,
    .carousel-control-next {
        width: 64px;
        border-radius: 50%;
        background-color: var(--bs-body-color);
    }
    .carousel-control-next-icon { margin-left: 3px; }
    .carousel-control-prev-icon { margin-right: 3px; }

    @media (min-width: 576px) { min-height: 336px; }
    @media (min-width: 768px) { min-height: 240px; }
    @media (min-width: 992px) { min-height: 208px; }
    @media (min-width: 1200px) { min-height: 176px; }
}

/* TESTIMONIALS END */

/* CATEGORY NAV BEGIN */

.category-nav .nav-link {
    color: black;
    font-size: 12px;
    font-weight: 800;
    padding: 0.5rem 0.25rem;
}
.category-nav .nav-link:hover { color: var(--site-orange); }
@media (min-width: 1200px) {
    .category-nav .nav-link {
        font-size: 14px;
        padding: 0.5rem;
    }
}
@media (min-width: 1400px) {
    .category-nav-container .container { max-width: 1650px; }
    .category-nav .nav-link { font-size: 1rem; }
}

/* CATEGORY NAV END */

/* LATEST ITEMS HOMEPAGE MODULE BEGIN*/
.latest-item {
    font-size: 10pt;
}

.latest-list {
    height: 250px;
    overflow-y: scroll;
}

/* LATEST ITEMS HOMEPAGE MODULE END*/

/*CATEGORY SECTIONING BEGIN*/
.allmoderule {
    background-color: #b4b4b4;
    height: 1px;
    flex-grow: 100;
    margin-top: 15px;
    margin-left: 15px;
}

/* CATEGORY SECTIONING  END */

/*MEDIA QUERIES*/
@media (min-width: 992px) {
    .latest-list {
        position: absolute;
        height: auto;
        top: 38px;
        bottom: 0;
        margin-bottom: 16px;
    }
}

@media (max-width: 1200px) {
    .post-title {
        font-size: 1rem;
    }
}