:root {
    --main-background-color: #1a4198;
    --main-front-color:#fff;
}

body.custom-background {
   background-image: url("/site_files/waflclub.com.au/images/backgrounds/eastfremantlefc.jpg");
    background-repeat:no-repeat;
    background-size: cover;
    background-attachment:fixed!important;
}

#nav-logo {
    background: url("/site_files/waflclub.com.au/images/club-logos/eastfremantlefc-145h.png") no-repeat;
    height: 145px;
    width: 136px;
    margin-top: 6px;
}

#nav-logo.district {
    background: url("/site_files/waflclub.com.au/images/district-logos/eastfremantle.png") no-repeat;
    height: 145px;
    width: 136px;
    margin-top: 4px;
    background-position-x: 16px;
}

.highlight,
.readmore { color:  var(--main-background-color) !important; }

#nav-main-wrapper, #main-top {
  background: var(--main-background-color) !important;
}
.ticker-heading button{
   color:var(--main-front-color) !important;
}
#menu > li {
    background:var(--main-background-color);
}
/**
 * menu- mobile version
 */
.slicknav_menu{
       background: var(--main-background-color);
       color:  var(--main-front-color) !important;
}

.slicknav_menu .slicknav_menutxt{
    color:  var(--main-front-color) !important;
}
/** meun item without sub items */
.slicknav_nav a:hover{
    background:#143d8d;
    color:var(--main-front-color);
}
/** meun item WITH sub items */
.slicknav_nav .slicknav_item:hover {
    background:#143d8d;
    color:var(--main-front-color); 
}
.slicknav_nav a {
       color:  var(--main-front-color) !important;
}

.match-wrapper .match-info .match-round {
    background:var(--main-background-color) ;
}

h4.widget-header,.headlines-header {
   background: var(--main-background-color) url("/site_files/waflclub.com.au/images/club-logos/effc-hmini.png") no-repeat top right!important;
   color: var(--main-front-color);
}
#footer-wrapper {
    background: var(--main-background-color);
}
#bar > div { background: #2850a1!important; }
.membercount {color: #2850a1!important;}


#content-area > table > tbody > tr > td {
  vertical-align: top !important;
  border: 1;
}
#searchform .btn-success {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: var(--main-background-color);;
    background-image: linear-gradient(to bottom,var(--main-background-color), var(--main-background-color));

  }
#content-area > div > table > tbody > tr > td > a,
#history > div > table > tbody > tr > td > a{color:#428bca!important;text-decoration:none!important;-webkit-transition:.50s !important;-moz-transition:.50s !important;-ms-transition:.50s !important;-o-transition:.50s !important;transition:.20s !important;}
#content-area > div > table > tbody > tr > td > a.btn,
#history > div > table > tbody > tr > td > a.btn{display:inline-block !important; width:250px !important;margin-bottom:5px !important;font-size:14px !important;font-weight:normal !important;line-height:1.428571429 !important;text-align:center !important;white-space:nowrap !important;vertical-align:middle !important;cursor:pointer !important;border:1px solid transparent !important;border-radius:0px !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;-o-user-select:none !important;user-select:none !important;color:#fff !important;background-color:transparent !important;border-color:#FFFFFF !important;padding:6px 12px !important;}
#content-area > div > table > tbody > tr > td > a.btn-lg,
#history > div > table > tbody > tr > td > a.btn-lg{font-size:18px !important;font-family: Oswald !important;line-height:1.33 !important;border-radius:0px !important;padding:10px 16px !important;}
#content-area > div > table > tbody > tr > td > a.btn:hover,
#history > div > table > tbody > tr > td > a.btn:hover{color:#563d7c !important;text-shadow:none !important;background-color:#fff !important;border-color:#fff !important;}
#content-area > div > table > tbody > tr > td > a.darker,
#history > div > table > tbody > tr > td > a.darker{background:#222222 !important;}
#content-area > div > table > tbody > tr > td > a.darker:hover,
#history > div > table > tbody > tr > td > a.darker:hover{color:#222222 !important;}
#content-area > table > tbody > tr> td { font-family: Oswald;}


/** Media Query related **/
/** at 1002px menu switched to mobile mode */
@media screen and (max-width: 1002px){
    #nav-main-wrapper{
        background: none !important;
    }
    .nav-wafl-club-logo{
        content:url("/site_files/waflclub.com.au/images/club-logos/eastfremantlefc-145h.png");
    }
}