

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head><title>
	Home of golf in Australia | GOLF.com.au
</title><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0,shrink-to-fit=no" />

    <!-- Android touch icon -->
    <meta name="mobile-web-app-capable" content="yes" /><meta name="application-name" content="GOLF.COM.AU" />
    
    <!-- Apple touch icon -->
    <meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><meta name="apple-mobile-web-app-title" content="GOLF.COM.AU" />

    <!-- Web App Manifest -->
    <link rel="manifest" href="/layouts/terraces_golfaus/site.webmanifest" />

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="/css/fontawesome/all.min.css" /><style type="text/css">@font-face {font-family:Gantari;font-style:normal;font-weight:400;src:url(/cf-fonts/v/gantari/5.0.11/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Gantari;font-style:normal;font-weight:400;src:url(/cf-fonts/v/gantari/5.0.11/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Gantari;font-style:normal;font-weight:500;src:url(/cf-fonts/v/gantari/5.0.11/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Gantari;font-style:normal;font-weight:500;src:url(/cf-fonts/v/gantari/5.0.11/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Gantari;font-style:normal;font-weight:600;src:url(/cf-fonts/v/gantari/5.0.11/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Gantari;font-style:normal;font-weight:600;src:url(/cf-fonts/v/gantari/5.0.11/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Gantari;font-style:normal;font-weight:700;src:url(/cf-fonts/v/gantari/5.0.11/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Gantari;font-style:normal;font-weight:700;src:url(/cf-fonts/v/gantari/5.0.11/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}</style><link rel='preload stylesheet' as='style' crossorigin='anonymous' href='/css/bootstrap-5.3.7.min.css' /><link rel="preload stylesheet" as="style" crossorigin="anonymous" href="/css/bootstrap-select.min.css" /><link rel="preload stylesheet" as="style" crossorigin="anonymous" href="/css/bootstrap-datepicker3.min.css" /><link rel="preload stylesheet" as="style" crossorigin="anonymous" href="/css/bootstrap-datetimepicker.min.css" /><link id="swiperCss" rel="preload stylesheet" as="style" crossorigin="anonymous" href="/css/swiper11.0.3-bundle.min.css" /><link rel="stylesheet" type="text/css" href="/css/terraces_golfaus/main.css?rev=267" /><link rel="stylesheet" type="text/css" href="/css/terraces_golfaus/icomoon/style.css?rev=267" /><link rel='canonical' href="https://golf.com.au/" /><script src='/js/jquery-3.7.1.min.js' type='text/javascript'></script>
    <script type="text/javascript" src="/js/moment.js"></script>
    <script src='/js/axios/axios-1.10.0.min.js' type='text/javascript'></script>

    <!-- Required for DotGolf legacy JS -->
    <script type="text/javascript" src="/js/jquery.cookie.js"></script>
    <!-- End: Required for DotGolf legacy JS -->

    <script type="text/javascript" src="/js/knockout-3.5.1.js"></script>
    <script type="text/javascript" src="/js/dg-ko-extensions.js?rev=267"></script>
    <script type="text/javascript" src="/js/utils/dotgolf.utils.js"></script>
    <script type="text/javascript" src="/js/knockout.mapping-latest.js"></script>
    <script type="text/javascript" src="/shared/js/knockout.dotgolf.extensions.js"></script>
    <script type="text/javascript" src="/shared/js/dotgolf.clubcms-utils.js?rev=267"></script>
    <script type="text/javascript" src="/shared/js/knockout.validation.js"></script>    
    <script type="text/javascript" src="/shared/js/pubsub.js"></script>
    
    <script type="text/javascript" src="/js/popper.min.js"></script>
    <script src='/js/bootstrap-5.3.7.bundle.min.js' type='text/javascript'></script>
    <script type="text/javascript" src="/js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap-datetimepicker.min.js"></script>

<script type='text/javascript' src='/js/vue/vue.global.prod.js'></script>
<script>
const { createApp, ref, reactive, inject, computed, onMounted, watch, customRef, onBeforeMount, onBeforeUnmount } = Vue;
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MQHRC526');</script>
<!-- End Google Tag Manager --><script type='text/javascript' src='https://securepubads.g.doubleclick.net/tag/js/gpt.js'></script><link href="/controls-vue/golfaus-menu/golfaus-menu.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/hero-plus-widget/hero-plus-widget.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/hero-plus-widget/hero-plus-widget.terraces_golfaus.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/quicklinks/quicklinks.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/quicklinks/quicklinks.terraces_golfaus.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/golfaus-content-block/golfaus-content-block.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/news-showcase/news-showcase.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/news-showcase/news-showcase.terraces_golfaus.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/questionnaire/questionnaire.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/questionnaire/questionnaire.terraces_golfaus.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/content-tiles/content-tiles.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/content-tiles/content-tiles.terraces_golfaus.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/golfaus-partners/golfaus-partners.css?v=2053e72035" rel="stylesheet" type="text/css" /><link href="/controls-vue/golfaus-footer/golfaus-footer.css?v=2053e72035" rel="stylesheet" type="text/css" /><link rel="Stylesheet" href="/layouts/_shared/CustomStyles.aspx?page=home" /><script type="text/javascript">
    var MasterPageOptions = 
{
    CountryCode: 'AU',
    Language: {
  "Address1": "Address 1",
  "Address1Plural": "Address 1",
  "Address2": "Address 2",
  "Address2Plural": "Address 2",
  "Address3": "Address 3",
  "Address3Plural": "Address 3",
  "Address4": "Suburb",
  "Address4Plural": "Suburb",
  "Address5": "State",
  "Address5Plural": "State",
  "Cart": "Cart",
  "CartPlural": "Carts",
  "CasualGolf": "Casual Golf",
  "CasualGolfPlural": "Casual Golf",
  "CasualGolfer": "Casual Golfer",
  "CasualGolferPlural": "Casual Golfers",
  "CasualGolferSignupsOnly": "Free Direct Affiliation Golfers Only",
  "CasualGolferSignupsOnlyPlural": "Free Direct Affiliation Golfers Only",
  "CommunityInstructor": "Community Instructor",
  "CommunityInstructorPlural": "Community Instructors",
  "Course": "Daily",
  "CoursePlural": "Daily",
  "CourseHandicap": "Daily Handicap",
  "CourseHandicapPlural": "Daily Handicap",
  "CourseHandicapShort": "Daily Hcp",
  "CourseHandicapShortPlural": "Daily Hcp",
  "CourseRating": "Scratch Rating",
  "CourseRatingPlural": "Scratch Ratings",
  "CourseRatingAbbreviated": "Scratch Rtg",
  "CourseRatingAbbreviatedPlural": "Scratch Rtg",
  "CourseRatingInitialized": "SCR",
  "CourseRatingInitializedPlural": "SCR",
  "District": "State",
  "DistrictPlural": "States",
  "Division": "Grade",
  "DivisionPlural": "Grades",
  "ExactHandicapShort": "GA Hcp(Daily)",
  "ExactHandicapShortPlural": "GA Hcp(Daily)",
  "Female": "Woman/Girl",
  "FemalePlural": "Women/Girls",
  "FinancialYear": "Financial Year",
  "FinancialYearPlural": "Financial Year",
  "FlexiMembership": "Golf Australia Club",
  "FlexiMembershipPlural": "Golf Australia Club",
  "GeneralPlayScore": "Conforming Social Score",
  "GeneralPlayScorePlural": "Conforming Social Scores",
  "GoverningBody": "Golf Australia",
  "GoverningBodyPlural": "Golf Australia",
  "GoverningBodyShortName": "Golf Australia",
  "GoverningBodyShortNamePlural": "Golf Australia",
  "GST": "GST",
  "GSTPlural": "GST",
  "GSTNumber": "GST Number",
  "GSTNumberPlural": "GST Number",
  "HandicapAbbreviated": "GA Hdcp",
  "HandicapAbbreviatedPlural": "GA Hdcp",
  "HandicapAllowance": "Multiplier",
  "HandicapAllowancePlural": "Multiplier",
  "HandicapCommittee": "Handicap Authority",
  "HandicapCommitteePlural": "Handicap Authority",
  "HandicapIndex": "GA Handicap",
  "HandicapIndexPlural": "GA Handicap",
  "HandicapIndexFullName": "GA Handicap",
  "HandicapIndexFullNamePlural": "GA Handicap",
  "HandicapIndexShort": "GA Hcp (Daily)",
  "HandicapIndexShortPlural": "GA Hcp (Daily)",
  "HandicapIndexShortNoCourse": "GA Hdcp",
  "HandicapIndexShortNoCoursePlural": "GA Hdcp",
  "IndexShort": "GA HCP",
  "IndexShortPlural": "GA HCP",
  "ISV": "LSP",
  "ISVPlural": "LSP",
  "Levy": "Affiliation",
  "LevyPlural": "Affiliations",
  "LevyCategory": "Golf Australia Membership Category",
  "LevyCategoryPlural": "Golf Australia Membership Category",
  "LevyNumbers": "Affiliation Fees",
  "LevyNumbersPlural": "Affiliation Fees",
  "LowHandicapIndex": "Low GA Handicap",
  "LowHandicapIndexPlural": "Low GA Handicap",
  "LowHandicapIndexShort": "Low GA Handicap",
  "LowHandicapIndexShortPlural": "Low GA Handicap",
  "Male": "Man/Boy",
  "MalePlural": "Men/Boys",
  "Marker": "Tee Marker",
  "MarkerPlural": "Tee Markers",
  "MarkerDisplayCode": "Tee Marker Number",
  "MarkerDisplayCodePlural": "Tee Marker Numbers",
  "MarkerName": "Tee Marker",
  "MarkerNamePlural": "Tee Marker",
  "MemberLabel": "Golf ID / Surname",
  "MemberLabelPlural": "Golf ID / Surname",
  "MembershipNumber": "Golf ID",
  "MembershipNumberPlural": "Golf ID",
  "MembershipNumberLabelShort": "ID",
  "MembershipNumberLabelShortPlural": "ID",
  "MemNo": "Golf ID",
  "MemNoPlural": "Golf ID",
  "MyGolf": "Golf Australia",
  "MyGolfPlural": "Golf Australia",
  "MyGolfApp": "Golf Australia",
  "MyGolfAppPlural": "Golf Australia",
  "ParticipationAllAbilities": "All Abilities",
  "ParticipationAllAbilitiesPlural": "All Abilities",
  "ParticipationClubHandQuestion": "Club Hand?",
  "ParticipationClubHandQuestionPlural": "Club Hand?",
  "ParticipationDeliverer": "Deliverer",
  "ParticipationDelivererPlural": "Deliverer",
  "ParticipationRegionContact": "State Contact",
  "ParticipationRegionContactPlural": "State Contacts",
  "PCC": "Daily Difficulty",
  "PCCPlural": "Daily Difficulty",
  "PCCShort": "Daily Diff",
  "PCCShortPlural": "Daily Diff",
  "Pennants": "Pennant",
  "PennantsPlural": "Pennants",
  "PlayingHandicap": "Daily Handicap",
  "PlayingHandicapPlural": "Daily Handicap",
  "PlayingHandicapShort": "Daily Hdcp",
  "PlayingHandicapShortPlural": "Daily Hdcp",
  "PointOfGolf": "Timesheet",
  "PointOfGolfPlural": "Timesheet",
  "Program": "Program",
  "ProgramPlural": "Programs",
  "Region": "State",
  "RegionPlural": "State",
  "ResourceHubResources": "Resource",
  "ResourceHubResourcesPlural": "Resources",
  "ScoreDifferential": "Gross Differential",
  "ScoreDifferentialPlural": "Gross Differential",
  "ScoreDifferentialAbbreviated": "GD",
  "ScoreDifferentialAbbreviatedPlural": "GD",
  "ScoreDifferentialShort": "Gross Diff",
  "ScoreDifferentialShortPlural": "Gross Diff",
  "ScoreEnteredDate": "Score Entered Date",
  "ScoreEnteredDatePlural": "Score Entered Date",
  "ScoreEnteredTime": "Score Entered Time",
  "ScoreEnteredTimePlural": "Score Entered Time",
  "Slope": "Slope Rating",
  "SlopePlural": "Slope Rating",
  "StablefordPoint": "Hcp Score",
  "StablefordPointPlural": "Hcp Score",
  "TeeMarker": "Tee Marker",
  "TeeMarkerPlural": "Tee Markers",
  "Trundler": "Trundler",
  "TrundlerPlural": "Trundlers",
  "WorldHandicapSystem": "World Handicap System&trade;",
  "WorldHandicapSystemPlural": "World Handicap System&trade;",
  "WorldHandicapSystemAbbreviated": "WHS&trade;",
  "WorldHandicapSystemAbbreviatedPlural": "WHS&trade;",
  "MarkerOrTee": "Tee Marker",
  "IDX": "GA HCP",
  "MemNoLabel": "Golf ID",
  "HdLabel": "GA Handicap",
  "HdPlural": "GA Handicap",
  "HdShortLabel": "GA Hdcp",
  "HdAbbreviated": "GA Hdcp"
},
    ShowScoresAsStableford: true,
    ShowCourseAndMarkerInSingleColumn: true,
    TimezoneDisplayCode: 'AEST',
}
</script><script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=65b3262e2c3e3c0012d51973&product=inline-share-buttons' async='async'></script><style>
/*Spacing between hero block and rte block controls*/
div[c-id="115"] + div[c-id="147"] {
    padding: 10px 0 0;
    margin-top: 20px;
}

/*This fixes issues with anchor links when using a fixed header*/
html {
scroll-padding-top: 120px;
}

/*Override to Bootstrap table to allow changing of background color via ckeditor*/
.table-striped>tbody>tr:nth-of-type(odd)>* {
  background-color: var(--bs-table-striped-bg);
}
.table>:not(caption)>*>* {
  box-shadow: none;
}

.no-ellipsis .dg-tile__description,
.no-ellipsis .dg-tile__title {
-webkit-line-clamp: unset;
overflow: visible;
}

.dg-rte .collapsible-item-body p:first-child {
    margin-top: 0;
}

.bootstrap-tabs ul.nav-tabs li h1,
.bootstrap-tabs ul.nav-tabs li h2,
.bootstrap-tabs ul.nav-tabs li h3,
.bootstrap-tabs ul.nav-tabs li h4,
.bootstrap-tabs ul.nav-tabs li h5 {
margin-bottom: 0px;
}

.content-block.dg-rte-block {
    padding: 0px !important;
}

/*Keeps TDs to have same width on all screen sizes*/
/*table {
    table-layout: fixed;
}*/
.admin-tags table,
.admin-ui table {
    table-layout: auto;
}

.social-section .content-block__body .row-cols-xxl-2 > *{
    width: 100%;
}

@media (min-width: 992px) {
    .hero-plus__image, .hero-plus__image img {
        min-height: auto;
        width: 100%;
    }
}
 
@media (max-width: 992px) {
    .microsite-menu__cta iframe {
        display: none;
    }
}

.dg-dashboard-box .dg-rte-block__col-left > div {
background-color: #f2f2f2;
padding: 25px;
position: relative;
z-index: 3;
}
.dg-dashboard-box.dg-rte-block .dg-rte-block__col-left p {
margin-bottom: 0px;
}
.dg-dashboard-box .dg-rte-block__col-left a {
color: #0159a3;
}

/* Aus PGA and Aus WPGA */
.hero-block-wrapper.hero-block--full .hero-block__slide img {
height: initial;
}
.microsite.auspga .hero-block-wrapper.hero-block--full {
background-image: unset;
background-color: #115f81;
}

/* Moved */

.zforgotpassword .zforgotpassword-container .forgot-password h2,
.zpasswordreset .usercontrol-div3 h2,
.dg-forgot-memno__title { font-size: 30px; }
.forgot-password-message > div > p { font-size: 16px; }
.forgot-password-message > .text-center.mb-5 { text-align: left !important; margin-bottom: 2rem !important; }
.forgot-password-message > .mt-5.pt-4 { padding-top: 0 !important; margin-top: 0 !important; margin-bottom: 2rem !important;}
.forgot-password-message > .text-center.mt-3 { margin-top: 2rem !important; }
.forgot-password-message > .text-center.mt-3 > p { font-size: 12px; margin-bottom: 1rem !important; }
.forgot-password-message > .text-center.mt-3 > p > i { font-style: normal !important; }

@media (min-width: 768px) {
   .hero-block--skinny .hero-block__image {
      height: var(--hero-block-height--skinny) !important;
      float: right;
   }
}

.quicklink {
border-top: none;
}

</style><!-- Apple Touch Icon for iOS devices -->
<link rel="apple-touch-icon" sizes="180x180" href="https://static.au.auprod.dotgolf.com.au/clubs/1000/uploads/other/icons/apple-touch-icon.png">

<!-- PNG Icons for various browsers -->
<link rel="icon" type="image/png" sizes="32x32" href="https://static.au.auprod.dotgolf.com.au/clubs/1000/uploads/other/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://static.au.auprod.dotgolf.com.au/clubs/1000/uploads/other/icons/favicon-16x16.png">

<!-- Web App Manifest -->
<link rel="manifest" href="https://static.au.auprod.dotgolf.com.au/clubs/1000/uploads/other/icons/site.webmanifest"><link href="https://aus.widget.ocs-software.com/" rel="preload" as="document">
</head>
<body style="height: 100%;" class="has-loader loading">
    

<div class="dg-content-panel">
    

    
    <div id="ctl73_pnlControlContainer" class="content-container ">
	
    <div class="editorPanel">

	</div>
</div>
</div>

<style>
    .r-5 {
        margin-right: 5px;
    }

    .t-15 {
        margin-top: 15px;
    }

    .message-try {
        padding: 10px 15px;
        background-color: #edfff2;
        border: 1px solid #6bd68f;
        margin: 20px 0;
    }

    .dot {
        height: 23px;
        width: 23px;
        background-color: #093c7c;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
    }
</style>
<div class="ucontent-body"><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQHRC526"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</div>
    <div class="page-home pageid-212 catid-43 div-au ">
        <form method="post" action="/layouts/terraces_golfaus/Template.aspx?page=home" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="TRsFD6ltejAIrEzZ5LY/82PS8MmNCP8lb2qmiRNJ2xr8dXb6v6V/TkeliouF+dyE1XCe2WiIjRkbckIHFHfbLbpAFchFpJFCRaab86gOJfhs/86EEBk43eFdu5U+ntSrbzgrsK53kanyjkmPaY8AwE4YX9HVAJ2Qm3HfC6mPlxhjQAfLfre0ANeIooxA2xbe2guNj+3sV9uAW1MFmhY0Tj176jZTJO3ukBD+Bxh1pBqKq55uKBtLxmGPZ5GcogYweiQe3DPxUIUWd2AHyoaOxUwEu4NVHAuT02ko1jLGaGHh0DPvST9iQdO8aLQHcvAyEYZNRfGLX6wZRvv71sIq6iQnhgzwoeBA+9LQGYUn6u7YyqKnJJ6OXCLBOHySkssmXdtG1AVN+jkR0s6AnfnjsJM5CoAwmG1xyV9mj/WAIzlK7M1YbIx0sI+ccxH5tEF4T3S6huzhT1oegFCoOf2byqkA4Bgzi8/qj1hpCkybbHgPiLonEGSmIVh5e+eMtQHh60vTLTLPrmmSYKGdYCQEp/dmB1soh541xcSSDuQWBWzh99anSt1cpZOKwIb4Ga3wIZpPdFKBASDW5ktnCcmaC817xTaq3UK9qcV1ONKUN6fBQEVGbAFY2716N6z9o0eugwtnIk69DZ2gQnZKNIQWIf4czdRGz0Y3icZ32ELPCoV3zeo/PEK8ZRkXMS4UzVr1Id5uJ3umZvjzm0FLIhCAgquFfynDk83eSi0fktjPaAbjE5btLLcX5gaKcHj4Wx93fEqlOLtjxdjfEQR+X8u2S1brTsDq5Re8EuThdaUxcS0ToBQNAEbRATopMu77q9ef9CldJ+UR4Uum3zQ0OCi964KSJBTLpZH00BlIzbuiBQDoVOOpDdivRioTWtH8W93OhYJFbAwLtI3GBnLxYCFyTh+00QW+vtxmKa2RzHODBJYLov3w2KfUwSl8m2pD6v0oGxtFdfFk6kh8j7IUBV/yxkzN1cXNZrUzUvb3NK1Qz6amWKvgIRteXaLUwGFizTG6mBzx8HMzJbRvxjqBly3o//qzzGWBOW6TNx5+HOnp3PuxSbJTWI6/2NixeyB5oerDTfbCmCiezNIStSdt9Q64JABsazbLCIa9c+HKqlpfK9ikXoHtKF7d6PRJ+W/Z1op8yTn34Bogmm5tYiwX8dtwe4zUWwDcrFIaYqsvDSaKis5njl2/xThx6dy0UUJQDH5HAbS3N7sYuOoJkEOTy23RnUMBIr3PDgitAWxQm+WwIymoRg+/akTO8o9i6yRmQiVLJRprNh2BD5W/S72r3hy2sScu5vwh/qBY3VJ9nnFd9YwbzwqrKkvtVpeQd/xNV8MV58Bf5m30jEiHU98ACpL5wYWpzsbar6wrPefNwpbPQSPFvfENLQaNNTMitVfrhSJMA1V00vPboJ1unUHxE+WQiNWgN+FA4jiDaeEG/NyR/uGwxjl2ykwE7LhZ9Ja8jMUkHCluVUU77L14WekbZfpTj2pWuVcMakL0iWnod2UU39X50iJKAH/D5zVRDeCG5g9rafLNFiXuO5eZ2rbJk4QROmDvxTO5Bwm1dJC93hjLOawwOIoQPL5+KC+JiSTvZt+92ohqVb36JP4mKHZ6ZWRNWWtkLnAKYbjwYu7netf4oMM0bR4BXSaTOoZB/0EB2ocZgBOo7XLOBQAKiAB635/BsWDohAz5CQReilsHTrBRJ9XQNrZjsHcCDPYzkWDRDyq0c7ITCxopFY1L5ZYMDfFBPexk+rDUS0yGrhuAA+uh+DeihwCQBqAStdSX1bXTJgzCZvhlEckeaVzuirVFboMr3JXzv7QNMe3lCf9yQ8erKkwynFpouLDMJVN7wD1qpkACznso42cvdJhpk+AUEYiDgVXLohSFSuXRHa35IyyR7VmWzClHe5DOpKzqXlaXkZfpf4ePvfIx03HKKbmo4BI4B+RdaBSbuVpH0v6J1ZcPEKsUmCRhWoja42v1Q+o8T3nKlFgE8EU2JCGo5iMMK8mbWdllYBxLRUwdoIgDg1zcjDg2yJXlN6StOHobwfGsin8w0HZIBrHyAn2qCRo5bQl3aMNOf63IA0Uw5uP1Lsh8Yyeu9XPS5ST5eRGlTR/msNHL9NXnwuueBNU6oFY4hu+nJmjiXUszRJoAamGrGA5JrGIzg3ytlgWK8ivW8VVITD+nYH17FQsVXOJ/i2ZG0LxXh77Cx9Sxlxj5rOvZnhk4s0jrlzmFsLkqjqOiIZDw7IbM97/zuFoN0ZN7oQhwBJiSYFMD7duEi7EeMzR4e2q94iplwgbcz7En/R2c2KhrktS3ofZ25t134vej1/HBQPtvw78QGBa+sZLNJbwScmScQ5ka9yVtGWasB7bjxOT25LFscWWdpGhWBEd9Fjd0S9HarxtIBKY93dTc1VkvKTjIi4d+fv/cu+PW3xTuprjRAoBbEGsW1dbhdWL1rPTAZhkGBtJ4N2Lv5Zfq5mLbhgNA2nu4rHSVcff9b4ZuZHvbdgx7SC0xNjfSDPpAK0ueVDgzNuedCmW14ijD2v2uRuuIHvZQsLuOOx4Yw0MaPgSr25iPF3Itdpw9r1mq/FO+vCd75+gcrQ0=" />
</div>


<script src="/controls-vue/services/base-service.js" type="text/javascript"></script>
<script src="/controls-vue/services/auth-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/club-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/finder-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/mailing-list-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/member-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/menu-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/news-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/page-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/participation-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/pganz-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/professional-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/profile-question-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/profilequestion-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/questionnaire-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/resource-hub-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/score-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/setting-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/tag-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/third-party-service.js?v=638949100574551920" type="text/javascript"></script>
<script src="/controls-vue/services/index-service.js" type="text/javascript"></script>
<script src="/controls-vue/validations/custom-validation.js" type="text/javascript"></script>
<script src="/controls-vue/base-control-model.js" type="text/javascript"></script>
<script src="/controls-vue/helpers/vue-helpers.js" type="text/javascript"></script>
<script src="/controls-vue/golfaus-menu/GolfausMenu.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/hero-plus-widget/HeroPlusWidget.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/quicklinks/Quicklinks.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/golfaus-content-block/GolfausContentBlock.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/news-showcase/NewsShowcase.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/questionnaire/Questionnaire.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/golfaus-content-block/GolfausContentBlock.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/content-tiles/ContentTiles.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/golfaus-content-block/GolfausContentBlock.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/content-tiles/ContentTiles.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/golfaus-content-block/GolfausContentBlock.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/golfaus-content-block/GolfausContentBlock.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/golfaus-partners/GolfausPartners.js?v=638949100574708160" type="text/javascript"></script>
<script src="/controls-vue/golfaus-footer/GolfausFooter.js?v=638949100574864436" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvrqCb7tt6czLdYwgVzFJ5ds-x2j6LqeOtb1JKz9lXycqLG2U8-IVLgGOk2e_73hbVYT1IcsBdjhmbcUff8ooQx73BC25YZcQTSd_9jvSg-xSe_Nt0YWhypTKXylGcCd5_Kzou8c1&amp;t=ffffffffadad19fc" type="text/javascript"></script>
<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="99D38F23" />
</div>
            
            

             <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
                 <symbol id="icon-close" viewBox="0 0 512 512">
                    <path d="m92 417c-6-7-6-17 0-23l299-299c6-6 16-6 23 0 6 7 6 17 0 23l-299 299c-6 6-17 6-23 0z m0-322c6-6 17-6 23 0l299 299c6 6 6 16 0 23-7 6-17 6-23 0l-299-299c-6-6-6-16 0-23z" />
                </symbol>
                <symbol id="icon-tick" viewBox="0 0 512 512">
                    <path d="m351 158c7 5 8 15 3 22l-125 164c-7 9-17 14-28 13-10 0-20-6-26-14l-39-58c-5-7-3-17 4-22 8-5 18-3 23 4l39 58 0 0c0 0 0 0 0 0 0 0 0 0 0 0 1 0 1 0 1 0 0 0 0 0 0 0l0 0 126-164c5-7 15-8 22-3z" />
                </symbol>
                 <symbol viewBox="0 0 25 25" fill="none" id="icon-person">
                    <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M12.132 14.154a5.056 5.056 0 1 0 0-10.111 5.056 5.056 0 0 0 0 10.111z"
                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                    </path>
                    <path d="M19.21 21.231c-1.06-3.03-3.896-5.055-7.078-5.055-3.181 0-6.017 2.026-7.077 5.055" stroke-width="1.5"
                        stroke-linecap="round" stroke-linejoin="round">
                    </path>
                </symbol>
                <symbol id="icon-gender" viewBox="0 0 512 512">
                    <path d="m155 181c0-50 40-90 90-90 50 0 91 40 91 90 0 50-41 91-91 91-50 0-90-41-90-91z m90-58c-32 0-58 26-58 58 0 33 26 59 58 59 33 0 59-26 59-59 0-32-26-58-59-58z m-132 256c20-58 73-96 132-96 60 0 113 38 133 96 1 5 1 10-2 14-3 5-8 7-13 7l-235 0c-5 0-10-2-13-7-3-4-4-9-2-14z m40-11l185 0c-20-33-55-53-93-53-38 0-73 20-92 53z" />
                </symbol>
                <symbol id="icon-golf-course" viewBox="0 0 512 512">
                    <path d="m111 55c2-2 6-2 11-2l104 39c9 2 13 10 13 19 0 8-4 17-13 19l-98 49 0 184c0 6-4 10-11 10-6 0-10-4-10-10l0-299c0-4 2-6 4-9z m17 24l0 77 90-43z m245 124c-30 0-57 6-81 15-19 8-36 21-47 36-23-7-47-9-70-9-6 0-11 5-11 11 0 6 5 11 11 11 23 0 49 4 72 10 5 2 11 0 13-6 7-13 19-24 41-34 19-9 45-15 72-15 34 0 64 8 86 21 21 13 32 28 32 43 0 15-11 30-32 43-22 12-52 21-86 21-10 0-21 0-32-2-2 0-6 0-8 2-2 2-4 4-4 6-3 19-20 41-47 56-28 15-67 23-107 23-45 0-83-10-111-28-28-17-43-38-43-57 0-21 17-45 47-62 5-2 7-9 5-15-3-4-9-6-15-4-32 21-58 49-58 83 0 32 21 60 53 77 32 19 75 30 122 30 45 0 85-11 117-28 28-15 49-36 56-60 8 0 17 2 23 2 36 0 71-8 96-23 26-15 43-36 43-62 0-26-17-47-43-62-23-15-57-23-94-23z" />
                </symbol>
            </svg>

            <div id="topPanel">
	<div id="ctl34" class="pc-root-container vue-control" pc-id="800" c-id="114">
		<header :class="{'header--has-top-nav':vm.showTopNav}">

    <template v-if="vm.showTopNav">
        <div class="header__top-nav-wrapper">
            <div class="header__top-nav">
                <a :href="vm.editModeLink" class="admin__edit-btn" v-if="vm.editModeLink" target="_blank">Edit Top navigation</a>

                <div class="container-md">
                    <div class="row">
                        <div class="col d-flex align-items-center header__top-nav-left">
                            <a v-for="(item, index) in vm.topMenuLeft"
                               v-bind:class="[{'header--mobile-hidden':item.HideOnMobile},{'header--has-icon':item.Icon}]"
                               :key="index"
                               :href="item.Link"
                               :target="item.OpenInNewTab ? '_blank' : '_self'"
                               class="header__top-nav-item">
                                <img v-if="item.Icon" :src="item.Icon" v-bind:class="{'header__top-nav-logo':item.IconOnly}" :alt="item.Name" />
                                <span v-show="!item.IconOnly">{{ item.Name }}</span>
                            </a>
                        </div>
                        <div class="col d-flex align-items-center header__top-nav-right justify-content-end">
                            <a v-for="(item, index) in vm.topMenuRight"
                               v-bind:class="[{'header--mobile-hidden':item.HideOnMobile},{'header--has-icon':item.Icon}]"
                               :key="index"
                               :href="item.Link"
                               :target="item.OpenInNewTab ? '_blank' : '_self'"
                               class="header__top-nav-item">
                                <img v-if="item.Icon" :src="item.Icon" v-bind:class="{'header__top-nav-logo':item.IconOnly}" :alt="item.Name" />
                                <span v-show="!item.IconOnly">{{ item.Name }}</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </template>

    <div class="header__main" v-bind:class="[{'header--is-sticky' : !vm.isAtTop}, props.cssClassName]">
        <div class="header__inner">
            <div class="header__main-nav">
                <div class="container-md">
                    <div class="row">
                        <div class="col-md d-flex justify-content-between align-items-center">
                            <div class="header__burger-menu-wrapper">
                                <button type="button" class="header__burger-menu" @click.prevent="onClickBurgerMenu" v-bind:class="{'header__burger-menu--active' : vm.isMobileMenuOpen}">
                                    <span class="header__burger-menu-bar"><span></span></span>
                                </button>
                            </div>

                            <a class="header__logo" href="/">
                                <img src="/images/golfaus/golf-com-au-white.svg" alt="golf.com.au" />
                            </a>
                            <nav class="header-nav header__navigation header--mobile-hidden" v-bind:class="{'show':!vm.isMainMenuLoading}">
                                <ul>
                                    <li v-for="(mainMenu, index) in vm.mainMenu" :key="index" :class="mainMenu.Menu.CssClassName">
                                        <div class="header__menu-wrapper">
                                            <a class="header__menu" :href="mainMenu.Menu.UrlOverride === '' ? mainMenu.Menu.PagePath : mainMenu.Menu.UrlOverride" v-if="mainMenu.Submenus.length <= 0" v-html="mainMenu.Menu.MenuName"></a>
                                            <span class="header__menu" @click.prevent="onClickMainMenu" v-else v-html="mainMenu.Menu.MenuName"></span>
                                        </div>
                                        <div class="header__mega-menu header__menu-dropdown" v-if="mainMenu.Submenus.length > 0">
                                            <div class="header__mega-menu-inner">
                                                <div class="header__mega-menu-parent" v-if="mainMenu.Menu.UrlOverride !== '' || mainMenu.Menu.PagePath">
                                                    <a :href="mainMenu.Menu.UrlOverride === '' ? mainMenu.Menu.PagePath : mainMenu.Menu.UrlOverride" v-html="mainMenu.Menu.ShortDescription || mainMenu.Menu.ShortDescription != '' ? mainMenu.Menu.ShortDescription : mainMenu.Menu.MenuName"></a>
                                                </div>
                                                <div class="header_mega-menu-body">
                                                    <ul class="header__sub-menu-columns" v-show="mainMenu.Submenus.filter(item => item.Submenus.length > 0).length > 0">
                                                        <li class="header__sub-menu-column" v-for="(subMenu, index) in mainMenu.Submenus.filter(item => item.Submenus.length > 0)" :key="index">
                                                            <a class="header__sub-menu-title" :href="subMenu.Menu.UrlOverride === '' ? subMenu.Menu.PagePath : subMenu.Menu.UrlOverride">{{ subMenu.Menu.MenuName }}</a>
                                                            <ul class="header__sub-menu-items" v-if="subMenu.Submenus.length > 0">
                                                                <li v-for="(subMenuLink, index) in subMenu.Submenus" :key="index">
                                                                    <a class="header__sub-menu-link" v-bind:class="subMenuLink.Menu.CssClassName" :href="subMenuLink.Menu.UrlOverride === '' ? subMenuLink.Menu.PagePath : subMenuLink.Menu.UrlOverride">{{ subMenuLink.Menu.MenuName }}</a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                    <ul class="header__sub-menu-columns header__sub-menu-columns--standalone" v-show="mainMenu.Submenus.filter(item => item.Submenus.length <= 0).length > 0">
                                                        <li class="header__sub-menu-column" v-for="(subMenu, index) in mainMenu.Submenus.filter(item => item.Submenus.length <= 0)" :key="index">
                                                            <a class="header__sub-menu-title" :href="subMenu.Menu.UrlOverride === '' ? subMenu.Menu.PagePath : subMenu.Menu.UrlOverride">{{ subMenu.Menu.MenuName }}</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </nav>
                            <div class="header__cta header-nav" v-bind:class="{'show':!vm.isMemberNavLoading}">
                                <a class="header__login-button" v-if="!vm.isAuthenticated" href="/login"><span>Sign up / Log in</span><i class="fal fa-user"></i></a>
                                <span class="header__login-button" v-if="vm.isAuthenticated" @click.prevent="onClickMemberMenu"><i class="fal fa-user"></i>{{ vm.memberName }}<i class="far fa-chevron-down"></i></span>

                                <div class="header__mega-menu header__menu-dropdown">
                                    <ul class="header__sub-menu-columns">
                                        <li class="header__sub-menu-column">
                                            <a class="header__sub-menu-title" href="/dashboard">Dashboard</a>
                                        </li>
                                        <li class="header__sub-menu-column">
                                            <a class="header__sub-menu-title" href="/dashboard-profile">My Profile</a>
                                        </li>
                                        <li class="header__sub-menu-column">
                                            <a class="header__sub-menu-title" href="#" @click.prevent="onClickLogout">Logout</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header__mobile-main-nav">
                <div class="container-md">
                    <ul class="header-nav header__mobile-navigation">
                        <li v-for="(mainMenu, index) in vm.mainMenu" :key="index">
                            <a class="header__mobile-menu" :href="mainMenu.Menu.UrlOverride === '' ? mainMenu.Menu.PagePath : mainMenu.Menu.UrlOverride" v-if="mainMenu.Menu.PagePath && mainMenu.Submenus.length <= 0">{{ mainMenu.Menu.MenuName }}</a>
                            <span class="header__mobile-menu" @click.prevent="onClickMainMenu" v-else>{{ mainMenu.Menu.MenuName }} <i class="far fa-chevron-down"></i></span>
                            <div class="header__mobile-menu-dropdown header__menu-dropdown" v-if="mainMenu.Submenus.length > 0">
                                <ul>
                                    <li v-for="(subMenu, index) in mainMenu.Submenus" :key="index">
                                        <a class="header__sub-menu-title" :href="subMenu.Menu.UrlOverride === '' ? subMenu.Menu.PagePath : subMenu.Menu.UrlOverride">{{ subMenu.Menu.MenuName }}</a>
                                        <ul v-if="subMenu.Submenus.length > 0">
                                            <li v-for="(subMenuLink, index) in subMenu.Submenus" :key="index">
                                                <a class="header__sub-menu-link" v-bind:class="subMenuLink.Menu.CssClassName" :href="subMenuLink.Menu.UrlOverride === '' ? subMenuLink.Menu.PagePath : subMenuLink.Menu.UrlOverride">{{ subMenuLink.Menu.MenuName }}</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="header__mobile-top-nav" v-if="vm.showTopNav">
                    <div class="container-md">
                        <a v-for="(item, index) in vm.topMenuLeft"
                           v-bind:class="[{'header--mobile-hidden':item.HideOnMobile},{'header--has-icon':item.Icon}]"
                           :key="index"
                           :href="item.Link"
                           :target="item.OpenInNewTab ? '_blank' : '_self'"
                           class="header__top-nav-item">
                            <img v-if="item.Icon" :src="item.Icon" :alt="item.Name" />
                            <span>{{ item.Name }}</span>
                        </a>
                        <a v-for="(item, index) in vm.topMenuRight"
                           v-bind:class="[{'header--mobile-hidden':item.HideOnMobile},{'header--has-icon':item.Icon}]"
                           :key="index"
                           :href="item.Link"
                           :target="item.OpenInNewTab ? '_blank' : '_self'"
                           class="header__top-nav-item">
                            <img v-if="item.Icon" :src="item.Icon" :alt="item.Name" />
                            <span>{{ item.Name }}</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

</header>
	</div>
</div>

            <div class="l_content-container">
                <main id="main" class="main">
                    <div id="centerFullWidthPanel">
	<div id="ctl37" class="pc-root-container vue-control" pc-id="2808" c-id="222">
		<div v-if="props.htmlEditBtn" v-html="props.htmlEditBtn"></div>

<div class="hero-plus" v-bind:class="[props.cssClassName, vm.isLoading ? 'hero-plus--loading' : 'hero-plus--loaded']">
    <div v-bind:class="[props.containerClass]">

        <div class="row hero-plus__loader" v-show="vm.isLoading">
            <div class="col-sm-12 col-md-12 col-lg-8 hero-plus__left">
                <div class="hero-plus__content-wrapper">
                    <div class="hero-plus__image">
                        <div class="skeleton-loading"></div>
                    </div>
                    <div class="hero-plus__content">
                        <h2 style="min-height: 40px;" class="skeleton-loading"></h2>
                    </div>
                    <div style="min-height:105px;" class="skeleton-loading"></div>
                </div>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-4 hero-plus__right">
                <div style="height:100%;width:100%;" class="skeleton-loading"></div>
            </div>
        </div>

        <div class="row hero-plus__row" v-show="!vm.isLoading">
            <div class="col-sm-12 col-md-12 hero-plus__left" v-bind:class="{'col-lg-8':vm.content?.HtmlContent}">

                <div class="hero-plus__slider-wrapper">

                    <div class="swiper hero-plus__swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide hero-plus__slide" v-for="(slide, index) in vm.slides" :key="index">
                                <div class="hero-plus__content-wrapper">
                                    <div class="hero-plus__image">
                                        <img v-if="slide.ImageSource" loading="lazy" :src="slide.ImageSource" :alt="slide.ImageAltText || slide.Title" onerror="this.src='/images/golfaus/image-placeholder.svg'" />
                                        <img v-else loading="lazy" alt="Image placeholder" src="/images/golfaus/image-placeholder.svg" />
                                    </div>
                                    <div class="hero-plus__content">
                                        <h2>{{ slide.Title }}</h2>
                                    </div>
                                    <a :href="slide.TargetUrl" class="hero-block__clickable" v-if="slide.TargetUrl" :target="slide.OpenInNewTab ? '_blank' : '_self'"></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="hero-plus__thumbs-wrapper">
                        <div class="hero-plus__thumbs-wrapper-skeleton" v-if="vm.isLoading">
                            <div class="skeleton-loading"></div>
                        </div>

                        <div thumbsSlider="" class="swiper hero-plus__thumbs" v-bind:class="['hero-block__plus-'+props.pageControlId, {'show':!vm.isLoading}]">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide" v-for="(slide, index) in vm.slides" :key="index">
                                    <div class="hero-plus__thumb">
                                        <h4>{{ slide.Title }}</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>

            <div class="col-sm-12 col-md-12 col-lg-4 hero-plus__right" v-if="vm.content?.HtmlContent">
                <div class="hero-plus__html-content" v-html="vm.content?.HtmlContent"></div>
            </div>
        </div>

        <div class="row" v-show="vm.slides.length == 0">
            <div class="col">
                <div class="admin__no-content"><h4>No content yet. Please click "Edit Hero Plus Widget" button.</h4></div>
            </div>
        </div>
    </div>
</div>
	</div><div id="ctl40" class="pc-root-container vue-control" pc-id="819" c-id="116">
		<div v-if="props.htmlEditBtn" v-html="props.htmlEditBtn"></div>
<div class="quicklinks" v-bind:class="[props.CssClassName, vm.style]">

    <div class="quicklinks__loader" v-show="vm.isLoading">
        <div class="row">
            <div class="col" v-for="n in 6" :key="n">
                <div class="quicklink">
                    <div class="quicklink__image-wrapper">
                        <div class="quicklink__image skeleton-loading"></div>
                    </div>
                    <span class="skeleton-loading" style="width:80%"></span>
                    <span class="skeleton-loading" style="width:30%;margin-top:5px;"></span>
                </div>
            </div>
        </div>
    </div>

    <div :class="props.containerClass" v-show="!vm.isLoading">
        <div class="row" v-show="vm.items.length > 0">
            <div class="col">
                <div class="quicklinks-swiper-wrapper" v-bind:class="'swiper-'+props.pageControlId">
                    <div class="swiper-button-prev">
                        <i class="fal fa-chevron-circle-left"></i>
                    </div>
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide quicklinks__slide" v-for="(item, index) in vm.items" :key="index">
                                <a class="quicklink" :href="item.Link">
                                    <div class="quicklink__image-wrapper">
                                        <img 
                                             :src="item.Image"
                                             class="quicklink__image"
                                             v-bind:class="{'d-none':!item.Image}"
                                             onerror="this.style='display:none"
                                             :alt="item.ImageAltText || item.Title"/>
                                        <div class="quicklink__image-placeholder"></div>
                                    </div>
                                    <span class="quicklink__text">{{ item.Title }}</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next">
                        <i class="fal fa-chevron-circle-right"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="row" v-show="vm.items.length == 0">
            <div class="col">
                <div class="admin__no-content"><h4>No content yet. Please click "Edit Quick links" button.</h4></div>
            </div>
        </div>

    </div>
</div>

	</div><div class="pc-root-container" pc-id="818" c-id="156">
		

<div class="dg-content-panel">
    

    
    <div id="ctl43_pnlControlContainer" class="content-container " style="background-color:White;border-style:None;">
			
    <div class="editorPanel">

			</div>
		</div>
</div>

<style>
    .r-5 {
        margin-right: 5px;
    }

    .t-15 {
        margin-top: 15px;
    }

    .message-try {
        padding: 10px 15px;
        background-color: #edfff2;
        border: 1px solid #6bd68f;
        margin: 20px 0;
    }

    .dot {
        height: 23px;
        width: 23px;
        background-color: #093c7c;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
    }
</style>
<div class="ucontent-body"><div class="d-flex justify-content-center pt-5">
<div id='superleader1'>
  <script>
 googletag.cmd.push(function() {
    var mappingLeaderboard = googletag.sizeMapping().addSize([980, 0], [[970, 90],[728, 90]]).addSize([0, 0], [320, 50]).build();
    googletag.defineSlot('/27436116/superleaderboard',[[320,50],[728,90],[970,90]], 'superleader1')
        .defineSizeMapping(mappingLeaderboard)
        .setTargeting('pos',['SL1'])
        .addService(googletag.pubads())
    googletag.pubads().setCentering(true);
    googletag.enableServices();
    googletag.display('superleader1');
});</script>
  </div>
</div></div>
	</div><div id="ctl45" class="pc-root-container vue-control" pc-id="820" c-id="121">
		<div v-if="props.htmlEditBtn" v-html="props.htmlEditBtn"></div>
<div class="content-block__wrapper" v-bind:class="[props.cssClassName, vm.style]">

    <template v-if="!vm.isLoading && !vm.content">
        <div class="admin__no-content">
            <h4>No content yet. Please click "Edit Content Block" button.</h4>
        </div>
    </template>

    <template v-if="vm.isLoading">
        <div class="content-block">
            <div class="content-block__head">
                <div class="container-md">
                    <div class="row">
                        <div class="col">
                            <div class="content-block__detail">
                                <div>
                                    <div class="content-block__head-content">
                                        <h2 class="skeleton-loading">Loading...</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </template>

    <template v-if="!vm.isLoading && vm.content">
        <div class="content-block">
            <div class="content-block__head">
                <div class="container-md">
                    <div class="row">
                        <div class="col">
                            <div class="content-block__detail">
                                <div class="content-block__head-content">
                                    <h2>
                                        {{ vm.content.Title }}
                                    </h2>
                                    <a class="content-block__link" :href="vm.content.ButtonUrl" v-if="vm.content.ButtonUrl" :target="vm.content.OpenInNewTab ? '_blank' : '_self'">
                                        <span v-if="vm.content.ButtonText">{{ vm.content.ButtonText }}</span>
                                        <i class="icon-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <template v-if="vm.content.Description || vm.content.HTML || vm.content.Image">
                <div class="content-block__body">
                    <div class="container-md">
                        <template v-if="vm.content.Description || vm.content.HTML">
                            <div class="row row-cols-1" v-bind:class="{'row-cols-md-2 row-cols-lg-2 row-cols-xxl-2': vm.content.DescriptionLayout != 'full'}">
                                <div class="col" v-if="vm.content.Description">
                                    <p>{{ vm.content.Description }}</p>
                                </div>
                                <div class="col" v-if="vm.content.HTML && !vm.content.Description" v-html="vm.content.HTML"></div>
                                <div class="col">
                                    <div class="content-block__image" v-if="vm.content.Image">
                                        <img class="lazyload" :data-src="vm.content.Image" :alt="vm.content.ImageAltText || vm.content.Title" />
                                    </div>
                                </div>
                            </div>
                        </template>
                        <template v-else>
                            <div class="row">
                                <div class="col">
                                    <div class="content-block__image content-block__image--full" v-if="vm.content.Image">
                                        <img class="lazyload" :data-src="vm.content.Image" :alt="vm.content.ImageAltText || vm.content.Title" />
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>
                </div>
            </template>
        </div>
    </template>
</div>

	</div><div id="ctl48" class="pc-root-container vue-control" pc-id="821" c-id="127">
		<div class="news-showcase" v-bind:class="[props.CssClassName]">

    <template v-if="props.isRelatedArticles">
        <div class="news-showcase-header__wrapper">
            <div class="news-showcase-header">
                <div class="news-showcase-header__head">
                    <div :class="props.containerClass">
                        <div class="news-showcase-header__detail">
                            <div class="news-showcase-header__head-content">
                                <h3>Related Articles</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </template>

    <div class="news-showcase-inner" v-bind:class="[vm.style, 'swiper-'+props.pageControlId]">
        <div :class="props.containerClass">
            <div class="news-showcase__loader" v-show="vm.isLoading">
                <div class="row">
                    <div class="col" v-for="n in 3" :key="n">
                        <div class="dg-tile news-card">
                            <div class="dg-tile__head news-card__head">
                                <div class="skeleton-loading"></div>
                            </div>
                            <div class="dg-tile__body news-card__body">
                                <h2 class="dg-tile__title skeleton-loading">Loading news article</h2>
                                <h2 class="dg-tile__title skeleton-loading" style="max-width:75%;">Loading news article</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <template v-if="props.gridView">
                <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xxl-3 dg-tile--big g-4" v-show="!vm.isLoading && vm.items.length > 0">
                    <div class="col" v-for="(item, index) in vm.items" :key="index">
                        <div class="dg-tile">
                            <div class="dg-tile news-card">
                                <div class="dg-tile__head news-card__head">
                                    <a :href="'/admin-news-management?articleId=' + item.NewsArticleId" class="admin__edit-btn" v-if="vm.editMode" target="_blank">Edit Article</a>
                                    <span class="news-card__category">{{ item.Tags }}</span>
                                    <div class="dg-tile__image-wrapper">
                                        <img class="lazyload" :src="item.ThumbnailImageUrl" onerror="this.style='display:none'" :alt="item.Title" />
                                        <div class="dg-tile__image-placeholder"></div>
                                    </div>
                                </div>
                                <div class="dg-tile__body news-card__body">
                                    <h2 class="dg-tile__title">{{ item.Title }}</h2>
                                    <div class="news-card__time-author">
                                        <span>{{ item.PublishDateText }}</span>
                                        <span v-if="item.Author">{{ item.Author }}</span>
                                    </div>
                                </div>
                                <a :href="item.NewsArticleUrl" class="dg-tile__clickable"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </template>

            <template v-else>

                <div class="row" v-show="!vm.isLoading && vm.items.length > 0">
                    <div class="col">
                        <div class="swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide content-tiles__slide" v-for="(item, index) in vm.items" :key="index">
                                    <div class="dg-tile news-card">
                                        <div class="dg-tile__head news-card__head">
                                            <a :href="'/admin-news-management?articleId=' + item.NewsArticleId" class="admin__edit-btn" v-if="vm.editMode" target="_blank">Edit Article</a>
                                            <span class="news-card__category">{{ item.Tags }}</span>
                                            <div class="dg-tile__image-wrapper">
                                                <img loading="lazy" :src="item.ThumbnailImageUrl" onerror="this.style='display:none'" :alt="item.Title" />
                                                <div class="dg-tile__image-placeholder"></div>
                                            </div>
                                        </div>
                                        <div class="dg-tile__body news-card__body">
                                            <h2 class="dg-tile__title">{{ item.Title }}</h2>
                                            <div class="news-card__time-author">
                                                <span>{{ item.PublishDateText }}</span>
                                                <span v-if="item.Author">{{ item.Author }}</span>
                                            </div>
                                        </div>
                                        <a :href="item.NewsArticleUrl" class="dg-tile__clickable"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-navigation">
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-spacer"></div>
                            <div class="swiper-button-next"></div>
                        </div>
                    </div>
                </div>

            </template>

            <template v-if="!vm.isLoading && vm.items.length <= 0">
                <h4>No news article available.</h4>
            </template>
        </div>
    </div>

</div>
	</div><div id="ctl51" class="pc-root-container vue-control" pc-id="822" c-id="162">
		<div class="dg-questionnaire">
    <div class="dg-questionnaire__loader" v-show="vm.isLoading">Loading...</div>
    <div :class="props.containerClass" v-show="!vm.isLoading">
        <div class="row">
            <div class="dg-questionnaire__left col-md-12 col-lg">
                <h3 class="dg-questionnaire__title" v-show="props.title">{{ props.title }}</h3>
                <div class="dg-questionnaire__content">
                    <div class="dg-questionnaire__progress">
                        <span class="dg-questionnaire__progress-bar" :style="'transform: translateX('+vm.progress+'%);'"></span>
                    </div>
                    <div class="dg-questionnaire__question" v-if="vm.currentQuestion && !vm.isOutcome">
                        {{ vm.currentQuestion.Question }}
                    </div>
                    <div class="dg-questionnaire__question dg-questionnaire__outcome" v-if="vm.currentQuestion && vm.isOutcome">
                        {{ vm.currentQuestion.OutcomeText }}
                    </div>
                </div>
                <div class="dg-questionnaire__footer">
                    <div class="dg-questionnaire__choices">
                        <div class="dg-questionnaire__choice" v-for="(item, index) in vm.currentOptions" :key="index">
                            <input type="radio"
                                   v-model="vm.selectedOption"
                                   v-bind:disabled="vm.isLoading"
                                   name="questionnaireOption"
                                   :id="'questionnaireOption'+index"
                                   :value="item.QuestionFollowUpId ?? 0"
                                   v-if="item.QuestionFollowUpId">
                            <input type="radio"
                                   v-model="vm.selectedOutcome"
                                   v-bind:disabled="vm.isLoading"
                                   name="questionnaireOption"
                                   :id="'questionnaireOption'+index"
                                   :value="item.OutcomeId"
                                   v-else>
                            <label :for="'questionnaireOption'+index">{{ item.Answer }}</label>
                        </div>
                    </div>
                    <div class="dg-questionnaire__btn-wrapper">
                        <a href="#" class="dg-questionnaire__btn"
                           @click.prevent="onClickNext"
                           v-if="vm.currentOptions && !vm.isOutcome"
                           v-bind:class="{'dg-questionnaire--disabled':vm.nextIsDisabled}">
                            Next <i class="icon-arrow-right"></i>
                        </a>
                        <a :href="vm.currentQuestion.OutcomeTargetUrl" class="dg-questionnaire__btn" v-else>
                            View more <i class="icon-arrow-right"></i>
                        </a>
                        <a href="#"
                           class="dg-questionnaire__btn dg-questionnaire__btn-back"
                           @click.prevent="onClickPrevious"
                           v-show="vm.completedQuestionCount > 0">
                            <i class="icon-arrow-left"></i> Back
                        </a>
                    </div>
                </div>

            </div>
            <div class="dg-questionnaire__right col-md-12 col-lg-4" v-if="props.ads">
                <div class="dg-questionnaire__ad-wrapper">
                    <div v-html="props.ads"></div>
                </div>
            </div>
        </div>
    </div>
</div>
	</div><div id="ctl52" class="pc-root-container vue-control" pc-id="823" c-id="121">
		<div v-if="props.htmlEditBtn" v-html="props.htmlEditBtn"></div>
<div class="content-block__wrapper" v-bind:class="[props.cssClassName, vm.style]">

    <template v-if="!vm.isLoading && !vm.content">
        <div class="admin__no-content">
            <h4>No content yet. Please click "Edit Content Block" button.</h4>
        </div>
    </template>

    <template v-if="vm.isLoading">
        <div class="content-block">
            <div class="content-block__head">
                <div class="container-md">
                    <div class="row">
                        <div class="col">
                            <div class="content-block__detail">
                                <div>
                                    <div class="content-block__head-content">
                                        <h2 class="skeleton-loading">Loading...</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </template>

    <template v-if="!vm.isLoading && vm.content">
        <div class="content-block">
            <div class="content-block__head">
                <div class="container-md">
                    <div class="row">
                        <div class="col">
                            <div class="content-block__detail">
                                <div class="content-block__head-content">
                                    <h2>
                                        {{ vm.content.Title }}
                                    </h2>
                                    <a class="content-block__link" :href="vm.content.ButtonUrl" v-if="vm.content.ButtonUrl" :target="vm.content.OpenInNewTab ? '_blank' : '_self'">
                                        <span v-if="vm.content.ButtonText">{{ vm.content.ButtonText }}</span>
                                        <i class="icon-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <template v-if="vm.content.Description || vm.content.HTML || vm.content.Image">
                <div class="content-block__body">
                    <div class="container-md">
                        <template v-if="vm.content.Description || vm.content.HTML">
                            <div class="row row-cols-1" v-bind:class="{'row-cols-md-2 row-cols-lg-2 row-cols-xxl-2': vm.content.DescriptionLayout != 'full'}">
                                <div class="col" v-if="vm.content.Description">
                                    <p>{{ vm.content.Description }}</p>
                                </div>
                                <div class="col" v-if="vm.content.HTML && !vm.content.Description" v-html="vm.content.HTML"></div>
                                <div class="col">
                                    <div class="content-block__image" v-if="vm.content.Image">
                                        <img class="lazyload" :data-src="vm.content.Image" :alt="vm.content.ImageAltText || vm.content.Title" />
                                    </div>
                                </div>
                            </div>
                        </template>
                        <template v-else>
                            <div class="row">
                                <div class="col">
                                    <div class="content-block__image content-block__image--full" v-if="vm.content.Image">
                                        <img class="lazyload" :data-src="vm.content.Image" :alt="vm.content.ImageAltText || vm.content.Title" />
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>
                </div>
            </template>
        </div>
    </template>
</div>

	</div><div id="ctl55" class="pc-root-container vue-control" pc-id="824" c-id="139">
		<div v-if="props.htmlEditBtn" v-html="props.htmlEditBtn"></div>
<div class="content-tiles" v-bind:class="[props.cssClassName, vm.style,'swiper-'+props.pageControlId]">

    <div :class="props.containerClass">

        <div class="content-tiles__loader" v-show="vm.isLoading">
            <div class="row">
                <div class="col" v-for="n in 3" :key="n">
                    <div class="dg-tile dg-tile--no-hover">
                        <div class="dg-tile__head">
                            <div class="skeleton-loading"></div>
                        </div>
                        <div class="dg-tile__body">
                            <h2 class="dg-tile__title skeleton-loading">Loading...</h2>
                            <h2 class="dg-tile__title skeleton-loading" style="max-width:75%;">Loading...</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <template v-if="!props.isSlider && !vm.isLoading && vm.columnCount <= 4">
            <div class="row g-4" v-bind:class="vm.columnClass">

                <div class="col" v-for="(item, index) in vm.items" :key="index">
                    <div class="dg-tile" v-bind:class="{'dg-tile--no-hover':!item.Link}">
                        <div class="dg-tile__head">
                            <div class="dg-tile__image-wrapper">
                                <img class="lazyload" :data-src="item.Image" onerror="this.style='display:none'" :alt="item.ImageAltText || item.Title" />
                                <div class="dg-tile__image-placeholder"></div>
                            </div>
                        </div>
                        <div class="dg-tile__body">
                            <h2 class="dg-tile__title" v-bind:class="[{'has-ellipsis':vm.formData?.SetTitleCharacterLimit}]">{{ item.Title }}</h2>
                            <p class="dg-tile__description" v-bind:class="[{'has-ellipsis':vm.formData?.SetDescriptionCharacterLimit}]" v-if="item.Description">{{ item.Description }}</p>
                            <div class="dg-tile__description" v-if="item.HTML && !item.Description" v-html="item.HTML"></div>
                        </div>
                        <a v-if="item.Link" :title="item.Title" :href="item.Link" class="dg-tile__clickable" :target="item.OpenInNewTab ? '_blank' : '_self'"></a>
                    </div>
                </div>

            </div>
        </template>

        <template v-if="!props.isSlider && !vm.isLoading && vm.columnCount > 4">
            <div class="row g-4 keep-grid-layout">

                <div class="col" v-for="(item, index) in vm.items" :key="index">
                    <div class="dg-tile" v-bind:class="{'dg-tile--no-hover':!item.Link}">
                        <div class="dg-tile__head">
                            <div class="dg-tile__image-wrapper">
                                <img class="lazyload" :data-src="item.Image" onerror="this.style='display:none'" :alt="item.ImageAltText || item.Title" />
                                <div class="dg-tile__image-placeholder"></div>
                            </div>
                        </div>
                        <div class="dg-tile__body">
                            <h2 class="dg-tile__title" v-bind:class="[{'has-ellipsis':vm.formData?.SetTitleCharacterLimit}]">{{ item.Title }}</h2>
                            <p class="dg-tile__description" v-bind:class="[{'has-ellipsis':vm.formData?.SetDescriptionCharacterLimit}]" v-if="item.Description">{{ item.Description }}</p>
                            <div class="dg-tile__description" v-if="item.HTML && !item.Description" v-html="item.HTML"></div>
                        </div>
                        <a v-if="item.Link" :title="item.Title" :href="item.Link" class="dg-tile__clickable" :target="item.OpenInNewTab ? '_blank' : '_self'"></a>
                    </div>
                </div>

            </div>
        </template>

        <template v-if="props.isSlider && !vm.isLoading">
            <div class="row">
                <div class="col">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide content-tiles__slide" v-for="(item, index) in vm.items" :key="index">
                                <div class="dg-tile" v-bind:class="{'dg-tile--no-hover':!item.Link}">
                                    <div class="dg-tile__head">
                                        <div class="dg-tile__image-wrapper">
                                            <img :src="item.Image" onerror="this.style='display:none'" :alt="item.ImageAltText || item.Title" />
                                            <div class="dg-tile__image-placeholder"></div>
                                        </div>
                                    </div>
                                    <div class="dg-tile__body">
                                        <h2 class="dg-tile__title" v-bind:class="[{'has-ellipsis':vm.formData?.SetTitleCharacterLimit}]">{{ item.Title }}</h2>
                                        <p class="dg-tile__description" v-bind:class="[{'has-ellipsis':vm.formData?.SetDescriptionCharacterLimit}]" v-if="item.Description">{{ item.Description }}</p>
                                        <div class="dg-tile__description" v-if="item.HTML && !item.Description" v-html="item.HTML"></div>
                                    </div>
                                    <a v-if="item.Link" :title="item.Title" :href="item.Link" class="dg-tile__clickable" :target="item.OpenInNewTab ? '_blank' : '_self'"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-navigation">
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-spacer"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
            </div>
        </template>

        <div class="row" v-show="vm.items.length == 0">
            <div class="col">
                <div class="admin__no-content"><h4>No content yet. Please click "Edit Content Tiles" button.</h4></div>
            </div>
        </div>

    </div>

</div>
	</div><div class="pc-root-container" pc-id="825" c-id="156">
		

<div class="dg-content-panel">
    

    
    <div id="ctl58_pnlControlContainer" class="content-container " style="background-color:White;border-style:None;">
			
    <div class="editorPanel">

			</div>
		</div>
</div>

<style>
    .r-5 {
        margin-right: 5px;
    }

    .t-15 {
        margin-top: 15px;
    }

    .message-try {
        padding: 10px 15px;
        background-color: #edfff2;
        border: 1px solid #6bd68f;
        margin: 20px 0;
    }

    .dot {
        height: 23px;
        width: 23px;
        background-color: #093c7c;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
    }
</style>
<div class="ucontent-body"><div class="d-flex justify-content-center pt-5">
<div id='superleader2'>
  <script>
    googletag.cmd.push(function() {
        var mappingLeaderboard = googletag.sizeMapping().     
        addSize([980, 0], [[970, 90],[728, 90]]).
        addSize([0, 0], [320, 50]).
        build();
      googletag.defineSlot('/27436116/superleaderboard',[[320,50],[728,90],[970,90]], 'superleader2')
        .defineSizeMapping(mappingLeaderboard)
        .setTargeting('pos', ['SL2'])
        .addService(googletag.pubads())
      googletag.pubads().setCentering(true);
      googletag.enableServices();
      googletag.display('superleader2');
  });
  </script>
  </div>
</div></div>
	</div><div id="ctl59" class="pc-root-container vue-control" pc-id="826" c-id="121">
		<div v-if="props.htmlEditBtn" v-html="props.htmlEditBtn"></div>
<div class="content-block__wrapper" v-bind:class="[props.cssClassName, vm.style]">

    <template v-if="!vm.isLoading && !vm.content">
        <div class="admin__no-content">
            <h4>No content yet. Please click "Edit Content Block" button.</h4>
        </div>
    </template>

    <template v-if="vm.isLoading">
        <div class="content-block">
            <div class="content-block__head">
                <div class="container-md">
                    <div class="row">
                        <div class="col">
                            <div class="content-block__detail">
                                <div>
                                    <div class="content-block__head-content">
                                        <h2 class="skeleton-loading">Loading...</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </template>

    <template v-if="!vm.isLoading && vm.content">
        <div class="content-block">
            <div class="content-block__head">
                <div class="container-md">
                    <div class="row">
                        <div class="col">
                            <div class="content-block__detail">
                                <div class="content-block__head-content">
                                    <h2>
                                        {{ vm.content.Title }}
                                    </h2>
                                    <a class="content-block__link" :href="vm.content.ButtonUrl" v-if="vm.content.ButtonUrl" :target="vm.content.OpenInNewTab ? '_blank' : '_self'">
                                        <span v-if="vm.content.ButtonText">{{ vm.content.ButtonText }}</span>
                                        <i class="icon-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <template v-if="vm.content.Description || vm.content.HTML || vm.content.Image">
                <div class="content-block__body">
                    <div class="container-md">
                        <template v-if="vm.content.Description || vm.content.HTML">
                            <div class="row row-cols-1" v-bind:class="{'row-cols-md-2 row-cols-lg-2 row-cols-xxl-2': vm.content.DescriptionLayout != 'full'}">
                                <div class="col" v-if="vm.content.Description">
                                    <p>{{ vm.content.Description }}</p>
                                </div>
                                <div class="col" v-if="vm.content.HTML && !vm.content.Description" v-html="vm.content.HTML"></div>
                                <div class="col">
                                    <div class="content-block__image" v-if="vm.content.Image">
                                        <img class="lazyload" :data-src="vm.content.Image" :alt="vm.content.ImageAltText || vm.content.Title" />
                                    </div>
                                </div>
                            </div>
                        </template>
                        <template v-else>
                            <div class="row">
                                <div class="col">
                                    <div class="content-block__image content-block__image--full" v-if="vm.content.Image">
                                        <img class="lazyload" :data-src="vm.content.Image" :alt="vm.content.ImageAltText || vm.content.Title" />
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>
                </div>
            </template>
        </div>
    </template>
</div>

	</div><div id="ctl60" class="pc-root-container vue-control" pc-id="827" c-id="139">
		<div v-if="props.htmlEditBtn" v-html="props.htmlEditBtn"></div>
<div class="content-tiles" v-bind:class="[props.cssClassName, vm.style,'swiper-'+props.pageControlId]">

    <div :class="props.containerClass">

        <div class="content-tiles__loader" v-show="vm.isLoading">
            <div class="row">
                <div class="col" v-for="n in 3" :key="n">
                    <div class="dg-tile dg-tile--no-hover">
                        <div class="dg-tile__head">
                            <div class="skeleton-loading"></div>
                        </div>
                        <div class="dg-tile__body">
                            <h2 class="dg-tile__title skeleton-loading">Loading...</h2>
                            <h2 class="dg-tile__title skeleton-loading" style="max-width:75%;">Loading...</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <template v-if="!props.isSlider && !vm.isLoading && vm.columnCount <= 4">
            <div class="row g-4" v-bind:class="vm.columnClass">

                <div class="col" v-for="(item, index) in vm.items" :key="index">
                    <div class="dg-tile" v-bind:class="{'dg-tile--no-hover':!item.Link}">
                        <div class="dg-tile__head">
                            <div class="dg-tile__image-wrapper">
                                <img class="lazyload" :data-src="item.Image" onerror="this.style='display:none'" :alt="item.ImageAltText || item.Title" />
                                <div class="dg-tile__image-placeholder"></div>
                            </div>
                        </div>
                        <div class="dg-tile__body">
                            <h2 class="dg-tile__title" v-bind:class="[{'has-ellipsis':vm.formData?.SetTitleCharacterLimit}]">{{ item.Title }}</h2>
                            <p class="dg-tile__description" v-bind:class="[{'has-ellipsis':vm.formData?.SetDescriptionCharacterLimit}]" v-if="item.Description">{{ item.Description }}</p>
                            <div class="dg-tile__description" v-if="item.HTML && !item.Description" v-html="item.HTML"></div>
                        </div>
                        <a v-if="item.Link" :title="item.Title" :href="item.Link" class="dg-tile__clickable" :target="item.OpenInNewTab ? '_blank' : '_self'"></a>
                    </div>
                </div>

            </div>
        </template>

        <template v-if="!props.isSlider && !vm.isLoading && vm.columnCount > 4">
            <div class="row g-4 keep-grid-layout">

                <div class="col" v-for="(item, index) in vm.items" :key="index">
                    <div class="dg-tile" v-bind:class="{'dg-tile--no-hover':!item.Link}">
                        <div class="dg-tile__head">
                            <div class="dg-tile__image-wrapper">
                                <img class="lazyload" :data-src="item.Image" onerror="this.style='display:none'" :alt="item.ImageAltText || item.Title" />
                                <div class="dg-tile__image-placeholder"></div>
                            </div>
                        </div>
                        <div class="dg-tile__body">
                            <h2 class="dg-tile__title" v-bind:class="[{'has-ellipsis':vm.formData?.SetTitleCharacterLimit}]">{{ item.Title }}</h2>
                            <p class="dg-tile__description" v-bind:class="[{'has-ellipsis':vm.formData?.SetDescriptionCharacterLimit}]" v-if="item.Description">{{ item.Description }}</p>
                            <div class="dg-tile__description" v-if="item.HTML && !item.Description" v-html="item.HTML"></div>
                        </div>
                        <a v-if="item.Link" :title="item.Title" :href="item.Link" class="dg-tile__clickable" :target="item.OpenInNewTab ? '_blank' : '_self'"></a>
                    </div>
                </div>

            </div>
        </template>

        <template v-if="props.isSlider && !vm.isLoading">
            <div class="row">
                <div class="col">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide content-tiles__slide" v-for="(item, index) in vm.items" :key="index">
                                <div class="dg-tile" v-bind:class="{'dg-tile--no-hover':!item.Link}">
                                    <div class="dg-tile__head">
                                        <div class="dg-tile__image-wrapper">
                                            <img :src="item.Image" onerror="this.style='display:none'" :alt="item.ImageAltText || item.Title" />
                                            <div class="dg-tile__image-placeholder"></div>
                                        </div>
                                    </div>
                                    <div class="dg-tile__body">
                                        <h2 class="dg-tile__title" v-bind:class="[{'has-ellipsis':vm.formData?.SetTitleCharacterLimit}]">{{ item.Title }}</h2>
                                        <p class="dg-tile__description" v-bind:class="[{'has-ellipsis':vm.formData?.SetDescriptionCharacterLimit}]" v-if="item.Description">{{ item.Description }}</p>
                                        <div class="dg-tile__description" v-if="item.HTML && !item.Description" v-html="item.HTML"></div>
                                    </div>
                                    <a v-if="item.Link" :title="item.Title" :href="item.Link" class="dg-tile__clickable" :target="item.OpenInNewTab ? '_blank' : '_self'"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-navigation">
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-spacer"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
            </div>
        </template>

        <div class="row" v-show="vm.items.length == 0">
            <div class="col">
                <div class="admin__no-content"><h4>No content yet. Please click "Edit Content Tiles" button.</h4></div>
            </div>
        </div>

    </div>

</div>
	</div><div class="pc-root-container" pc-id="828" c-id="156">
		

<div class="dg-content-panel">
    

    
    <div id="ctl63_pnlControlContainer" class="content-container " style="background-color:White;border-style:None;">
			
    <div class="editorPanel">

			</div>
		</div>
</div>

<style>
    .r-5 {
        margin-right: 5px;
    }

    .t-15 {
        margin-top: 15px;
    }

    .message-try {
        padding: 10px 15px;
        background-color: #edfff2;
        border: 1px solid #6bd68f;
        margin: 20px 0;
    }

    .dot {
        height: 23px;
        width: 23px;
        background-color: #093c7c;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
    }
</style>
<div class="ucontent-body"><div class="d-flex justify-content-center pt-5">
<div id='superleader3'>
  <script>
    googletag.cmd.push(function() {
        var mappingLeaderboard = googletag.sizeMapping().     
        addSize([980, 0], [[970, 90],[728, 90]]).
        addSize([0, 0], [320, 50]).
        build();
      googletag.defineSlot('/27436116/superleaderboard',[[320,50],[728,90],[970,90]], 'superleader3')
        .defineSizeMapping(mappingLeaderboard)
        .setTargeting('pos', ['SL3'])
        .addService(googletag.pubads())
      googletag.pubads().setCentering(true);
      googletag.enableServices();
      googletag.display('superleader3');
  });
  </script>
  </div>
</div></div>
	</div><div id="ctl64" class="pc-root-container vue-control" pc-id="831" c-id="121">
		<div v-if="props.htmlEditBtn" v-html="props.htmlEditBtn"></div>
<div class="content-block__wrapper" v-bind:class="[props.cssClassName, vm.style]">

    <template v-if="!vm.isLoading && !vm.content">
        <div class="admin__no-content">
            <h4>No content yet. Please click "Edit Content Block" button.</h4>
        </div>
    </template>

    <template v-if="vm.isLoading">
        <div class="content-block">
            <div class="content-block__head">
                <div class="container-md">
                    <div class="row">
                        <div class="col">
                            <div class="content-block__detail">
                                <div>
                                    <div class="content-block__head-content">
                                        <h2 class="skeleton-loading">Loading...</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </template>

    <template v-if="!vm.isLoading && vm.content">
        <div class="content-block">
            <div class="content-block__head">
                <div class="container-md">
                    <div class="row">
                        <div class="col">
                            <div class="content-block__detail">
                                <div class="content-block__head-content">
                                    <h2>
                                        {{ vm.content.Title }}
                                    </h2>
                                    <a class="content-block__link" :href="vm.content.ButtonUrl" v-if="vm.content.ButtonUrl" :target="vm.content.OpenInNewTab ? '_blank' : '_self'">
                                        <span v-if="vm.content.ButtonText">{{ vm.content.ButtonText }}</span>
                                        <i class="icon-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <template v-if="vm.content.Description || vm.content.HTML || vm.content.Image">
                <div class="content-block__body">
                    <div class="container-md">
                        <template v-if="vm.content.Description || vm.content.HTML">
                            <div class="row row-cols-1" v-bind:class="{'row-cols-md-2 row-cols-lg-2 row-cols-xxl-2': vm.content.DescriptionLayout != 'full'}">
                                <div class="col" v-if="vm.content.Description">
                                    <p>{{ vm.content.Description }}</p>
                                </div>
                                <div class="col" v-if="vm.content.HTML && !vm.content.Description" v-html="vm.content.HTML"></div>
                                <div class="col">
                                    <div class="content-block__image" v-if="vm.content.Image">
                                        <img class="lazyload" :data-src="vm.content.Image" :alt="vm.content.ImageAltText || vm.content.Title" />
                                    </div>
                                </div>
                            </div>
                        </template>
                        <template v-else>
                            <div class="row">
                                <div class="col">
                                    <div class="content-block__image content-block__image--full" v-if="vm.content.Image">
                                        <img class="lazyload" :data-src="vm.content.Image" :alt="vm.content.ImageAltText || vm.content.Title" />
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>
                </div>
            </template>
        </div>
    </template>
</div>

	</div><div class="pc-root-container" pc-id="832" c-id="156">
		

<div class="dg-content-panel">
    

    
    <div id="ctl67_pnlControlContainer" class="content-container " style="background-color:White;border-style:None;">
			
    <div class="editorPanel">

			</div>
		</div>
</div>

<style>
    .r-5 {
        margin-right: 5px;
    }

    .t-15 {
        margin-top: 15px;
    }

    .message-try {
        padding: 10px 15px;
        background-color: #edfff2;
        border: 1px solid #6bd68f;
        margin: 20px 0;
    }

    .dot {
        height: 23px;
        width: 23px;
        background-color: #093c7c;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
    }
</style>
<div class="ucontent-body container"><div class="mb-4">
<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
<div class="elfsight-app-fdc04fc7-38c0-450e-87ac-ac2b5b34c8c8" data-elfsight-app-lazy></div>
</div></div>
	</div><div id="ctl68" class="pc-root-container vue-control" pc-id="833" c-id="121">
		<div v-if="props.htmlEditBtn" v-html="props.htmlEditBtn"></div>
<div class="content-block__wrapper" v-bind:class="[props.cssClassName, vm.style]">

    <template v-if="!vm.isLoading && !vm.content">
        <div class="admin__no-content">
            <h4>No content yet. Please click "Edit Content Block" button.</h4>
        </div>
    </template>

    <template v-if="vm.isLoading">
        <div class="content-block">
            <div class="content-block__head">
                <div class="container-md">
                    <div class="row">
                        <div class="col">
                            <div class="content-block__detail">
                                <div>
                                    <div class="content-block__head-content">
                                        <h2 class="skeleton-loading">Loading...</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </template>

    <template v-if="!vm.isLoading && vm.content">
        <div class="content-block">
            <div class="content-block__head">
                <div class="container-md">
                    <div class="row">
                        <div class="col">
                            <div class="content-block__detail">
                                <div class="content-block__head-content">
                                    <h2>
                                        {{ vm.content.Title }}
                                    </h2>
                                    <a class="content-block__link" :href="vm.content.ButtonUrl" v-if="vm.content.ButtonUrl" :target="vm.content.OpenInNewTab ? '_blank' : '_self'">
                                        <span v-if="vm.content.ButtonText">{{ vm.content.ButtonText }}</span>
                                        <i class="icon-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <template v-if="vm.content.Description || vm.content.HTML || vm.content.Image">
                <div class="content-block__body">
                    <div class="container-md">
                        <template v-if="vm.content.Description || vm.content.HTML">
                            <div class="row row-cols-1" v-bind:class="{'row-cols-md-2 row-cols-lg-2 row-cols-xxl-2': vm.content.DescriptionLayout != 'full'}">
                                <div class="col" v-if="vm.content.Description">
                                    <p>{{ vm.content.Description }}</p>
                                </div>
                                <div class="col" v-if="vm.content.HTML && !vm.content.Description" v-html="vm.content.HTML"></div>
                                <div class="col">
                                    <div class="content-block__image" v-if="vm.content.Image">
                                        <img class="lazyload" :data-src="vm.content.Image" :alt="vm.content.ImageAltText || vm.content.Title" />
                                    </div>
                                </div>
                            </div>
                        </template>
                        <template v-else>
                            <div class="row">
                                <div class="col">
                                    <div class="content-block__image content-block__image--full" v-if="vm.content.Image">
                                        <img class="lazyload" :data-src="vm.content.Image" :alt="vm.content.ImageAltText || vm.content.Title" />
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>
                </div>
            </template>
        </div>
    </template>
</div>

	</div><div id="ctl70" class="pc-root-container vue-control" pc-id="834" c-id="129">
		<div v-if="props.htmlEditBtn" v-html="props.htmlEditBtn"></div>
<div class="partners-showcase" v-bind:class="[props.cssClassName, {'partners-showcase--full':props.isFullList}]">

    <div class="partners-showcase__loader" v-show="vm.isLoading">
        <span>Loading...</span>
    </div>

    <template v-if="!vm.isFullList">
        <div class="partners-showcase__inner">
            <div class="container-md">
                <div class="row">
                    <div class="col">
                        <h2 class="partners-showcase__title">{{ props.title }}</h2>
                    </div>
                </div>

                <template v-if="props.isForMicrosite">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="partners-showcase__list partners-showcase__list--microsite me-md-0 pe-md-0">
                                <div class="partners-showcase__logos">
                                    <ul class="partners-showcase__logo-list">
                                        <li class="partners-showcase__logo" v-for="(partner, index) in vm.partners" :key="index">
                                            <img :src="partner.Logo" :alt="partner.Name" />
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <a :href="vm.viewAllUrl" class="partners-showcase__see-all me-md-0">View all partners<i class="icon-arrow-right"></i></a>
                        </div>
                    </div>
                </template>

                <template v-else>
                    <div class="row">
                        <div class="col-md-12 col-lg-6">
                            <div class="partners-showcase__list me-md-0 pe-md-0 pe-lg-5">
                                <h4 class="partners-showcase__list-title">Golf Australia</h4>
                                <div class="partners-showcase__logos">
                                    <ul class="partners-showcase__logo-list">
                                        <li class="partners-showcase__logo" v-for="(partner, index) in vm.partners.filter((item) => item.Group === 'Golf Australia')" :key="index">
                                            <img class="lazyload" :data-src="partner.Logo" :alt="partner.Name" />
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <a v-if="vm.gaViewAllUrl" :href="vm.gaViewAllUrl" class="partners-showcase__see-all me-md-0 me-lg-5">See all<i class="icon-arrow-right"></i></a>
                        </div>
                        <div class="col-md-12 col-lg-6">
                            <div class="partners-showcase__list pe-md-0 pe-lg-5 ms-md-0 ms-lg-4">
                                <h4 class="partners-showcase__list-title">PGA of Australia</h4>
                                <div class="partners-showcase__logos">
                                    <ul class="partners-showcase__logo-list">
                                        <li class="partners-showcase__logo" v-for="(partner, index) in vm.partners.filter((item) => item.Group === 'Pga Australia')" :key="index">
                                            <img class="lazyload" :data-src="partner.Logo" :alt="partner.Name" />
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <a v-if="vm.pgaViewAllUrl" :href="vm.pgaViewAllUrl" class="partners-showcase__see-all me-md-0 me-lg-5">See all<i class="icon-arrow-right"></i></a>
                        </div>
                    </div>
                </template>
            </div>
        </div>
    </template>

    <template v-if="vm.isFullList">
        <div class="partners-showcase__inner">
            <div class="container-md">

                <div class="row partners-showcase__row" v-for="(item, key, index) in vm.groupedByCategory" :key="index">
                    <div class="col">
                        <h3 class="partners-showcase__row-title">{{ key }}</h3>
                        <div class="partners-showcase__items">
                            <a target="_blank" :href="partner.Link" v-for="(partner, index) in item" :key="index">
                                <img class="lazyload" :data-src="partner.Logo" :title="partner.Name" :alt="partner.Name" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </template>

</div>
	</div>
</div>
                    <div class="container">
                        <div class="row u_justify-center">
                            <div class="col-lg-10 col-sm-12">
                                <div class="row main--two-column">
                                    <div class="col-xl-7 col-sm-12 order-xl-1 order-12">
                                        <div id="centerLeftScrollablePanel">

</div>
                                    </div>
                                    <div class="col-xl-5 col-sm-12 order-xl-12 order-1 sticky-right-panel">
                                        <div id="centerRightStickyPanel" class="sticky-right-panel__inner">

</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
            </div>

            <div class="center container">
                <div class="row">
                    <div class="col-sm-3">
                        <div id="centerLeftPanel">

</div>
                    </div>
                    <div class="col-sm-9">
                        <div id="centerRightPanel">

</div>
                    </div>
                </div>
            </div>

            <div id="centerFullWidthLowerPanel">

</div>

            <div id="bottomPanel">
	<div id="ctl72" class="pc-root-container vue-control" pc-id="801" c-id="113">
		<div class="footer-spacer"></div>
<footer>
    <div class="container">

        <div class="row d-flex align-items-sm-center">
            <div class="col-lg-7">
                <div class="footer-newsletter__content">
                    <h3 class="footer-newsletter__title">Join our newsletter</h3>
                    <p class="footer-newsletter__description">
                        Get weekly updates on news, golf tips and access to partner promotions!
                    </p>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="footer-newsletter__wrapper" v-bind:class="{ 'is-error':vm.signupError, 'is-success':vm.signupSuccess }">
                    <div class="footer-newsletter__form">
                        <input type="text" placeholder="Your email address" v-model="vm.emailAddress" v-bind:disabled="vm.isLoading" />
                        <div class="d-flex justify-content-between">
                            <span class="footer-newsletter__form-error">{{ vm.signupMessage }}</span>
                            <div class="footer-newsletter__button-wrapper">
                                <button class="footer-newsletter__form-button" @click.prevent="onClickSignup" v-bind:disabled="vm.isLoading">
                                    <span class="button__text">Sign up</span>
                                    <span class="button__icon">
                                        <i class="icon-arrow-right"></i>
                                    </span>
                                </button>
                                <span v-if="vm.isLoading" class="spinner-border spinner-border-md" role="status" aria-hidden="true"></span>
                            </div>
                        </div>
                    </div>
                    <span class="footer-newsletter__form-success-message">
                        {{ vm.signupMessage }}
                    </span>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <hr class="footer-divider" />
            </div>
        </div>

        <div class="row d-flex align-items-sm-stretch">
            <div class="col-lg-6">
                <div class="row">
                    <div class="col-sm-12 col-md-12 col-lg" v-for="(footerMenu, index) in vm.footerMenu" :key="index">
                        <a class="footer-link__title" :href="footerMenu.Menu.UrlOverride === '' ? footerMenu.Menu.PagePath : footerMenu.Menu.UrlOverride" v-if="footerMenu.Menu.PagePath ||footerMenu.Menu.UrlOverride">{{ footerMenu.Menu.MenuName }}</a>
                        <h4 class="footer-link__title" v-else>{{ footerMenu.Menu.MenuName }}</h4>

                        <ul class="footer-links" v-if="footerMenu.Submenus.length > 0">
                            <li v-for="(footerSubMenu, index) in footerMenu.Submenus" :key="index">
                                <a :href="footerSubMenu.Menu.UrlOverride === '' ? footerSubMenu.Menu.PagePath : footerSubMenu.Menu.UrlOverride">{{ footerSubMenu.Menu.MenuName }}</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 footer-right">
                <div class="footer-details">
                    <div class="footer-link__buttons">
                        <a href="/contact-us" class="footer-link__btn">Contact Us</a>
                        <a href="https://help.golf.com.au" class="footer-link__btn" target="_blank">Customer Service</a>
                    </div>
                    <div class="footer-details__contact">
                        <p>Contact Golf Australia &amp; the PGA of Australia above, or use the Support Desk for all enquiries including handicapping, login/sign up, Golf Australia Official app, and more. </p>
                    </div>
                    <div class="footer-details__copyright">
                        <span>&copy;&nbsp;Golf Australia & PGA of Australia</span>
                        <a href="/privacy-policy">Privacy Policy</a>
                        <a href="/terms-of-use">Terms of Use</a>
                    </div>
                </div>
            </div>
        </div>

        <template v-if="props.acknowledgementHtml">
            <div class="row">
                <div class="col-md-12">
                    <hr class="footer-divider" />
                </div>
            </div>

            <div v-html="props.acknowledgementHtml"></div>
        </template>
    </div>
</footer>
	</div>
</div>

        

<script type="text/javascript">
//<![CDATA[
(function() {
    var viewModel = new dg_vue_controls['golfaus-menu'];
    viewModel.cssClassName = ``;
viewModel.isLoginButtonHidden = false;
    viewModel.pageControlId = 800;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl34');
})();
var $lang = 
new (function() {

    this.Trundler = new (function() {
        var src = 'trundler[s]';
        this.toString = function(count) {
            if (count === undefined) return 'trundler';
            return src.plural(count);
        };
    })();

    this.Cart = new (function() {
        var src = 'cart[s]';
        this.toString = function(count) {
            if (count === undefined) return 'cart';
            return src.plural(count);
        };
    })();

    this.LevyCategory = new (function() {
        var src = 'Golf Australia Membership Category';
        this.toString = function(count) {
            if (count === undefined) return 'Golf Australia Membership Category';
            return src.plural(count);
        };
    })();

    this.District = new (function() {
        var src = 'state[s]';
        this.toString = function(count) {
            if (count === undefined) return 'state';
            return src.plural(count);
        };
    })();

    this.CourseHandicap = new (function() {
        var src = 'Daily Handicap';
        this.toString = function(count) {
            if (count === undefined) return 'Daily Handicap';
            return src.plural(count);
        };
    })();

    this.Marker = new (function() {
        var src = 'Tee Marker[s]';
        this.toString = function(count) {
            if (count === undefined) return 'Tee Marker';
            return src.plural(count);
        };
    })();

    this.MarkerDisplayCode = new (function() {
        var src = 'Tee Marker Number[s]';
        this.toString = function(count) {
            if (count === undefined) return 'Tee Marker Number';
            return src.plural(count);
        };
    })();

    this.MyGolf = new (function() {
        var src = 'Golf Australia';
        this.toString = function(count) {
            if (count === undefined) return 'Golf Australia';
            return src.plural(count);
        };
    })();

    this.GoverningBody = new (function() {
        var src = 'Golf Australia';
        this.toString = function(count) {
            if (count === undefined) return 'Golf Australia';
            return src.plural(count);
        };
    })();

    this.GoverningBodyShortName = new (function() {
        var src = 'Golf Australia';
        this.toString = function(count) {
            if (count === undefined) return 'Golf Australia';
            return src.plural(count);
        };
    })();

    this.GST = new (function() {
        var src = 'GST';
        this.toString = function(count) {
            if (count === undefined) return 'GST';
            return src.plural(count);
        };
    })();

    this.GSTNumber = new (function() {
        var src = 'GST Number';
        this.toString = function(count) {
            if (count === undefined) return 'GST Number';
            return src.plural(count);
        };
    })();

    this.Levy = new (function() {
        var src = 'Affiliation[s]';
        this.toString = function(count) {
            if (count === undefined) return 'Affiliation';
            return src.plural(count);
        };
    })();

    this.FlexiMembership = new (function() {
        var src = 'Golf Australia Club';
        this.toString = function(count) {
            if (count === undefined) return 'Golf Australia Club';
            return src.plural(count);
        };
    })();

    this.MyGolfApp = new (function() {
        var src = 'Golf Australia';
        this.toString = function(count) {
            if (count === undefined) return 'Golf Australia';
            return src.plural(count);
        };
    })();

    this.Pennants = new (function() {
        var src = 'pennant[s]';
        this.toString = function(count) {
            if (count === undefined) return 'pennant';
            return src.plural(count);
        };
    })();

    this.CasualGolfer = new (function() {
        var src = 'casual golfer[s]';
        this.toString = function(count) {
            if (count === undefined) return 'casual golfer';
            return src.plural(count);
        };
    })();

    this.CasualGolf = new (function() {
        var src = 'Casual Golf';
        this.toString = function(count) {
            if (count === undefined) return 'Casual Golf';
            return src.plural(count);
        };
    })();

    this.Region = new (function() {
        var src = 'State';
        this.toString = function(count) {
            if (count === undefined) return 'State';
            return src.plural(count);
        };
    })();

    this.Address1 = new (function() {
        var src = 'Address 1';
        this.toString = function(count) {
            if (count === undefined) return 'Address 1';
            return src.plural(count);
        };
    })();

    this.Address2 = new (function() {
        var src = 'Address 2';
        this.toString = function(count) {
            if (count === undefined) return 'Address 2';
            return src.plural(count);
        };
    })();

    this.Address3 = new (function() {
        var src = 'Address 3';
        this.toString = function(count) {
            if (count === undefined) return 'Address 3';
            return src.plural(count);
        };
    })();

    this.Address4 = new (function() {
        var src = 'Suburb';
        this.toString = function(count) {
            if (count === undefined) return 'Suburb';
            return src.plural(count);
        };
    })();

    this.Address5 = new (function() {
        var src = 'State';
        this.toString = function(count) {
            if (count === undefined) return 'State';
            return src.plural(count);
        };
    })();

    this.CourseRating = new (function() {
        var src = 'Scratch Rating[s]';
        this.toString = function(count) {
            if (count === undefined) return 'Scratch Rating';
            return src.plural(count);
        };
    })();

    this.CourseRatingAbbreviated = new (function() {
        var src = 'Scratch Rtg';
        this.toString = function(count) {
            if (count === undefined) return 'Scratch Rtg';
            return src.plural(count);
        };
    })();

    this.CourseRatingInitialized = new (function() {
        var src = 'SCR';
        this.toString = function(count) {
            if (count === undefined) return 'SCR';
            return src.plural(count);
        };
    })();

    this.PCC = new (function() {
        var src = 'Daily Difficulty';
        this.toString = function(count) {
            if (count === undefined) return 'Daily Difficulty';
            return src.plural(count);
        };
    })();

    this.PCCShort = new (function() {
        var src = 'Daily Diff';
        this.toString = function(count) {
            if (count === undefined) return 'Daily Diff';
            return src.plural(count);
        };
    })();

    this.ScoreDifferential = new (function() {
        var src = 'Gross Differential';
        this.toString = function(count) {
            if (count === undefined) return 'Gross Differential';
            return src.plural(count);
        };
    })();

    this.ScoreDifferentialShort = new (function() {
        var src = 'Gross Diff';
        this.toString = function(count) {
            if (count === undefined) return 'Gross Diff';
            return src.plural(count);
        };
    })();

    this.ScoreDifferentialAbbreviated = new (function() {
        var src = 'GD';
        this.toString = function(count) {
            if (count === undefined) return 'GD';
            return src.plural(count);
        };
    })();

    this.ScoreEnteredDate = new (function() {
        var src = 'Score Entered Date';
        this.toString = function(count) {
            if (count === undefined) return 'Score Entered Date';
            return src.plural(count);
        };
    })();

    this.ScoreEnteredTime = new (function() {
        var src = 'Score Entered Time';
        this.toString = function(count) {
            if (count === undefined) return 'Score Entered Time';
            return src.plural(count);
        };
    })();

    this.PointOfGolf = new (function() {
        var src = 'Timesheet';
        this.toString = function(count) {
            if (count === undefined) return 'Timesheet';
            return src.plural(count);
        };
    })();

    this.HandicapIndex = new (function() {
        var src = 'GA Handicap';
        this.toString = function(count) {
            if (count === undefined) return 'GA Handicap';
            return src.plural(count);
        };
    })();

    this.PlayingHandicap = new (function() {
        var src = 'Daily Handicap';
        this.toString = function(count) {
            if (count === undefined) return 'Daily Handicap';
            return src.plural(count);
        };
    })();

    this.PlayingHandicapShort = new (function() {
        var src = 'Daily Hdcp';
        this.toString = function(count) {
            if (count === undefined) return 'Daily Hdcp';
            return src.plural(count);
        };
    })();

    this.LowHandicapIndex = new (function() {
        var src = 'Low GA Handicap';
        this.toString = function(count) {
            if (count === undefined) return 'Low GA Handicap';
            return src.plural(count);
        };
    })();

    this.LowHandicapIndexShort = new (function() {
        var src = 'Low GA Handicap';
        this.toString = function(count) {
            if (count === undefined) return 'Low GA Handicap';
            return src.plural(count);
        };
    })();

    this.GeneralPlayScore = new (function() {
        var src = 'Conforming Social Score[s]';
        this.toString = function(count) {
            if (count === undefined) return 'Conforming Social Score';
            return src.plural(count);
        };
    })();

    this.MembershipNumber = new (function() {
        var src = 'Golf ID';
        this.toString = function(count) {
            if (count === undefined) return 'Golf ID';
            return src.plural(count);
        };
    })();

    this.MembershipNumberLabelShort = new (function() {
        var src = 'ID';
        this.toString = function(count) {
            if (count === undefined) return 'ID';
            return src.plural(count);
        };
    })();

    this.MemberLabel = new (function() {
        var src = 'Golf ID / Surname';
        this.toString = function(count) {
            if (count === undefined) return 'Golf ID / Surname';
            return src.plural(count);
        };
    })();

    this.MemNo = new (function() {
        var src = 'Golf ID';
        this.toString = function(count) {
            if (count === undefined) return 'Golf ID';
            return src.plural(count);
        };
    })();

    this.IndexShort = new (function() {
        var src = 'GA HCP';
        this.toString = function(count) {
            if (count === undefined) return 'GA HCP';
            return src.plural(count);
        };
    })();

    this.ISV = new (function() {
        var src = 'LSP';
        this.toString = function(count) {
            if (count === undefined) return 'LSP';
            return src.plural(count);
        };
    })();

    this.Slope = new (function() {
        var src = 'Slope Rating';
        this.toString = function(count) {
            if (count === undefined) return 'Slope Rating';
            return src.plural(count);
        };
    })();

    this.MarkerName = new (function() {
        var src = 'Tee Marker';
        this.toString = function(count) {
            if (count === undefined) return 'Tee Marker';
            return src.plural(count);
        };
    })();

    this.CourseHandicapShort = new (function() {
        var src = 'Daily Hcp';
        this.toString = function(count) {
            if (count === undefined) return 'Daily Hcp';
            return src.plural(count);
        };
    })();

    this.HandicapIndexShort = new (function() {
        var src = 'GA Hcp (Daily)';
        this.toString = function(count) {
            if (count === undefined) return 'GA Hcp (Daily)';
            return src.plural(count);
        };
    })();

    this.HandicapIndexShortNoCourse = new (function() {
        var src = 'GA Hdcp';
        this.toString = function(count) {
            if (count === undefined) return 'GA Hdcp';
            return src.plural(count);
        };
    })();

    this.Male = new (function() {
        var src = '[Man/Men]/[Boy/Boys]';
        this.toString = function(count) {
            if (count === undefined) return 'Man/Boy';
            return src.plural(count);
        };
    })();

    this.Female = new (function() {
        var src = '[Woman/Women]/[Girl/Girls]';
        this.toString = function(count) {
            if (count === undefined) return 'Woman/Girl';
            return src.plural(count);
        };
    })();

    this.WorldHandicapSystem = new (function() {
        var src = 'World Handicap System™';
        this.toString = function(count) {
            if (count === undefined) return 'World Handicap System™';
            return src.plural(count);
        };
    })();

    this.WorldHandicapSystemAbbreviated = new (function() {
        var src = 'WHS™';
        this.toString = function(count) {
            if (count === undefined) return 'WHS™';
            return src.plural(count);
        };
    })();

    this.HandicapIndexFullName = new (function() {
        var src = 'GA Handicap';
        this.toString = function(count) {
            if (count === undefined) return 'GA Handicap';
            return src.plural(count);
        };
    })();

    this.HandicapAbbreviated = new (function() {
        var src = 'GA Hdcp';
        this.toString = function(count) {
            if (count === undefined) return 'GA Hdcp';
            return src.plural(count);
        };
    })();

    this.TeeMarker = new (function() {
        var src = 'Tee Marker[s]';
        this.toString = function(count) {
            if (count === undefined) return 'Tee Marker';
            return src.plural(count);
        };
    })();

    this.HandicapCommittee = new (function() {
        var src = 'Handicap Authority';
        this.toString = function(count) {
            if (count === undefined) return 'Handicap Authority';
            return src.plural(count);
        };
    })();

    this.HandicapAllowance = new (function() {
        var src = 'Multiplier';
        this.toString = function(count) {
            if (count === undefined) return 'Multiplier';
            return src.plural(count);
        };
    })();

    this.ExactHandicapShort = new (function() {
        var src = 'GA Hcp(Daily)';
        this.toString = function(count) {
            if (count === undefined) return 'GA Hcp(Daily)';
            return src.plural(count);
        };
    })();

    this.StablefordPoint = new (function() {
        var src = 'Hcp Score';
        this.toString = function(count) {
            if (count === undefined) return 'Hcp Score';
            return src.plural(count);
        };
    })();

    this.Course = new (function() {
        var src = 'daily';
        this.toString = function(count) {
            if (count === undefined) return 'daily';
            return src.plural(count);
        };
    })();

    this.FinancialYear = new (function() {
        var src = 'Financial Year';
        this.toString = function(count) {
            if (count === undefined) return 'Financial Year';
            return src.plural(count);
        };
    })();

    this.Division = new (function() {
        var src = 'Grade[s]';
        this.toString = function(count) {
            if (count === undefined) return 'Grade';
            return src.plural(count);
        };
    })();

    this.ResourceHubResources = new (function() {
        var src = 'Resource[s]';
        this.toString = function(count) {
            if (count === undefined) return 'Resource';
            return src.plural(count);
        };
    })();

    this.LevyNumbers = new (function() {
        var src = 'Affiliation Fees';
        this.toString = function(count) {
            if (count === undefined) return 'Affiliation Fees';
            return src.plural(count);
        };
    })();

    this.CasualGolferSignupsOnly = new (function() {
        var src = 'Free direct affiliation golfers only';
        this.toString = function(count) {
            if (count === undefined) return 'Free direct affiliation golfers only';
            return src.plural(count);
        };
    })();

    this.CommunityInstructor = new (function() {
        var src = 'Community Instructor[s]';
        this.toString = function(count) {
            if (count === undefined) return 'Community Instructor';
            return src.plural(count);
        };
    })();

    this.Program = new (function() {
        var src = 'Program[s]';
        this.toString = function(count) {
            if (count === undefined) return 'Program';
            return src.plural(count);
        };
    })();

    this.ParticipationRegionContact = new (function() {
        var src = 'State Contact[s]';
        this.toString = function(count) {
            if (count === undefined) return 'State Contact';
            return src.plural(count);
        };
    })();

    this.ParticipationDeliverer = new (function() {
        var src = 'Deliverer';
        this.toString = function(count) {
            if (count === undefined) return 'Deliverer';
            return src.plural(count);
        };
    })();

    this.ParticipationAllAbilities = new (function() {
        var src = 'All Abilities';
        this.toString = function(count) {
            if (count === undefined) return 'All Abilities';
            return src.plural(count);
        };
    })();

    this.ParticipationClubHandQuestion = new (function() {
        var src = 'Club hand?';
        this.toString = function(count) {
            if (count === undefined) return 'Club hand?';
            return src.plural(count);
        };
    })();

})();

// String override for proper-case something call it like 'somestring'.toProperCase();
String.prototype.toProperCase = function () {
    return this.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
};

(function() {  
    document.currentCulture='en-AU';
})(); 
(function() {
    var viewModel = new dg_vue_controls['hero-plus-widget'];
    viewModel.cssClassName = ``;
viewModel.containerClass = `container-md`;
    viewModel.pageControlId = 2808;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl37');
})();(function() {
    var viewModel = new dg_vue_controls['quicklinks'];
    viewModel.cssClassName = ``;
viewModel.containerClass = `container-md`;
    viewModel.pageControlId = 819;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl40');
})();(function() {
    var viewModel = new dg_vue_controls['golfaus-content-block'];
    viewModel.cssClassName = ``;
    viewModel.pageControlId = 820;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl45');
})();(function() {
    var viewModel = new dg_vue_controls['news-showcase'];
    viewModel.cssClassName = ``;
viewModel.defaultTags = ``;
viewModel.newsGroupId = 0;
viewModel.listSize = 6;
viewModel.gridView = false;
viewModel.containerClass = `container-md`;
viewModel.newsDetailsPage = `News`;
viewModel.isRelatedArticles = false;
    viewModel.pageControlId = 821;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl48');
})();(function() {
    var viewModel = new dg_vue_controls['questionnaire'];
    viewModel.cssClassName = ``;
viewModel.ads = `<div class="d-flex justify-content-end">
<div id='mrec1'></div>
</div>`;
viewModel.questionnaireUid = `7647D3F7-2461-4456-8256-E19B83401531`;
viewModel.title = `Not sure where to start? Take this short quiz and we’ll help you out.`;
viewModel.containerClass = `container-md`;
viewModel.adScript = `googletag.cmd.push(function() {
      googletag.defineSlot('/27436116/mrec',[300,250], 'mrec1')
        .setTargeting('pos', ['MR1'])
        .addService(googletag.pubads())
      googletag.enableServices();
      googletag.display('mrec1');
  });`;
    viewModel.pageControlId = 822;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl51');
})();(function() {
    var viewModel = new dg_vue_controls['golfaus-content-block'];
    viewModel.cssClassName = ``;
    viewModel.pageControlId = 823;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl52');
})();(function() {
    var viewModel = new dg_vue_controls['content-tiles'];
    viewModel.cssClassName = ``;
viewModel.isSlider = false;
viewModel.containerClass = `container-md`;
    viewModel.pageControlId = 824;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl55');
})();(function() {
    var viewModel = new dg_vue_controls['golfaus-content-block'];
    viewModel.cssClassName = ``;
    viewModel.pageControlId = 826;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl59');
})();(function() {
    var viewModel = new dg_vue_controls['content-tiles'];
    viewModel.cssClassName = ``;
viewModel.isSlider = false;
viewModel.containerClass = `container-md`;
    viewModel.pageControlId = 827;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl60');
})();(function() {
    var viewModel = new dg_vue_controls['golfaus-content-block'];
    viewModel.cssClassName = `social-section`;
    viewModel.pageControlId = 831;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl64');
})();(function() {
    var viewModel = new dg_vue_controls['golfaus-content-block'];
    viewModel.cssClassName = ``;
    viewModel.pageControlId = 833;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl68');
})();(function() {
    var viewModel = new dg_vue_controls['golfaus-partners'];
    viewModel.cssClassName = ``;
viewModel.isFullList = false;
viewModel.title = `Our Partners`;
viewModel.isForMicrosite = false;
viewModel.partnerMicrositePage = ``;
viewModel.gAPartnersPage = `Golf Australia Partners`;
viewModel.pGAPartnersPage = `PGA of Australia Partners`;
    viewModel.pageControlId = 834;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl70');
})();(function() {
    var viewModel = new dg_vue_controls['golfaus-footer'];
    viewModel.mailingListId = 1;
viewModel.acknowledgementHtml = `<div class="row">
    <div class="col-12 mt-5 mt-lg-0">
        <div class="d-flex flex-column align-items-center flex-lg-row align-items-lg-start">
            <div class="d-flex align-items-start flex-shrink-0 pt-2 mb-2 mb-lg-0">
                <img style="width:48px;" class="footer-flag-img me-1" src="https://static.au.auprod.dotgolf.com.au/clubs/1000/uploads/other/footer/the_aboriginal_flag.png" alt="The Aboriginal flag" />
                <img style="width:48px;" class="footer-flag-img ms-2" src="https://static.au.auprod.dotgolf.com.au/clubs/1000/uploads/other/footer/torres_strait_islander_flag.jpg" alt="Torres Strait Islander flag" />
            </div>
            <div class="flex-grow-1 ms-0 ms-lg-3 text-center text-lg-start">
                In the spirit of reconciliation, the PGA of Australia and Golf Australia acknowledges the Traditional Custodians of country throughout Australia and their connections to land, sea and community that we meet, gather and play on. We pay our respect to their Elders past and present and extend that respect to all Aboriginal and Torres Strait Islander peoples today.
            </div>
        </div>
    </div>
</div>`;
    viewModel.pageControlId = 801;
    viewModel.memberId = 0;
    viewModel.memberUid = '';
    viewModel.memberFirstName = '';
    viewModel.memberFullName = '';
    viewModel.pageId = 212;
    viewModel.clubFolderPath = '/clubs/1000';
    viewModel.clubWebsiteId = 1000;
    createApp(viewModel.getSetup()).mount('#ctl72');
})();//]]>
</script>
</form>
    </div>

    <script type="text/javascript" src="/js/swiper10.bundle.min.js" id="swiperJs"></script>

    <!-- Required for DotGolf legacy JS -->
    <script src="/js/plugin/scrollreveal/v4.0.9/scrollreveal.min.js"></script>
    <script src='/js/underscore/underscore-1.13.7.min.js' type='text/javascript'></script>
    <script src='/layouts/terraces_golfnz/js/libs/lazysizes-5.3.2.min.js'></script>
    <!-- End: Required for DotGolf legacy JS -->

    <script src="/layouts/terraces_golfaus/js/aus.js?rev=267"></script>

    
<script type="text/javascript">
var cookiesAcceptedAlready = false;
$(document).ready(function () {
    setTimeout(function () {
        if (!cookiesAcceptedAlready) {
            cookiesAcceptedAlready = true;
            document.cookie='cookieConsent=all;';
            window.dispatchEvent(new CustomEvent("cookiesAccepted", {
                detail:
                    {
                    type: 'all'
                }
            }));
        }
    }, 500);
});
</script>

    <script>
        (function () {
            function getBootstrapVersion() {
                return (window.bootstrap && bootstrap.Tooltip && bootstrap.Tooltip.VERSION) || null;
            }

            function setBootstrapDefaultTableStyle() {
                const style = document.createElement('style');
                // this style is based on Bootstrap 5.1.3
                style.textContent = `
                .table {
                    --bs-table-bg: transparent;
                }
                `;
                document.head.appendChild(style);
            }

            function upgradeBootstrapDataAttributes() {
                const bsVersion = getBootstrapVersion();

                if (!bsVersion || !bsVersion.startsWith('5')) {
                    return;
                }

                const replacements = {
                    'data-toggle': 'data-bs-toggle',
                    'data-target': 'data-bs-target',
                    'data-dismiss': 'data-bs-dismiss',
                    'data-placement': 'data-bs-placement'
                };

                setBootstrapDefaultTableStyle();

                Object.keys(replacements).forEach(oldAttr => {
                    const newAttr = replacements[oldAttr];

                    document.querySelectorAll(`[${oldAttr}]`).forEach(el => {
                        const val = el.getAttribute(oldAttr);
                        el.setAttribute(newAttr, val);
                        el.removeAttribute(oldAttr);
                    });
                });
            }

            if (document.readyState === 'loading') {
                document.addEventListener('DOMContentLoaded', upgradeBootstrapDataAttributes);
            } else {
                upgradeBootstrapDataAttributes();
            }
        })();
    </script>
</body>
</html>