﻿@charset "utf-8";

.header_rising {
    width: 100%;
    height: 150px;
    float: left;
    background-color: #006738;
}
.header_rising_inner {
    width: 100%;
    height: 150px;
    background-image: url('../Images/Rising-Star-250.png');
    background-image: -webkit-image-set(
        url('../Images/Rising-Star-250.png') 1x,
        url('../Images/Rising-Star-500.png') 2x
    );
    background-position: center;
    background-repeat: no-repeat;
}
.header_main {
    background-color: #003063;
}
.header_main_inner {
    width: 100%;
    height: 150px;
    background-image: url('../Images/Speedway-Australia-155.png');
    background-image: -webkit-image-set(
        url('../Images/Speedway-Australia-155.png') 1x,
        url('../Images/Speedway-Australia-310.png') 2x
    );
    background-position: center;
    background-repeat: no-repeat;
}
.header_wss {
    background-color: #000;
}
.header_wss_inner {
    width: 100%;
    height: 150px;
    background-image: url('../Images/WSS-143.png');
    background-image: -webkit-image-set(
        url('../Images/WSS-143.png') 1x,
        url('../Images/WSS-286.png') 2x
    );
    background-position: center;
    background-repeat: no-repeat;
}
.header_hof {
    background-color: #003063;
}
.header_hof_inner {
    width: 100%;
    height: 150px;
    background-image: url('../Images/Hall-of-Fame-120.png');
    background-image: -webkit-image-set(
        url('../Images/Hall-of-Fame-120.png') 1x,
        url('../Images/Hall-of-Fame-240.png') 2x
    );
    background-position: center;
    background-repeat: no-repeat;
}
.header_awards {
    background-color: #666;
}
.header_awards_inner {
    width: 100%;
    height: 150px;
    background-image: url('../Images/ASA-155.png');
    background-image: -webkit-image-set(
        url('../Images/ASA-155.png') 1x,
        url('../Images/ASA-310.png') 2x
    );
    background-position: center;
    background-repeat: no-repeat;
}

#banner_content {
    color: #FFF;
    background-color: #006738;
}
#banner_title a {
    color: #FFF;
}
#banner_blurb a {
    color: #FFF;
}

.page_image_title_end {
    background-color: #006738;
}
.page_image_title {
    background-color: #006738;
}
.page_image_title a {
    color: #FFF;
}

.main a {
    color: #006738;
}
.main article {
    border-top: 1px solid #CCC;
}
article h2 a {
    color: #000 !important;
}

#footer {
    border-top: 1px solid #CCC;
}

/* For devices larger than 720px */
@media (min-width: 720px) {
    .header_left {
        background-color: #006738;
    }
    .header_rising {
        width: 28%;
        height: 120px;
        margin: 0 7px 0 2%;
        transform: skew(-7deg); 
        -o-transform: skew(-7deg); 
        -moz-transform: skew(-7deg); 
        -webkit-transform: skew(-7deg);
    }
    .header_rising_inner {
        height: 120px;
        transform: skew(7deg) !important;
        -o-transform: skew(7deg) !important;
        -moz-transform: skew(7deg) !important;
        -webkit-transform: skew(7deg) !important;
        background-image: url('../Images/Rising-Star-175.png');
        background-image: -webkit-image-set(
            url('../Images/Rising-Star-175.png') 1x,
            url('../Images/Rising-Star-350.png') 2x
        );
    }
    .header_main_inner {
        height: 120px;
        transform: skew(7deg) !important;
        -o-transform: skew(7deg) !important;
        -moz-transform: skew(7deg) !important;
        -webkit-transform: skew(7deg) !important;
        background-image: url('../Images/Speedway-Australia-90.png');
        background-image: -webkit-image-set(
            url('../Images/Speedway-Australia-90.png') 1x,
            url('../Images/Speedway-Australia-180.png') 2x
        );
    }
    .header_wss_inner {
        height: 120px;
        transform: skew(7deg) !important;
        -o-transform: skew(7deg) !important;
        -moz-transform: skew(7deg) !important;
        -webkit-transform: skew(7deg) !important;
        background-image: url('../Images/WSS-85.png');
        background-image: -webkit-image-set(
            url('../Images/WSS-85.png') 1x,
            url('../Images/WSS-170.png') 2x
        );
    }
    .header_hof_inner {
        height: 120px;
        transform: skew(7deg) !important;
        -o-transform: skew(7deg) !important;
        -moz-transform: skew(7deg) !important;
        -webkit-transform: skew(7deg) !important;
        background-image: url('../Images/Hall-of-Fame-80.png');
        background-image: -webkit-image-set(
            url('../Images/Hall-of-Fame-80.png') 1x,
            url('../Images/Hall-of-Fame-160.png') 2x
        );
    }
    .header_awards_inner {
        height: 120px;
        transform: skew(7deg) !important;
        -o-transform: skew(7deg) !important;
        -moz-transform: skew(7deg) !important;
        -webkit-transform: skew(7deg) !important;
        background-image: url('../Images/ASA-90.png');
        background-image: -webkit-image-set(
            url('../Images/ASA-90.png') 1x,
            url('../Images/ASA-180.png') 2x
        );
    }

    #banner_right {
        background-color: #006738;
    }

    .sidebar {
        background-color: #006738;
    }
    .sidebar a {
        color: #FFF;
    }
    .sidebar a:hover {
        background-color: #1A4573;
    }
    .sidebar .has-child .sub-menu a {
        background-color: #002B59;
    }
    .sidebar .has-child .sub-menu a:hover {
        background-color: #1A4573;
    }
    .sidebar_contact {
        color: #FFF;
    }
    .sidebar_contact a:hover {
        background-color: #006738;
    }
}

/* For devices larger than 1150px */
@media (min-width: 1150px) {
    .header_rising {
        height: 150px;
    }
    .header_rising_inner {
        height: 150px;
        background-image: url('../Images/Rising-Star-250.png');
        background-image: -webkit-image-set(
            url('../Images/Rising-Star-250.png') 1x,
            url('../Images/Rising-Star-500.png') 2x
        );
    }
    .header_main_inner {
        height: 150px;
        background-image: url('../Images/Speedway-Australia-155.png');
        background-image: -webkit-image-set(
            url('../Images/Speedway-Australia-155.png') 1x,
            url('../Images/Speedway-Australia-310.png') 2x
        );
    }
    .header_wss_inner {
        height: 150px;
        background-image: url('../Images/WSS-143.png');
        background-image: -webkit-image-set(
            url('../Images/WSS-143.png') 1x,
            url('../Images/WSS-286.png') 2x
        );
    }
    .header_hof_inner {
        height: 150px;
        background-image: url('../Images/Hall-of-Fame-120.png');
        background-image: -webkit-image-set(
            url('../Images/Hall-of-Fame-120.png') 1x,
            url('../Images/Hall-of-Fame-240.png') 2x
        );
    }
    .header_awards_inner {
        height: 150px;
        background-image: url('../Images/ASA-155.png');
        background-image: -webkit-image-set(
            url('../Images/ASA-155.png') 1x,
            url('../Images/ASA-310.png') 2x
        );
    }
}

/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.nav-collapse a {
    color: #006738;
    background-color: #CCC;
}

.nav-collapse a:hover {
    background-color: #7F97B1;
}

.has-child ul a {
    background: #BBB;
}

.has-child ul ul a {
    background: #AAA;
}

.has-child .has-child.opened .has-dropdown {
    background: #9C2C12;
}

/* For devices LARGER than 720px */
@media (min-width: 720px) {

    .nav-collapse a {
        background-color: #FFF;
    }
    .nav-collapse li:hover > a {
        background-color: #7F97B1;
    }
}

/* ------------------------------------------
  MULTIPLE LEVELS
--------------------------------------------- */

/* For devices SMALLER than 720px */
@media (max-width: 720px) {	

    .js .nav-collapse .dropdown-toggle {
        border: 1px solid #FFF;
        color: #FFF;
    }

    .js .nav-collapse .dropdown-toggle:hover,
    .js .nav-collapse .dropdown-toggle:focus,
    .js .nav-collapse .dropdown-toggle:active  {
        background-color: #FFF;
        color: #212428;  
    }
}

/* For devices LARGER than 720px */
@media (min-width: 720px) {

    .sub-menu .has-child a:after {
        border-left: 6px solid #003063;
    }
}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

.nav-toggle {
    border: 1px solid #003063;
    color: #003063;
}

.nav-toggle:hover,
.nav-toggle:focus,
.nav-toggle:active {
    background-color: #7F97B1;
    color: #003063;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
}