/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.2.1783358066
Updated: 2026-07-06 13:14:26

*/
/*
====================================================
Mike's Backyard BBQ
Competition Results
====================================================
*/

/* ---------- Page ---------- */

.site-content .container{
    max-width:1100px;
    margin:0 auto;
}

.page-header{
    text-align:center;
    margin:40px 0 50px;
}

.page-header h1{
    font-size:46px;
    font-weight:900;
    color:#222;
    margin-bottom:10px;
}

.page-header p{
    font-size:18px;
    color:#666;
}


/* ---------- Competition Card ---------- */

.competition-card{

    background:#ffffff;

    border:1px solid #dddddd;

    border-left:8px solid #8B0000;

    border-radius:12px;

    padding:35px;

    margin:45px 0;

    box-shadow:0 8px 22px rgba(0,0,0,.08);

    transition:.30s ease;

}

.competition-card:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(0,0,0,.12);

}


/* ---------- Competition Title ---------- */

.competition-card h2{

    margin:0 0 25px;

    padding:0;

    font-size:42px;

    font-weight:900;

    line-height:1.2;

}

.competition-card h2 a{

    color:#222222 !important;

    text-decoration:none;

    font-weight:900 !important;

}

.competition-card h2 a:hover{

    color:#8B0000 !important;

}


/* ---------- Information ---------- */

.competition-card p{

    margin:12px 0;

    font-size:18px;

    line-height:1.7;

}

.competition-card p strong{

    display:inline-block;

    width:180px;

    color:#8B0000;

    font-weight:700;

}


/* ---------- Results Table ---------- */

.competition-results{

    width:100%;

    border-collapse:collapse;

    margin:35px 0;

    font-size:17px;

}

.competition-results th{

    background:#8B0000;

    color:#ffffff;

    padding:14px;

    font-size:18px;

    text-align:left;

}

.competition-results td{

    padding:14px;

    border-bottom:1px solid #eeeeee;

}

.competition-results tr:nth-child(even){

    background:#fafafa;

}

.competition-results tr:hover{

    background:#f5f5f5;

}

.competition-results td:last-child{

    text-align:right;

    font-weight:700;

}


/* ---------- Button ---------- */

.competition-card .button{

    display:inline-block;

    background:#8B0000;

    color:#ffffff !important;

    padding:14px 28px;

    border-radius:6px;

    text-decoration:none;

    font-weight:700;

    transition:.25s;

}

.competition-card .button:hover{

    background:#5d0000;

    color:#ffffff !important;

}


/* ---------- Featured Image ---------- */

.competition-card img{

    width:100%;

    height:auto;

    border-radius:8px;

    margin-bottom:25px;

}


/* ---------- Year Heading ---------- */

.competition-year{

    font-size:42px;

    font-weight:900;

    color:#222;

    margin:70px 0 30px;

    padding-bottom:10px;

    border-bottom:4px solid #8B0000;

}


/* ---------- Hide Archive Divider ---------- */

.competition-card + hr{

    display:none;

}


/* ---------- Mobile ---------- */

@media screen and (max-width:768px){

    .page-header h1{

        font-size:34px;

    }

    .competition-card{

        padding:22px;

    }

    .competition-card h2{

        font-size:30px;

    }

    .competition-card p strong{

        display:block;

        width:100%;

        margin-bottom:5px;

    }

    .competition-results th,
    .competition-results td{

        padding:10px;

        font-size:15px;

    }

    .competition-card .button{

        display:block;

        text-align:center;

    }
/* ==========================================
   Competition Results Table
========================================== */

table.competition-results thead th{
    background:#8B0000 !important;
    color:#ffffff !important;
    border:none !important;
}

table.competition-results thead tr{
    background:#8B0000 !important;
}

table.competition-results thead{
    background:#8B0000 !important;
}