@charset "UTF-8";
/*
Theme Name: StConradsWp
Theme URI: https://stconradmission.org/
Author: Jackson Phirie
Author URI: https://stconradmission.org/
Template:     	twentynineteen
Version:      	3.0.6
Description: StConradsWp is a child theme of the Wordpress Twenty Nineteen Theme.
It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website.
Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you're running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Bundled block pattern images:
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H

*/


/* ==========================================================================
   Twenty Nineteen Child Theme - Extra Compact Typography
   ========================================================================== */

/* 1. Base Body & Post Content Text */
body,
.entry-content,
.entry-content p,
.entry-summary,
.entry-content li {
    font-size: 0.9rem !important; /* ~14.4px baseline */
    line-height: 1.5;
}

/* 2. Post & Page Titles */
.entry-title {
    font-size: 1.4rem !important;
}

/* 3. Heading Tags inside Post Content (h1 - h6) */
.entry-content h1 {
    font-size: 1.35rem !important;
}

.entry-content h2 {
    font-size: 1.2rem !important;
}

.entry-content h3 {
    font-size: 1.05rem !important;
}

.entry-content h4 {
    font-size: 0.95rem !important;
}

.entry-content h5 {
    font-size: 0.9rem !important;
}

.entry-content h6 {
    font-size: 0.85rem !important;
}

/* 4. Desktop Adjustments (overriding Twenty Nineteen's responsive scale) */
@media screen and (min-width: 48.25em) {
    .entry-title {
        font-size: 1.65rem !important;
    }

    .entry-content h1 {
        font-size: 1.45rem !important;
    }

    .entry-content h2 {
        font-size: 1.3rem !important;
    }

    .entry-content h3 {
        font-size: 1.15rem !important;
    }
}


/* Reduce overlay color opacity by 85% (setting opacity to 0.15) */
.image-filters-enabled .site-header.featured-image::after,
.image-filters-enabled .post-thumbnail::after,
.image-filters-enabled .entry-header::after {
    opacity: 0.15 !important;
}

/* ==========================================================================
   Twenty Nineteen Child Theme - Traditional Full-Width Content Layout
   ========================================================================== */

/* 1. Expand overall content container width */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-footer,
.site-content .comments-area {
    max-width: 1140px !important; /* Standard traditional content width */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* 2. Override Twenty Nineteen's desktop off-center grid push */
@media screen and (min-width: 48.25em) {
    /* Reset left alignment offset on post content elements */
    .entry-content > *,
    .entry-summary > *,
    .entry-header .entry-title,
    .entry-header .entry-meta {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }

    /* Keep Gutenberg full/wide align blocks working inside content */
    .entry-content > .alignwide {
        max-width: 100% !important;
    }

    .entry-content > .alignfull {
        max-width: 100vw !important;
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
}


/* ==========================================================================
   2-Column Grid & Sticky Sidebar Layout
   ========================================================================== */

/* Outer Container Width */
.custom-layout-container {
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Single-Column Full Width Option */
.full-width-layout .custom-main-content {
    width: 100%;
    max-width: 100% !important;
}

/* Desktop 2-Column Grid Setup */
@media screen and (min-width: 60em) {
    .has-sidebar-layout {
        display: flex;
        justify-content: space-between;
        align-items: flex-start; /* Required for sticky behavior */
        gap: 40px;
    }

    /* Main Content Area (approx ~68% width) */
    .has-sidebar-layout .custom-main-content {
        flex: 1;
        width: 68%;
        max-width: 68% !important;
        margin: 0 !important;
    }

    /* Sidebar Area (approx ~28% width) */
    .has-sidebar-layout .custom-sidebar-content {
        width: 28%;
        min-width: 280px;
        margin: 0 !important;
    }
}

/* Sidebar Widget Styling Adjustments */
.custom-sidebar-content .widget {
    margin-bottom: 2rem;
    font-size: 0.9rem;
}

.custom-sidebar-content .widget-title {
    font-size: 1.1rem !important;
    margin-bottom: 0.75rem;
    border-bottom: 2px solid #eee;
    padding-bottom: 0.25rem;
}



/* ==========================================================================
   Bootstrap Navy Blue Footer Styles
   ========================================================================== */

/* Navy Blue Background Override */
.bg-navy {
    background-color: #0B1B3D !important; /* Deep Navy Blue */
    color: #ffffff !important;
}

/* Footer Links: White Text, No Default Underline */
.site-footer a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;
}

/* Footer Links Hover State: Underline on Hover */
.site-footer a:hover,
.site-footer a:focus {
    text-decoration: underline !important;
    color: #e2e8f0 !important; /* Soft bright white hover tone */
}

/* Widget Lists formatting inside Footer */
.site-footer ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.site-footer ul li {
    margin-bottom: 0.5rem;
}

/* Sub-text contrast helpers */
.site-footer p, 
.site-footer span {
    color: #e2e8f0;
}


/* ==========================================================================
   Extra Compact Footer Typography (Matches Breadcrumbs Size)
   ========================================================================== */

/* 1. Footer Headings (Slightly larger than small body text for visual hierarchy) */
.site-footer .widget-title,
.site-footer h5 {
    font-size: 0.85rem !important; /* ~13.5px bold title scale */
    font-weight: 600 !important;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem !important;
}

/* 2. Footer Body Text, Widget Links, and Paragraphs */
.site-footer,
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer .widget,
.site-footer .footer-nav-menu a {
    font-size: 0.72rem !important; /* Matches breadcrumb size (~11.5px) */
    line-height: 1.4 !important;
}

/* 3. Bottom Copyright, Privacy Policy, & Powered By Bar */
.site-footer .site-info,
.site-footer .site-info a,
.site-footer .site-info span {
    font-size: 0.72rem !important; /* Unified small size */
    opacity: 0.9;
}

/* 4. Keep hover behavior crisp at small sizes */
.site-footer a:hover,
.site-footer a:focus {
    text-decoration: underline !important;
}


/* Remove text decoration across all links globally */
a,
a:visited,
.entry-content a,
.entry-title a,
.site-content a,
.widget a {
    text-decoration: none !important;
}


/* ==========================================================================
   Bootstrap Breadcrumb Theme Overrides
   ========================================================================== */

.bootstrap-breadcrumbs-wrapper .breadcrumb {
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 0.85rem !important; /* Slightly smaller than main 0.9rem copy */
}

/* Breadcrumb Divider Color & Spacing */
.breadcrumb-item + .breadcrumb-item::before {
    content: "/" !important;
    color: #6c757d;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* Active Breadcrumb (Current Page) */
.breadcrumb-item.active {
    color: #6c757d !important;
    font-weight: 500;
}


/* ==========================================================================
   Compact / Small Bootstrap Breadcrumb Styles
   ========================================================================== */

/* 1. Reduce overall wrapper margins and padding */
.bootstrap-breadcrumbs-wrapper {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    margin-bottom: 1rem !important; /* Reduces gap between breadcrumb and page title */
}

/* 2. Shrink breadcrumb text and line height */
.bootstrap-breadcrumbs-wrapper .breadcrumb,
.bootstrap-breadcrumbs-wrapper .breadcrumb-item,
.bootstrap-breadcrumbs-wrapper .breadcrumb-item a {
    font-size: 0.72rem !important; /* Small, discrete size (~11.5px) */
    line-height: 1.2 !important;
    letter-spacing: 0.03em;
}

/* 3. Style and shrink slash dividers */
.bootstrap-breadcrumbs-wrapper .breadcrumb-item + .breadcrumb-item::before {
    content: "/" !important;
    font-size: 0.65rem !important;
    color: #999999 !important;
    padding-right: 0.35rem !important;
    padding-left: 0.35rem !important;
}

/* 4. Active item (current page) tone down */
.bootstrap-breadcrumbs-wrapper .breadcrumb-item.active {
    color: #888888 !important;
    font-weight: 400 !important;
}




/* ==========================================================================
   Bootstrap 5 Multi-Level Navbar Styles (Matched to Footer Size)
   ========================================================================== */

/* 1. Navbar Container & Base Styling */
.main-bootstrap-nav {
    /* background-color: #0B1B3D !important; Navy Blue background matching footer */
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

/* 2. Compact Font Sizing (Matches 0.72rem Footer Scale) */
.main-bootstrap-nav .navbar-brand {
    font-size: 0.85rem !important;
}

.main-bootstrap-nav .nav-link,
.main-bootstrap-nav .dropdown-item {
    font-size: 0.72rem !important; /* Matches breadcrumb & footer links (~11.5px) */
    line-height: 1.4 !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #ffffff !important;
}

.main-bootstrap-nav .dropdown-item {
    /* color: #212529 !important; Dark text on white dropdown background */
}

/* 3. Hover Underline Effect */
.main-bootstrap-nav .nav-link:hover,
.main-bootstrap-nav .dropdown-item:hover {
    text-decoration: underline !important;
}

/* 4. Desktop Hover Flyout Logic for Triple Nested Submenus */
@media (min-width: 992px) {
    /* Show 1st Level Dropdown on Hover */
    .main-bootstrap-nav .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    /* 2nd & 3rd Level Submenu Position (Flyout to the right) */
    .main-bootstrap-nav .dropdown-menu .dropdown-submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        margin-top: -1px;
    }

    /* Show 2nd / 3rd Level Flyouts on Parent Hover */
    .main-bootstrap-nav .dropdown-menu > li:hover > .dropdown-submenu {
        display: block;
    }
}

/* 5. Mobile Accordion Spacing Adjustments */
@media (max-width: 991.98px) {
    .main-bootstrap-nav .dropdown-menu .dropdown-submenu {
        padding-left: 1rem; /* Indent submenus on mobile screens */
    }
}


/* =================================================================atal
   Custom Latest Posts Widget Styling (Twenty Nineteen Child)
   =================================================================== */

.twentynineteen-custom-posts-widget {
    list-style: none !important;
    list-style-type: none !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.twentynineteen-custom-posts-widget li.custom-post-item {
    list-style: none !important;
    list-style-type: none !important;
    text-decoration: none !important;
    margin-bottom: 1.8rem;
}

/* Thumbnail Wrapper & Hover Overlay matching Twenty Nineteen */
.twentynineteen-custom-posts-widget .custom-post-thumb-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 0.6rem;
    border-radius: 4px;
}

.twentynineteen-custom-posts-widget .custom-post-thumb-wrap img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.twentynineteen-custom-posts-widget .post-thumbnail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary, #0073aa);
    opacity: 0;
    transition: opacity 0.3s ease;
    mix-blend-mode: multiply;
    pointer-events: none;
}

.twentynineteen-custom-posts-widget .custom-post-thumb-wrap:hover .post-thumbnail-overlay {
    opacity: 0.8; /* Matches core Twenty Nineteen overlay behavior */
}

.twentynineteen-custom-posts-widget .custom-post-thumb-wrap:hover img {
    transform: scale(1.02);
}

/* Post Title Styling */
.twentynineteen-custom-posts-widget .custom-post-title {
    font-size: 1rem;
    line-height: 1.4;
    margin: 0 0 0.4rem 0;
    font-weight: 700;
}

.twentynineteen-custom-posts-widget .custom-post-title a {
    text-decoration: none;
    color: inherit;
}

.twentynineteen-custom-posts-widget .custom-post-title a:hover {
    color: var(--primary, #0073aa);
}

/* Category Pill / Badge Styling */
.twentynineteen-custom-posts-widget .custom-post-category {
    display: block;
}

.twentynineteen-custom-posts-widget .category-pill {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.05);
    color: #666;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.15rem 0.55rem;
    border-radius: 50px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.twentynineteen-custom-posts-widget .category-pill:hover {
    background-color: var(--primary, #0073aa);
    color: #fff;
}


/* CSS */
.clean-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}