/*
Theme Name: Village of Powhatan Point
Theme URI: https://powhatanpointoh.gov/
Author: 10T Web Design
Author URI: https://10t.co/
Description: 2026 WordPress theme for the Village of Powhatan Point, Ohio
Version: 1.0
Tags: light, one-column, two-columns, flexible-width, featured-images
Text Domain: vopp2026
*/

/*
* NAVIGATION
*/

/* Correct drop-down off-screen on last item */
@media (min-width: 992px) {
    .navbar.navbar-expand-lg .navbar-nav > li:last-child.dropdown > .dropdown-menu {
        left: auto;
        right: 0;
    }
}

nav.bg-custom {
    background-color: #3A6FD1;
    background-image: url('images/back.jpg');
    background-repeat: repeat;
}

.navbar .navbar-nav > .nav-item > .nav-link {
    color: #FAFAFA;
}

.navbar .navbar-nav > .nav-item > .nav-link.active,
.navbar .navbar-nav > .nav-item.current-menu-item > .nav-link,
.navbar .navbar-nav > .nav-item.current_page_item > .nav-link {
    color: #fefefe;
    font-weight: 600;
}

.navbar .navbar-nav > .nav-item > .nav-link:hover,
.navbar .navbar-nav > .nav-item > .nav-link:focus {
    color: #E4C94A;
}

.navbar .dropdown-menu .dropdown-item.active,
.navbar .dropdown-menu .current-menu-item > .dropdown-item,
.navbar .dropdown-menu .current_page_item > .dropdown-item {
    color: #254C8F;
    background-color: #fefefe;
}

.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus {
    background-color: #254C8F;
    color: #fefefe;
}
.text-bg-offcanvas {
    background-color: #254C8F;
}
p.offcanvas-title {
    color: #D9D9D9;
    font-size: 1.5em;
}

/*
* END of NAVIGATION
*/

/* Footer */
footer {
    background-color: #254C8F;
    background-image: url('images/back.jpg');
    background-repeat: repeat;
    color: #fefefe;
    padding:2em;
}
footer a {
    color: #F0F0F0;
}
footer a:hover {
    color: #E4C94A;
}
p.footer {
    font-size: 0.8em;
    margin-bottom: 0;
}

a.privacy-policy-footer-link {
    color: #E4C94A;
}
.cookie-notice {
    z-index: 1050;
}

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

.footer-nav {
    font-size: 0.9em;
}
.footer-nav a {
    color: #fefefe;
    text-decoration: underline;
}
.footer-nav a:hover {
    color: #E4C94A;
}

/*
* CALLOUTS
*/

.callout {
    background-color: #F7F9FC;
    border: 1px solid #E3E7EF;
    border-left-width: 5px;
    border-radius: 10px;
    padding: 1em;
    margin-bottom: 0.5em;
}
.callout-primary {
    border-left-color: #3A6FD1;
}
.callout-secondary {
    border-left-color: #E4C94A;
}
.callout-success {
    border-left-color: #4CAF50;
}
.callout-warning {
    border-left-color: #F59E0B;
}
.callout-danger {
    border-left-color: #E5484D;
}
.callout-info {
    border-left-color: #4AA3E4;
}
.callout > *:last-child {
    margin-bottom: 0;
}

/*
* END of CALLOUTS
*/

/*
* EVENTS
*/

.event-meta-label {
    font-weight: 600;
}

/*
* END of EVENTS
*/

/*
* CARDS
*/

a.full-card {
    text-decoration: none;
}
.card {
    transition: all 0.3s ease-in;
}
.card:hover {
    border-color: #3A6FD1;
    transition: all 0.3s ease-in;
}
.card .card-header {
    transition: all 0.3s ease-in;
}
.card:hover .card-header {
    background-color: #254C8F;
    color: #fefefe;
    transition: all 0.3s ease-in;
}
@media (hover: none) {
    .card {
        border-color: #3A6FD1;
    }
    .card .card-header {
        background-color: #254C8F;
        color: #fefefe;
    }
}

@media screen and (min-width: 1400px) {
    .card-footer-email {
        font-size: 0.9em;
    }
}

/*
* END of CARDS
*/

/*
* TYPOGRAPHY
*/

.page-title {
    text-wrap:balance;
    padding-bottom: .25em;
    margin-bottom: .50em;
    border-bottom: 2px solid rgba(58, 111, 209, 0.5);
}

/*
* END of TYPOGRAPHY
*/

/* Front Page */
article.front-welcome p:first-of-type {
    font-size: 1.2em;
}

#quick-links-container {
    background-color: #3A6FD1;
    background-image: url('images/back.jpg');
    background-repeat: repeat;
}
#quick-links-container h2 {
    color: #fefefe;
}
#quick-links-container .card:hover {
    border-color: #C2A837;
}
#quick-links-container .card:hover .card-header {
    background-color: #F1E07A;
    color: #0a0a0a;
}
@media (hover: none) {
    #quick-links-contaier .card {
        border-color: #C2A837;
    }
    #quick-links-container .card .card-header {
        background-color: #C2A837;
        color: #0a0a0a;
    }
}

#front-events-council-container {
    background-color: #E8F0FF;
}
#front-mayors-desk-container {
    background-color: #412713;
    background-image: url('images/wood-grain.webp');
    background-size: cover;
}
#front-mayors-desk-container, #front-mayors-desk-container h2, #front-mayors-desk-container h3 {
    color: #fefefe;
}

/* End Front Page */

/*
* Images
*/

figure.alignright, figure.alignleft {
    width: 50%;
    padding-bottom: 1em;
}

figure.alignright {
    padding-left: 1em;
}
figure.alignleft {
    padding-right: 1em;
}
@media screen and (max-width: 799.98px) {
    figure.alignright, figure.alignleft {
        float: none;
        width: 100%;
    }
    figure.alignright {
        padding-left: 0;
    }
    figure.alignleft {
        padding-right: 0;
    }
}
figure.aligncenter {
    margin-bottom: 1em;
}

/*
* END of Images
*/

/*
* Post Spec
*/

.post-meta {
    font-size: 0.9em;
    font-weight: 500;
    margin-bottom: 0.9em;
}

/*
* End Post Spec
*/

/* Alerts */
.alert-banner {
    padding: 0.75em;
    color: #fefefe;
    background-color: #E12D33;
    background-image: url('images/redback.jpg');
    background-repeat: repeat;
    border-bottom: 1px solid #1f1f1f;
}

/* End Alets */

/* Contact Form */
#form-website-container {
    position: absolute;
    left: -9999px;
}
/* End Contact Form */

/* General */
.card ul:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 991.98px) {
    aside {
        padding-top: 2em;
        margin-top:3em !important;
        border-top: 1px solid #3A6FD1;
    }
}

.bg-blue-texture {
    background-color: #3A6FD1;
    background-image: url('images/back.jpg');
    background-repeat: repeat;
    color: #fefefe;
}
.bg-blue-texture:hover {
    border-color: #C2A837;
}