@charset "UTF-8";
/*
Theme Name: Soccer Football
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-soccer-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Soccer Football theme is a versatile choice for any sports enthusiast, making it perfect for a wide range of websites, whether focused on football, baseball, soccer teams, or general sports news. This theme offers a top-notch solution for sports activities and games, featuring everything from an online magazine for recreation information to forms for children’s sports clubs. Soccer Football provides a unique platform for showcasing the essence of sport, equipped with an urban design that simplifies the creation of a modern sports store. It includes powerful features such as a quick view pop-up, order tracking, a full-width dropdown cart, product carousels, sliders, and user log-in options. You can seamlessly sell gym equipment or sports apparel with its tailored product layouts. Don’t miss the chance to impress sports fans with your stunning website. This theme excels at handling an array of sports news and includes a stylish layout, complemented by a versatile Blog shortcode that allows you to organize posts in various formats ideal for any sports information site.
Version: 1.9.6
Tested up to: 6.8
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: football-sports-club
Text Domain: soccer-football
Tags: three-columns, four-columns, translation-ready, custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, footer-widgets, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, entertainment, e-commerce, portfolio

Soccer Football WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2022.
Soccer Football WordPress Theme is released under the terms of GNU GPL
*/

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #ffa800;
}
.box-image img{
    height: 300px;
    object-fit: cover;
}
body,.sidebar ul li a,.sidebar li,.meta-info-box span, .meta-info-box a{
    color: #a9a9a9;
}
footer#colophon {
    background: #232a34;
}
.footer-column {
    border-bottom: 1px solid #fff;
}
.sidebar button[type="submit"]{
    margin-top: 0px !important;
}
.sidebar input[type="search"]{
    margin-bottom: 0px;
}
.btn-primary{
    background-color: var(--first-color);
    border-color: var(--first-color);
}
.btn-primary:hover{
    background-color: #fff;
    color: var(--first-color);
}
input.search-submit.btn.btn-primary:hover{
    color: #232a34;
}
.main-navigation .menu li.page_item_has_children ul.children,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,.sidebar h5,#button,.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover,.main-navigation .sub-menu,.comment-respond input#submit,.woocommerce .woocommerce-ordering select,.pro-button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce-account .woocommerce-MyAccount-navigation ul li,.sidebar input[type="submit"], .sidebar button[type="submit"],.sidebar .tagcloud a:hover,.top_header,.slider-box-btn a,#top-slider .owl-nav i:hover,.box-icon i, .load hr, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover {
    background: var(--first-color);
}
.wp-block-button__link{
    background: var(--first-color) !important;
}
.woocommerce-message, .woocommerce-info,.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    border-color: var(--first-color);
}
.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote{
    border-left: 4px solid var(--first-color) !important;
}
.wp-block-latest-comments article {
    margin-bottom: 0 !important;
}
#colophon a:hover,a,.article-box a,.sidebar ul li a:hover,.main-navigation .menu > li > a:hover,p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price,.woocommerce-message::before, .woocommerce-info::before,.navbar-brand a,#top-slider .owl-nav i{
    color: var(--first-color);
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,.pro-button a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,#button:hover, #button:active,.slider-box-btn a:hover, .team-btn a:hover,.box-category, .box-image img{
    background: #232a34;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: #1b212f;
    color: #fff !important;
}
#site-navigation .menu ul li a:hover {
    color: var(--first-color);
}
h1, h2, h3, h4, h5, h6,.top_header span i, .social-link i:hover,.main-navigation .menu > li > a,.sports-activities h3{
    color:  #232a34;
}
span.match-cl,.top_header span,.social-link i,.slider-inner-box h1 a,.slider-box-btn a,.box-category h4{
    color: #fff;
}
.sidebar section {
    padding: 10px;
}
.box-icon i{
    border-color: #fff;
}
.top_header{
    border-bottom: none;
}
.article-box a:hover{
    color: #232a34;
}
.top_header span:hover, .top_header span a:hover, .navbar-brand a:hover{
    color: #232a34;
}
.top_header span a{
    color: #fff;
}
.box-category a:hover{
    color: #fff;
}
.slider-box-btn a {
    display: inline-block;
}
@media screen and (min-width: 720px) and (max-width: 991px){
   .slider-inner-box h1 a {
    font-size: 40px;
   }
}
@media screen and (max-width: 1000px){
   .toggle-nav i,.sidenav .closebtn {
        background: var(--first-color);
    }
    .sidenav,.main-navigation .sub-menu{
        background: #232a34;
    }
    .main-navigation .menu > li > a, .main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return{
        color: #fff;
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus, .main-navigation .menu > li > a:hover {
        background: transparent;
        color: var(--first-color) !important;
    }
    #top-slider .owl-nav i {
        padding: 15px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px){

}