/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 26 October 2024 20:50:37
*/


:root {
    --signatureColor:                                   hsla(14, 87%, 55%, 1.0);
    --signatureColor-transparent:                       hsla(14, 87%, 55%, 0.5);
    --signatureColor-transparent-semi:                  hsla(14, 87%, 55%, 0.75);
    --signatureColor-transparent-max:                   hsla(14, 87%, 55%, 0.15);
    --signatureColor-dark-shade:                        hsla(14, 87%, 55%, 1.0);
    --signatureColor-dark-shade-trasparent-max:         hsla(14, 87%, 55%, 0.80);
    --assetBuilderBackgroundColor:                      hsla(0, 100%, 85%, 0.1);
    --noteColor:                                        hsla(30, 100%, 90%, 1.0);
    --warningColor:                                     maroon;
}

@font-face
{
    font-family: 'CenturyGothic';
    font-weight: normal;
    font-style: normal;
    src: url('https://www.environment.act.gov.au/__data/assets/file/0008/2177999/CenturyGothic.eot');
    src: url('https://www.environment.act.gov.au/__data/assets/file/0008/2177999/CenturyGothic.eot') format('embedded-opentype'), url('https://www.environment.act.gov.au/__data/assets/file/0019/2178001/CenturyGothic.woff') format('woff'), url('https://www.environment.act.gov.au/__data/assets/file/0018/2178000/CenturyGothic.ttf') format('truetype');
}

@font-face
{
    font-family: 'CenturyGothic';
    font-weight: bold;
    font-style: normal;
    src: url('https://www.environment.act.gov.au/__data/assets/file/0020/2178002/CenturyGothic-Bold.eot');
    src: url('https://www.environment.act.gov.au/__data/assets/file/0020/2178002/CenturyGothic-Bold.eot') format('embedded-opentype'), url('https://www.environment.act.gov.au/__data/assets/file/0004/2178004/CenturyGothic-Bold.woff') format('woff'), url('https://www.environment.act.gov.au/__data/assets/file/0003/2178003/CenturyGothic-Bold.ttf') format('truetype');
}

@font-face
{
    font-family: 'CenturyGothic';
    font-weight: bold;
    font-style: italic;
    src: url('https://www.environment.act.gov.au/__data/assets/file/0005/2178005/CenturyGothic-BoldItalic.eot');
    src: url('https://www.environment.act.gov.au/__data/assets/file/0005/2178005/CenturyGothic-BoldItalic.eot') format('embedded-opentype'), url('https://www.environment.act.gov.au/__data/assets/file/0007/2178007/CenturyGothic-BoldItalic.woff') format('woff'), url('https://www.environment.act.gov.au/__data/assets/file/0006/2178006/CenturyGothic-BoldItalic.ttf') format('truetype');
}

@font-face
{
    font-family: 'CenturyGothic';
    font-weight: normal;
    font-style: italic;
    src: url('https://www.environment.act.gov.au/__data/assets/file/0008/2178008/CenturyGothic-Italic.eot');
    src: url('https://www.environment.act.gov.au/__data/assets/file/0008/2178008/CenturyGothic-Italic.eot') format('embedded-opentype'), url('https://www.environment.act.gov.au/__data/assets/file/0019/2178010/CenturyGothic-Italic.woff') format('woff'), url('https://www.environment.act.gov.au/__data/assets/file/0009/2178009/CenturyGothic-Italic.ttf') format('truetype');
}

.sq-form-upload-wrapper {
    margin-bottom: 1em;
}

.loading {
    animation: loading 100s infinite alternate;
    color: white;
    opacity: 0.1;
    position: fixed;
    overflow: hidden !important;
    width: 81vw;
}

@keyframes loading {
    from {
        background: black;
    }
    to {
        background: grey;
    }
}

.small-font {
    font-size: 0.85em;
}

#recaptcha {
    display: flex;
    margin: 2em;
}

.counterContainer {
    position: relative;
}

.counter {
    position: absolute;
    top: -1.5em;
    padding-left: 1em;
    font-size: 0.85em;
}

.blink {
    color: darkgrey;
    animation: blinking 3s ease-in-out infinite;
}

@keyframes blinking {
    50% {
        opacity: 0;
    }
}

.spf-body.uikit-body.uikit-grid {
    font-family: 'CenturyGothic';
}

.spf-body.uikit-body.uikit-grid h1,
.spf-body.uikit-body.uikit-grid h2,
.spf-body.uikit-body.uikit-grid h3,
.spf-body.uikit-body.uikit-grid h4,
.spf-body.uikit-body.uikit-grid h5,
.spf-body.uikit-body.uikit-grid h6 {
    font-family: "CenturyGothic", "Montserrat", "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans",sans-serif;
}

.spf-body.uikit-body.uikit-grid .bold {
    font-weight: bold;
}

.spf-body.uikit-body.uikit-grid .hidden {
    display: none;
}

.buttonsContainer .btn,
.spf-body input[type=button],
.spf-body a.btn {
    position: relative;
    margin: 0 2em;
    color: white;
    text-decoration: none;
    padding: 0.5em 1.5em 0.5em 3em;
    background-color: var(--signatureColor-dark-shade);
    border-bottom: none;
    cursor: pointer;
    font-weight: bold;
}

.buttonsContainer .btn:active,
.buttonsContainer .btn:focus,
.buttonsContainer .btn:hover,
.spf-body input[type=button]:active,
.spf-body input[type=button]:focus,
.spf-body input[type=button]:hover {
    background-color: var(--signatureColor-transparent);
}

.onlineRegistrationBanner {
    width: 100%;
    margin-bottom: 2em;
}

/********************************/
/* Begin Administration Styling */
/********************************/
.administration .menu {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    background: black;
    padding: 1em;
    flex-wrap: wrap;
    font-weight: bold;
    font-size: 1.25em;
    border-radius: 0.5em;
    border-left: 1em solid var(--signatureColor-dark-shade);
    margin-bottom: 2em;
}

.administration .menu a,
.administration .menu a:hover,
.administration .menu a:active,
.administration .menu a:focus {
    display: inline-flex;
    position: relative;
    border-bottom: none;
    color: white;
    background: transparent;
    margin: 1em 2em 3em 3em;
}

.administration .menu a.manageEvents::before,
.administration .menu a.createEvent::before,
.administration .menu a.viewProgram::before,
.administration .menu a.logout::before {
    content: '\f0ae';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: -2em;
    top: 0;
}

.administration .menu a.createEvent::before {
    content: '\f305';
}

.administration .menu a.viewProgram::before {
    content: '\f70e';
}

.administration .menu a.logout::before {
    content: '\f2f5';
}

.administration .eventList {
    margin-left: -1.5em;
    font-weight: bold;
}

.administration .eventList .count {
    margin: -2em 0 0 1.5em;
    background: var(--signatureColor-dark-shade);
    padding: 1em;
    color: white;
    
}

.administration .eventList li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.5em;
    margin-bottom: 0;
}

.administration .eventList li:nth-child(odd) {
    background: var(--signatureColor-transparent-max);
}

.administration .eventList li.status {
    font-size: 1.5em;
    padding: 1em 0.5em;
    background: black;
    color: white;
}

.administration .eventList li .cancelled,
.administration .eventList li .bookedOut {
    display: inline-flex;
    margin: 0.5em;
    font-size: 0.85em;
    padding: 0.25em 0.5em;
    border-radius: 1em;
    background: maroon;
    color: white;
}

.administration .eventList li .bookedOut {
    background: yellow;
    color: black;
}

.administration .eventList a {
    display: inline-flex;
    justify-content: center;
    padding: 0.25em 0.5em;
    margin: 0.5em 0.25em;
    background: darkgreen;
    color: white;
    border-radius: 0.25em;
}

.administration .eventList a.eventName {
    background: none;    
    color: black;
    border-radius: 0;
    padding: 0;
}

.administration .eventList a.eventName:hover {
    border-bottom: 1px solid hsla(184, 100%, 27.5%, 1.0);
}

.administration .eventList a.archiveEvent {
    background: darkred;
}

.administration .eventList a.deleteEvent {
    background: maroon;
}

.administration .eventList a.editCertificate {
    background: darkslategrey;
}

.administration .eventList a.editImage {
    background: purple;
}

.administration .eventList a.makeLive {
    background: darkgreen;
}

.administration .eventList a.editEvent,
.administration .eventList a.editImage {
    min-width: 6em;
}

/******************************/
/* End Administration Styling */
/******************************/


/********************************/
/* Begin Asset Builders Styling */
/********************************/
.assetBuilder abbr {
    position: relative;
}
.assetBuilder abbr:before {
    content: '*';
    color: red;
    position: absolute;
    right: -0.75em;
    font-size: 0.85em;
    
}

.assetBuilder .welcome {
    padding: 2em 2em 1.5em 2em;
    font-weight: bold;
    font-size: 1.5em;
    background: var(--signatureColor-dark-shade);
    color: white;
}


.assetBuilder .instructions {
    background: var(--noteColor);
    border: 0.25em solid var(--signatureColor);
    padding: 1em;
}


.assetBuilder .heading {
    background-color: black;
    color: white;
    padding: 1em;
    font-weight: bold;
    margin-bottom: 0;
}

.assetBuilder .registrationSuccessful {
    font-size: 1.5em;
    padding: 2em;
    background: darkgreen;
    color: white;
    border: 1em solid var(--signatureColor);
}

.assetBuilder .registrationSuccessful a {
    color: white;
}

.assetBuilder.createEvent .section.buttons {
    text-align: center;
}

.assetBuilder.createEvent .formRegisterAnEvent .section.buttons {
    visibility: hidden;
    height: 0;
}

.assetBuilder.createEvent .section.declaration ul li {
    align-items: center;
    width: 100%;
}

.assetBuilder.createEvent .section.declaration ul li input[type="checkbox"] {
    min-height: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    width: 1.5em;
    margin-left: 1.2em;
    margin-right: 1em;
}

.assetBuilder .eventImage {
    width: auto;
    height: 8em;
    max-width: 100%;
    margin-bottom: 2em;
}

.assetBuilder .section:not(.buttons):not(.noBorder):not(.errors) {
    border: 2px solid var(--signatureColor-dark-shade);
    margin-bottom: 2em;
    padding: 1em;
    background: var(--assetBuilderBackgroundColor);
}

.assetBuilder .section .section {
    margin-top: 1em;
}

.assetBuilder .section label,
.assetBuilder .sq-limbo-field {
    font-weight: bold;
    margin-top: 1em;
    margin-right: 1em;
}

.assetBuilder .section select {
    margin-left: 1em;
}

.assetBuilder .section .sq-wysiwyg-standalone-header {
    background: pink;
}

.assetBuilder .section .sq-backend-section-table {
    margin-left: -0.75em;
    margin-bottom: -1em;
    min-width: calc(100% + 1.5em);
}

.assetBuilder .section .sq-backend-section-table td {
    border: none;
}

.assetBuilder .section .heading {
    background-color: var(--signatureColor-dark-shade);
    padding: 1em;
    margin: -1em -1em 1em -1em;
    color: white;
    font-weight: bold;
}

.assetBuilder .section ul {
    list-style: none;
}

.assetBuilder .section ul li {
    display: inline-flex;
}

.assetBuilder .section ul li label {
    margin: 0 2em 0 0.5em;
    font-weight: normal;
}

.assetBuilder .section.coreDetails .sq-limbo-section-heading {
    display: none;
}

.assetBuilder .section .sq-calendar-date-table tr,
.assetBuilder .section .sq-calendar-date-table tr td.sq-backend-data {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.assetBuilder .section .sq-backend-table label { 
    display: inline-block;
    margin-left: 0.5em;
}

.assetBuilder .section .sq-calendar-date-table tr td.sq-backend-data input[type='checkbox'],
.assetBuilder .section .sq-calendar-date-table tr td.sq-backend-data input[type='radio'] {
    margin: 1em 0.5em 0 0;
}

.assetBuilder .section .sq-calendar-date-table tr td.sq-backend-data input[type='text'] {
    width: auto;
    margin-left: 0.5em;
}

.assetBuilder .section .sq-calendar-date-table tr td.sq-backend-data select,
.assetBuilder .section .sq-calendar-date-table.recurring select {
    height: 2.2em;
    border: 2px solid hsla(0, 0%, 82%, 1.0);
}

.assetBuilder .section .sq-calendar-date-table.recurring tr,
.assetBuilder .section .sq-calendar-date-table.recurring tr td {
    align-items: flex-start;
}

.assetBuilder .section .sq-calendar-date-table.recurring select {
    margin: 0.5em 0;
}

.assetBuilder tr[data-attribute-filter="date summary;datesummary;date_summary;date-summary"] {
    display: none;
}

.assetBuilder .sq-backend-section-table {
    border: none;
}

.assetBuilder .buttonsContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.spf-body .assetBuilder input[type=button],
.spf-body .assetBuilder a.btn {
    padding: 0.5em 1em;
    margin: 2em 2em 1em 0;
}

.assetBuilder .buttonsContainer a.btn,
.assetBuilder .buttonsContainer input[type=button] {
    margin: 0.5em 0;
}

.assetBuilder input[type=button],
.assetBuilder input[type=button]:hover,
.assetBuilder input[type=button]:focus,
.assetBuilder input[type=button]:active,
.spf-body .assetBuilder a.btn,
.spf-body .assetBuilder a.btn:hover,
.spf-body .assetBuilder a.btn:focus,
.spf-body .assetBuilder a.active {
    background-color: var(--signatureColor-dark-shade);
}

.assetBuilder .buttonsContainer input[value='Create'],
.assetBuilder .buttonsContainer input[value='Update'] {
    padding: 1em;
}

.assetBuilder .buttonsContainer .btn.cancel {
    background: none;
    color: black;
    border: 1px inset peachpuff;
    padding: 0.25em;
}

.assetBuilder .buttonsContainer input[type=button]:hover,
.spf-body .assetBuilder .buttonsContainer a.btn:hover {
    background: black;
    color: white;
    margin: 0.5em 0;
}

.assetBuilder .section.errors,
.assetBuilder .failure,
.assetBuilder .success {
    background: maroon;
    color: white;
    padding: 1em 1em 0.5em 1em;
    border: none;
}

.assetBuilder .success {
    background: darkgreen;
}

.assetBuilder .section.errors .title {
    font-weight: bold;
    font-size: 1.25em;
}

.assetBuilder .section.errors .errorList {
    padding: 0;
    list-style: disc;
    margin-left: 2em;
}

.assetBuilder .section.errors .errorList li {
    display: list-item;
}

.assetBuilder.createEvent .formImage .section,
.assetBuilder.editEventImage .formImage .section{
    margin-bottom: 0 !important;
}

.assetBuilder.createEvent .formImage .section.image label div,
.assetBuilder.editEventImage .formImage .section.image label div {
    margin: 1.5em 0 0 0;
}

.assetBuilder.createEvent form:first-of-type,
.assetBuilder.editEventImage form:first-of-type {
    min-height: 23em;
    margin-top: -2em;
}

.assetBuilder.createEvent .imageUploadSuccessMessage,
.assetBuilder.editEventImage .imageUploadSuccessMessage,
.assetBuilder .formCertificate .certificateUploadSuccessMessage {
    margin: 0 -1em 0 -1em;
}

.assetBuilder.createEvent .editCommencing {
    visibility: hidden;
    height: 0;
}

.assetBuilder.createEvent .createSuccessful,
.assetBuilder.createEvent .editSuccessful {
    background: darkgreen;
    color: white;
    padding: 1em 1em 0.5em 1em;
    border: none;
    margin: 2em 0 1em 0;
}

.assetBuilder.createEvent .createSuccessful {
    margin-top: 0;
}

.assetBuilder.createEvent:has(.createSuccessful) .formImage {
    display: none;
}

.assetBuilder.createEvent div:has(p.editSuccessful)+div, 
.assetBuilder.createEvent div:has(p.editSuccessful)+div+div {
    display: none;
}
/******************************/
/* End Asset Builders Styling */
/******************************/


/***************************************/
/* Begin Festival Program Page Styling */
/***************************************/
.festivalIntroduction {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.festivalIntroduction img {
    height: 6em;
    width: auto;
    padding-top: 1em;
    padding-bottom: 0.5em;
    margin-right: 6em;
}

.festivalIntroduction .expandableContentButton {
    position: relative;
    min-width: 40%;
    padding-left: 3em;
    flex-grow: 1;
    margin-bottom: 0;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    font-size: 1.25em;
}

.festivalIntroduction .expandableContentButton::before {
    content: '\f0b0';
    position: absolute;
    left: 1em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.festivalExpandableContent {
    padding: 0;
    border: none;
}

.filtersContainer {
    background: black;
    color: white;
    padding: 1em 0;
}

.filtersContainer .heading {
    font-weight: bold;
    font-size: 1.25em;
    background: var(--signatureColor-dark-shade);
}

.filtersContainer .buttonsContainer {
    padding: 2.5em 0 1em 0;
}

.filtersContainer .supplementaryOptions {
    margin-top: 1em;
}

.filtersContainer .supplementaryOptions label,
.filtersContainer .supplementaryOptions input {
    display: inline;
}

.filtersContainer .supplementaryOptions label {
    padding-right: 1em;
}

.filtersContainer .supplementaryOptions input {
    width: auto;
}

.filtersContainer .customSelect,
.filtersContainer input {
    width: 100%;
}

.filtersContainer .customSelect {
    color: black;
}

.filtersContainer .buttonsContainer .btn.refine::before,
.filtersContainer .buttonsContainer .btn.reset::before {
    content: '\f0b0';    
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 1em;
}

.filtersContainer .buttonsContainer .btn.reset::before {
    content: '\f01e';
}

.dynamicResultsContainer .dynamicResultsSummaryContainer {
    background: var(--signatureColor-dark-shade);
}

.dynamicResultsContainer .showResultsContainer {
    margin: 0 -0.5em;
}
/*************************************/
/* End Festival Program Page Styling */
/*************************************/


/************************/
/* Begin Slider Styling */
/************************/
.slick-slider.heritage .slick-list .slick-slide a {
    margin: 5% 0;
}

.slick-slider.heritage .slick-list .slick-slide .card.event {
    min-height: 25em;
}

.slick-slider.heritage .slick-list .slick-slide .card.event .card-title {
    font-size: 1.5em;
}

.slick-slider.heritage .slick-list .slick-slide .card.event .card-text .district {
    font-size: 1.25em;
}
/**********************/
/* End Slider Styling */
/**********************/


/*******************************/
/* Begin Event Details Styling */
/*******************************/
.eventDetails .notifications .expired .main,
.eventDetails .notifications .cancelled .main,
.eventDetails .notifications .bookedOut .main {
    display: inline-flex;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    background: maroon;
    color: white;
    font-size: 2em;
    font-weight: bold;
    border-radius: 1em;
}

.eventDetails .notifications .bookedOut .main {
    background: yellow;
    color: black;
}

.eventDetails .notifications .supplementary {
    display: block;
    margin: -1em 0 2em 1em;
    font-weight: bold;
}

.eventDetails .note {
    background: var(--noteColor);
    font-weight: bold;
    padding: 1em;
}

.eventDetails .expandableContentButton {
    background: var(--signatureColor-dark-shade);
    margin: 0.5em 0 0 0;
    padding: 1em 2em 1em 1em;
    border: none;
}

.eventDetails .expandableContent {
    border: 1px solid var(--signatureColor-dark-shade);
}

.eventDetails .expandableContent .datesContainer {
    padding: 0.5em;
}

.eventDetails .expandableContent .dateBlock {
    display: flex;
    flex-basis: 100%;
    padding: 0.5em 0;
}

.eventDetails .expandableContent .dateBlock:not(:last-of-type) {
    border-bottom: 1px solid var(--signatureColor);
}

.eventDetails .expandableContent .dateBlock .date {
    width: 30%;
    padding-right: 3em;
}

.eventDetails .expandableContent .dateBlock .date.wide {
    width: 80%;
}

.eventDetails .mainSection {
    padding-right: 2em;
}

.eventDetails .name {
    font-size: 2.5em;
    font-weight: bold;
    color: var(--signatureColor);
    margin: -0.25em 0 0.25em 0;
}

.eventDetails .categoriesAndThemes {
    display: flex;
    flex-direction: column;
    text-align: right;
}
.eventDetails .theme {
    margin-bottom: 2em;
}

.eventDetails .category span,
.eventDetails .theme span {
    display: inline-flex;
    padding: 0.25em 0.5em;
    background: var(--signatureColor-dark-shade);
    color: white;
    font-size: 0.85em;
    font-weight: bold;
    border-radius: 0.5em;
    margin: 0.25em;
}

.eventDetails .frequency,
.eventDetails .district,
.eventDetails .hostOrganisation {
    position: relative;
    margin: 0 0 0 2em;
    font-size: 1.5em;
    font-weight: bold;
}

.eventDetails .frequency {
    display: inline-block;
    margin-right: 1.5em;
}

.eventDetails .hostOrganisation {
    margin: 0 0 0.5em 2em;
}

.eventDetails .frequency::before,
.eventDetails .district::before,
.eventDetails .hostOrganisation::before {
    content: '\f073';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 0;
    left: -2em;
}

.eventDetails .district::before {
    content: '\f3c5';
}

.eventDetails .hostOrganisation::before {
    content: '\f007';
}

.eventDetails .description {
    margin: 2em 0 1em 0;
}

.eventDetails .supplementarySection {
    background: var(--signatureColor-transparent-max);
    padding: 0 1em;
}

.eventDetails .supplementarySection a {
    border-bottom: none;
}

.eventDetails .supplementarySection .enquiryInformation a {
    border-bottom: 1px solid rgba(0, 130, 140, 1);
}

.eventDetails .supplementarySection .enquiryInformation a:not(.btn):not(.unstyled):hover,
.eventDetails .supplementarySection .enquiryInformation a:not(.btn):not(.unstyled):focus {
    text-decoration: none;
}

.eventDetails .supplementarySection a:not(.btn):not(.unstyled):hover {
    text-decoration: underline;
}
.eventDetails .tileImage {
    min-height: 22em;
    margin: 0 -1em 0 -1em;
}

.eventDetails .panel {
    display: flex;
    flex-wrap: wrap;
    margin: 2em 0 1em 0;
    padding-bottom: 0.5em;
}

.eventDetails .panel.compressed {
    margin: 2em 0 0 0;
}

.eventDetails .panel .heading {
    display: flex;
    position: relative;
    flex-basis: 100%;
    border-bottom: 1px solid black;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
}

.eventDetails .panel .heading.iconified {
    padding-left: 2em;
}

.eventDetails .panel .heading.iconified.accessibility::before,
.eventDetails .panel .heading.iconified.familyFriendly::before,
.eventDetails .panel .heading.iconified.free::before,
.eventDetails .panel .heading.iconified.cost::before,
.eventDetails .panel .heading.iconified.address::before,
.eventDetails .panel .heading.iconified.parking::before,
.eventDetails .panel .heading.iconified.enquiries::before,
.eventDetails .panel .heading.iconified.bookings::before {
    content: '\f193';    
    position: absolute;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--signatureColor);
}

.eventDetails .panel .heading.iconified.familyFriendly::before {
    content: '\f1ae';
}

.eventDetails .panel .heading.iconified.free::before {
    content: '\f4be';
}

.eventDetails .panel .heading.iconified.cost::before {
    content: '\f4c0';
}

.eventDetails .panel .heading.iconified.address::before {
    content: '\f1ad';
}

.eventDetails .panel .heading.iconified.parking::before {
    content: '\f1b9';
}

.eventDetails .panel .heading.iconified.enquiries::before {
    content: '\f086';
}

.eventDetails .panel .heading.iconified.bookings::before {
    content: '\f5da';
}

.eventDetails .panel .title,
.eventDetails .panel .value,
.eventDetails .panel .wide {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.eventDetails .panel .wide.pre-lined {
    white-space: pre-line;
    margin-top: -1em;
}

.eventDetails .panel .value {
    flex-basis: 100%;
    word-break: break-all;
}

.eventDetails .panel .title {
    font-weight: bold;
    padding-right: 0.5em;
}

.eventDetails .panel .wide {
    flex-basis: 100%;
}

.eventDetails .btn.bookNow {
    padding: 0.5em;
    width: 100%;
    text-align: center;
}

.eventDetails .socialSharingIcons {
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
    font-size: 1.5em;
}

.eventDetails .socialSharingIcons a {
    display: inline-flex;
    cursor: pointer;
}

.eventDetails .socialSharingIcons a.shareViaFacebook {
    color: hsla(221, 44%, 41%, 1.0);
}

.eventDetails .socialSharingIcons a.shareViaTwitter {
    color: hsla(199, 93%, 47%, 1.0);
}

.eventDetails .socialSharingIcons a.shareViaEmail {
    color: hsla(210, 70%, 44%, 1.0);
}

.eventDetails .dynamicMapContainer {
    padding: 0;
}

.eventDetails .dynamicMapContainer .map {
    width: 100%;
}

.eventDetails .eventRecommendations {
    margin: 0 2em 2em 0.75em;
}

.eventDetails .eventRecommendations .dynamicResultsSummaryContainer {
    display: none;
}

/*****************************/
/* End Event Details Styling */
/*****************************/


/*********************/
/* Begin Map Styling */
/*********************/
.dynamicMapContainer .marker.heritageFestival {
    background-image: url("https://www.environment.act.gov.au/__data/assets/image/0006/2178015/Heritage-Festival-Map-Marker.png");
}

.dynamicMapContainer .mapMenu,
.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content,
.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
    background: var(--signatureColor-dark-shade);
    color: white;
}

.dynamicMapContainer .mapboxgl-popup .mapboxgl-popup-content .description {
    margin-bottom: 0;
}
/*******************/
/* End Map Styling */
/*******************/


/**********************/
/* Begin Card Styling */
/**********************/
.card.event {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 20em;
    padding: 1em;
    border-bottom: none;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    color: white;
    overflow: hidden;
}

.card.event.bookedOut::before,
.card.event.cancelled::before {
    content: 'CANCELLED';
    position: absolute;
    top: 35%;
    transform: rotate(-20deg);
    background: linear-gradient(to right, black 0%, maroon 20%, maroon 80%, black 100%);
    color: white;
    left: -10%;
    width: 120%;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    opacity: 0.9;
}

.card.event.bookedOut::before {
    content: 'BOOKED OUT';
    background: linear-gradient(to right, transparent 0%, yellow 20%, yellow 80%, transparent 100%);
    color: black;
}

.card.event:hover {
    border: none;
    transform: scale(1.05);
    box-shadow: 0.25em 0.25em 0.25em hsla(0, 0%, 0%, 0.5);
    transition: all 0.2s ease-in-out;
}

.card.event .card-header,
.card-event .card-content {
    display: flex;
}

.card.event .card-header .card-tags span {
    display: inline-flex;
    background: var(--signatureColor-dark-shade-trasparent-max);
    border-radius: 1em;
    padding: 0.25em 0.5em;
    margin: 0 0.25em 0.25em 0;
    font-size: 0.85em;
    font-weight: bold;
}

.card.event .card-content {
    display: flex;
    flex-direction: column;
    padding: 2em 1em 1em 1em;
    margin: 0 -1em -1em -1em;
    background: linear-gradient(to top, hsla(0, 0%, 0%, 0.9) 0%, hsla(0, 0%, 0%, 0.4) 50%, transparent 100%);
}

.card.event .card-content .card-title,
.card.event .card-content .card-text {
    font-weight: bold;
}

.card.event .card-content .card-title {
    font-size: 1.25em;
    margin: 0 0 0.25em 0;
    text-transform: uppercase;
}

.card.event .card-content .card-text .dateRange,
.card.event .card-content .card-text .district {
    position: relative;
    margin-left: 1.5em;
    font-size: 1em;
}

.card.event .card-content .card-text .dateRange::before,
.card.event .card-content .card-text .district::before {
    content: '\f3c5';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: -1.5em;
    top: 0;
}

.card.event .card-content .card-text .dateRange::before {
    content: '\f073';
}
/********************/
/* End Card Styling */
/********************/


/***********************/
/* Begin Media Queries */
/***********************/
@media (max-width: 1399px) {
    .eventDetails .supplementarySection .title,
    .eventDetails .supplementarySection .value {
        flex-basis: 100%;
    }
}
@media (max-width: 1199px) {
    
    .buttonsContainer .btn,
    .spf-body input[type=button],
    .spf-body a.btn {
        margin: 0 0.5em;
    }
    
    .festivalIntroduction img {
        max-width: 100%;
        height: auto;
        margin: 0;
    }
    
    .dynamicMapContainer .mapMenu {
        pading: 0 1em 0.5em 1em;
    }
    
    .eventDetails .mainSection {
        padding-right: 0;
    }
    
    .eventDetails .name,
    .eventDetails .frequency,
    .eventDetails .district,
    .eventDetails .hostOrganisation {
        font-size: 1.25em;
    }
    
    .eventDetails .categoriesAndThemes {
        text-align: left;
    }
    
    .eventDetails .description {
        margin: 0;
    }    
    
    .eventDetails .supplementarySection {
        background: transparent;
    }
    
    .eventDetails .tileImage {
        margin: 0;
    }
    
    .eventDetails .eventRecommendations {
        margin-right: 0;
    }
    
    .eventDetails .expandableContent .dateBlock {
        flex-wrap: wrap;
    }
    
    .eventDetails .expandableContent .dateBlock .date,
    .eventDetails .expandableContent .dateBlock .date.wide,
    .eventDetails .expandableContent .dateBlock .time {
        width: 100%;
    }
    
    .eventDetails .expandableContent .dateBlock .time {
        margin-top: 0.5em;
    }
}

/*********************/
/* End Media Queries */
/*********************/