/*
#cc0000 logo red
#fd0002 theme red
#000000 black
#EDEDED gray accent (old site nav bar)
*/
body, .sp-preloader {
    /*  background-color: #000; */
      color: #252525;
    }
    .sp-preloader > div {
      background: #111111;
    }
    .sp-preloader > div:after {
      background: #fff;
    }
    #sp-top-bar {
      background: #333;
      color: #aaa;
    }
    #sp-top-bar a {
      color: #aaa;
    }
    #sp-header {
      background: #fff;
    }
    .random-image img{
        width:100%;
        height:auto;
    }

    .body-innerwrapper {
        overflow-x: visible;
    }
    a {
      color: #cc0000;
    }
    a:hover, a:focus, a:active {
      color: #ff0000;
    }
    .tags > li {
      display: inline-block;
    }
    .tags > li a {
      background: rgba(3, 69, 191, 0.1);
      color: #111111;
    }
    .tags > li a:hover {
      background: #044cd0;
    }

    /* MEGAMENU */
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
        line-height: 60px;
    }
    #sp-menu {
        background-color: #000;
    }
    .sp-megamenu-parent > li > a{
        color: #ffffff;
        font-weight:bold;
        font-size:15px;
    }
    .sp-megamenu-parent > li:hover > a {
        color: #cc0000;
    }
    .sp-megamenu-parent > li.active > a,
    .sp-megamenu-parent > li.active:hover > a{
        color: #cc0000 !important;
        font-weight:bold;
    }
    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
      background: #fff;
    }
    .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
        color: #333333; /*#cc0000;*/
        /*font-weight: bold;*/
        font-size: 16px;
        padding:8px 0;
    }
    .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
      color: #111111;
    }
    .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:active {
      color: #111111;
    }
    .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:visited {
      color: #cc0000;
    }
    .sp-mega-group ul.menu{
        padding-left:0px !important;
    }
    .sp-mega-group ul.menu-child{
        padding-left:15px !important;
    }
    /*BUG - CONFLICT WITH SOMETHING*/
    .page-home .sp-mega-group ul.menu{
        padding-left: 30px !important;
    }
    .page-home .sp-mega-group ul.menu-child{
        padding-left:45px !important;
    }
    .sp-mega-group > li > a {
      color: #252525;
    }
    .sp-mega-group ul.menu > li {
        list-style: none;
        font-size:14px;
        font-weight:bold;
    }
    .sp-mega-group ul.menu li li{
        list-style: none;
        font-weight:normal;
    }




    /* OFF CANVAS */
    #offcanvas-toggler > .fa {
      color: #ffffff;
    }
    #offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
      color: #cccccc;
    }
    .offcanvas-menu {
      background-color: #fff;
      color: #252525;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
      color: #252525;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
      color: #111111;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
      color: rgba(37, 37, 37, 0.5);
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
      color: rgba(37, 37, 37, 0.8);
    }

    .btn-primary, .sppb-btn-primary {
      border-color: #111111;
      background-color: #111111;
    }
    .btn-primary:hover, .sppb-btn-primary:hover {
      border-color: #044cd0;
      background-color: #044cd0;
    }
    ul.social-icons > li a:hover {
      color: #111111;
    }
    .sp-page-title {
      background: #111111;
    }
    .layout-boxed .body-innerwrapper {
      background: #fff;
    }
    .sp-module ul > li > a {
      color: #252525;
    }
    .sp-module ul > li > a:hover {
      color: #111111;
    }
    .sp-module .latestnews > div > a {
      color: #252525;
    }
    .sp-module .latestnews > div > a:hover {
      color: #111111;
    }
    .sp-module .tagscloud .tag-name:hover {
      background: #111111;
    }
    .search .btn-toolbar button {
      background: #111111;
    }
    #sp-footer, #sp-bottom {
      background: #990000;
      color: #fff;
    }
    #sp-footer a, #sp-bottom a {
      color: #fff;
    }
    #sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:active, #sp-bottom a:active, #sp-footer a:focus, #sp-bottom a:focus {
      color: #000;
    }
    #sp-bottom .sp-module-content .latestnews > li > a > span {
      color: #fff;
    }
    .sp-comingsoon body {
      background-color: #111111;
    }
    .pagination > li > a, .pagination > li > span {
      color: #252525;
    }
    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
      color: #252525;
    }
    .pagination > .active > a, .pagination > .active > span {
      border-color: #111111;
      background-color: #111111;
    }
    .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
      border-color: #111111;
      background-color: #111111;
    }
    .error-code, .coming-soon-number {
      color: #111111;
    }
    .article-social-share .social-share-icon ul li a {
      color: #252525;
    }
    .article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
      background: #111111;
    }
    .pager > li a {
      border: 1px solid #ededed;
      color: #252525;
    }
    .sp-reading-progress-bar {
      background-color: #111111;
    }

    /*CIVICSPORTS*/
    .featured_staff_img img,
    .featuredplayer_image img{
        width:100%;
    }
    .plg-team{
        width:100%;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px solid #999;
        display:table;
        }
    .plg-team-player-image{
        float:right;
    }
    .plg-team-player-desc{}
    .plg-team-player-name{
        font-size:1.6em;
        font-weight:bold;
    }
    #standings{
        font-size:14px;
    }
    #standings tbody{
        border:1px solid #000000;
    }



    /*PAGEBUILDER*/
    .sppb-addon-content ul.menu {
        margin-bottom: 0;
        margin-left:-36px;
        font-weight:500;
    }
    .sppb-addon-content ul.menu li {
        list-style: none;
        padding: 4px 0 4px 0;
        margin: 0;
    }
    .sppb-addon-content ul.menu > li:first-child {
        border-top: 1px solid #C8C8C8;
    }
    .sppb-addon-content ul.menu > li {
        border-bottom: 1px solid #C8C8C8;
    }
    /* Not sure why the home page menu has this issue */
    .page-home .sp-mega-group ul{
        margin-left:-30px;
    }
    .featured_news .sppb-addon-content{
        max-height:450px;
        overflow-y:auto;
        overflow-x:hidden;
        padding-right:15px;
    }
    .welcome-text h3.sppb-addon-title{
        font-size:1.4em;
    }
    #sp-main-body {
        /* padding: 20px 0; */
    }

    #offcanvas-toggler:before{
    }
    #offcanvas-toggler {
        /* height: 60px; */
        line-height: 60px;
        font-size:36px;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
        font-size: 1.4rem;
        font-weight: bold;
    }
    #sp-bottom {
        padding: 20px 0 20px;
        margin-top: 20px;
        font-size: 1em;
        line-height: 1.6em;
        border-top: 1px solid #333;
        background: #ffffff;
        color: #000;
    }
    #sp-bottom a{
        color:#cc0000;
    }
    #sp-bottom a:hover{
        color: #ff0000;
    }
    #sp-bottom .sp-module ul > li {
        display: block;
        margin-bottom: 2px;
    }
    .team-profile-wide{

    }
    /*banner and ads*/
    .bannergroup-fullwidth img {
        display: block;
        width: 100%;
        height: auto;
    }
    .all-sponsors .banneritem{
        width:23.5% !important;
        float:left;
        padding:6px;
    }
    /*DPCALENDAR*/
    .countdown-date .mod-dpcalendar-counter__intro-text{
        display:none !important;
    }
    .countdown-date{
        margin-left: auto;
        margin-right: auto;
        width: 320px;
        font-size: 1em;
        font-weight: bold;
    }
    .com-dpcalendar-calendar__list input{
        display:none;
    }
    .com-dpcalendar-calendar__list label,
    .com-dpcalendar-calendar__list .dp-description__description,
    .com-dpcalendar-calendar__list .com-dpcalendar-calendar__calendar-description{
        margin-bottom:0;
    }

    /*CUSTOM FACEBOOK FEED*/
    #cff.cff-thumb-layout .cff-media-wrap{display:none;}
    #cff.cff-thumb-layout .cff-text-wrapper{width: 100%;}

    /*HOME*/
    #cff-load-more{
        display:none !important;
    }

    #twitter-feed .twitter-pic{
        display:none;
    }
    .SandboxRoot.env-bp-430 .timeline-Tweet-text {
        font-size: 1em;
        line-height: 1.3em;
    }
    #home-events,
    #home-content{
        border-top:1px solid #666;
    }

    #home-colorband{
        background:#666;
        color:#fff;
    }
    #home-colorband a{
        color:#0099FF;
    }


    /*START WITH SMALL HEADER THEN DEFINE LARGE HEADER*/
    #sp-header{
        background: #000;
        height:auto;
    }
    #sp-header{
        /* background: url(../../../images/template/headers/small4.jpg) no-repeat 50% 0; */
        /* height: 120px; */
           overflow: hidden;
        background-color: #000;
    }
    /*
    .logo-image-phone{
        margin-bottom: -60px;
        margin-top: 10px;
    }
    */
    .sponsors .banneritem{width:100%; padding:6px;}
    @media (min-width: 576px) {
        .sponsors .banneritem{width:48.5% !important; float:left; padding:6px;}
    /*
        .logo-image {
            height: 120px;
            z-index: 1000;
            margin-top: -36px;
        }
        .top_bar_text{
            color:#fff;
            text-align:center;
            font-weight:bold;
            font-size:12px;
            padding: 6px 0;
        }
    */

    /*
        #sp-topbar{
            background: #8E0C16;
            border-bottom:1px solid #ccc;
        }
        #sp-topbar .sp-module-content{
        }
        .top_bar_text{
            color:#fff;
            text-align:right;
            font-weight:bold;
            font-size:14px;
            padding: 10px 0;
        }
        .top_bar_text span{
            font-weight:normal;
            padding-left:20px;
        }
    */
    }
    @media (min-width: 768px) {
        .sponsors .banneritem{width:32.5% !important; float:left; padding:6px;}
    }
    @media (min-width: 992px) {
        .sponsors .banneritem{width:23.5% !important; float:left; padding:6px;}

         #sp-header{
            background: url(/assets/images/Red-01.png) no-repeat 50% 0 #990000;
            height: 160px;
            overflow: hidden;
            background-image: absolute;
            /* background-color:  ; */
        }
    /*
        #sp-topbar{
            background: #8E0C16;
            border-bottom:1px solid #ccc;
        }
        #sp-topbar .sp-module-content{
        }
        .logo-image {
            height: 120px;
            z-index: 1000;
            margin-top: -36px;
        }
        .top_bar_text{
            color:#fff;
            text-align:right;
            font-weight:bold;
            font-size:14px;
            padding: 10px 0;
        }
        .top_bar_text span{
            font-weight:normal;
            padding-left:20px;
        }
    */
    }
    @media (min-width: 1200px) {

    }