


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" prefix="og: http://ogp.me/ns#" class="no-js <?php language_attributes(); ?>">
<!--[if lt IE 7 ]>
<html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>
<html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>
<html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]>
<html lang="en"><![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
    <meta name="format-detection" content="telephone=no">
    


    <meta name="robots" content="noindex, nofollow" />

    
    



    <!-- Default show all pages, excluding private pages (admin pages, user pages,..) -->


    <!-- Content Block Start:head-content -->
<link rel="apple-touch-icon" sizes="180x180" href="https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/favicon/favicon-16x16.png">
<link rel="manifest" href="https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/favicon/site.webmanifest">
<link rel="mask-icon" href="https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<script src="/si/js/jquery"></script>
<script src="/Resources/js/lib/slick.min.js"></script><!-- Content Block End:head-content -->
    <title>What&#39;s On In Ipswich</title>

    


    <link rel="icon" href="https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/favicon/favicon-16x16.png" type="image/x-icon" />
    <link rel="shortcut icon" href="https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/favicon/favicon-16x16.png" type="image/x-icon" />
    <link rel="apple-touch-icon" href="https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/favicon/favicon-16x16.png" />
    <link rel="apple-touch-icon-precomposed" href="https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/favicon/favicon-16x16.png" />

    <!-- FontAwesome Core CSS -->
    <script src="https://kit.fontawesome.com/c61d762155.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.8.7/polyfill.min.js"></script>
    <link href="/si/css?v=lA9HGe6jX8SBhvNLQoWz2vOnzDDOv9BdYJpgBRR5vlo1" rel="stylesheet"/>

    <!-- Custom CSS -->
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 items and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <link href="/Resources/styles-client/css/slick.css" rel="stylesheet"/>

    <link href="/Resources/styles-client/css/lib/jssocials/jssocials.css" rel="stylesheet"/>


    <style>
        
    </style>

    <link href="/style" rel="stylesheet" type="text/css" />

                <style>
                    .top-menu img.logo {
  width: 100%;
  height: auto;
}

span.maintain-logo img.logo {
  right: 0 !important;
}

@media (max-width: 420px) {
 	header img.logo {
  		max-height: 43px;
	}
}
                </style>
                <style>
                    /* ******************** */
/* NAVIGATION */
#group-user,
.group-user .btn-submit {
    display: none;
}

header .top-menu .container {
    min-height: auto;
    position: initial;
}

.navbar {
    position: fixed;
    margin: 0;
}

.navbar .navbar-collapse.collapse {
    display: flex !important;
    justify-content: center;
    min-height: 102px;
}

.navbar .navbar-collapse .navbar-wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
}

.navbar .navbar-collapse .navbar-wrapper>.container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar .navbar-collapse .navbar-wrapper>.container::before,
.navbar .navbar-collapse .navbar-wrapper>.container::after {
    display: none;
}

.navbar-collapse .logo {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transition: height 0.2s ease;
    -moz-transition: height 0.2s ease;
    -ms-transition: height 0.2s ease;
    -o-transition: height 0.2s ease;
    transition: height 0.2s ease;
    height: 71px;
    width: 294px;
}

.navbar-collapse .logo a {
    display: block;
    height: 100%;
}

.navbar-collapse .logo img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.navbar-collapse .navbar-nav {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.navbar-nav .nav-item {
    padding-right: 70px;
    padding-left: 0;
}

.navbar-nav .nav-item:last-child {
    padding-right: 0;
}

.navbar-nav .nav-item>a {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    transition: all 0.2s ease-out;
}

.navbar-nav .nav-item.has-dropdown>a {
    padding-right: 20px;
    position: relative;
}

.navbar-nav .nav-item.has-dropdown>a:after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\f078";
    font-size: 12px;
    position: absolute;
    right: 0;
}

.navbar-nav .nav-item>a:hover, .navbar-nav .nav-item>a:focus {
    color: #fff !important;
}

.navbar-right .nav-item {
    padding-right: 25px;
}

/* single dropdown */
.navbar-nav .nav-item.single-dropdown {
    position: relative;
}

.navbar-nav .nav-item.single-dropdown .nav-menu {
    position: absolute;
    left: -20px;
    top: 27px;
    padding: 38px 0 0;
    z-index: 2;
    display: none;
}

.navbar-nav .nav-item .dropdown-menu {
    border: 0;
    position: relative;
    float: none;
    display: block;
    background-color: var(--NavigationBar);
    padding: 12px 0 20px;
    visibility: visible !important;
}

.navbar-nav .nav-item .dropdown-menu li {
    margin-bottom: 20px;
    padding: 0 20px;
    background-color: var(--NavigationBar);
}

.navbar-nav .nav-item .dropdown-menu li:last-child {
    margin-bottom: 0;
}

.navbar-nav .nav-item .dropdown-menu li a {
    display: inline-block;
    border-bottom: 1px solid transparent;
    line-height: 28px;
    padding: 0;
    font-size: 18px;
    color: #fff;
    text-transform: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-nav .nav-item .dropdown-menu li a i {
    position: relative;
    top: initial;
    right: initial;
    margin-left: 5px;
}

/* button register */
.group-user a {
    display: block;
}

.not-signed-in .group-user .btn-signin {
    display: block;
}

.group-user .btn-signin {
    display: none;
    font-size: 20px;
    padding: 15px 30px;
    border-radius: 50px;
    border: 1px solid #fff;
    color: #fff;
}

.group-user .btn-signin i {
    position: relative;
    top: initial;
    right: initial;
    color: inherit;
    margin-left: 5px;
}

/* button search */
header .btn-search {
    display: none;
}

header .navbar .btn-search,
header .navbar .btn-search i {
    display: block;
    position: relative;
    top: initial;
    right: initial;
    padding: 0;
}

header .navbar .btn-search {
    font-size: 22px;
}

header .navbar .btn-search i {
    font-family: 'Font Awesome 6 Pro';
}

/* button logged in */
.group-user .fake-link {
    height: 35px;
    width: 35px;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.group-user .fake-link .profile-img {
    display: block;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 100%;
    padding-bottom: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.group-user .fake-link .profile-close {
    position: relative;
    right: initial;
    font-size: 30px;
    top: 2px;
    padding: 0;
    font-family: 'Font Awesome 6 Pro';
    color: #fff;
    font-weight: 300;
}

.sidebar-nav>.sidebar-brand a,
.sidebar-nav>.sidebar-brand span {
    font-family: var(--HeadingFont);
}

.sidebar-nav>.sidebar-brand a {
    font-weight: 700;
    letter-spacing: 0.5px;
}

.sidebar-nav>.sidebar-brand span {
    font-size: 14px;
    font-family: var(--LightFont);
    letter-spacing: 0;
}

@media (min-width: 992px) {
    body:not(.drawer-opened) .group-user .fake-link {
        opacity: 0;
        z-index: -1;
        position: relative;
    }

    .group-user .fake-link .profile-close {
        opacity: 0;
    }
}
/* logged in */
body.signed-in .signed-in {
    display: block !important;
}

body.signed-in .not-signed-in {
    display: none;
}

body.not-signed-in .not-signed-in {
    display: block !important;
}

body.not-signed-in .signed-in {
    display: none;
}

@media (hover: hover) {
    .group-user .btn-signin:hover {
        background-color: #fff;
        color: var(--NavigationBar);
    }

    .group-user .fake-link:hover {
        opacity: .85;
    }

    .navbar-nav .nav-item .dropdown-menu li a:hover {
        border-color: #fff;
    }
}

@media (min-width: 992px) {
    .sticky .navbar {
        top: -150px;
    }

    .navbar .navbar-nav .nav-item>a.user-name {
        display: none !important;
    }

    body.content-search-page header {
        min-height: 90px;
    }

    .navbar-nav .nav-item .dropdown-menu {
        min-width: 170px;
        width: max-content;
    }
}

@media (max-width: 1199px) {
    .navbar-nav .nav-item.single-dropdown .nav-menu {
        top: 26px;
    }

    .navbar-collapse .navbar-nav {
        position: relative;
    }

    .navbar-collapse .logo {
        width: 220px;
        height: auto;
    }

    .navbar-nav .nav-item {
        padding-right: 35px;
    }

    .group-user .btn-signin,
    .navbar-nav .nav-item>a {
        font-size: 18px;
    }

    header .navbar .btn-search {
        font-size: 20px;
    }

    .group-user .btn-signin {
        padding: 10px 15px;
        line-height: normal;
    }
}

@media (max-width: 991px) {
    body.content-search-page header {
        min-height: 70px;
    }

    .navbar .navbar-brand.hidden-md.hidden-lg .logo {
        display: none;
    }

    #wrapper.drawer-opened:not(.menu-opened),
    #wrapper.menu-opened:not(.drawer-opened, .not-signed-in) {
        overflow-y: hidden;
    }

    #sidebar-menu,
    #sidebar-menu .navbar-nav .nav-menu {
        background-color: var(--NavigationBar) !important;
    }

    body.signed-in .signed-in.hidden-sm {
        display: none !important;
    }

    .navbar .navbar-collapse.collapse {
        max-width: 100%;
        margin: 0 auto;
        min-height: 80px;
        position: relative;
    }

    .navbar .navbar-collapse .navbar-wrapper {
        padding: 20px 0;
    }

    .navbar-collapse .logo {
        width: 180px;
    }

    .navbar-collapse .navbar-menu {
        display: none;
    }

    .navbar-collapse .navbar-right {
        padding-right: 25px;
    }

    .group-user .btn-signin,
    .navbar-nav .nav-item>a {
        font-size: 16px;
    }

    .group-user .btn-signin {
        font-size: 16px;
        margin-right: 15px;
        transition: none;
    }

    .group-user .btn-signin i {
        padding: 0;
        width: auto;
    }

    .group-user .btn-signin .fa-user {
        font-size: 18px;
        display: block;
    }

    .navbar-wrapper .group-user-wrapper {
        position: relative;
        top: 0;
        padding-right: 15px;
    }

    .navbar-nav .nav-item {
        border: 0;
        width: initial;
        padding-right: 12px;
    }

    .navbar .navbar-header {
        position: absolute;
        top: 28px;
        right: 15px;
        z-index: 2;
    }

    .navbar .navbar-header #open-menu {
        position: relative;
        left: initial;
        top: initial;
        font-size: 0;
        line-height: normal;
    }

    .navbar-nav .nav-item.has-dropdown>a:after {
        font-size: 10px;
    }

    .navbar .navbar-header #open-menu .fa-bars {
        font-family: 'Font Awesome 6 Pro';
        font-weight: 400;
        font-size: 24px;
    }

    .navbar-nav .nav-item.single-dropdown .nav-menu {
        left: 0;
    }

    .navbar-nav .nav-item .dropdown-menu li {
        margin-bottom: 18px;
    }

    .navbar-nav .nav-item .dropdown-menu li a {
        font-size: 15px;
        line-height: 20px;
    }

    .navbar-nav .nav-item .dropdown-menu li a i {
        padding: 0;
    }

    /* sidebar menu */
    body:not(.menu-opened) .navbar .navbar-header #open-menu .fa-bars {
        font-size: 28px;
        position: relative;
    }

    body:not(.menu-opened) .navbar .navbar-header #open-menu .fa-bars:before {
        content: "\f00d";
    }

    #sidebar-wrapper,
    #sidebar-menu {
        overflow: hidden;
        width: 265px !important;
        left: initial;
        right: 0;
        margin-right: 0 !important;
        border-right: 0;
        -webkit-transition: opacity 0.3s ease;
        -moz-transition: opacity 0.3s ease;
        -ms-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
        transition: none;
        opacity: 1;
        z-index: 1034;
    }

    #sidebar-menu .navbar-wrapper .container>.logo {
        display: none;
    }

    #sidebar-menu .logo img {
        height: 50px;
        width: auto;
    }

    #sidebar-menu .navbar-wrapper> .container {
        padding: 10px 0 0;
        width: 100%;
        position: absolute;
        left: 0;
        top: 80px;
        min-height: calc(100% - 100px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-top: 1px solid #334677;
    }

    #sidebar-menu .navbar-nav {
        width: 100%;
        position: relative;
        transition: all 0.2s ease;
    }

    #sidebar-menu .navbar-menu {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 10px 0 0;
    }

    #sidebar-menu .navbar-nav .nav-item {
        padding: 0 15px;
        border: 0;
        margin-bottom: 20px;
    }

    #sidebar-menu .navbar-nav .nav-item>a {
        padding: 0 20px 0 0;
        width: initial;
        color: #fff !important;
        position: relative;
        font-family: var(--MediumFont);
    }

    #sidebar-menu .navbar-nav .nav-item>a>i {
        right: 0;
        width: auto;
        padding: 0;
        font-weight: 400;
        height: auto;
        top: 0;
    }

    #sidebar-menu .navbar-nav .nav-item.active >a:after {
        transform: rotateX(180deg);
    }

    #sidebar-menu .navbar-right {
        display: flex;
        padding: 0 15px;
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    #sidebar-menu .navbar-right .nav-item {
        padding: 0;
        margin: 0;
    }

    #sidebar-menu .navbar-wrapper .group-user-wrapper {
        display: none;
    }

    #sidebar-menu .navbar-nav .nav-menu {
        position: relative;
        top: initial;
        z-index: 4;
        padding: 0;
        display: none;
        visibility: visible !important;
    }

    #sidebar-menu .navbar-nav .nav-menu .menu-list {
        margin: 0;
        padding: 10px 0 0;
        top: initial;
        text-align: left;
        background-color: transparent;
    }

    #sidebar-menu .navbar-nav .nav-item .dropdown-menu li+li {
        margin-top: 10px;
    }

    #sidebar-menu .navbar-nav .nav-item .dropdown-menu li a {
        border: 0;
        font-family: var(--MediumFont);
    }

    #sidebar-menu .navbar-nav .nav-item.single-dropdown .nav-menu {
        width: 100%;
        background-color: transparent !important;
    }

    .navbar {
        transition: all 0.2s ease;
    }

    /* admin menu */
    #sidebar-wrapper>.fake-link {
        display: none;
    }

    #sidebar-wrapper .sidebar-nav {
        overflow: scroll;
        height: calc(100% - 80px);
    }

    .group-user .fake-link {
        height: 25px;
        width: 25px;
        margin-right: 15px;
    }

    .group-user .fake-link .profile-close {
        top: 0;
        padding: 0;
        font-family: 'Font Awesome 6 Pro';
        font-size: 28px;
        color: #fff;
        width: 25px;
    }

    .sidebar-nav li a {
        padding-left: 15px;
    }

    /* nav header */
    .navbar .nav-header {
        display: none !important;
    }

    #sidebar-menu .nav-header {
        height: 70px;
        transition: transform 0.2s ease;
    }

    #sidebar-menu .nav-header .logo {
        top: 10px;
        left: 15px;
        position: absolute;
        height: 50px;
    }

    #sidebar-menu .navbar-nav .nav-header .logo a {
        padding: 0 !important;
    }

    #sidebar-menu .nav-header .open-menu {
        color: #fff;
        font-size: 22px;
        width: 16px;
        right: 15px;
        position: absolute;
        top: 15px;
        padding: 0 !important;
    }

    #sidebar-menu .nav-header .open-menu i {
        font-family: 'Font Awesome 5 Pro';
        padding: 0;
        width: auto;
        top: 0;
        font-size: 22px;
        bottom: 0;
        margin: 0;
    }

    .navbar,
    #wrapper.drawer-opened #sidebar-menu,
    #wrapper.menu-opened #sidebar-wrapper {
        z-index: 1035;
    }

    #wrapper:not(.nav-menu-open) #sidebar-menu,
    #wrapper:not(.admin-menu-open) #sidebar-wrapper {
        opacity: 0;
        z-index: -9999;
    }

    #sidebar-menu .navbar-nav .btn-search {
        display: none;
    }
}

@media (max-width: 767px) {
    header .navbar .navbar-header {
        width: auto;
        display: inline-block;
        height: auto;
    }

    .navbar .navbar-collapse.collapse {
        min-height: 73px;
    }

    #sidebar-menu .nav-header {
        height: 60px;
    }

    #sidebar-menu .nav-header .logo,
    #sidebar-menu .logo img {
        height: 40px;
    }

    .group-user .btn-signin {
        font-size: 14px;
        margin-right: 10px;
        padding: 8px;
    }

    .navbar-collapse .logo {
        width: 170px;
    }

    .navbar-collapse .navbar-right {
        min-width: initial;
    }

    .navbar .navbar-header #open-menu .fa-bars {
        font-size: 22px;
    }

    .navbar .navbar-header {
        top: 26px;
    }

    .navbar-collapse .navbar-right {
        padding-right: 22px;
    }

    header .navbar .btn-search i {
        width: auto;
    }

    body:not(.menu-opened) .navbar .navbar-header #open-menu .fa-bars {
        font-size: 26px;
        top: -2px;
    }

    #sidebar-menu .navbar-wrapper> .container {
        top: 73px;
    }
}

@media (min-width: 421px) and (max-width: 991px) {
    #sidebar-menu {
        box-shadow: 2px 0px 6px 0px rgba(0, 0, 0, 0.26);
        -webkit-box-shadow: 2px 0px 6px 0px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 2px 0px 6px 0px rgba(0, 0, 0, 0.26);
    }
}

@media (max-width: 420px) {
    #sidebar-menu {
        width: 100% !important;
    }

    #sidebar-wrapper {
        width: 100% !important;
        margin-right: 0 !important;
        right: 0;
    }

    .group-user .btn-signin {
        font-size: 0;
        width: 28px;
        height: 28px;
        padding: 4px 6px;
    }

    .group-user .btn-signin:before {
        content: '\f007';
        font-family: 'Font Awesome 6 Pro';
        font-size: 16px;
        text-align: center;
    }
}

/* Admin sidebar menu */
#sidebar-wrapper {
    z-index: 1034;
}

#sidebar-wrapper .admin-link {
    right: 20px;
    top: 42px;
}

#sidebar-wrapper >.fake-link {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 22px;
    color: #fff;
}

#sidebar-wrapper >.fake-link .profile-close {
    display: block !important;
    font-family: 'Font Awesome 6 Pro';
}

.sidebar-nav {
    transition: top 0.2s ease;
}

@media (min-width: 992px) {
    #sidebar-wrapper .sidebar-nav {
        top: 30px !important;
    }
}

/* Internal page header/ nav */
header {
    min-height: 102px;
    overflow: visible;
}

.image-header-coverup {
    top: 102px;
}

.image-header-bg {
    height: 102px;
}

body.editable__detail_page .navbar-nav .nav-item > a,
body.custom__page .navbar-nav .nav-item > a {
    color: #fff !important;
}

body.editable__detail_page .navbar .navbar-collapse.collapse,
body.editable__detail_page .navbar .navbar-collapse.collapse .navbar-wrapper,
body.custom__page .navbar .navbar-collapse.collapse,
body.custom__page .navbar .navbar-collapse.collapse .navbar-wrapper {
    box-shadow: none !important;
}
    
body.menu-opened.editable__detail_page .group-user .btn-signin i,
body.menu-opened.custom__page .group-user .btn-signin i {
    color: #fff !important;
}

@media (hover: hover) {
    body:not(.eh_homepage) .navbar-nav .nav-item > a:hover {
        border-color: var(--PrimaryLink) !important;
    }

    body.editable__detail_page .navbar-nav .nav-item > a:hover,
    body.custom__page .navbar-nav .nav-item > a:hover {
        border-color: #fff !important;
    }
}

@media (max-width: 991px) {
    header {
        min-height: 80px;
    }
    
    body:not(.nav-menu-open).editable__detail_page .navbar .navbar-header #open-menu,
    body:not(.nav-menu-open).custom__page .navbar .navbar-header #open-menu {
        color: #fff;
    }
}

@media (max-width: 767px) {
    header {
        min-height: 73px;
    }
}

@media (max-width: 420px) {
    body:not(.eh_homepage) .navbar,
    body:not(.eh_homepage) .navbar-collapse {
        transition: none;
    }

    body.admin-menu-open:not(.eh_homepage):not(.drawer-opened) .navbar .navbar-header #open-menu {
        color: #fff;
    }
}
                </style>
                <style>
                    .acknowledge-section {
    background: var(--purpleColor);
    padding: 50px 0;
    text-align: left;
}

.acknowledge-section .header-title {
    text-align: left;
    color: #fff;
    margin-bottom: 16px;
}

.acknowledge-section p {
    font-size: 18px;
    line-height: 25px;
    padding-right: 12px;
}

@media (max-width: 767px) {
    .acknowledge-section {
        padding: 32px 0;
    }
    
    .acknowledge-section p {
        font-size: 16px;
        line-height: 22px;
        padding-right: 0;
    }
}

/* footer */
.footer-section {
    padding-top: 50px;
    color: #fff;
    position: relative;
    text-align: left;
}

.footer-section * {
    color: #fff;
}

.footer-section .flex-col {
    display: flex;
    justify-content: space-between;
}

.footer-section .flex-col .left {
    width: fit-content;
    max-width: 215px;
}

.footer-section .flex-col .center {
    flex: 1;
    padding: 0 50px;
    display: flex;
    justify-content: center;
}

.footer-section .flex-col .right {
    width: fit-content;
    max-width: 280px;
}

.footer-section .menu-col {
    width: max-content;
}

.footer-section .menu-col + .menu-col {
    margin-left: 30px;
}

.footer-section .main-logo {
    display: block;
    margin-top: 22px;
}

.footer-section .main-logo img {
    max-width: 216px;
    height: auto;
    display: block;
}

.footer-section .everi-logo {
    margin: 0 0 16px;
    display: inline-block;
}

.footer-section .everi-logo img {
    width: 96px;
    height: auto;
}

.footer-section a {
    color: #fff;
}

.footer-section p {
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    margin: 0;
    font-family: var(--LightFont);
}

.footer-section p a {
    text-decoration: underline;
    margin-top: 12px;
    display: inline-block;
    font-size: 16px;
}

.footer-section h4 {
    margin: 0;
    font-family: var(--NormalFont);
    font-size: 25px;
    line-height: 30px;
    font-weight: normal;
}

.footer-section ul {
    list-style-type: none;
    padding: 0;
}

.footer-section .quick-links {
    margin: 25px 0 0;
}

.footer-section .quick-links li + li {
    margin-top: 16px;
}

.footer-section .quick-links li,
.footer-section .quick-links li a {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--LightFont);
}

.footer-section .quick-links li a {
    padding: 0;
    display: inline-block;
}

.footer-section .quick-links.info li {
    padding-left: 32px;
    position: relative;
}

.footer-section .quick-links.info li i {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    font-size: 20px;
}

.footer-section .social-links {
    display: flex;
    margin-top: 8px;
}

.footer-section .social-links li {
    margin-right: 15px;
}

.footer-section .social-links li a,
.footer-section .social-links a i {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer-section .social-links li a {
    width: 44px;
    height: 44px;
    border: 1px solid #ddd;
    border-radius: 44px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.footer-section .social-links a i {
    font-size: 20px;
}

.footer-section .social-links a .fa-facebook-f:before {
    content: "\f39e";
}

.bottom-footer-menu {
    margin-top: 50px;
    padding: 22px 0;
    border: 0;
    background: #0B2056;
}

.bottom-footer-menu ul li,
.bottom-footer-menu ul li a,
.bottom-footer-menu ul li span {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    font-family: var(--NormalFont);
}

.bottom-footer-menu .policy li + li {
    margin-left: 24px;
}

.copyright li + li:before {
    content: '-';
    padding-left: 5px;
    margin-right: 5px;
}

@media (hover: hover) {
    .bottom-footer-menu ul li a:hover,
    .footer-section .quick-links li a:hover {
        text-decoration: underline;
    }

    .footer-section p a:hover {
        text-decoration: none;
    }

    .footer-section .social-links li a:hover {
        background: #fff;
    }

    .footer-section .social-links li a:hover i {
        color: var(--FooterBackgroundColour);
    }
}

@media (max-width: 1199px) {
    .footer-section .flex-col {
        flex-wrap: wrap;
    }

    .footer-section .flex-col .right {
        margin-top: 30px;
    }

    .footer-section .flex-col .left {
        width: 15%;
    }

    .footer-section .flex-col .center {
        padding-right: 0;
        width: 75%;
    }
}

@media (max-width: 991px) {
    .bottom-footer-menu {
        margin-top: 50px;
        padding-top: 30px;
    }

    .bottom-footer-menu ul li {
        margin-right: 25px;
    }

    .footer-section .intro {
        max-width: max-content;
    }

    .footer-section .flex-col {
        flex-direction: column;
    }

    .footer-section .flex-col .left,
    .footer-section .flex-col .center,
    .footer-section .flex-col .right {
        width: 100%;
    }

    .footer-section .flex-col .center {
        width: 100%;
        margin-top: 50px;
        justify-content: flex-start;
        padding: 0;
    }

    .footer-section .menu-col {
        width: 30%;
    }
}

@media (max-width: 767px) {
    .footer-section .flex-col .center {
        flex-direction: column;
        margin-top: 32px;
    }

    .footer-section .menu-col + .menu-col {
        margin: 32px 0 0;
    }

    .bottom-footer-menu {
        margin: 32px 0 0;
    }

    .copyright {
        text-align: center;
    }

    .copyright .copyright-text {
        display: inline-block;
    }

    .footer-section .policy {
        text-align: center;
        margin-top: 15px;
    }

    .footer-section .policy li {
        margin-right: 0;
    }

    .footer-section .menu-col {
        width: 100%;
    }
}
                </style>


    

    




<!-- Content Block Start:analytics --><!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PR2M8WY3Z1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-PR2M8WY3Z1');
</script><!-- Content Block End:analytics -->


</head>



<body id="wrapper" class="menu-opened user-role visitor site-3233-a page-expired-events" data-paid-member="False">
    <div id="skiptocontent">
        <a href="#main" tabindex="0" class="sr-only anchor-skip sr-only-focusable">Skip to main content</a>
    </div>
    
    
    


<section id="group-user" class="group-user">

        <div class="item btn-signin">
            <a rel="nofollow" href="/account/registersignin" data-variable="previouspage" class="btn-hover text-uppercase" title="Sign in">
                <i class="fa fa-user"></i><br />
                Sign in
            </a>
        </div>
</section>


<!-- /#sidebar-wrapper -->

    <div id="sidebar-menu">
<!-- Content Block Start:top-navigation-custom --><div class="navbar-wrapper">
    <div class="container">
        <div class="logo">
            <a href="/" title="What's On In Ipswich">
                <img src="https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/brand/logo-stacked-white.svg" alt="What's On In Ipswich" width="288" height="71">
            </a>
        </div>
        <ul class="navbar-nav navbar-menu">
            <li class="nav-item has-dropdown single-dropdown">
                <a href="javascript:void(0)">What’s On</a>
                <div class="nav-menu">
                    <ul class="menu-list dropdown-menu">
                        <li><a href="/arts-culture-and-food">Arts, Culture and Food</a></li>
                        <li><a href="/music-and-entertainment">Music and Entertainment</a></li> 
                        <li><a href="/lifestyle-and-family">Lifestyle and Family</a></li>
                        <li><a href="/sporting">Sporting</a></li>
                        <li><a href="/markets">Markets</a></li>
                        <li><a href="/classes-and-workshops">Classes and Workshops</a></li>
                        <li><a href="/tours">Tours</a></li>
                        <li><a href="/business-and-community">Business and Community</a></li>
                        <li><a href="/search-results/all/none/none/0/0/0/none/none/none/date/all/none/none/false/1">All Upcoming</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-item has-dropdown single-dropdown">
                <a href="javascript:void(0)">Precincts</a>
                <div class="nav-menu">
                    <ul class="menu-list dropdown-menu">
                        <li><a href="/events/whats-on-in-ipswich-central">Ipswich Central</a></li>
                        <li><a href="/events/whats-on-in-marburg">Marburg, Haigslea and Pine Mountain</a></li>
                        <li><a href="/events/whats-on-in-rosewood">Rosewood, Walloon and Grandchester</a></li>
                        <li><a href="/events/whats-on-in-greater-springfield">Greater Springfield</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-item has-dropdown single-dropdown">
                <a href="javascript:void(0)">Visit</a>
                <div class="nav-menu">
                    <ul class="menu-list dropdown-menu">
                        <li><a href="https://www.discoveripswich.com.au/" target="_blank">Discover Ipswich <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/things-to-do/" target="_blank">Things to Do <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/things-to-do/eat-drink/" target="_blank">Eat and Drink <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/accommodation/" target="_blank">Accommodation <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/inside-stories/" target="_blank">Inside Stories <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/magazine/" target="_blank">Visitor Guide <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/ask-a-local/" target="_blank">Ask a Local <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-item has-dropdown single-dropdown">
                <a href="javascript:void(0)">Info</a>
                <div class="nav-menu">
                    <ul class="menu-list dropdown-menu">
                        <li><a href="/page/about">About</a></li>
                        <li><a href="/page/help-faqs">Help and FAQs</a></li>
                        <li><a href="/page/contact">Contact</a></li>
                    </ul>
                </div>
            </li>
        </ul>
        <ul class="navbar-nav navbar-right">
            <li class="nav-item">
                <button class="btn-search color-white custom-focus" data-toggle="modal" data-target="#searchOverlay"><i class="fa fa-search" aria-hidden="true"></i></button>
            </li>
            <li class="nav-item group-user-wrapper">
                <div class="group-user">
                    <a href="/account/registersignin" class="transition btn-signin">Sign in/Register <i class="fa-regular fa-arrow-up-right"></i></a>
                </div>
            </li>
        </ul>
    </div>
</div><!-- Content Block End:top-navigation-custom -->    </div>
    <header class="text-center"   data-sticky  >
        <div class="image-header-bg"></div>
        <nav class="navbar">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <a href="#open-menu" id="open-menu"><i class="fa fa-bars"><span class="sr-only">Menu</span></i></a>
                <a class="navbar-brand hidden-md hidden-lg" href="https://whatson.discoveripswich.com.au" title="What&#39;s On In Ipswich"><!-- Content Block Start:index-mast-head-logo --><img src="https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/brand/email-logo.png" width="294" height="71" alt="Discover Ipswich" class="logo" data-no-retina /><!-- Content Block End:index-mast-head-logo --></a>
            </div>
            <div class="collapse navbar-collapse top-menu" id="bs-example-navbar-collapse-1">
<!-- Content Block Start:top-navigation-custom --><div class="navbar-wrapper">
    <div class="container">
        <div class="logo">
            <a href="/" title="What's On In Ipswich">
                <img src="https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/brand/logo-stacked-white.svg" alt="What's On In Ipswich" width="288" height="71">
            </a>
        </div>
        <ul class="navbar-nav navbar-menu">
            <li class="nav-item has-dropdown single-dropdown">
                <a href="javascript:void(0)">What’s On</a>
                <div class="nav-menu">
                    <ul class="menu-list dropdown-menu">
                        <li><a href="/arts-culture-and-food">Arts, Culture and Food</a></li>
                        <li><a href="/music-and-entertainment">Music and Entertainment</a></li> 
                        <li><a href="/lifestyle-and-family">Lifestyle and Family</a></li>
                        <li><a href="/sporting">Sporting</a></li>
                        <li><a href="/markets">Markets</a></li>
                        <li><a href="/classes-and-workshops">Classes and Workshops</a></li>
                        <li><a href="/tours">Tours</a></li>
                        <li><a href="/business-and-community">Business and Community</a></li>
                        <li><a href="/search-results/all/none/none/0/0/0/none/none/none/date/all/none/none/false/1">All Upcoming</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-item has-dropdown single-dropdown">
                <a href="javascript:void(0)">Precincts</a>
                <div class="nav-menu">
                    <ul class="menu-list dropdown-menu">
                        <li><a href="/events/whats-on-in-ipswich-central">Ipswich Central</a></li>
                        <li><a href="/events/whats-on-in-marburg">Marburg, Haigslea and Pine Mountain</a></li>
                        <li><a href="/events/whats-on-in-rosewood">Rosewood, Walloon and Grandchester</a></li>
                        <li><a href="/events/whats-on-in-greater-springfield">Greater Springfield</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-item has-dropdown single-dropdown">
                <a href="javascript:void(0)">Visit</a>
                <div class="nav-menu">
                    <ul class="menu-list dropdown-menu">
                        <li><a href="https://www.discoveripswich.com.au/" target="_blank">Discover Ipswich <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/things-to-do/" target="_blank">Things to Do <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/things-to-do/eat-drink/" target="_blank">Eat and Drink <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/accommodation/" target="_blank">Accommodation <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/inside-stories/" target="_blank">Inside Stories <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/magazine/" target="_blank">Visitor Guide <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                        <li><a href="https://www.discoveripswich.com.au/ask-a-local/" target="_blank">Ask a Local <i class="fa-regular fa-arrow-up-right-from-square"></i></a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-item has-dropdown single-dropdown">
                <a href="javascript:void(0)">Info</a>
                <div class="nav-menu">
                    <ul class="menu-list dropdown-menu">
                        <li><a href="/page/about">About</a></li>
                        <li><a href="/page/help-faqs">Help and FAQs</a></li>
                        <li><a href="/page/contact">Contact</a></li>
                    </ul>
                </div>
            </li>
        </ul>
        <ul class="navbar-nav navbar-right">
            <li class="nav-item">
                <button class="btn-search color-white custom-focus" data-toggle="modal" data-target="#searchOverlay"><i class="fa fa-search" aria-hidden="true"></i></button>
            </li>
            <li class="nav-item group-user-wrapper">
                <div class="group-user">
                    <a href="/account/registersignin" class="transition btn-signin">Sign in/Register <i class="fa-regular fa-arrow-up-right"></i></a>
                </div>
            </li>
        </ul>
    </div>
</div><!-- Content Block End:top-navigation-custom -->            </div>
        </nav>
        <button title="Open search window" class="btn-search color-white" data-toggle="modal" data-target="#searchOverlay"><i class="fa fa-search"></i></button>
        
        <div class="image-header-coverup"></div>
    </header>

    <div id="main" role="main">
        



<section class="main-content event-detail-pages">
    <div class="container space">
""

        <input type="hidden" name="siteInstanceId" value="3233-a" id="siteInstanceId" />
        <input type="hidden" name="UserId" id="UserId" />
        <input type="hidden" id="PageId" value="EventDetail" />
        <input type="hidden" id="loginUrl" value="https://whatson.discoveripswich.com.au/account/registersignin?returnUrl=https%3A%2F%2Fwhatson.discoveripswich.com.au%2Fevent%2F34702491-a%2Fst-patricks-day-celebrations-irish-dancers" />
        <input type="hidden" id="currentUrl" value="https://whatson.discoveripswich.com.au/event/34702491-a/st-patricks-day-celebrations-irish-dancers" />
    </div>
</section>




    <section class="event-by-categories space">
        <div class="container">
            <h3 class="color-dark-grey text-uppercase">Events by category</h3>
        </div>
        <div id="events-filters-footer" class="event-cat-slider container-custom center">
                <div class="item event_cateogry__arts-culture-and-food">
                    <div class="wrap">
                        <img data-src="https://event-hubs.s3-ap-southeast-2.amazonaws.com/Everi/category/arts-cat1.webp" class="full-100 lazy" alt="Arts, Culture and Food" width="200" height="200" data-no-retina>
                        <div class="overlay"></div>
                        <div class="caption text-center">
                            <a href="/arts-culture-and-food" title="Arts, Culture and Food">
                                <p class="title">Arts, Culture and Food</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="item event_cateogry__business-and-community">
                    <div class="wrap">
                        <img data-src="https://event-hubs.s3-ap-southeast-2.amazonaws.com/Everi/category/business-cat1.webp" class="full-100 lazy" alt="Business and Community" width="200" height="200" data-no-retina>
                        <div class="overlay"></div>
                        <div class="caption text-center">
                            <a href="/business-and-community" title="Business and Community">
                                <p class="title">Business and Community</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="item event_cateogry__classes-and-workshops">
                    <div class="wrap">
                        <img data-src="https://event-hubs.s3-ap-southeast-2.amazonaws.com/Everi/category/educational-cat1.webp" class="full-100 lazy" alt="Classes and Workshops" width="200" height="200" data-no-retina>
                        <div class="overlay"></div>
                        <div class="caption text-center">
                            <a href="/classes-and-workshops" title="Classes and Workshops">
                                <p class="title">Classes and Workshops</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="item event_cateogry__lifestyle-and-family">
                    <div class="wrap">
                        <img data-src="https://event-hubs.s3-ap-southeast-2.amazonaws.com/Everi/category/lifestyle-cat1.webp" class="full-100 lazy" alt="Lifestyle and Family" width="200" height="200" data-no-retina>
                        <div class="overlay"></div>
                        <div class="caption text-center">
                            <a href="/lifestyle-and-family" title="Lifestyle and Family">
                                <p class="title">Lifestyle and Family</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="item event_cateogry__markets">
                    <div class="wrap">
                        <img data-src="https://event-hubs.s3-ap-southeast-2.amazonaws.com/Everi/category/markets-cat1.webp" class="full-100 lazy" alt="Markets" width="200" height="200" data-no-retina>
                        <div class="overlay"></div>
                        <div class="caption text-center">
                            <a href="/markets" title="Markets">
                                <p class="title">Markets</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="item event_cateogry__music-and-entertainment">
                    <div class="wrap">
                        <img data-src="https://event-hubs.s3-ap-southeast-2.amazonaws.com/Everi/category/music-cat1.webp" class="full-100 lazy" alt="Music and Entertainment" width="200" height="200" data-no-retina>
                        <div class="overlay"></div>
                        <div class="caption text-center">
                            <a href="/music-and-entertainment" title="Music and Entertainment">
                                <p class="title">Music and Entertainment</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="item event_cateogry__sporting">
                    <div class="wrap">
                        <img data-src="https://event-hubs.s3-ap-southeast-2.amazonaws.com/Everi/category/sports-cat1.webp" class="full-100 lazy" alt="Sporting" width="200" height="200" data-no-retina>
                        <div class="overlay"></div>
                        <div class="caption text-center">
                            <a href="/sporting" title="Sporting">
                                <p class="title">Sporting</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="item event_cateogry__tours">
                    <div class="wrap">
                        <img data-src="https://event-hubs.s3-ap-southeast-2.amazonaws.com/Everi/category/tours-cat1.webp" class="full-100 lazy" alt="Tours" width="200" height="200" data-no-retina>
                        <div class="overlay"></div>
                        <div class="caption text-center">
                            <a href="/tours" title="Tours">
                                <p class="title">Tours</p>
                            </a>
                        </div>
                    </div>
                </div>
        </div>
    </section>




    </div>
    <footer class="text-center clearfix">
<!-- Content Block Start:bottom-navigation-custom --><div class="acknowledge-section">
    <div class="container">
        <div class="desc">
            <h2 class="header-title">Acknowledgement of Country</h2>
            <p>Ipswich City Council respectfully acknowledges the Traditional Owners, the Jagera, Yuggera and Ugarapul People of the Yugara/Yagara Language Group, as custodians of the land and waters we share. We pay our respects to their Elders past and present, as the keepers of the traditions, customs, cultures and stories of proud peoples.</p>
        </div>
    </div>
</div>
<div class="footer-section">
    <div class="container">
        <div class="flex-col">
            <div class="left">
                <div class="col follow-us">
                    <h4>Follow Us</h4>
                    <ul class="social-links">
                        <li><a href="https://www.facebook.com/discoveripswich" target="_blank" title="Discover Ipswich on Facebook"><i class="fa-brands fa-facebook-f" aria-hidden="true"></i></a></li>
                        <li><a href="http://www.instagram.com/discoveripswich" target="_blank" title="Discover Ipswich on Instagram"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                        <li><a href="https://www.youtube.com/c/DiscoverIpswichTV" target="_blank" title="Discover Ipswich on YouTube"><i class="fa-brands fa-youtube"></i></a></li>
                    </ul>
                    <a class="main-logo" href="https://www.discoveripswich.com.au/" target="_blank">
                        <img class="lazy" width="216" height="52" alt="What's On In Ipswich" src="https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/brand/logo-white.png">
                    </a>
                </div>
            </div>
            <div class="center">
                <div class="col menu-col">
                    <h4>Event Attendees</h4>
                    <ul class="quick-links">
                        <li><a href="/search-results/all/none/none/0/0/0/none/none/none/date/all/none/none/false/1">Search for Events</a></li>
                        <li><a href="https://www.discoveripswich.com.au/" target="_blank">Visitor Information <i class="fa-regular fa-arrow-up-right-from-square" aria-hidden="true"></i></a></li>
                        <li><a href="/account/registersignin">Sign In / Register</a></li>
                    </ul>
                </div>
                <div class="col menu-col">
                    <h4>Event Organisers</h4>
                    <ul class="quick-links">
                        <li><a href="/page/help-faqs">Help and FAQs</a></li>
                        <li><a href="/page/contact">Contact</a></li>
                    </ul>
                </div>
                <div class="col menu-col">
                    <h4>Want some help?</h4>
                    <ul class="quick-links info">
                        <li><i class="fa-sharp fa-regular fa-location-dot"></i> Ipswich Visitor Information Centre <br>14 Queen Victoria Parade <br>Ipswich QLD 4305</li>
                        <li><i class="fa-light fa-envelope" aria-hidden="true"></i><a href="mailto:info@discoveripswich.com.au">info@discoveripswich.com.au</a></li>
                        <li><i class="fa-light fa-phone"></i><a href="tel:(07) 3281 0555">(07) 3281 0555</a></li>
                    </ul>
                </div>
            </div>
            <div class="right">
                <div class="col">
                    <a target="_blank" href="https://everi.com.au/" class="everi-logo">
                        <img class="lazy" width="140" height="48" alt="Everi" src="https://event-hubs.s3.amazonaws.com/ClickRegion/Everi_Logo_White.svg" style="display: inline-block;">
                    </a>
                    <p>What’s on in Ipswich is powered by everi. everi is a technology platform that provides community, business & visitor engagement tools, to drive commerce and visitation in regional and metro Australia.<br><a href="https://everi.com.au/" target="_blank">Learn more</a>.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom-footer-menu">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-8">
                    <ul class="copyright">
                        <li class="copyright-text">© <span id="year"></span> Ipswich City Council</li>
                        <li class="copyright-text"><a href="/privacy">Privacy Policy</a></li>
                        <li class="copyright-text"><a href="/terms-and-conditions">Terms & Conditions</a></li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-4 text-right">
                </div>
            </div>
        </div>
    </div>
</div><!-- Content Block End:bottom-navigation-custom -->    </footer>
    <div id="ajaxLoadingContainer"><div id="ajaxloader"><i class="fa fa-circle-o-notch fa-spin fa-fw"></i></div></div>
    <!-- Advanced Search Layout Section -->
    

<!-- Modal -->
<div class="modal fade search-overlay" id="searchOverlay" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button title="Close search window" type="button" class="close close-advSearch" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-times"></i></span></button>
      </div>
      <div class="modal-body">
              <div class="container">
                  <div class="row">
                      <div class="col-sm-12 text-center text-uppercase">
                          <p class="title-advance-search"><i class="fas fa-search"></i> Events</p>
                      </div>
                  </div>

                  



    <div class="adv-search">
<form action="/search-results" class="form-inline" id="advanceSearchForm" method="post">        <div class="row">
          <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
            <div class="keyword-box-adv">
              <label for="Keywords_searchOverlay" class="sr-only" aria-labelledby="Keywords_searchOverlay">Keywords</label>
              <input type="text" name="Keywords" id="Keywords_searchOverlay" class="form-control" placeholder="Enter keywords">
            </div>
            <div class="custom-checkbox-adv-group">
              

            </div>
          </div>
        </div>
        <div class="row tm50 adv-filter">
            <div class="col-sm-4 adv-search-category border-rs">
              <div class="row">
                <div class="col-sm-10  col-sm-offset-1">
                  <h4 class="underlined">Filter By</h4>
                    <div id="addCat_searchOverlay" name-val="Category" class="addCat icon">
                      <label for="add-catval-select" class="sr-only" aria-labelledby="add-catval-select">Add catval</label>
                      <select class="form-control" id="add-catval-select">
                        <option value="">Choose a category</option>
                          <option value="arts, culture and food" data-value="Arts">Arts, Culture and Food</option>
                          <option value="business and community" data-value="Business">Business and Community</option>
                          <option value="classes and workshops" data-value="Educational">Classes and Workshops</option>
                          <option value="lifestyle and family" data-value="Lifestyle">Lifestyle and Family</option>
                          <option value="markets" data-value="Markets">Markets</option>
                          <option value="music and entertainment" data-value="Music">Music and Entertainment</option>
                          <option value="sporting" data-value="Sports">Sporting</option>
                          <option value="tours" data-value="Tours">Tours</option>
                      </select>
                    </div>
                  <div id="addCat_searchOverlayVal" class="form-group addCatVal">
                    <ul class="list-inline list-unstyled">
                    </ul>
                  </div>

                      <div id="event-tags_searchOverlay" group="Tags_searchOverlay" name-val="Tags" class="addCat icon">
                        <label for="tags-select-event-tags_searchOverlay" class="sr-only" aria-labelledby="tags-select-event-tags_searchOverlay">Tags</label>
                        <select class="form-control" id="tags-select-event-tags_searchOverlay">
                          <option value="">Event tags</option>
                            <option value="Free">Free</option>
                        </select>
                      </div>
                      <div id="event-tags_searchOverlayVal" class="form-group addCatVal">
                        <ul class="list-inline list-unstyled">
                        </ul>
                      </div>
                </div>
              </div>
            </div>
          <div class="col-sm-4 adv-search-date">
            <h4 class="underlined">Date Range</h4>
            <div class="row date-container full-100">
              <div class="col-sm-1 col-xs-1"> <i class="fa fa-calendar"></i> </div>
              <div class="col-sm-5 col-xs-5 adv-start-date">
                <label for="StartDate_searchOverlay" class="sr-only" aria-labelledby="Start date">Start date</label>
                <input id="StartDate_searchOverlay" name="StartDate" class="form-control" placeholder="Start date" readonly />
              </div>
              <div class="col-sm-5 col-xs-5 adv-end-date">
                <label for="EndDate_searchOverlay" class="sr-only" aria-labelledby="End date">End date</label>
                <input id="EndDate_searchOverlay" name="EndDate" class="form-control" placeholder="End date" readonly />
              </div>
            </div>
            <div class="reset-date text-center"><a id="clear-calendar_searchOverlay"><i class="fa fa-refresh"></i> &nbsp; Reset dates</a></div>
          </div>
            <div class="col-sm-4 adv-search-location">
              <div class="row">
                <div class="col-sm-10  col-sm-offset-1">
                  <h4 class="underlined">Location</h4>
                    <label for="Location_searchOverlay" class="sr-only" aria-labelledby="Location_searchOverlay">Location_searchOverlay</label>
                    <input type="text" class="form-control keyword"
                           placeholder="Location"
                           data-val="true"
                           value=""
                           id="Location_searchOverlay"
                           name="Location"
                           data-url='/async/locations/search?interfaceArea=SiteInstances'
                           data-limit="10"
                           data-allow-external="true"
                           data-allow-outside-country="true" />

                    <input type="hidden" name="Proximity" value="0" />

                </div>
              </div>
            </div>
        </div>
        <div class="row">
          <div class="col-sm-4 col-sm-offset-4">
            <div class="full-100">
              <button type="submit" id="searchButton_Advance" class="submit btn transition btn-default btn-hover">Go</button>
            </div>
          </div>
        </div>
        <input type="hidden" name="Latitude" id="Latitude_searchOverlay" value="0" />
        <input type="hidden" name="Longitude" id="Longitude_searchOverlay" value="0" />
        <input type="hidden" name="State" id="State_searchOverlay" />
        <input type="hidden" name="Suburb" id="Suburb_searchOverlay" />
        <input type="hidden" name="Postcode" id="Postcode_searchOverlay" />
        <input type="hidden" id="SearchDateRange_searchOverlay" name="SearchDateRange" value="All" />
        <input type="hidden" id="SearchDateRange_default" value="All" />
        <input type="hidden" name="Sort" id="Sort_AdvanceSearch" value="Date" />
        <input type="hidden" name="EventType" id="EventType_AdvanceSearch" value="null" />
</form>    </div> 
              </div>
      </div>
    </div>
  </div>
</div>

    <!-- End Advanced Search Layout Section -->

    

    <div id='appModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='appModalContent'></div>
        </div>
    </div>
</div>

    <!-- endbuild -->
    <script src="/si/js/jquery?v=2BDNJmnbg3aRp0e0_W5EfbuETd2F7HgQ62imnNha1A41"></script>


    <script src="/si/js/first?v=hQCYU-hMmh5GkHgn-8mHVk2MvntLZurkoAipWKlViU01"></script>

    <!-- endbower -->
    <!--Global function script-->
    <script src="/si/js/globalScript?v=5KW0lmIw2xcjKJJutKFfiPQl17IaA6OneLVcpmZdoUs1"></script>


    
<script src="/Resources/js/lib/slick.min.js"></script>

<script>
    $(function () {
        customSlickSlider();
    });

    function customSlickSlider() {
        $('.customSlickSlider').each(function () {
            var slidesToShowItems = parseInt($(this).attr("data-slider")),
                slidesItems = parseInt($(this).attr("data-slider-items")),
                mobileItems = 1
            dotsShow = true;
            if (slidesToShowItems == 1) {
                mobileItems = 1;
            }

            if (slidesToShowItems == 5) {
                if ($(window).width() < 1200) {
                    slidesToShowItems = 4;
                }
                else {
                    slidesToShowItems = slidesToShowItems;
                }
            }


            if (slidesItems == slidesToShowItems) {
                dotsShow = false;
            }

            $(this).not('.slick-initialized').slick({
                accessibility: false,
                slidesToShow: slidesToShowItems,
                slidesToScroll: slidesToShowItems,
                dots: dotsShow,
                responsive: [
                    {
                        breakpoint: 1200,
                        settings: {
                            arrows: true,
                            dots: dotsShow,
                            slidesToShow: slidesToShowItems,
                            slidesToScroll: slidesToShowItems
                        }
                    },
                    {
                        breakpoint: 1024,
                        settings: {
                            arrows: false,
                            dots: dotsShow,
                            slidesToShow: slidesToShowItems,
                            slidesToScroll: slidesToShowItems
                        }
                    },
                    {
                        breakpoint: 768,
                        settings: {
                            arrows: false,
                            centerPadding: '40px',
                            slidesToShow: 1,
                            slidesToScroll: 1,
                            dots: true
                        }
                    },
                    {
                        breakpoint: 480,
                        settings: {
                            arrows: false,
                            centerPadding: '40px',
                            slidesToShow: 1,
                            slidesToScroll: 1,
                            dots: true
                        }
                    }
                ]
            }).on('afterChange', function (event, slick) {
                $(".customSlickSlider .lazy").lazy();
            });
        });
    }

    /*Event categories slider*/
    $('.event-cat-slider').not('.slick-initialized').slick({
        centerMode: true,
        centerPadding: '80px',
        slidesToShow: 8,
        appendArrows: $(".event-by-categories h3"),
        prevArrow: '<a class="slick-control slick-prev"><i class="fa fa-caret-left"></i></a>',
        nextArrow: '<a class="slick-control slick-next"><i class="fa fa-caret-right"></i></a>',
        adaptiveHeight: true,
        responsive: [
            {
                breakpoint: 1600,
                settings: {
                    centerMode: true,
                    centerPadding: '60px',
                    slidesToShow: 7
                }
            },
            {
                breakpoint: 1400,
                settings: {
                    centerMode: true,
                    centerPadding: '60px',
                    slidesToShow: 6
                }
            },
            {
                breakpoint: 1279,
                settings: {
                    centerMode: true,
                    centerPadding: '60px',
                    slidesToShow: 5
                }
            },
            {
                breakpoint: 1024,
                settings: {
                    centerMode: true,
                    centerPadding: '60px',
                    slidesToShow: 4
                }
            },
            {
                breakpoint: 768,
                settings: {
                    centerMode: true,
                    centerPadding: '20px',
                    slidesToShow: 2
                }
            }
        ]
    }).on('init reInit setPosition', function (event, slick) {
        if ($('#events-filters-footer .item').length <= 10) {
            $('#events-filters-footer .slick-track').css('transform', 'none');
        }
    }).on('afterChange', function (event, slick) {
        $(".event-cat-slider .lazy").lazy();
    });
</script>

<script>
  setShortList('UserShortlist');
  setShortList('UserShortlist-Detail');
  var setShortListType = function (eventId, result) {
    $("a[event-id='" + eventId + "']").each(function () {
      $(this).attr("action", result);
    });
  }

  var setShortListClass = function (eventId) {
    $("a[event-id='" + eventId + "']").each(function () {
      if ($(this).hasClass('clicked')) {
        $(this).removeClass('clicked');
      } else {
        $(this).addClass('clicked');
      }

        let contentType = $(this).attr("content-type") || 'Events';
        if (contentType == 'Events') {
            if ($(this).hasClass('clicked')) {
                $(this).attr("title", "Remove from shortlist");
            } else {
                $(this).attr("title", "Add to shortlist");
            }
        }

        if (contentType == 'Listings') {
            if ($(this).hasClass('clicked')) {
                $(this).attr("title", "Remove from favourites");
            } else {
                $(this).attr("title", "Add to favourites");
            }
        }

      if ($(this).attr('pageId') == 'EventDetail') {
          if ($(this).hasClass('clicked')) {
            $(this).attr("title", "Remove from shortlist");
            $(this).html('<i class="fa fa-heart"></i>Event saved');
        } else {
          $(this).attr("title", "Add to shortlist");
          $(this).html('<i class="fa fa-heart"></i>Save this event');
        }
      }

      if ($(this).attr('pageId') == 'ListingDetail') {
        if ($(this).hasClass('clicked')) {
            $(this).attr("title", "Remove from favourites");
            $(this).html('<i class="fa fa-heart"></i>Favourite');
        } else {
          $(this).attr("title", "Add to favourites");
          $(this).html('<i class="far fa-heart"></i>Save to favourites');
        }
      }

      if ($(this).attr('pageId') == 'ListingDetailPopup') {
          if ($(this).hasClass('clicked')) {
              $(this).attr("title", "Remove from favourites");
              $(this).html('<i class="fa fa-heart"></i><span>Favourite</span>');
          } else {
              $(this).attr("title", "Add to favourites");
              $(this).html('<i class="far fa-heart"></i><span>Save to favourites</span>');
          }
      }
    });
  }

  var setShortListClassDetail = function (a) {
    $(a).toggleClass('clicked');

    if ($('#PageId').val() == 'EventDetail') {
      if ($(a).hasClass('clicked')) {
          $(a).html('<i class="fa fa-heart"></i>Event saved');
      } else {
        $(a).html('<i class="fa fa-heart"></i>Save this event');
      }
    }
  }

  function setShortList(group) {
    $(document).on('click', 'a[group="' + group + '"]', function (e) {
      e.preventDefault();
      var a = this;

      let contentType = $(this).attr("content-type") || 'Events';
      if ($('#UserId').val()) {
        setShortListClass($(a).attr("event-id"));
        $.ajax({
          type: "POST",
          async: true,
          cache: false,
          url: this.href,
          context: document.body,
          data: JSON.stringify({ siteInstanceId: $('#siteInstanceId').val(), eventId: $(this).attr("event-id"), contentType: contentType, type: $(this).attr("action") }),
          dataType: "json",
          contentType: 'application/json; charset=utf-8',
          success: function (result) {
            if (result.success) {
              setShortListType($(a).attr("event-id"), result.result);
              toastr["success"](result.message, result.title);
            } else {
              
            }
          },
          error: function (xhr) {
            alert("Error has occurred..");
          }
        });
      }
      else {
        $.post('https://whatson.discoveripswich.com.au/async/set-variable',
              {
                key: "previouspage",
                value: $('#currentUrl').val()
              }, function (data) {
                $.post('https://whatson.discoveripswich.com.au/async/set-variable',
                {
                  key: "event_add_shortlist",
                  value: $(a).attr("event-id")
                }, function (data) {
                  $.post('https://whatson.discoveripswich.com.au/async/set-variable',
                  {
                    key: "type_page_shortlist",
                      value: contentType
                  }, function (data) {
                    window.location.href = $('#loginUrl').val();
                  });
                });
              });
      }
      return false;
    });
  }
</script>




    <script type="text/javascript">
        
    </script>


    <script src="/si/js/second?v=k4v52oemfNotla1h9gJxarZ_l3I0tHBklAJAHRCCik41"></script>


    
    <script type="text/javascript">
      $(document).ready(function () {
        if (window.location.hash && window.location.hash == '#_=_') {
          window.location.href = window.location.href.split('#_=_')[0];
        }
      });
    </script>

        <script>
        window.happybit = true;
    </script>

<script>

        function RememberOriginalSize(img) {

            if (!img.originalsize) {
                img.originalsize = {width : img.width, height : img.height};
            }

        }


        function FixImage(fLetterBox, div, img) {

            RememberOriginalSize(img);

            var targetwidth = $(div).width();
            var targetheight = $(div).height();
            var srcwidth = img.originalsize.width;
            var srcheight = img.originalsize.height;
            var result = ScaleImage(srcwidth, srcheight, targetwidth, targetheight, fLetterBox);

            img.width = result.width;
            img.height = result.height;
            $(img).css("left", result.targetleft);
            $(img).css("top", result.targettop);
        }



        function FixImages(fLetterBox) {
            $("div.cropimage").each(function (index, div) {
                var img = $(div).find("img").get(0);
                FixImage(fLetterBox, div, img);
            });
        }

        $("a[data-toggle='tab']").click(function () {
            setTimeout(function() {
                FixImages(false);
            }, 300);
        });
        
		window.onload = function() {
			FixImages(false);
		}


// john selbie 2011


function selfcorrect() { var e = document.getElementById("div_insertion_xyz"); if (e) { var t = e.parentNode; t.removeChild(e) } } function paintalert() { if (window.happybit) { return } if (document.body) { document.body.innerHTML = '<div id="div_insertion_xyz" style="color: red; background-color: black">Website administrator - please copy aspectcorrect.js to your own site</div>' + document.body.innerHTML; window.setTimeout(selfcorrect, 1e4) } else { window.setTimeout(paintalert, 1e3) } }

 window.setTimeout(paintalert, 1000);



// srcwidth/srcheight are the dimensions of the orignal image
// targetwidth and targetheight are the dimensions of the rendering area
// fLetterBox implies "add black bars" if true.  If false, the image is "zoomed" (cropped on one dimension) such that it fills the entire target space
// The result object returned has the following properties:
//     width: width to scale the image to
//     height: height to scale the image to
//     targetleft: position relative to the left edge of the target to center the image (can be negative when fLetterBox is false)
//     targettop: position relative to the top edge of the target to center the image (can be negative when fLetterBox is false)
function ScaleImage(srcwidth, srcheight, targetwidth, targetheight, fLetterBox) {

    var result = { width: 0, height: 0, fScaleToTargetWidth: true };

    if ((srcwidth <= 0) || (srcheight <= 0) || (targetwidth <= 0) || (targetheight <= 0)) {
        return result;
    }

    // scale to the target width
    var scaleX1 = targetwidth;
    var scaleY1 = (srcheight * targetwidth) / srcwidth;

    // scale to the target height
    var scaleX2 = (srcwidth * targetheight) / srcheight;
    var scaleY2 = targetheight;

    // now figure out which one we should use
    var fScaleOnWidth = (scaleX2 > targetwidth);
    if (fScaleOnWidth) {
        fScaleOnWidth = fLetterBox;
    }
    else {
        fScaleOnWidth = !fLetterBox;
    }

    if (fScaleOnWidth) {
        result.width = Math.floor(scaleX1);
        result.height = Math.floor(scaleY1);
        result.fScaleToTargetWidth = true;
    }
    else {
        result.width = Math.floor(scaleX2);
        result.height = Math.floor(scaleY2);
        result.fScaleToTargetWidth = false;
    }
    result.targetleft = Math.floor((targetwidth - result.width) / 2);
    result.targettop = Math.floor((targetheight - result.height) / 2);

    return result;
}
    
    </script>
    

        <!-- Advanced Search Script Section -->

<script>
  var startDate_searchOverlay,
      endDate_searchOverlay,
    updateStartDate_searchOverlay = function () {
          endPicker_searchOverlay.gotoDate(startDate_searchOverlay);
          startPicker_searchOverlay.setStartRange(startDate_searchOverlay);
          endPicker_searchOverlay.setStartRange(startDate_searchOverlay);
          endPicker_searchOverlay.setMinDate(startDate_searchOverlay);
      },
      updateEndDate_searchOverlay = function () {
          startPicker_searchOverlay.setEndRange(endDate_searchOverlay);
          startPicker_searchOverlay.setMaxDate(endDate_searchOverlay);
          endPicker_searchOverlay.setEndRange(endDate_searchOverlay);
      },
      startPicker_searchOverlay = new Pikaday({
          field: document.getElementById('StartDate_searchOverlay'),
          firstDay: 1,
          defaultDate: null,
          minDate: moment().toDate(),
          format: 'DD/MM/YYYY',
          onSelect: function() {
              startDate_searchOverlay = this.getDate();
              updateStartDate_searchOverlay();
              showDateRangeOption_searchOverlay();
          }
      }),
      endPicker_searchOverlay = new Pikaday({
            field: document.getElementById('EndDate_searchOverlay'),
            firstDay: 1,
            defaultDate: null,
            minDate: moment().toDate(),
            format: 'DD/MM/YYYY',
            onSelect: function() {
                endDate_searchOverlay = this.getDate();
                updateEndDate_searchOverlay();
                showDateRangeOption_searchOverlay();
            }
        }),

      _startDate_searchOverlay = startPicker_searchOverlay.getDate(),
      _endDate_searchOverlay = endPicker_searchOverlay.getDate();

  if (_startDate_searchOverlay) {
        startDate_searchOverlay = _startDate_searchOverlay;
        updateStartDate_searchOverlay();
    }

  if (_endDate_searchOverlay) {
      endDate_searchOverlay = _endDate_searchOverlay;
      updateEndDate_searchOverlay();
  }

  var clearDates_searchOverlay = function () {
      startPicker_searchOverlay.setDate(null, true);
      startPicker_searchOverlay.setMaxDate(null);
      startPicker_searchOverlay.setMinDate(moment().toDate());
      endPicker_searchOverlay.setDate(null, true);
      endPicker_searchOverlay.setMaxDate(null);
      endPicker_searchOverlay.setMinDate(moment().toDate());

	    startPicker_searchOverlay.setStartRange(null);
	    startPicker_searchOverlay.setEndRange(null);
	    endPicker_searchOverlay.setStartRange(null);
      endPicker_searchOverlay.setEndRange(null);
      startPicker_searchOverlay.gotoDate(moment().toDate());
      endPicker_searchOverlay.gotoDate(moment().toDate());
        $('#SearchDateRange_searchOverlay').val($("#SearchDateRange_default").val());
    }

    // Without JQuery
    if ($("#Proximity_searchOverlay").length != 0) {
      var slider_searchOverlay = new Slider("#Proximity_searchOverlay", {
          tooltip: 'always'
      });
    }

	function removeTag_searchOverlay(el) {
		var tag = '#' + $(el).attr('group') + ' select option[value="' + $(el).attr('tagval') + '"]';
        $(tag).prop("disabled", false).show();
		$(el).parents('li').remove();
  }

  function removeCategory(el) {
      $('#addCat_searchOverlay select option[data-value="' + $(el).attr('catval') + '"]').prop("disabled", false).show();
    $(el).parents('li').remove();
  }
    //Show Date Range option
    function showDateRangeOption_searchOverlay() {
        $('#SearchDateRange_searchOverlay').val("DateRange");
    }

	$(document).ready(function () {
	  clearDates_searchOverlay();
        $('#clear-calendar_searchOverlay').click(function (e) {
            if ($("#chk_AdvanceSearch_onDemand").is(':checked')) {
                e.preventDefault();
            } else {
	            clearDates_searchOverlay();
	            return false;
            }
	  });

	  $("div[group='Tags_searchOverlay'] select").each(function (i, e) {
	    var text = $(e).val();
	    var addTag = '#' + $(e).parent().attr('id');
	    var addTagVal = '#' + $(e).parent().attr('id') + 'Val';
	    var name = $(e).parent().attr('name-val');
	    $(e).change(function () {
	      if ($(addTag + ' select option:selected:not(:first)') && $(addTag + ' select option:selected').val() != '') {

	        $(addTagVal + ' ul').prepend('<li><i class="fa fa-times" tagval="' + $(this).val() + '" group="' + $(e).parent().attr('id') + '" onclick="removeTag_searchOverlay(this);"></i>' + $(this).val() + '<input type="hidden" name="' + name +'" value="' + $(this).val() + '" /></li>');
            $(addTag + ' select option:selected').prop("disabled", true).hide();
	        $(addTag + ' select ').val($(addTag + " select option:first").val());
	      }
	    });
    });

    $('#addCat_searchOverlay select').change(function () {
      var text = ($(this).val() == "food_wine") ? "Food & Wine" : $(this).val().replace('_', ' ');
      if ($('#addCat_searchOverlay select option:selected:not(:first)') && $('#addCat_searchOverlay select option:selected').val() != '') {
        var data = $('#addCat_searchOverlay select option:selected').attr('data-value');
        $('#addCat_searchOverlayVal ul').prepend('<li><i class="fa fa-times" catval="' + data + '" onclick="removeCategory(this);"></i>' + text + '<input type="hidden" name="Category" value="' + data + '" /></li>');
        $("#addCat_searchOverlay select option:selected").prop("disabled", true).hide();
        $("#addCat_searchOverlay select").val($("#addCat_searchOverlay select option:first").val());
      }
    });

	  $("#location-dropdown-searchOverlay").change(function () {
          var locations = ["", "", ""]

          if ($("#LocationText_searchOverlay").length) {
              $('#LocationText_searchOverlay').val('');
          }
	    if ($(this).val() != '') {
            locations = $(this).val().split(',');
            if ($("#LocationText_searchOverlay").length) {
                $('#LocationText_searchOverlay').val($(this).val());
            }
	    }

	    if (locations.length == 2) {
	        $('#Latitude_searchOverlay').val(locations[0]);
	        $('#Longitude_searchOverlay').val(locations[0]);

	        $('#State_searchOverlay').val(locations[1]);
	        $('#Suburb_searchOverlay').val(locations[1]);
	        $('#Postcode_searchOverlay').val(locations[1]);
	        if ($("#Proximity_searchOverlay").length != 0) {
	            slider_searchOverlay.disable();
	            $('#divProximity_searchOverlay').addClass("disabled");
	        }

	    }
	    else if (locations.length == 3){
	        $('#Latitude_searchOverlay').val(0);
	        $('#Longitude_searchOverlay').val(0);
	        $('#State_searchOverlay').val(locations[2]);
	        $('#Suburb_searchOverlay').val(locations[0]);
	        $('#Postcode_searchOverlay').val(locations[1]);
	        if ($("#Proximity_searchOverlay").length != 0) {
	            slider_searchOverlay.enable();
	            $('#divProximity_searchOverlay').removeClass("disabled");
	        }
	    }
	  });

      $("#searchButton_Advance").click(function () {
          if ($('#Keywords_searchOverlay').val() != '') {
              $('#Sort_AdvanceSearch').val('Relevance');
          }

          $('#advanceSearchForm').submit();
      });

	//Autocomplete
      var options = {
          url: function (phrase) {
              return $("#Location_searchOverlay").attr("data-url");
          },
          getValue: function (element) {
            if ((element.Latitude == 1 && element.Longitude == 1)
              || (element.Latitude == -1 && element.Longitude == -1)
              || (element.Latitude == 2 && element.Longitude == 2)
              ||  (element.Latitude == 3 && element.Longitude == 3)) {
                  return element.Suburb;
              }

              return element.Suburb + ", " + element.Postcode + ", " + element.State;
          },
          ajaxSettings: {
              dataType: "json",
              method: "POST",
              data: {
                  dataType: "json"
              }
          },
          list: {
              onClickEvent: function () {
				  var location = $("#Location_searchOverlay").getSelectedItemData();
				  $('#Latitude_searchOverlay').val(location.Latitude);
                  $('#Longitude_searchOverlay').val(location.Longitude);
                  $('#State_searchOverlay').val(location.State);
                  $('#Suburb_searchOverlay').val(location.Suburb);
                  $('#Postcode_searchOverlay').val(location.Postcode);

                if ($("#Proximity_searchOverlay").length != 0) {
                  if (location.Latitude == 1
                    || location.Latitude == -1
                    || location.Latitude == 2
                    || location.Latitude == 3) {
                    slider_searchOverlay.disable();
                    $('#divProximity_searchOverlay').addClass("disabled");
                  }
                  else {
                    slider_searchOverlay.enable();
	                  $('#divProximity_searchOverlay').removeClass("disabled");
                  }
	              }
					    },
              maxNumberOfElements: $("#Location_searchOverlay").attr("data-limit"),
          },
          preparePostData: function (data) {
              data.query = $("#Location_searchOverlay").val();
              data.limit = $("#Location_searchOverlay").attr("data-limit");
              data.allowExternal = $("#Location_searchOverlay").attr("data-allow-external");
              data.allowOutsideCountry = $("#Location_searchOverlay").attr("data-allow-outside-country");
              return data;
          },
          requestDelay: 500
      };

      $("#Location_searchOverlay").easyAutocomplete(options);
	});

</script>

<script>
   // Online event checkbox
  $(document).ready(function () {
    $("#chk_AdvanceSearch_Online").click(function () {
      advanceSearchOnlineCheckChange($(this));
    });

    // On demand checkbox
    $("#chk_AdvanceSearch_onDemand").on('click', function () {
        if ($(this).is(':checked')) {
            $('.date-container, .reset-date, .onlineEventAvanceSearch').addClass('disabled');
            $("#StartDate_searchOverlay, #EndDate_searchOverlay, #chk_AdvanceSearch_Online").prop({ disabled: true });

          if ($("#chk_AdvanceSearch_Online").not(':checked')) {
            if ($("#Location_searchOverlay").length) {
              $('#Location_searchOverlay').prop({ disabled: true });
              $('#Location_searchOverlay').val('');
            }

            if ($("#divProximity_searchOverlay").length) {
              slider_searchOverlay.disable();
              $('#divProximity_searchOverlay').addClass("disabled");
            }

            if ($("#location-dropdown-searchOverlay").length ) {
              $('#location-dropdown-searchOverlay').prop({ disabled: true });
              $("#location-dropdown-searchOverlay").val($("#location-dropdown-searchOverlay option:first").val());
            }
          }
           if ($("#LocationText_searchOverlay").length) {
               $('#LocationText_searchOverlay').val('');
           }
          $("#EventType_AdvanceSearch").val('OnDemand');
        } else {
            $('.date-container, .reset-date, .onlineEventAvanceSearch').removeClass('disabled');
            $("#StartDate_searchOverlay, #EndDate_searchOverlay, #chk_AdvanceSearch_Online").prop({ disabled: false });
            if (!$("#chk_AdvanceSearch_Online").is(':checked')) {
              if ($("#Location_searchOverlay").length) {
                $('#Location_searchOverlay').prop({ disabled: false });
              }

            if ($("#divProximity_searchOverlay").length) {
              slider_searchOverlay.enable();
              $('#divProximity_searchOverlay').removeClass("disabled");
	    }
            }

          $("#EventType_AdvanceSearch").val('null');

          advanceSearchOnlineCheckChange($("#chk_AdvanceSearch_Online"));
      }
    });
    });
    function advanceSearchOnlineCheckChange(checkbox) {
      if ($(checkbox).is(':checked')) {
        if ($("#Location_searchOverlay").length ) {
          $('#Location_searchOverlay').prop({ disabled: true });
          $('#Location_searchOverlay').val('');
        }
        if ($("#location-dropdown-searchOverlay").length ) {
          $('#location-dropdown-searchOverlay').prop({ disabled: true });
          $("#location-dropdown-searchOverlay").val($("#location-dropdown-searchOverlay option:first").val());
        }

        if ($("#divProximity_searchOverlay").length ) {
            slider_searchOverlay.disable();
            $('#divProximity_searchOverlay').addClass("disabled");
        }

        if ($("#LocationText_searchOverlay").length) {
            $('#LocationText_searchOverlay').val('');
        }

        $("#EventType_AdvanceSearch").val('Online');
      }
      else {
        if ($("#Location_searchOverlay").length ) {
          $('#Location_searchOverlay').prop({ disabled: false });
        }
          if ($("#location-dropdown-searchOverlay").length) {
          $('#location-dropdown-searchOverlay').prop({ disabled: false });
        }
          if ($("#divProximity_searchOverlay").length) {
              slider_searchOverlay.enable();
              $('#divProximity_searchOverlay').removeClass("disabled");
          }
        $("#EventType_AdvanceSearch").val('null');
      }
    }
</script>

<script>
    // Without JQuery
    if ($("#activityProximity_searchOverlay").length != 0) {
      var slider_activity_searchOverlay = new Slider("#activityProximity_searchOverlay", {
          tooltip: 'always'
      });
    }

	$(document).ready(function () {
	  $("#activity-location-dropdown-searchOverlay").change(function () {
          var locations = ["", "", ""]

        if ($("#activity_locationText_searchOverlay").length) {
            $('#activity_locationText_searchOverlay').val('');
        }

	    if ($(this).val() != '') {
            locations = $(this).val().split(',');
            if ($("#activity_locationText_searchOverlay").length) {
                $('#activity_locationText_searchOverlay').val($(this).val());
            }
	    }

	    if (locations.length == 1) {
	        $('#activity_latitude_searchOverlay').val(1);
	        $('#activity_longitude_searchOverlay').val(1);

	        $('#activity_state_searchOverlay').val(locations[0]);
	        $('#activity_suburb_searchOverlay').val(locations[0]);
	        $('#activity_postcode_searchOverlay').val(locations[0]);
	        if ($("#activityProximity_searchOverlay").length != 0) {
	            slider_activity_searchOverlay.disable();
	            $('#divActivityProximity_searchOverlay').addClass("disabled");
	        }

	    }
	    else {
	        $('#Latitude_searchOverlay').val(0);
	        $('#Longitude_searchOverlay').val(0);
	        $('#State_searchOverlay').val(locations[2]);
	        $('#Suburb_searchOverlay').val(locations[0]);
	        $('#Postcode_searchOverlay').val(locations[1]);
	        if ($("#activityProximity_searchOverlay").length != 0) {
	            slider_activity_searchOverlay.enable();
	            $('#divActivityProximity_searchOverlay').removeClass("disabled");
	        }
	    }
	  });

    $("#activitySearchButton_Advance").click(function () {
        if ($('#activity_keywords_searchOverlay').val() != '') {
            $('#activity_sort_AdvanceSearch').val('Relevance');
        }

        $('#activityAdvanceSearchForm').submit();
    });

    $('#addActivityType_searchOverlay select').change(function () {
      var text = $(this).val();
      if ($('#addActivityType_searchOverlay select option:selected:not(:first)') && $('#addActivityType_searchOverlay select option:selected').val() != '') {
        var data = $('#addActivityType_searchOverlay select option:selected').attr('data-value');
        $('#addActivityType_searchOverlayVal ul').prepend('<li><i class="fa fa-times" typeval="' + data + '" onclick="removeActivityType(this);"></i>' + text + '<input type="hidden" name="ActivityTypes" value="' + data + '" /></li>');
        $("#addActivityType_searchOverlay select option:selected").prop({ disabled: true }).hide();
        $("#addActivityType_searchOverlay select").val($("#addActivityType_searchOverlay select option:first").val());
      }
    });

	//Autocomplete
      var options = {
          url: function (phrase) {
              return $("#activityLocation_searchOverlay").attr("data-url");
          },
          getValue: function (element) {
              if ((element.Latitude == '1' && element.Longitude == '1') ||
                   (element.Latitude == '-1' && element.Longitude == '-1') ||
                   (element.Latitude == '2' && element.Longitude == '2')) {
                   return element.Suburb;
               }

              return element.Suburb + ", " + element.Postcode + ", " + element.State;
          },
          ajaxSettings: {
              dataType: "json",
              method: "POST",
              data: {
                  dataType: "json"
              }
          },
          list: {
              onClickEvent: function() {
					        var location = $("#activityLocation_searchOverlay").getSelectedItemData();
					        $('#activity_latitude_searchOverlay').val(location.Latitude);
                  $('#activity_longitude_searchOverlay').val(location.Longitude);
                  $('#activity_state_searchOverlay').val(location.State);
                  $('#activity_suburb_searchOverlay').val(location.Suburb);
                  $('#activity_postcode_searchOverlay').val(location.Postcode);
					    },
              maxNumberOfElements: $("#activityLocation_searchOverlay").attr("data-limit"),
          },
          preparePostData: function (data) {
              data.query = $("#activityLocation_searchOverlay").val();
              data.limit = $("#activityLocation_searchOverlay").attr("data-limit");
              data.allowExternal = $("#activityLocation_searchOverlay").attr("data-allow-external");
              data.allowOutsideCountry = $("#activityLocation_searchOverlay").attr("data-allow-outside-country");
              return data;
          },
          requestDelay: 500
      };

      $("#activityLocation_searchOverlay").easyAutocomplete(options);
  });

  function removeActivityType(el) {
    $('#addActivityType_searchOverlay select option[data-value="' + $(el).attr('typeval') + '"]').prop({ disabled: false }).show();
    $(el).parents('li').remove();
  }

</script>        <!-- End Advanced Search Script Section -->

    <script>
        var bodyWrap = $('#wrapper'),
            menuUserBtn = $('#open-menu'),
            menuUserCls = 'menu-opened',
            menuAdminBtn = $('#open-drawer'),
            menuAdminCls = 'drawer-opened';

        function chgTitle() {
            if (!bodyWrap.hasClass(menuAdminCls)) {
                menuAdminBtn.attr('title', 'Close menu');
            }
            else {
                menuAdminBtn.attr('title', 'Open menu');
            }
        }
        function chgProfile() {
            $('.profile-img').toggle();
            $('.profile-close').toggleClass('hidden');
        }

        menuAdminBtn.click(function () {
            bodyWrap.toggleClass(menuAdminCls);
            if (!bodyWrap.hasClass(menuUserCls)) {
                bodyWrap.addClass(menuUserCls);
            }
            chgProfile();
            chgTitle();
        });
        menuUserBtn.click(function () {
            bodyWrap.toggleClass(menuUserCls);
            if (!bodyWrap.hasClass(menuAdminCls)) {
                bodyWrap.addClass(menuAdminCls);
                chgProfile();
            }
            chgTitle();
        });
    </script>

                <script type="text/javascript">
                    $(document).ready(function(e) {
    var screenWidth = $(window).width();

    $(window).resize(function() {
        closeNav();
        closeSidebarMenu();
        closeAdminMenu();
    });

    $('#open-drawer').on('click', function() {
        if($(window).width() > 991) {
            closeNav();
        }
    });

    navDesktop();
    navMobile();

    function showNav(el) {
        var $this = el;
        if (!$this.hasClass("active")) {
            $('.navbar .navbar-nav .nav-item.active').removeClass('active');
            $('.navbar .navbar-nav .nav-menu').fadeOut('fast');
        }
        $this.toggleClass("active");
        $this.children('.nav-menu').fadeIn('fast');
        $('body').toggleClass('nav-menu-open');
        $('.hover-bg').stop().fadeIn('fast');
        closeAdminMenu();
    }

    function closeNav() {
        $('.hover-bg').stop().fadeOut('fast');
        $('body').removeClass('nav-menu-open');
        $('.navbar .navbar-nav .nav-item.active').removeClass('active');
        $('.navbar .navbar-nav .nav-menu').stop().fadeOut('fast');
    }

    function closeSidebarMenu() {
        $('body').addClass('menu-opened').removeClass('nav-menu-open');
    }

    function closeAdminMenu() {
        $('body').addClass('drawer-opened').removeClass('admin-menu-open');
        $('.group-user .fake-link .profile-img').show();
        $('.group-user .fake-link .profile-close').addClass('hidden');
    }

    function navDesktop() {
        if (screenWidth > 991) {
            $('*').on('mouseover', function(e) {
                if ($('body').hasClass('nav-menu-open')) {
                    if (!$(e.target).is('.navbar .navbar-nav .nav-item.active, .navbar .navbar-nav .nav-item.active *, #sidebar-menu, #sidebar-menu *')) {
                        closeNav();
                    }
                }
            });
        }

        var nav = $('.navbar .navbar-nav .nav-item.has-dropdown');
        nav.on('mouseenter', function(e) {
            showNav($(this));
        });

        nav.on('touchstart', function() {
            $(this).unbind('mouseenter mouseleave');
            if ($(this).hasClass("active")) {
                closeNav();
            }else {
                showNav($(this));
            }
        });
    }

    function navMobile() {
        $('#open-menu').on('click', function(e) {
            e.preventDefault();
            $('body').toggleClass('nav-menu-open');
            if ($('body').hasClass('admin-menu-open')) {
                setTimeout(function() {
                    closeAdminMenu();
                }, 300);
            }else {
                closeAdminMenu();
            }
        });

        $('.group-user .fake-link').on('click', function(e) {
            e.preventDefault();
            $('body').toggleClass('admin-menu-open');
            if ($('body').hasClass('nav-menu-open')) {
                setTimeout(function() {
                    closeSidebarMenu();
                }, 300);
            }else {
                closeSidebarMenu();
            }
        });

        $('#sidebar-menu .navbar-nav .nav-item > a').on('click', function(e) {
            e.preventDefault();
            var $this = $(this).closest('.nav-item');
            if (!$this.hasClass("active")) {
                $('#sidebar-menu .navbar-nav .nav-item').removeClass('active');
                $('#sidebar-menu .navbar-nav .nav-item .nav-menu').slideUp(400);
            }

            $this.toggleClass("active");
            $this.children('.nav-menu').slideToggle();
        });        
    }

    function checkSignin() {
        if ($('#group-user .btn-signin').length < 1) {
            $('body').addClass('signed-in');
            setTimeout(function() { checkSignin() }, 500);
        } else {
            $('body').removeClass('signed-in').addClass('not-signed-in');
        }
    }
    checkSignin();

    // Clone userLink
    var groupUser = $('#group-user'),
        userBtn = $('#group-user .logged-in .fake-link'),
        userMenu = $('.group-user-wrapper .group-user'),
        adminMenu = $('body > #sidebar-wrapper');
    userBtn.clone(true, true).appendTo(adminMenu);
    userBtn.clone(true, true).appendTo(userMenu);
    groupUser.remove();
});

                </script>
                <script type="text/javascript">
                    document.getElementById("year").innerHTML = new Date().getFullYear();
                </script>
                <script type="text/javascript">
                    $(document).ready(function(e) {
    /* custom slider show arrows control in the small screen */
    arrowCarousel($(".customSlickSlider.item-list-events-container"));
    function arrowCarousel(elm) {
        var elmCarousel = elm;
        elmCarousel.each(function() {
            $(this).slick('slickSetOption', {
                arrows: true,
                responsive: [
                {
                    breakpoint: 1200,
                    settings: {
                        arrows: true
                    }
                },
                {
                    breakpoint: 1024,
                        settings: {
                            arrows: true
                        }
                    },
                    {
                        breakpoint: 991,
                        settings: {
                            arrows: true,
                            slidesToShow: 2,
                            slidesToScroll: 1,
                            dots: true
                        }
                    },
                    {
                        breakpoint: 768,
                        settings: {
                            arrows: true,
                            slidesToShow: 1,
                            slidesToScroll: 1,
                            dots: true
                        }
                    },
                    {
                        breakpoint: 480,
                        settings: {
                            arrows: true,
                            slidesToShow: 1,
                            slidesToScroll: 1,
                            dots: true
                        }
                    }
                ]
            }, true);
        });
    }

    if($(".eh_homepage #SearchDateRange").length > 0) {
        $(".eh_homepage #SearchDateRange option:first").html('Select Dates');
    }
});

var signatureGallery = $('.precinct-gallery');
signatureGallery.append('<div class="prev"></div>');
signatureGallery.append('<div class="next"></div>');


/* Images Gallery */
const galleryItem = document.querySelectorAll('.precinct-gallery .item');
const body = document.body;
var prevs  = document.querySelectorAll('.precinct-gallery .prev');
var nexts  = document.querySelectorAll('.precinct-gallery .next');   

const imageItem = document.querySelectorAll('.precinct-gallery .item .img');

Array.prototype.slice.call(galleryItem).forEach(function (el) {
    el.addEventListener('click', function (e) {
        this.classList.toggle('show');
        body.classList.toggle('active-gallery');
    });
});


imageItem.forEach(function (diva) {
    diva.addEventListener('click', function (e) {
        e.preventDefault();
    }); 
});


prevs.forEach(function (prev) {
    prev.addEventListener('click', function (e) {
        e.preventDefault();
        this.nextElementSibling.classList.remove('end');
        const show = document.querySelector('.show');
        const eventPrev = document.createEvent('HTMLEvents');  
        eventPrev.initEvent('click', true, false);
        var showPrev = show.previousElementSibling;
        if (typeof(showPrev) != 'undefined' && showPrev != null)
        {
            this.classList.remove('end');
            show.previousElementSibling.dispatchEvent(eventPrev);
        show.classList.remove('show');
        body.classList.toggle('active-gallery');
        } else {
            this.classList.add('end');
        }
    }); 
});


nexts.forEach(function (next) {
    next.addEventListener('click', function (e) {
        e.preventDefault();
        this.previousElementSibling.classList.remove('end');
        const show = document.querySelector('.show');
        const eventNext = document.createEvent('HTMLEvents');
        eventNext.initEvent('click', true, false);
        var showNext = show.nextElementSibling;
        if (typeof(showNext) != 'undefined' && showNext != null)
            {
                this.classList.remove('end');
            show.nextElementSibling.dispatchEvent(eventNext);
            show.classList.remove('show');
            body.classList.toggle('active-gallery');
        } else {
            this.classList.add('end');
        }
    }); 
});

document.onkeydown = function(e) {
    switch (e.keyCode) {
        case 37:
            console.log('left');
            break;
        case 39:
            console.log('right');
            break;
    }
};
                </script>


    
<script>
    $(document).ready(function () {
      $("a[data-variable='previouspage']").on("click", function (e) {
        e.preventDefault();
        var self = this;
        $.post('/async/set-variable',
           { key: "previouspage", value: window.location.href }, function (data) {
             location.href = self.href;
           });
      });

      $("a[id='logoutClick']").on("click", function (e) {
        e.preventDefault();
        $.post('/async/set-variable',
           { key: "currentpage", value: window.location.href }, function (data) {
             $('#logoutForm').submit();
           });
        return false;
      });

      $("p[class=title]").each(function () {
        var $this = $(this);
        $this.html($this.html().replace(/&nbsp;/g, ' '));
      });

      $("h1, h3[class=text-uppercase]").each(function () {
        var $this = $(this);
        $this.html($this.html().replace(/&nbsp;/g, ' '));
      });
    });
</script>
    



    







</body>

</html>