/*..............General Styles..............*/
body {
    background-image: url('/images/poolbg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #000;
}
main {
    overflow-x: hidden;
}
#btntotop {
    display: none;
}
#recaptcha1 { margin: auto; }
.recaptchacontainer { text-align: center; }
.wpcf7-form-control-wrap { margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.card h4 {
    font-weight: bold;
    color: #d16628;
}
.unclickable {
    display: inline-block;
    pointer-events: none;
}

/*..............Brand Colors..............*/
.bg-bcaprimary     { background-color: #d16628 !important; }
.text-bcaprimary   { color: #d16628; }
.bg-mippaprimary   { background-color: #283876 !important; }
.text-mippaprimary { color: #283876 !important; }

/*..............Button: bcaprimary..............*/
.btn-bcaprimary {
    color: #fff;
    background-color: #d16628;
    border-color: #d16628;
}
.btn-bcaprimary:hover {
    color: #fff;
    background-color: #a64a14;
    border-color: #7c3615;
}
.btn-bcaprimary:focus, .btn-bcaprimary.focus {
    box-shadow: 0 0 0 3px rgba(124, 54, 21, 0.5);
}
.btn-bcaprimary.disabled, .btn-bcaprimary:disabled {
    background-color: #d16628;
    border-color: #d16628;
}
.btn-bcaprimary:active, .btn-bcaprimary.active {
    background-color: #d16628;
    background-image: none;
    border-color: #7c3615;
}

/*..............Button: outline-bcaprimary..............*/
.btn-outline-bcaprimary {
    color: #d16628;
    background-color: transparent;
    border-color: #d16628;
}
.btn-outline-bcaprimary:hover, .btn-outline-bcaprimary:active {
    color: #fff;
    background-color: #d16628;
    border-color: #7c3615;
}
.btn-outline-bcaprimary:focus, .btn-outline-bcaprimary.focus {
    box-shadow: 0 0 0 3px rgba(124, 54, 21, 0.5);
}
.btn-outline-bcaprimary.disabled {
    color: #d16628;
    background-color: transparent;
}

/*..............Button: mippaprimary..............*/
.btn-mippaprimary {
    color: #fff;
    background-color: #283876;
    border-color: #283876;
}
.btn-mippaprimary:hover {
    color: #fff;
    background-color: #0F1F5D;
    border-color: #000543;
}
.btn-mippaprimary:focus, .btn-mippaprimary.focus {
    box-shadow: 0 0 0 3px rgba(0, 5, 67, 0.5);
}
.btn-mippaprimary.disabled, .btn-mippaprimary:disabled {
    background-color: #283876;
    border-color: #283876;
}
.btn-mippaprimary:active, .btn-mippaprimary.active {
    background-color: #283876;
    background-image: none;
    border-color: #000543;
}

.btn-outline-mippaprimary {
    color: #283876;
    background-color: transparent;
    border-color: #000543;
}
.btn-outline-mippaprimary:hover, .btn-outline-mippaprimary:active {
    color: #fff;
    background-color: #283876;
    border-color: #000543;
}
.btn-outline-mippaprimary:focus, .btn-outline-mippaprimary.focus {
    box-shadow: 0 0 0 3px rgba(0, 5, 67, 0.5);
}
.btn-outline-mippaprimary.disabled {
    color: #283876;
    background-color: transparent;
}

/*..............WooCommerce..............*/
.added_to_cart {
    margin-left: 10px;
    color: #fff;
    background-color: #d16628;
    border-color: #d16628;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.added_to_cart:hover {
    color: #fff;
    background-color: #a64a14;
    border-color: #7c3615;
}
.added_to_cart:focus, .added_to_cart.focus {
    box-shadow: 0 0 0 3px rgba(124, 54, 21, 0.5);
}
del { color: #dc3545 !important; }
.woocommerce-Price-amount {
    font-weight: bold;
    color: #28a745;
}

/*..............Score Nav..............*/
.scorenav > .nav-item { background-color: #343a40; color: #fff; font-weight: bold; }
.scorenav > .nav-item a { color: #fff; font-weight: bold; }
.scorenav > .nav-item a.active { color: #fff; font-weight: bold; background: #d16628; }
.scorenav > .nav-item a.nav-link { border: 0 !important; border-radius: 0 !important; }
.appborder { border: 1px solid #0357a1; border-radius: 4px; }
#schedule-nav-content a:hover { text-decoration: none; }
.hiddenrow { padding: 0 !important; }

/*..............Table Width Utilities..............*/
/* 5% increments — use inline styles for values in between */
.tb5w   { width: 5%; }
.tb10w  { width: 10%; }
.tb15w  { width: 15%; }
.tb20w  { width: 20%; }
.tb25w  { width: 25%; }
.tb30w  { width: 30%; }
.tb33w  { width: 33%; }
.tb35w  { width: 35%; }
.tb40w  { width: 40%; }
.tb45w  { width: 45%; }
.tb50w  { width: 50%; }
.tb55w  { width: 55%; }
.tb60w  { width: 60%; }
.tb65w  { width: 65%; }
.tb70w  { width: 70%; }
.tb75w  { width: 75%; }
.tb80w  { width: 80%; }
.tb85w  { width: 85%; }
.tb90w  { width: 90%; }
.tb95w  { width: 95%; }
.tb100w { width: 100%; }
/* Legacy 1% increments kept for backward compatibility */
.tb1w{width:1%}.tb2w{width:2%}.tb3w{width:3%}.tb4w{width:4%}
.tb6w{width:6%}.tb7w{width:7%}.tb8w{width:8%}.tb9w{width:9%}
.tb11w{width:11%}.tb12w{width:12%}.tb13w{width:13%}.tb14w{width:14%}
.tb16w{width:16%}.tb17w{width:17%}.tb18w{width:18%}.tb19w{width:19%}
.tb21w{width:21%}.tb22w{width:22%}.tb23w{width:23%}.tb24w{width:24%}
.tb26w{width:26%}.tb27w{width:27%}.tb28w{width:28%}.tb29w{width:29%}
.tb31w{width:31%}.tb32w{width:32%}.tb34w{width:34%}
.tb36w{width:36%}.tb37w{width:37%}.tb38w{width:38%}.tb39w{width:39%}
.tb41w{width:41%}.tb42w{width:42%}.tb43w{width:43%}.tb44w{width:44%}
.tb46w{width:46%}.tb47w{width:47%}.tb48w{width:48%}.tb49w{width:49%}
.tb51w{width:51%}.tb52w{width:52%}.tb53w{width:53%}.tb54w{width:54%}
.tb56w{width:56%}.tb57w{width:57%}.tb58w{width:58%}.tb59w{width:59%}
.tb61w{width:61%}.tb62w{width:62%}.tb63w{width:63%}.tb64w{width:64%}
.tb66w{width:66%}.tb67w{width:67%}.tb68w{width:68%}.tb69w{width:69%}
.tb71w{width:71%}.tb72w{width:72%}.tb73w{width:73%}.tb74w{width:74%}
.tb76w{width:76%}.tb77w{width:77%}.tb78w{width:78%}.tb79w{width:79%}
.tb81w{width:81%}.tb82w{width:82%}.tb83w{width:83%}.tb84w{width:84%}
.tb86w{width:86%}.tb87w{width:87%}.tb88w{width:88%}.tb89w{width:89%}
.tb91w{width:91%}.tb92w{width:92%}.tb93w{width:93%}.tb94w{width:94%}
.tb96w{width:96%}.tb97w{width:97%}.tb98w{width:98%}.tb99w{width:99%}

.tdcenter td, .tdcenter th { text-align: center; }
.hideme { display: none; }

/*..............Google reCAPTCHA..............*/
.grecaptcha-badge { visibility: hidden; }

/*..............Accordion Icons..............*/
.scoreaccordion [aria-expanded="true"] h4::after {
    font-family: 'FontAwesome';
    content: "\f13a";
    float: right;
}
.scoreaccordion [aria-expanded="false"] h4::after {
    font-family: 'FontAwesome';
    content: "\f138";
    float: right;
}

/*..............Page Tabs..............*/
.with-arrow .nav-item .nav-link.active {
    position: relative;
    border-left: 2px solid #d16628;
    border-top: 2px solid #d16628;
    border-right: 2px solid #d16628;
}
.with-arrow .nav-item .nav-link:hover { border: 2px solid #d16628; color: #f00; }
.with-arrow .nav-item .nav-link.active::after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #d16628;
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}
.lined .nav-item .nav-link          { color: #fff; background: transparent; border: 2px solid transparent; }
.lined .nav-item .nav-link.active   { background: #d16628; color: #000; }
.lined .nav-item .nav-link.active:hover { border: 2px solid #d16628; }
.lined .nav-item .nav-link:hover    { color: #000; background: #d16628; border: 2px solid #000; }
#PageTabs.nav-tabs { border-bottom-color: transparent; }

.wpcf7-not-valid-tip {
    margin-top: 5px;
    color: #fff !important;
    font-weight: bold !important;
    text-decoration: underline;
    background-color: #dc3545;
    padding: 3px;
    text-align: center;
    border: 2px solid #000;
    border-radius: 4px;
}

/*..............Responsive..............*/
@media (min-width: 768px) {
    .hideme       { display: none; }
    .bg-halfopacity { background-color: rgba(255,255,255,.5); }
    .columns2 { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
    .pslogo { height: 400px; width: 400px; }
    .psmain { height: 430px; }
}
@media (max-width: 767px) {
    .hidememobile { display: none; }
    #footnav      { display: none; }
    .scores       { margin: auto -20px; }
    .overflowx    { overflow-x: scroll; }
    .bg-halfopacity { background-color: transparent !important; }
    .mobilenoxmargin { margin-left: 0 !important; margin-right: 0 !important; }
    .ovflow       { overflow-x: auto !important; }
    .ovflow::-webkit-scrollbar       { height: 12px; }
    .ovflow::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); border-radius: 10px; }
    .ovflow::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5); }
}
@media (min-width: 995px) {
    .hideme995 { display: none; }
}
@media (min-width: 768px) and (max-width: 994px) {
    .hideme994 { display: none; }
    #footnav   { display: none; }
}
@media (max-width: 994px) {
    .lined .nav-item .nav-link.active { border-bottom: 2px solid #d16628; }
}

/*..............Home Page — Dark Billiard..............*/
body.home {
    background: #111;
    background-image: none;
}

/* Navbar */
.hp-navbar {
    background: #111 !important;
    border-bottom: 1px solid #222;
}
.hp-brand-circle {
    width: 38px;
    height: 38px;
    background: #d16628;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    color: #fff;
    flex-shrink: 0;
}
.hp-brand-name    { font-size: .95rem; font-weight: 700; color: #fff; line-height: 1.2; }
.hp-brand-tagline { font-size: .55rem; letter-spacing: 2px; color: #aaa; text-transform: uppercase; }

/* Hero */
.hp-hero {
    background: #111;
    padding: 80px 0 60px;
    text-align: center;
}
.hp-season-badge {
    display: inline-block;
    padding: 4px 18px;
    border: 1px solid #d16628;
    border-radius: 20px;
    color: #d16628;
    font-size: .72rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.hp-hero h1 {
    font-size: 2.6rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: .75rem;
}
.hp-hero .hp-subtitle {
    color: #aaa;
    font-size: 1rem;
    margin-bottom: 2rem;
}

/* Stats bar */
.hp-stats {
    background: #d16628;
    padding: .9rem 0;
}
.hp-stats .stat-item {
    text-align: center;
    border-right: 1px solid rgba(0,0,0,.2);
}
.hp-stats .stat-item:last-child { border-right: none; }
.hp-stats .stat-number { font-size: 1.7rem; font-weight: 700; color: #fff; line-height: 1.1; }
.hp-stats .stat-label  { font-size: .62rem; color: rgba(255,255,255,.85); letter-spacing: 1.5px; text-transform: uppercase; margin-top: 2px; }

/* Links section */
.hp-links {
    background: #1a1a1a;
    padding: 2rem 0 1rem;
}
.hp-section-heading {
    font-size: .72rem;
    letter-spacing: 2.5px;
    font-weight: 700;
    color: #d16628;
    text-transform: uppercase;
    border-bottom: 2px solid #d16628;
    padding-bottom: .4rem;
    margin-bottom: .75rem;
}
.hp-link-list { margin: 0; padding: 0; list-style: none; }
.hp-link-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .55rem 0;
    border-bottom: 1px solid #2d2d2d;
    color: #ddd;
    font-size: .88rem;
}
.hp-link-list li:last-child { border-bottom: none; }

/* News section */
.hp-news {
    background: #111;
    padding: 1.75rem 0 2rem;
    border-top: 1px solid #222;
}
.hp-news-heading {
    font-size: .72rem;
    letter-spacing: 2.5px;
    font-weight: 700;
    color: #d16628;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}
.hp-news-item {
    border-left: 3px solid #d16628;
    padding-left: 1rem;
    margin-bottom: 1.25rem;
}
.hp-news-item h5   { color: #fff; font-size: .97rem; font-weight: 600; margin-bottom: .2rem; }
.hp-news-item h5 a { color: #fff; text-decoration: none; }
.hp-news-item h5 a:hover { color: #d16628; }
.hp-news-item p    { color: #888; font-size: .82rem; margin-bottom: 0; }

/* Footer */
.hp-footer {
    background: #0a0a0a;
    padding: .85rem 0;
    border-top: 1px solid #222;
    color: #666;
    font-size: .82rem;
}
.hp-footer a           { color: #888; text-decoration: none; }
.hp-footer a:hover     { color: #d16628; }
.hp-footer .footer-links a { margin-left: 1rem; }