/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
html{
    background-image: url(/wordpress/wp-content/uploads/2024/10/stadium-soccer-background-2.jpg);
}
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 700;
    font-style: normal;
}
body {
    color: #0a0a0a;
}
h1, h2, h3, h4, h5, h6, .heading-font {
    color: #0a0a0a;
}
.header-top {
    background: unset !important;
}
.header-top .flex-row.container {
    background: #131272!important;
    padding: 5px 15px;
}

.header-bg-container.fill {height: 0;}
.header-inner.flex-row.container.logo-left.medium-logo-center {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
    background-color: #fff;
}

.page-wrapper {
    padding-top: 0;
}
.cls-text-rainbow {
    animation: Color 4s linear infinite;
    -webkit-animation: Color 4s ease-in-out infinite;
}
div#content {
    max-width: 1250px;
    margin: auto;
    background: #fff;
    padding:30px 40px;
}
#main, #wrapper {
    background: unset;
}
.row.large-columns-4.mb-0 {
    padding: 30px 0;
    background: #0a0a0a;
    color: #fff;
    max-width: 1250px !important;
}
.footer {
    padding: 0;
    background: transparent;
}
.menu-item {
    border-top: none !important;
}
.widget li a {
    color: #fff;
}
.is-divider.small {
    background-color: hsla(0, 0%, 100%, .3);
}
.absolute-footer.dark {
    background: unset;
    padding: 0;
}
.container.clearfix {
    background: #5b5b5b;
    padding: 10px 0;
}
.row.large-columns-4.mb-0 #block-5 {
    flex-basis: 40% !important;
    max-width: 40%;
}
.footer-widgets .large-columns-4>.col {
        flex-basis: 20%;
        max-width: 20%;
    }
.header:not(.transparent) .header-nav-main.nav > li > a:hover, .header:not(.transparent) .header-nav-main.nav > li.active > a, .header:not(.transparent) .header-nav-main.nav > li.current > a, .header:not(.transparent) .header-nav-main.nav > li > a.active, .header:not(.transparent) .header-nav-main.nav > li > a.current {
    color: #000000;
}
.header:not(.transparent) .header-nav-main.nav > li > a {
    color: #1e73be;
}
.header-nav>li>a {
    font-size: 1em;
}
.category-custom .is-divider.small {
    background: #000;
}
a {
    color: #1e73be;
    opacity: 1;
}
.category-custom  span.comments-link.pull-right {
    display: none;
}
div#comments {
    display: none;
}
footer.entry-meta.text-center {
    display: none;
}
@media (max-width:767.98px){
    div#content {
        padding:0;
    }
    .row.large-columns-4.mb-0 #block-5 {
        flex-basis: 100% !important;
        max-width: 100%;
    }
    .footer-widgets .large-columns-4>.col {
            flex-basis: 100%;
            max-width: 100%;
        }
}
keyframes Color{
    0%{
      color:#A0D468;
    }
    20%{
      color:#4FC1E9;
    }
    
    40%{
      color:#FFCE54;
    }
    
    60%{
      color:#FC6E51;
    }
    
    80%{
      color:#ED5565;
    }
    
    100%{
      color:#AC92EC;
    }
  }
  
  @-moz-keyframes Color{
    0%{
      color:#A0D468;
    }
    
    20%{
      color:#4FC1E9;
    }
    
    40%{
      color:#FFCE54;
    }
    
    60%{
      color:#FC6E51;
    }
    
    80%{
      color:#ED5565;
    }
    
    100%{
      color:#AC92EC;
    }
  }
  
  @-webkit-keyframes Color{
    0%{
      color:#A0D468;
    }
    
    20%{
      color:#4FC1E9;
    }
    
    40%{
      color:#FFCE54;
    }
    
    60%{
      color:#FC6E51;
    }
    
    80%{
      color:#ED5565;
    }
    
    100%{
      color:#AC92EC;
    }
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}