/**
 * WPBSA Custom Colors
 * 自定义颜色方案：红色 #B2231A，深绿色 #21382C，黑色 #070a0f
 */

:root {
    /* 主要颜色变量 */
    --wpbsa-red: #B2231A;
    --wpbsa-green: #21382C;
    --wpbsa-black: #070a0f;
    --wpbsa-red-hover: #9a1e17;
    --wpbsa-green-hover: #1a2d23;
    --wpbsa-black-hover: #050709;
}

/* ==================== 顶部栏颜色调整 ==================== */
.mg-headwidget.light .mg-tpt-txnlst {
    background: var(--wpbsa-red);
}

.mg-head-detail .info-left {
    background: var(--wpbsa-red);
}

.mg-head-detail .info-left li span.time {
    background: var(--wpbsa-red);
}

.mg-headwidget .mg-head-detail {
    background: var(--wpbsa-black);
}

.mg-headwidget .mg-head-detail .info-right li a:hover,
.mg-headwidget .mg-head-detail .info-right li a:focus {
    color: var(--wpbsa-red);
}

/* ==================== 导航栏颜色调整 ==================== */
.mg-headwidget .navbar-wp {
    background: var(--wpbsa-black);
}

.header-widget .mg-header-box-icon i {
    color: var(--wpbsa-red);
}

.header-widget .mg-header-box .mg-social span.icon-soci:hover a,
.header-widget .mg-header-box .mg-social span.icon-soci:focus a {
    color: var(--wpbsa-red);
}

.mg-headwidget .navbar-wp .navbar-nav > li > a:hover,
.mg-headwidget .navbar-wp .navbar-nav > li > a:focus,
.mg-headwidget .navbar-wp .navbar-nav > .active > a,
.mg-headwidget .navbar-wp .navbar-nav > .active > a:hover,
.mg-headwidget .navbar-wp .navbar-nav > .active > a:focus {
    background: var(--wpbsa-red);
}

.mg-headwidget .navbar-wp .navbar-nav > .active.home > a {
    background-color: var(--wpbsa-red);
}

.mobilehomebtn {
    background: var(--wpbsa-red);
}

.mobilehomebtn:hover,
.mobilehomebtn:focus {
    background: #fff;
    color: var(--wpbsa-red);
}

/* ==================== 分类标签颜色调整 ==================== */
a.newses-categories.category-color-1 {
    background: var(--wpbsa-red);
}

a.newses-categories.category-color-2 {
    background: var(--wpbsa-green);
}

/* ==================== 下拉菜单颜色调整 ==================== */
.navbar-wp .dropdown-menu {
    background: var(--wpbsa-black);
}

.navbar-wp .dropdown-menu > .active > a,
.navbar-wp .dropdown-menu > .active > a:hover,
.navbar-wp .dropdown-menu > .active > a:focus {
    background: var(--wpbsa-red);
}

.navbar-wp .dropdown-menu > li > a:hover {
    background: var(--wpbsa-red);
}

/* ==================== 搜索框颜色调整 ==================== */
.mg-search-box .btn {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

a.msearch:hover,
a.msearch:focus {
    color: var(--wpbsa-red);
}

.wp-block-search__input:hover,
.wp-block-search__input:focus {
    border-color: var(--wpbsa-red);
}

.wp-block-search .wp-block-search__button,
.mg-posts-sec-post.col-12 .btn {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

/* ==================== 表单元素颜色调整 ==================== */
.form-control:hover,
textarea:hover,
input:not([type]):hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="text"]:hover,
input:not([type]):focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus {
    border-color: var(--wpbsa-red);
}

input[type="submit"],
button {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

input[type="submit"]:hover,
button:hover,
input[type="submit"]:focus,
button:focus {
    background: var(--wpbsa-green);
    border-color: var(--wpbsa-green);
}

/* ==================== 链接颜色调整 ==================== */
a {
    color: var(--wpbsa-red);
}

a:hover,
a:focus {
    color: var(--wpbsa-green);
}

/* ==================== 引用块颜色调整 ==================== */
blockquote {
    border-color: var(--wpbsa-red);
}

blockquote::before {
    color: var(--wpbsa-red);
}

/* ==================== 搜索模态框颜色调整 ==================== */
.mg-search-modal .mg-search .btn {
    background: var(--wpbsa-red);
}

.mg-search-modal .mg-search .btn:hover {
    background: var(--wpbsa-green);
}

/* ==================== 错误页面颜色调整 ==================== */
.mg-error-404 h1 i {
    color: var(--wpbsa-red);
}

/* ==================== 轮播图按钮颜色调整 ==================== */
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: var(--wpbsa-red) !important;
    border-color: var(--wpbsa-red);
}

/* ==================== 社交图标颜色调整 ==================== */
.mg-widget-address li span.icon-addr i {
    color: var(--wpbsa-red);
}

/* ==================== 模块和部分颜色调整 ==================== */
.mg-tpt-txnlst {
    background: var(--wpbsa-red);
}

.mg-tpt-txnlst ul li a:hover,
.mg-tpt-txnlst ul li a:focus {
    background: var(--wpbsa-red);
}

.mg-latest-news {
    background: var(--wpbsa-red);
}

.mg-latest-news .bn_title {
    background-color: var(--wpbsa-red);
}

.mg-latest-news .mg-latest-news-slider a::before {
    color: var(--wpbsa-red);
}

/* ==================== 标签页颜色调整 ==================== */
.top-right-area .nav-tabs .nav-link.active,
.top-right-area .nav-tabs .nav-link.active:hover,
.top-right-area .nav-tabs .nav-link.active:focus {
    background-color: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
    border-bottom-color: var(--wpbsa-red);
}

.title_small_post h5 a:hover {
    color: var(--wpbsa-red);
}

/* ==================== 标题颜色调整 ==================== */
.mg-sec-title h4 {
    color: var(--wpbsa-black);
}


.mg-sec-title.st2 span.bg::before,
.mg-sec-title.st4 span.bg::after,
.mg-sec-title.st4 span.bg::before {
    background: var(--wpbsa-red);
}

.mg-viewmr-btn {
    color: var(--wpbsa-red);
}

.mg-posts-sec .small-post-content h5 a:hover,
.featured_cat_slider a:hover {
    color: var(--wpbsa-red);
}

/* ==================== 文章标题颜色调整 ==================== */
.mg-post-box .title a:hover {
    color: var(--wpbsa-red);
}

.gridslider .mg-blog-post .title a:hover,
.gridslider .small-list-post .mg-blog-post .title a:hover {
    color: var(--wpbsa-red);
}

/* ==================== 分享图标颜色调整 ==================== */
.mg-post-bottom .mg-share-icons .mg-share span a:hover {
    background-color: var(--wpbsa-red);
}

.mg-post-bottom .mg-share-icons .mg-share-toggle:hover {
    background-color: var(--wpbsa-red);
}

/* ==================== 文章分类标签颜色调整 ==================== */
.mg-blog-category a {
    background: var(--wpbsa-red);
}

/* ==================== 文章元数据颜色调整 ==================== */
.mg-blog-meta a:hover {
    color: var(--wpbsa-red);
}

/* ==================== 文章标题hover颜色调整 ==================== */
.mg-blog-post .bottom h1:hover,
.mg-blog-post .bottom h1 a:hover,
.mg-posts-modul-6 .mg-sec-top-post .title a:hover,
.mg-blog-inner h4 a:hover {
    color: var(--wpbsa-red);
}

.mg-header .title a:hover,
.mg-header .title a:focus {
    color: var(--wpbsa-red);
}

.mg-blog-post-box h4.title:hover,
.mg-blog-post-box h4.title a:hover,
.mg-blog-post-box h4.title:focus,
.mg-blog-post-box h4.title a:focus {
    color: var(--wpbsa-red);
}

/* ==================== 侧边栏颜色调整 ==================== */
.mg-sidebar .mg-widget h6 {
    color: var(--wpbsa-black);
}

.mg-wid-title span.bg {
    background: var(--wpbsa-red);
}

.mg-sidebar .mg-widget ul li a:hover,
.mg-sidebar .mg-widget ul li a:focus {
    color: var(--wpbsa-red);
}

.mg-sidebar .mg-widget .mg-widget-blog-post h5.title a:hover {
    color: var(--wpbsa-red);
}

.mg-sidebar .mg-widget.widget_search .btn {
    background: var(--wpbsa-red);
}

.mg-sidebar .mg-widget.widget_search .btn:hover,
.mg-sidebar .mg-widget.widget_search .btn:focus {
    background: var(--wpbsa-green);
}

.mg-sidebar .mg-mailchimp-widget .btn {
    background: var(--wpbsa-red);
}

.mg-sidebar .mg-mailchimp-widget .btn:hover,
.mg-sidebar .mg-mailchimp-widget .btn:focus {
    background: var(--wpbsa-green);
}

.mg-sidebar .mg-widget .mg-widget-tags a,
.mg-sidebar .mg-widget .tagcloud a {
    color: var(--wpbsa-red);
}

.mg-sidebar .mg-widget .mg-widget-tags a:hover,
.mg-sidebar .mg-widget .tagcloud a:hover,
.mg-sidebar .mg-widget .mg-widget-tags a:focus,
.mg-sidebar .mg-widget .tagcloud a:focus {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

.mg-sidebar .mg-widget .mg-social li span.icon-soci {
    color: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

.mg-sidebar .mg-widget .mg-social li span.icon-soci:hover {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

.mg-sidebar .mg-left-menu-widget ul li:hover,
.mg-sidebar .mg-left-menu-widget ul li.active {
    background: var(--wpbsa-green);
}

.mg-sidebar .mg-widget h2,
.wp-block-search__label {
    background: var(--wpbsa-red);
}

/* ==================== 标签颜色调整 ==================== */
span.newses-tags a:hover {
    color: var(--wpbsa-red);
}

/* ==================== 按钮颜色调整 ==================== */
.btn-theme,
.more_btn,
.more-link {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

.btn-theme:hover,
.btn-theme:focus,
.more_btn:hover,
.more_btn:focus,
.more-link:hover,
.more-link:focus {
    opacity: 0.8;
}

.btn-theme-two:hover,
.btn-theme-two:focus {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

.btn-theme-three:hover,
.btn-theme-three:focus {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

.btn-blog:hover,
.btn-blog:focus {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

/* ==================== 分页颜色调整 ==================== */
.navigation.pagination .nav-links .page-numbers:hover,
.navigation.pagination .nav-links .page-numbers:focus,
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links .page-numbers.current:hover,
.navigation.pagination .nav-links .page-numbers.current:focus {
    border-color: var(--wpbsa-red);
    background: var(--wpbsa-red);
}

.pagination > .page-item.active .page-link,
.pagination > .active > span,
.pagination > .page-item.active .page-link:hover,
.pagination > .active > span:hover,
.pagination > .page-item.active .page-link:focus,
.pagination > .active > span:focus {
    border-color: var(--wpbsa-red);
    background: var(--wpbsa-red);
}

.single-nav-links a.current,
.single-nav-links span.current,
.single-nav-links a:hover,
.single-nav-links span:hover {
    background: var(--wpbsa-red);
}

/* ==================== 面包屑颜色调整 ==================== */
.mg-page-breadcrumb > li a:hover,
.mg-page-breadcrumb > li a:focus {
    color: var(--wpbsa-red);
}

/* ==================== 评论颜色调整 ==================== */
.mg-comments .mg-reply:hover,
.mg-comments .mg-reply:focus {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

.mg-heading-bor-bt h5 {
    color: var(--wpbsa-black);
}

/* ==================== 页脚颜色调整 ==================== */
footer .overlay {
    background: var(--wpbsa-black);
}

footer .mg-widget ul li a:hover,
footer .mg-widget ul li a:focus {
    color: var(--wpbsa-red);
}

footer .mg-blog-post h3 a:hover {
    color: var(--wpbsa-red);
}

footer .mg-widget h2::after,
footer .wp-block-search__label::after {
    background: rgba(177, 177, 177, 0.22);
}

.mg-footer-widget-area .wp-block-tag-cloud a {
    color: var(--wpbsa-red);
}

.mg-footer-widget-area .wp-block-tag-cloud a:hover {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

footer .mg-footer-copyright {
    background: var(--wpbsa-black);
}

footer .mg-widget.widget_search .btn {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

footer .mg-widget.widget_search .btn:hover,
footer .mg-widget.widget_search .btn:focus {
    background: var(--wpbsa-green);
    border-color: var(--wpbsa-green);
}

footer .mg-widget .mg-widget-tags a,
footer .mg-widget .tagcloud a {
    color: var(--wpbsa-red);
}

footer .mg-widget .mg-widget-tags a:hover,
footer .mg-widget .tagcloud a:hover,
footer .mg-widget .mg-widget-tags a:focus,
footer .mg-widget .tagcloud a:focus {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

.ta_upscr {
    background: var(--wpbsa-red);
    border-color: var(--wpbsa-red);
}

/* ==================== 表单控件颜色调整 ==================== */
.form-control:focus {
    border-color: var(--wpbsa-red);
}

.form-group label::after {
    background-color: var(--wpbsa-red);
}

/* ==================== WooCommerce颜色调整 ==================== */
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce-page .products a.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover {
    background: var(--wpbsa-red);
}

.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page .products .added_to_cart,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    color: var(--wpbsa-red);
}

.woocommerce-cart table.cart td.actions .coupon .input-text:hover,
.woocommerce-cart table.cart td.actions .coupon .input-text:focus,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce nav .woocommerce-pagination ul li a:focus,
.woocommerce nav .woocommerce-pagination ul li a:hover,
.woocommerce nav .woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    border-color: var(--wpbsa-red);
}

.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce-page .products a.button:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus {
    background: var(--wpbsa-green);
}

.woocommerce .products span.onsale,
.woocommerce span.onsale {
    background: var(--wpbsa-red);
}

.woocommerce-page .woocommerce-message a {
    background-color: var(--wpbsa-red);
}

.woocommerce-page .woocommerce-message a:hover,
.woocommerce-page .woocommerce-message a:focus {
    background-color: var(--wpbsa-green);
}

.woocommerce-page .woocommerce-error a {
    background-color: var(--wpbsa-red);
}

.woocommerce-page .woocommerce-info a {
    background-color: var(--wpbsa-green);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: var(--wpbsa-red);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: var(--wpbsa-red);
}

/* ==================== WPForms颜色调整 ==================== */
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit]:focus,
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    background-color: var(--wpbsa-red);
}

/* ==================== 近期赛事模块颜色调整 ==================== */
.upcoming-events-list::-webkit-scrollbar-thumb {
    background-color: var(--wpbsa-red);
}

.event-date i,
.event-country i {
    color: var(--wpbsa-red);
}

.view-all-link {
    background-color: transparent;
}

.view-all-link:hover {
    background-color: transparent;
    box-shadow: none;
}

/* ==================== 世界排名模块颜色调整 ==================== */
.world-ranking-section .mg-sec-title h4 {
    background-color: var(--wpbsa-red);
}

.world-ranking-list::-webkit-scrollbar-thumb {
    background-color: var(--wpbsa-red);
}

.prize-money {
    color: var(--wpbsa-red);
}

.view-all-events .view-all-link {
    background-color: transparent;
    font-weight: 400;
    color: #949daa;
}

/* ==================== 响应式调整 ==================== */
@media (max-width: 992px) {
    .mg-trhead {
        background: rgba(7, 10, 15, 0.8);
    }
}

@media screen and (min-width: 240px) and (max-width: 767px) {
    .mg-trhead.conte .navbar-wp .navbar-nav > li > a {
        background: var(--wpbsa-black);
    }
}