/*
Theme Name: Belmont County Clerk of Courts
Theme URI: https://belmontcountycoc.org/
Author: 10T Web Design
Author URI: https://10t.co/
Description: 2026 WordPress theme for the Belmont County Clerk of Courts
Version: 1.0
Tags: light, one-column, two-columns, flexible-width, featured-images
Text Domain: belmontcoc2026
*/

:root {
    --sticky-alert-height: 0px;
}

.bg-custom-navbar {
    background-color: #0F5715;
    background-image: url('assets/images/green-background.webp');
    background-repeat: repeat;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    text-wrap: balance;
}

h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 1em;
}

/* Navigation */
@media (hover: hover) and (pointer: fine) {
	.navbar .dropdown:hover > .dropdown-menu,
	.navbar .dropdown:focus-within > .dropdown-menu {
        display: block;
    }

	.navbar .dropdown:hover > .dropdown-toggle,
	.navbar .dropdown:focus-within > .dropdown-toggle {
		/* Optional: style the active/open parent */
	}
}

@media (hover: hover) and (pointer: fine) {
	.navbar .nav-item:nth-last-child(-n + 2) > .dropdown-menu {
		right: 0;
		left: auto;
	}
}

@media screen and (max-width: 400px) {
    .navbar-brand-hide-for-xs {
        display:none;
    }
}
@media screen and (max-width: 550px) {
    .navbar-brand-hide-for-sm {
        display:none;
    }
}
/* End Navigation */

/* Cards */
a.card-link {
    text-decoration: none;
}

@media (prefers-reduced-motion) {
    .card {
        transition: none;
    }
    .card:hover {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transform: none;
    }
}

/* End Cards */

/* Front Page */
#court-records {
    background: #0F5715;
    color: #fefefe;
    background-image: url('assets/images/green-background.webp');
    background-repeat: repeat
}

#legal-division, #front-contact {
    background: #CAF7CC;
}
#legal-division a:not(.btn), #front-contact a:not(.btn) {
    color: #16791D;
}

#front-news-alert {
    background: #EB0000;
    color: #fefefe;
    border-top: 5px solid #000000;
    border-bottom: 5px solid #000000;
}

/* End Front Page */

/* Post */
.post-meta-container {
    font-size: 0.85em;
    font-family: "Merriweather", sans-serif;
}
/* End posts */

/* Footer */
footer {
    background: #000000;
    color: #ffffff;
    padding-bottom: var(--sticky-alert-height);
}
footer a {
    color: #949494;
}
footer a:hover {
    color: #dddddd
}

ul.footer-nav {
    list-style-type: none;
    padding-left: 0px;
}
@media screen and (min-width: 992px) {
    ul.footer-nav li {
        display: inline;
        padding-left: 1em;
        font-size:0.9em;
    }
}

.bg-alert {
    background-color: #EB0000;
}
#alertContainer {
    z-index: 100;
}

.cookie-notice {
    z-index: 1050;
}
body.cookie-notice-visible {
    padding-bottom: var(--cookie-notice-height, 0);
}

.privacy-policy-footer-link {
    color: #bbbbbb;
}

/* End Footer */

/* General */

.merriweather {
    font-family: "Merriweather", sans-serif;
}

.sidebar-alert .h4 {
    margin-top:0;
}
.sidebar-alert p:last-of-type {
    margin-bottom:0;
}