/*
Theme Name: Simon Vizard
Theme URI: https://www.simonvizard.co.uk/
Description: Simon Vizard Bespoke Theme (Clone of Bridge)
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Author: Gary Wallage
Author URI: https://garywallage.uk
Text Domain: bridge
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

/* ==========================================================================
   Accessibility Enhancements (WCAG 2.1 AA)
   ========================================================================== */

/* Item 2: Ensure semantic <main> element renders as block across all browsers */
main.content {
    display: block;
}

/* Item 4: Target size - ensure footer touch targets meet 24px minimum tap size */
.footer_bottom .textwidget p a {
    display: inline-block;
    padding: 6px 4px;
    min-height: 24px;
    line-height: 24px;
}

/* Item 5 (Option B): Contrast enhancement for text elements using gold accent (#d9cd8e -> #b59e4b) */
.qbutton.default,
.wpb_wrapper .qbutton.default,
.qbutton:not(.green):not(.white) {
    color: #b59e4b !important;
}

h3:not(.q_slide_subtitle),
.wpb_text_column h3 {
    color: #b59e4b !important;
}

.footer_bottom ul li a {
    color: #b59e4b !important;
}

/* ==========================================================================
   Page Title Typography & Block Height (Consistent Lowest Common Denominator)
   ========================================================================== */

/* Universal consistent title heading size across all pages */
.title h1,
.title.title_size_large h1,
.title.title_size_medium h1,
.title.title_size_small h1 {
    font-size: 28px !important;
    line-height: 1.35 !important;
    font-weight: 400;
}

/* Responsive scaling on tablet and mobile */
@media only screen and (max-width: 768px) {
    .title h1,
    .title.title_size_large h1,
    .title.title_size_medium h1,
    .title.title_size_small h1 {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }
}

@media only screen and (max-width: 480px) {
    .title h1,
    .title.title_size_large h1,
    .title.title_size_medium h1,
    .title.title_size_small h1 {
        font-size: 19px !important;
        line-height: 1.28 !important;
    }
}