@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,700,700i,900,900i');

/****** GLOBAL *******/

body {
    font-family: Raleway, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #26242e;
}

h1, .h1, .PageTitle, h2, .h2, .PanelTitle, h4, .h4, .SectionLabel {
    color: #26242e;
    border: none;
}

h1, .h1, .PageTitle {
    font-weight: 900;
}

h2, .PanelTitle {
    line-height: 1.45em;
    font-size: 150%;
    margin-bottom: 30px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: none;
}

h3, .h3, .SectionTitle {
    font-size: 140%;
    margin: 30px 0;
}

.PanelTitle, .panel-title, .home-twitter-feed h2 {
    font-weight: 700; 
    text-transform: uppercase;
    border-bottom: none;
}

.panel-heading.Distinguish, .PanelHead.Distinguish, .TitleBarCaption, .panel-group .panel-heading {
    padding: 6px 10px;
    border-bottom: medium none;
}

.header {
    padding-top: 20px;
    padding-bottom: 20px;
}

#masterHeaderBackground, .header {
    border-bottom: 1px solid #cacaca;
}

.header-logo-container {
    margin-top: 11px;
}

input, button, select, textarea {
    font-family: Raleway, Helvetica, Arial, sans-serif;
}

.btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton {
    color: #fff;
    background-color: #bcc83c;
    border-color: transparent;
    border-radius: 3px;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 600;
}

.btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited {
    background-color: #52c4ce;
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
    background-color: #f8fae9 !important;
    border-bottom: none !important;
}

.RadGrid_MetroTouch {
    border: 1px solid #f8fae9 !important;
}

.FilterPanel {
    background-color: #fff;
}

.RadGrid .rgHeader a {
    text-decoration: none !important;
    color: #26242e !important;
}

html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #bbc83c;
    background-color: #bbc83c;
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
    border-bottom-color: #bbc83c;
}

.PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .SaveAndClose[disabled], .SaveAndClose[disabled]:hover, .SaveAndClose[disabled]:focus, .SaveAndClose[disabled]:active, fieldset[disabled] .SaveAndClose, fieldset[disabled] .SaveAndClose:hover, fieldset[disabled] .SaveAndClose:focus, fieldset[disabled] .SaveAndClose:active, .SaveAndClose.aspNetDisabled, .SaveAndClose.aspNetDisabled:hover, .SaveAndClose.aspNetDisabled:focus, .SaveAndClose.aspNetDisabled:active, .SaveAs[disabled], .SaveAs[disabled]:hover, .SaveAs[disabled]:focus, .SaveAs[disabled]:active, fieldset[disabled] .SaveAs, fieldset[disabled] .SaveAs:hover, fieldset[disabled] .SaveAs:focus, fieldset[disabled] .SaveAs:active, .SaveAs.aspNetDisabled, .SaveAs.aspNetDisabled:hover, .SaveAs.aspNetDisabled:focus, .SaveAs.aspNetDisabled:active, .UsePrimaryButton .TextButton[disabled], .UsePrimaryButton .TextButton[disabled]:hover, .UsePrimaryButton .TextButton[disabled]:focus, .UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButton, fieldset[disabled] .UsePrimaryButton .TextButton:hover, fieldset[disabled] .UsePrimaryButton .TextButton:focus, fieldset[disabled] .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .UsePrimaryButton .TextButtonWithImage[disabled], .UsePrimaryButton .TextButtonWithImage[disabled]:hover, .UsePrimaryButton .TextButtonWithImage[disabled]:focus, .UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.PrimaryButton[disabled], .RadGrid input.PrimaryButton[disabled]:hover, .RadGrid input.PrimaryButton[disabled]:focus, .RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled] .RadGrid input.PrimaryButton, fieldset[disabled] .RadGrid input.PrimaryButton:hover, fieldset[disabled] .RadGrid input.PrimaryButton:focus, fieldset[disabled] .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active {
    background-color: #bbc83c;
}

.CalloutPart2 .panel-heading, .CalloutPart2 .panel-body {
    background-color: #f8fae9;
}

.AsiWarning {
    background-color: #FEEFB3;
    border-color: #FEEFB3;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: #26242e;
}

.ProgramGroup .PanelHead, .ProgramGroup .panel-heading {
    background-color: #f8fae9 !important;
    border-bottom: none !important;
}

.EventSummary {
    background-color: #fff;
}

#ctl01_TemplateBody_WebPartManager1_gwpciNSWFAEventSearch_ciNSWFAEventSearch__Head h2, #ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart__Head h2, #ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_TitleBar h2 {
    color: #26242e;
    font-weight: 900;
    font-size: 250%;
    text-transform: capitalize !important;
}


/************* TOP AUX NAV ***********/

.nav-auxiliary a {
   color: #26242e;
   font-size: 10px;
   text-decoration: none;
}

#ctl01_LoginStatus1 {
    border: 1px solid #ebe4e4;
    padding: 10px 20px;
    border-radius: 3px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 37px;
    padding: 5px 10px;
        padding-left: 10px;
    font-size: 100%;
    line-height: 1.6;
    color: #555555;
    border: 1px solid #f9f9f9;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    background-color: #f9f9f9;
}

.nav-auxiliary .nav-aux-account .nav-text, .nav-auxiliary .nav-aux-cart .nav-text {
    padding-top: 4px;
    padding-bottom: 4px;
    background-size: 19px 150px;
}

.search-field {
    background-size: 19px 150px;
}


/************* MAIN NAV ***********/

.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
    font-weight: 700;
    color: #26242e;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
    color: #26242e;
    background-color: #fff;
    border-bottom: 2px solid #bcca2a;
}

.RadMenu.RadMenu_Austin .rmText, .RadMenu.RadMenu_Austin .rmHorizontal .rmText, .RadMenu.RadMenu_Austin .rmSlide .rmText {
    padding: 10px 10px;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink:focus, .RadMenu.RadMenu_Austin .rmRootLink.rmSelected:hover {
    background-color: #fff;
    color: #bcca2a !important;
}

.RadMenu_Austin .rmSlide .rsmLink {
    color: #26242e;
}

.RadMenu_Austin .rmSlide .rmLink:hover, .RadMenu_Austin .rmSlide .rmLink:focus, .RadMenu_Austin .rmSlide .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmLink:focus, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus {
    color: #bcca2a;
}


.RadMenu.RadMenu_Austin .rmGroup {
    background-color: #fff;
}

.RadMenu_Austin .rmSlide .rmFocused > .rmLink, .RadMenu_Austin .rmSlide .rmSelected > .rmLink, .RadMenu_Austin .rmSlide .rsmSelected > .rsmLink, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
    background-color: transparent;
    color: #bcca2a;
}

/************* HOME ***********/

.HomePageFullWidthArea {
    background-image: url("/images/NSWFA/home-hero-bg.jpg");
    position: relative;
}

.home-panels {
    max-width:1170px;
    margin: 0 auto;
    text-align:center;
}

.home-panel-1, .home-panel-2, .home-panel-3 {
    width: 33%;
    margin-top: 0px !important;
    padding: 120px 0px 0px;
    display: inline-block;
    float: left;
}

.home-panel-1 {
    background-image: url("/images/NSWFA/home-hero-who-we-are.png");
    border-bottom: 40px solid #bcca2a;
}

.home-panel-2 {
    background-image: url("/images/NSWFA/home-hero-whats-happening.png");
    border-bottom: 40px solid #4dc4cf;
}

.home-panel-3 {
    background-image: url("/images/NSWFA/home-hero-how-to-join.png");
    border-bottom: 40px solid #007c43;
}

.home-panel-title {
    color: #fff;
    font-size: 34px;
    font-weight: 400;
    text-align: center;
    border: none;
    margin-bottom: 30px;
}

.home-panel-title span {
    font-weight: 900;
    display: block;
    font-size: 50px;
    line-height: 40px;
}

.home-panel-button {
    display: block;
    text-align: center;
    border: 2px solid #fff;
    margin-left: 20%;
    margin-right: 20%;
    padding: 16px;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 60px;
    font-weight:600;
}

.home-panel-button:hover {
    background: #fff;
    color: #26242e;
}

.home-panels a:visited {
    color: #fff;
}

.home-hero-mask {
    z-index: 100;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.home-intro-content h1 {
    margin: 20px 0 30px;
}

.home-content-intro-body {
    margin: 0 auto 50px;
    text-align: center;
    width:80%;
}

.home-events .RelatedItemsVertical {
    padding-left: 0px;
}

.home-events .ImageLink img {
    margin-right: 20px;
}

.home-events a {
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

.home-news img {
    width: 100%;
    margin-bottom: 20px;
}

.home-news .NewsTitle {
    text-transform: uppercase;
    font-weight: 600;
}

.home-news #ctl01_TemplateBody_WebPartManager1_gwpciNewsTaggedList_ciNewsTaggedList_TaggedListRepeater_ctl00_ctl00_BusinessHyperLink1 {
    text-decoration: none;
    color:#26242e;
}

.home-news-next-btn {
    position: absolute;
    right: 20px;
    top: 10px;
    border: 1px solid #000;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}

.BlockTLItem, .BlockList li {
    border-bottom: none;
}



/************* CONTENT PAGE GLOBAL ***********/

.nav-secondary {
    background-color: #f8fae9;
}

.nav-secondary .sub-nav-head {
    background-color: #f8fae9;
    color: #26242e;
    font-weight: bold;
    font-size: 140%;
    padding: 10px 15px;
}

.RadTreeView.RadTreeView_Austin a.rtIn {
    color: #26242e;
    font-weight: 300 !important;
}

.RadTreeView.RadTreeView_Austin > .rtUL > .rtLI {
    border-top: none;
}

.RadTreeView.RadTreeView_Austin .rtSelected a.rtIn {
    font-weight: 600 !important;
}


/************* EVENTS ***********/

#ctl01_TemplateBody_WebPartManager1_gwpciNSWFAEventSearch_ciNSWFAEventSearch_ResultsGrid_TopRightPanel button {
    padding: 5px 10px;
    font-size: 11px;
}

/************* CART ***********/


/************* PRODUCTS/SHOP ***********/

.SearchField, .SearchResultSummary .ListItemTitle a {
    background-color: #f8fae9;
}

.ProductDisplay {
    background-color: #f8fae9;
}


/************* FOOTER ***********/

.footer-content {
    background-color: #fff;
}

#ste_container_NewContentHtml img {
    padding: 2.7%;
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.footer-nav-copyright {
    background-color: #1a191d;
    color: #d4d4d4;
    font-size: 10px;
    padding-top: 70px;
    padding-bottom: 70px;
}

#ste_container_Sitemap {
    text-transform: uppercase;
}

#ste_container_Sitemap td {
    padding-right: 70px;
}

.footer-social-icon {
    float:left;
    display: inline-block;
}

.footer-social-icons a {
    margin-right: 17px;
}

#ste_container_FooterCopyright {
    margin-top: 20px;
}

footer a {
    text-decoration: none;
    font-size: 10px;
}

.footer-social-icons {
    width: 100%;
}

/*********** NEWS PAGE ***************/

.NewsImg img {
    width: 100% !important; 
}

.NewsItem h4 a {
    font-size: 20px;
    text-decoration: none;
    color: #26242e;
    font-weight: 600;
}



/************* MOBILE MENU ***********/

.navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-toggle.collapsed {
    background-color: #fff;
}

.nav-auxiliary .nav-aux-button .NavigationLink, .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus, .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus, .nav-auxiliary .nav-aux-button .NavigationLink:active  {
    background-color: #fff;
}

.navbar-toggle, navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #fff;
}

.navbar-collapse, .searchbar-collapse {
    background-color: #fff;
}

.RadMenu.RadMenu_Austin .rmToggle, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle {
    height: 40px;
}

/************* RESPONSIVE STYLES ***********/

@media screen and (max-width: 1024px) {

    .RadMenu.RadMenu_Austin .rmText, .RadMenu.RadMenu_Austin .rmHorizontal .rmText, .RadMenu.RadMenu_Austin .rmSlide .rmText {
        padding: 10px 5px;
    }

    .navbar-collapse.collapse {
       float: left;
    }

}


@media screen and (max-width: 767px) {

    #masterLogoArea {
        width: 120px;
    }

    .navbar-collapse.collapse {
        float: none;
    }

    .HomePageFullWidthArea {
        background-image: none;
    }

    .home-panel-1, .home-panel-2, .home-panel-3 {
        width: 100%;
        padding: 120px 0px 120px;
        background-size: cover;
    }

    .home-panel-icon {
        display: none;
    }

    .home-panel-1, .home-panel-2, .home-panel-3 {
	border: none;
    }

    .home-hero-mask {
        display: none;
    }

    .PanelColumn.NewsImg {
        display: block;
    }

    .NewsImg .TagImg {
       width: 100% !important;
    }

    .footer-sponsors img {
        max-width: 100px;
    }

    #ste_container_Logo, #ste_container_Sitemap, #ste_container_ContactDetails, #ste_container_SocialLinks {
        display: block;
        margin: 0px 0px 20px !important;
        float: none;
    }

    .navbar-toggle .icon-search {
        width: 22px;
        height: 30px;
        margin: 0px 0;
        background-size: 19px 150px;
        background-position: 0px -19px;
    }

}

@media screen and (max-width: 480px) {

    .footer-sponsors img {
        max-width: 70px;
    }

}

@media screen and (max-width: 399px) {

    .nav-auxiliary .nav-aux-button .NavigationLink {
        margin-left: 0px;
        padding: 9px 5px;
    }

   .navbar-toggle {
       padding: 9px 5px;
   }

   .nav-auxiliary .TextButton, .nav-auxiliary .navbar-toggle {
        margin-left: 5px;
   }

}