/*
  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: 09 March 2026 15:35:38
*/


@charset "UTF-8";


@import url("//hello.myfonts.net/count/312c08");

    
@font-face {font-family: 'NeoSansStd-Regular';src: url('https://whatson.townsville.qld.gov.au/__data/assets/file/0026/15866/312C08_0_0.eot?v=0.0.2');src: url('https://whatson.townsville.qld.gov.au/__data/assets/file/0026/15866/312C08_0_0.eot?v=0.0.2?#iefix') format('embedded-opentype'),url('https://whatson.townsville.qld.gov.au/__data/assets/file/0029/15869/312C08_0_0.woff2?v=0.0.2') format('woff2'),url('https://whatson.townsville.qld.gov.au/__data/assets/file/0028/15868/312C08_0_0.woff?v=0.0.2') format('woff'),url('https://whatson.townsville.qld.gov.au/__data/assets/file/0027/15867/312C08_0_0.ttf?v=0.0.2') format('truetype');}
 

html {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #FFF;
}

body {
    background-color: #000;
    overflow-x: hidden;
    z-index: 1;
    position: relative;
}

body.home-page #left-sidebar {
    display: none;
}

body.wide-col #left-sidebar,
body.wide-col #right-sidebar,
body.no-right-col #right-sidebar {
    display: none;
}

body.wide-col #content {
    width: 100%;
}

body h1, body .h1,
body h2, body .h2,
body h3, body .h3,
body h4, body .h4,
body h5, body .h5,
body h6, body .h6 {
    font-weight: 700;
    line-height: 1.4;
}

body h2, body .h2 {
    font-size: 1.875rem;
}

body h3, body .h3 {
    font-size: 1.5rem;
}

body h4, body .h4 {
    font-size: 1.125rem;
}

body h5, body .h5 {
    font-size: 0.875rem;
}

body h6, body .h6 {
    font-size: 0.75rem;
}

body strong {
    font-weight: 400;
}

body img.print_display {
    display: none !important;
}

body em {
    font-style: italic;
}

body a {
    color: #FFF;
    text-decoration: underline;
}

body p {
    font-size: 0.9375rem;
    line-height: 1.6;
}

body blockquote {
    border-left: 2px solid #eee;
    padding-left: 1.875rem;
    padding-right: 0;
}

body blockquote:before {
    font-size: 3.125rem;
    margin-left: 0.625rem;
}

body .highlight {
    background-color: #b61532;
}

body .pull-quote {
    margin: 0;
    padding: 0.625rem;
}

body ol, body ul {
    font-size: 0.9375rem;
}

body ol > li + li, body ul > li + li {
    margin-top: 0.625rem;
}

body ol > li ol, body ol > li ul, body ul > li ol, body ul > li ul {
    margin-top: 0.625rem;
}

body table {
    margin: 1.25rem 0;
}

body table tr:nth-child(even) {
    background-color: #171717;
}

body table tr:nth-child(odd) {
    background-color: #292929;
}

body table th {
    border-color: #3d3d3d;
    padding: 0.9375rem;
    background-color: #b61532;
    color: #fff;
}

body table td {
    border-color: #3d3d3d;
    padding: 0.9375rem;
    font-size: 0.9375rem;
    line-height: 1.6;
}

body form {
    width: 100%;
    margin: 1.25rem 0;
}

body form fieldset {
    min-width: 1px;
}

body form legend {
    margin-bottom: 0.625rem;
    border: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

body form label {
    margin-bottom: 0.625rem;
    font-size: 0.9375rem;
    font-weight: 400;
    cursor: pointer;
}

body form input[type="text"],
body form input[type="url"],
body form input[type="number"],
body form input[type="date"],
body form input[type="tel"],
body form input[type="email"],
body form textarea {
    width: 100%;
    padding: 0.625rem;
    margin-bottom: 0.9375rem;
    background-color: #99172f;
    border: 1px solid #bb2643;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #fff;
}

body form textarea {
    min-height: 9.375rem;
    resize: vertical;
}

body form input[type='checkbox'] + span:before {
    display: inline-block;
    width: 1.0625rem;
    height: 1.0625rem;
    padding: 0.125rem;
    margin-right: 0.3125rem;
    background-color: #99172F;
    border: 1px solid #C6485E;
    font-family: FontAwesome;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1em;
    content: "\00A0";
}

body form input[type='checkbox']:checked + span:before {
    content: "\f00c";
}

body form *[type="submit"] {
    width: 100%;
    padding: 0.9375rem;
    margin-top: 0.9375rem;
    border: 0;
    background-color: #fff;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #b61532;
    line-height: 1em;
}

body form *[type="submit"]:hover, body form *[type="submit"]:focus {
    background-color: #ddd;
}

p.intro {
    font-weight: 400;
}

a.file-type {
    display: block;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 20px 20px;
    padding: 0.9375rem 0.625rem 0.625rem 4.375rem;
    margin-bottom: 1.25rem;
    display: none; /*Hide all doc icons*/
}

a.file-type.pdf {
    background-image: url("https://whatson.townsville.qld.gov.au/__data/assets/image/0024/8466/tcc-events-icon-35x37.png?v=0.1.1");
}

a.file-type .document-name {
    font-size: 0.875rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0.1875rem;
}

a.file-type .document-details {
    font-size: 0.8125rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #b61532;
}

header {
    background-color: #292929;
}

/*
Do not put overflow:hidden on #quick-search__form
This will obscure the category/venue dropdowns
*/
.flexbox .quick-search__input, .flexbox
.quick-search__submit {
    -webkit-box-flex: 0 0 1;
    -moz-box-flex: 0 0 1;
    -webkit-flex: 0 0 1;
    -ms-flex: 0 0 1;
    flex: 0 0 1;
}

.no-js .quick-search__input,
.no-flexbox .quick-search__input, .no-js
.quick-search__submit,
.no-flexbox
.quick-search__submit {
    display: table-cell;
    vertical-align: top;
}

form#quick-search__form {
    margin: 0;
}

form#quick-search__form legend.form-title {
    font-size: 1.125rem;
}

form#quick-search__form div.search-inputs {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-bottom: 0.9375rem;
    position: relative;
    z-index: 1;
}

form#quick-search__form label {
    margin-bottom: 0;
}

form#quick-search__form .quick-search__submit {
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    width: 4.063rem;
    margin-top: 0;
    padding: 0 0.9375rem;
    border: 1px solid #bb2643;
    border-left: none;
    user-select: none;
}

form#quick-search__form input[type="text"],
form#quick-search__form input[type="email"] {
    margin-bottom: 0;
    border-right: none;
}

form#quick-search__form ul li {
    margin-top: 0;
}

form#quick-search__form ul.search-by {
    overflow: auto;
}

form#quick-search__form ul.search-by label {
    font-size: 0.875rem;
}

form#quick-search__form ul.search-by li {
        float: left;
        padding: 0 0 0 2%;
        margin: 0 2% 0 0;
        text-align: center;
}

form#quick-search__form ul.search-by li + li {
    /*padding-left: 0.625rem;
    margin-left: 0.625rem;*/
    border-left: 1px solid #fff;
}

form#quick-search__form ul.filter-by label {
    font-size: 0.7rem;
}

form#quick-search__form fieldset.dropDown button[type="button"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #BB2643;
    background-color: #99172F;
    font-size: 0.9375rem;
    text-align: left;
    text-transform: capitalize;
    color: #FFF;
}

form#quick-search__form fieldset.dropDown button[type="button"] i {
    float: right;
    line-height: 1em;
}

form#quick-search__form fieldset.dropDown ul {
    position: absolute;
    width: 100%;
    padding: 0.625rem;
    background-color: #99172F;
    border: 1px solid #BB2643;
    border-top: none;
}

form#quick-search__form fieldset.dropDown ul li {
    font-size: 0.875rem;
}

form#quick-search__form fieldset.dropDown ul li + li {
    margin-top: 0.3125rem;
}

form#quick-search__form fieldset[name="search-by-options"] {
    margin-bottom: 0.3125rem;
}

form#quick-search__form fieldset[name="filter-by-options"] {
    padding-top: 0.3125rem;
    border-top: 1px solid #C6485E;
}

form#quick-search__form input[type='radio']:checked + span {
    font-weight: 700;
}

form#quick-search__form div.search-inputs > div,
form#quick-search__form div.search-inputs > fieldset {
    width: 100%;
}

form#quick-search__form div.search-inputs > fieldset {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

form#quick-search__form ul.filter-by {
    overflow: auto;
}

form#quick-search__form ul.filter-by li {
    float: left;
}

form#quick-search__form ul.filter-by li + li {
    margin-left: 0.9375rem;
}

div.daterangepicker th, div.daterangepicker td {
    border-radius: 0;
}

div.daterangepicker td {
    background-color: #fff;
}

div.daterangepicker td.available:hover,
div.daterangepicker th.available:hover {
    background-color: #99172F;
    color: #fff;
}

div.daterangepicker .daterangepicker_input input {
    border-radius: 0;
}

div.daterangepicker .input-mini {
    color: #fff;
    background-color: #99172F;
}

div.daterangepicker .calendar-table {
    border-radius: 0;
}

div.daterangepicker tr {
    background-color: #fff;
}

div.daterangepicker td {
    color: #000;
}

div.daterangepicker td.in-range {
    background-color: #242424;
    color: #fff;
}

div.daterangepicker td.active,
div.daterangepicker td.active:hover {
    border: 0;
    background-color: #b61532;
}

div.daterangepicker td.start-date.end-date,
div.daterangepicker td.start-date,
div.daterangepicker td.end-date {
    border-radius: 0;
}


body.event-landing #left-sidebar {
    display: none;
}
body.event-landing #content {
    width: 100%;
}
#left-sidebar a {
        word-wrap: break-word;
        overflow-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
}


.skip-links__item {
    margin-top: 0;
}

.slick-list {
    position: relative;
    overflow: hidden;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-slideshow__slide a {
        display: block;
        overflow: hidden;
        width: 100%;
        position: relative;
}
.slick-slideshow__slide a:hover::after,
.slick-slideshow__slide a:focus::after,
.slick-slideshow__slide a:active::after {
        content: "";
        border-bottom: 5px solid #B61532;
        position: absolute;
        top: auto;
        bottom: 0;
        width: 100%;
        left: 0;
}
.slick-slideshow__slide img {
    margin: 0 auto;
}

.slick-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 0;
    display: none !important;
}

.slick-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
    display: none !important;
}

.slick-dots {
    margin-top: 1em;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.slick-dots li + li {
    margin-left: 1em;
}

.slick-list {
    margin: 0 -0.3125rem;
    /* Provide space between middle slides */
}

.slick-slideshow__slide {
    margin: 0 0.3125rem;
    /* Provide space between middle slides */
}

.slick-slideshow {
    clear: both;
    position: relative;
}

.slick-slideshow button {
    padding: 0;
    margin-top: -0.9375rem;
    background: none;
    border: none;
    color: #D0D2CE;
}

.slick-slideshow button.slick-prev {
    left: -2.5rem;
}

.slick-slideshow button.slick-next {
    right: -2.5rem;
}

div#month-menu {
    width: 100%;
    padding: 0.625rem 0 0.625rem 0.9375rem;
    float: left;
    overflow: auto;
    background: rgba(197, 18, 50, 0.78);
}

div#month-menu h3 {
    margin: 0.3125rem 0 0 0;
    float: left;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1em;
    color: #fff;
    text-transform: uppercase;
}

div#month-menu div#month-menu-buttons {
    float: right;
}

div#month-menu button {
    padding: 0.3125rem 0.9375rem;
    float: left;
    background: none;
    border: 0;
    color: #fff;
}

div#month-menu button + button {
    border-left: 0.0625rem solid #C6485F;
}

/*
-----------------------------
Slideshow - Home Page
-----------------------------
*/
.home-page .slick-slideshow__slide {
    position: relative;
    background-color: #202120;
}

.home-page .slick-slideshow__slide img {
        float: left;
        height: 180px;
        position: absolute;
        left: 0;
        top: 0;
}

.home-page .slick-slideshow__slide div.event-details {
    /*padding: 0.3rem 0.5rem 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 8.4375rem;
    background: #202120;*/
        padding: 0.9375rem;
        position: relative;
        min-height: 11rem;
        background: #202120;
        float: right;
        z-index: 999;
        width: 60%;
        left: 0;
}

.home-page .slick-slideshow__slide div.event-details p.title,
.home-page .slick-slideshow__slide div.event-details p.venue {
    line-height: 1.4
}

.home-page .slick-slideshow__slide div.event-details p.date,
.home-page .slick-slideshow__slide div.event-details p.title {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.home-page .slick-slideshow__slide div.event-details p.date {
    font-size: 0.8125rem;
}

.home-page .slick-slideshow__slide div.event-details p.title {
    font-size:  0.9375rem;
    margin-bottom: 0.313rem;
}

.home-page .slick-slideshow__slide div.event-details p.venue {
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 300;
    color: #D0D0D0;
}

/*
-----------------------------
Slideshow - Event Page
-----------------------------
*/
.event-content div.slick-slideshow i.fa-chevron-left,
.event-content div.slick-slideshow i.fa-chevron-right {
    color: #fff;
}

.event-content section {
    margin-bottom: 1.875rem;
    overflow: hidden;
}

.event-content section > h2 {
    padding-bottom: 0.3125rem;
    margin: 0;
    border-bottom: 1px solid #6b222d;
    font-size: 0.9375rem;
    font-weight: 400;
    text-transform: uppercase;
}

.event-content section div.detail {
    background: url("https://whatson.townsville.qld.gov.au/__data/assets/image/0020/8462/tcc-events-side-details-63x15.jpg?v=0.1.1") no-repeat top right;
    padding-top: 1.25rem;
    overflow: hidden;
}

#event-presented-by a,
#event-sponsor img {
    float: left;
    display: block;
    margin-right: 5%;
    margin-bottom: 1.25rem;
    max-width: 45%;
}
#event-presented-by .detail > img {
    max-width: 45%;
    float: left;
    display: block;
    margin-right: 5%;
    margin-bottom: 1.25rem;
}
#event-sponsor img {
    max-width: 45%;
}

#event-venue img {
    margin: 1.25rem 0;
}

#event-venue div.google-maps {
    position: relative;
    padding-bottom: 45%;
    height: 0;
    overflow: hidden;
}

#event-venue div.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#event-cost p {
    display: inline-block;
}

#event-cost a {
    float: left;
    display: block;
    margin-right: 1.25rem;
}

#event-gallery {
    overflow: visible;
}

#event-gallery div.detail {
    overflow: visible;
}
#event-gallery .popup-youtube- img {
        margin-top: -15px;
        margin-bottom: -15px;
}

#event-related table {
    width: auto;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0 10px;
}

#event-related td {
    background-color: #000;
    border: 0;
    font-weight: 400;
    padding: 0.1875rem;
}

#event-related td:first-child {
    background-color: #99172f;
}

#event-related td + td {
    padding-left: 0.625rem;
}

#event-related a {
    text-decoration: none;
}

#event-related a:hover {
    text-decoration: underline;
}

#event-category li {
    margin: 0 0 0.625rem 0;
    padding-right: 0 !important;
}

#event-category a {
    text-decoration: none;
    color: #000;
    background-color: #FFF;
    font-weight: 400;
    font-size: 0.75rem;
    padding: 0.125rem 0.3125rem;
}

#event-calendar {
    margin-bottom: 1.25rem;
}

#event-calendar-share {
    border-top: 1px solid #6b222d;
    padding-top: 0.3125rem;
}

#event-calendar a {
    display: inline-block;
    padding-left: 33px;
    background: url("https://whatson.townsville.qld.gov.au/__data/assets/image/0023/8465/tcc-events-icon-calendar-23x25.jpg?v=0.1.1") no-repeat;
    text-decoration: none;
    font-weight: 400;
    font-size: 0.875rem;
    min-height: 25px;
}

div#footer__row-1 {
    padding-top: 1.25rem;
    position: relative;
    background-color: #171717;
    font-size: 0.9375rem;
    text-align: center;
}

div#footer__row-1 nav#legal-links {
    margin-bottom: 1.25rem;
}

div#footer__row-1 nav#legal-links ul li {
    margin-top: 0;
}

div#footer__row-1 nav#legal-links a {
    text-decoration: none;
}

div#footer__row-1 nav#legal-links a:hover {
    text-decoration: underline;
}

div#footer__row-1 div.font-resizer {
    margin-bottom: 1.25rem;
}

div#footer__row-1 div.font-resizer button {
    padding: 0;
    border: none;
    background-color: transparent;
    color: #FFF;
    text-decoration: none;
}

div#footer__row-1 div.font-resizer button + button {
    margin-left: 0.9375rem;
}

div#footer__row-1 div.font-resizer button:hover {
    text-decoration: underline;
}

div#footer__row-1 nav#social-links {
    margin-bottom: 1.25rem;
}

div#footer__row-1 nav#social-links ul li {
    margin-top: 0;
}

div#footer__row-1 nav#social-links ul li + li {
    margin-left: 1.25rem;
}

div#footer__row-1 button.footer__row-2__toggle {
    display: block;
    width: 8.2rem;
    padding: 1.25rem 1.25rem 0.3125rem;
    margin: auto;
    background: #242424;
    border: none;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1em;
}

div#footer__row-1 button.footer__row-2__toggle:hover {
    text-decoration: underline;
}

div#footer__row-1 button.footer__row-2__toggle i {
    display: block;
    margin-top: 0.3125rem;
    /* Remove underline from hover over icon */
}

div#footer__row-1 button.footer__row-2__toggle i:before {
    display: inline-block;
    text-decoration: none;
}

.breadcrumbs {
        display: block;
        width: 100%;
        clear: both;
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
}
.breadcrumbs p {
        display: block;
        width: 100%;
        clear: both;
        max-width: 1270px;
        margin: 0 auto;
        padding: 0 15px;
}
div#footer__row-2 div.container {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background-color: #242424;
    text-align: left;
}

div#footer__row-2 nav {
    margin-bottom: 1.875rem;
}

div#footer__row-2 nav h2 {
    margin-top: 0;
    margin-bottom: 0.9375rem;
    font-weight: 700;
    font-size: 0.9375rem;
    text-transform: uppercase;
}

div#footer__row-2 nav h2.dropdown-toggle {
    cursor: pointer;
}

div#footer__row-2 nav.dropdown ul.dropdown-menu {
    position: relative;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    float: none;
    box-shadow: none;
    text-align: left;
}

div#footer__row-2 nav.dropdown ul.dropdown-menu li {
    margin-top: 0;
    margin-left: 0.625rem;
    font-size: 0.875rem;
}

div#footer__row-2 nav.dropdown ul.dropdown-menu li .fa-circle {
    color: #000;
}

div#footer__row-2 nav.dropdown ul.dropdown-menu li + li {
    margin-top: 0.9375rem;
}

div#footer__row-2 nav.dropdown ul.dropdown-menu a {
    color: #FFF;
    text-decoration: none;
    padding: 0;
}

div#footer__row-2 nav.dropdown ul.dropdown-menu a:hover {
    color: #c51232;
    background-color: transparent;
}
div#footer__row-2 nav.dropdown h2 a {
 text-decoration: none;
}
div#footer__row-2 nav.dropdown h2 a:hover,
div#footer__row-2 nav.dropdown h2 a:focus {
    color: #c51232;
}

div#footer__row-2 nav#other-sites a.link-list__toggle {
    display: block;
    width: 2.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    background-color: #B61532;
    line-height: 2.5rem;
    text-align: center;
    color: #FFF;
}

div#footer__row-2 nav#other-sites nav + nav {
    margin-top: 1.875rem;
}

div#footer__row-2 nav#other-sites div.link-list__wrapper {
    height: 2.5rem;
    position: relative;
}

div#footer__row-2 nav#other-sites ul.link-lists {
    width: 100%;
    height: inherit;
    /* Set height works with overflow to hide other links */
    padding: 0;
    overflow: hidden;
    margin: 0;
    position: absolute;
}

div#footer__row-2 nav#other-sites ul.link-lists.active {
    height: auto;
    /* Show the other links in list when active */
    overflow: visible;
    z-index: 2;
}

div#footer__row-2 nav#other-sites ul.link-lists li {
    display: block;
    margin-top: 0;
    background-color: #FFF;
    font-size: 0.9375rem;
    font-weight: 300;
}

div#footer__row-2 nav#other-sites ul.link-lists li a {
    display: block;
    height: 2.5rem;
    padding: 0.625rem 3.125rem 0.625rem 0.625rem;
    overflow: hidden;
    color: #082130;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}
div#footer__row-2 nav#other-sites ul.link-lists li a:hover,
div#footer__row-2 nav#other-sites ul.link-lists li a:focus {
    background: #c51232;
    color: #fff;
}

div#footer__row-3 div.container {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
}

div#footer__row-3 p.disclaimer {
    font-size: 0.875rem;
}

div.grid div.grid__item {
    display: block;
    width: 100%;
    height: 18rem;
    margin: 0 0 0.8rem 0;
    overflow: hidden;
    position: relative;
    background: #b61532 no-repeat center center;
    background-size: cover;
    color: #fff;
}

div.grid div.grid__item a {
        color: #fff;
        display: block;
        overflow: hidden;
        height: 100%;
}
div.grid div.grid__item a:hover,
div.grid div.grid__item a:focus {
    text-decoration: underline;
}

div.grid div.grid__item .grid__item-details {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    padding: 1rem;
}
.grid__item .grid__item-details:after {
        content: "";
        background: #000;
        opacity: 0.5;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
}

div.grid div.grid__item .grid__item-details * {
    position: relative;
    z-index: 1;
}

div.grid div.grid__item .grid__item-details p.date {
    font-size: 0.875rem;
    font-weight: 400;
}

div.grid div.grid__item .grid__item-details p.title {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 0 0.8rem;
}

div.grid div.grid__item .grid__item-details .description_long {
    display: none;
}

div.grid div.grid__item:hover .grid__item-details,
div.grid div.grid__item a:hover .grid__item-details,
div.grid div.grid__item a:focus .grid__item-details {
    height: 100%;
}

div.grid div.grid__item:hover .grid__item-details .description_short {
    display: none;
}

.desktop div.grid div.grid__item:hover .grid__item-details .description_long,
.desktop div.grid div.grid__item a:hover .grid__item-details .description_long,
.desktop div.grid div.grid__item a:focus .grid__item-details .description_long {
    display: block;
}

div#masthead {
    position: relative;
}

.masthead__container {
        position: relative;
        display: block;
        height: 100%;
}

.masthead__row {
        position: relative;
        display: block;
        height: 100%;
}

.home-page div#main__row-1 {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: 14em;
    position: relative;
}
.home-page.mobile div#main__row-1 {
    background-image: none !important;
}
.home-page div#main__row-1 div#masthead {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.home-page div#main__row-1 div.slideshow-wrapper {
    padding-bottom: 1.875rem;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.home-page div#main__row-1 div.container div.jumbotron {
    text-align: center;
    border-radius: 0;
    padding: 1.5625rem;
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
    background: rgba(0, 0, 0, 0.75);
    display: none;
}

.home-page div#main__row-1 div.container div.jumbotron h2 {
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.875rem;
}

.home-page div#main__row-1 div.container div.jumbotron p {
    font-size: 1rem;
}

.home-page div#main__row-1 div.container div.jumbotron a {
    min-width: 9.375rem;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #b61532;
}

#main__row-1 {
    position: relative;
    z-index: 3;
}
#main__row-2 {
    position: relative;
    z-index: 2;
}
#main__row-3 {
    position: relative;
    z-index: 1;
}
.home-page div#main__row-2 div#quick-search {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    background-color: #b61532;
}

div#be-involved {
    background-color: #242424;
    padding-bottom: 0.9375rem;
    text-align: left;
}
.sidebar div#be-involved {
        margin: 0 0 1rem 0;
        padding: 0.5rem 0.2rem;
}
.sidebar div#be-involved a {
    font-size: 1.15rem;
    padding: 0.625rem 0rem 0.625rem 0.6rem;
    margin: 0;
}
div#be-involved a {
    display: inline-block;
    margin-top: 0.9375rem;
    border: 1px solid transparent;
    font-size: 1.125rem;
    font-weight: 300;
    color: #FFF;
    text-decoration: none;
}

div#be-involved a i {
    margin-right: 0.625rem;
}

div#be-involved a:hover {
    text-decoration: underline;
}

div#be-involved a.submit-event {
    /*margin-right: 1.25rem;*/
}

.home-page div#main__row-3 {
    background-color: #000;
}

.home-page div#main__row-3 div#event-highlights h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
    text-align: left;
}

.inside-page #main__row-1 {
    height: 9.375rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.masthead__hero--title {
        position: absolute;
        bottom: 0px;
        padding: 0;
}

.inside-page div#masthead h1 {
    display: inline-block;
    padding: 0.9375rem;
    margin: 0;
    position: absolute;
    bottom: 0.5rem;
    left: 15px;
    background-color: rgba(0, 0, 0, 0.75);
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
}

.inside-page div#main__row-2 {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    z-index: 4;
}

nav#side-navigation {
    display: none;
}

div.sidebar {
    margin-bottom: 1.25rem;
}

div.sidebar > *:first-child {
    margin-top: 0;
}


div.sidebar form,
div.sidebar #mc_embed_signup form,
.mfp-content #mc_embed_signup form {
    padding: 0.9375rem;
    background-color: #b61532;
}
.mfp-content #mc_embed_signup form {
    margin: 0;
}
.mfp-content #mc_embed_signup .mfp-close {
        color: #fff;
        opacity: 1;
        font-size: 3em;
}

div.sidebar form legend,
.mfp-content #mc_embed_signup legend {
    font-size: 1.125rem;
}

div.sidebar form input[type="text"],
div.sidebar form input[type="url"],
div.sidebar form input[type="number"],
div.sidebar form input[type="date"],
div.sidebar form input[type="tel"],
div.sidebar form input[type="email"],
div.sidebar form textarea {
    margin-bottom: 0.3125rem;
}

body #mc_embed_signup #mce-success-response,
body #mc_embed_signup #mce-error-response {
    color: #fff;
}
div.sidebar #mc_embed_signup input,
.mfp-content #mc_embed_signup input {
    border: none;
}
#mc_embed_signup input[type="checkbox"] {
    margin-right: 5px;
}
div.sidebar #mc_embed_signup .asterisk,
.mfp-content #mc_embed_signup .asterisk {
    color: #fff;
}
div.sidebar #mc_embed_signup .button,
.mfp-content #mc_embed_signup .button {
        width: 100%;
        padding: 0.9375rem 0;
        margin-top: 0.9375rem;
        margin: 0.9375rem 0;
        border: 0;
        background-color: #fff;
        font-size: 0.9375rem;
        font-weight: 700;
        color: #b61532;
        line-height: 1em;
        border-radius: 0;
        height: inherit;
}



div.sidebar a#submit-event {
    /*display: block;
    padding: 0.9375rem;
    margin: 1.25rem 0;
    overflow: hidden;
    background-color: #242424;
    text-decoration: none;
    font-weight: 700;*/
}

div.sidebar a#submit-event i {
    /*float: left;
    margin-right: 0.9375rem;*/
}

nav#side-navigation {
    /* Level 1 */
}

nav#side-navigation li {
    margin-top: 0;
}

nav#side-navigation li.selected {
    font-weight: 400;
}

nav#side-navigation a {
    text-decoration: none;
}

nav#side-navigation a:hover {
    text-decoration: underline;
}

nav#side-navigation > ul > li {
    padding: 0.9375rem 0;
    font-size: 0.9375rem;
    /* Level 2 */
}

nav#side-navigation > ul > li + li {
    border-top: 0.0625rem solid #3D3D3D;
}

nav#side-navigation > ul > li > a {
    display: block;
}

nav#side-navigation > ul > li > a i {
    float: right;
    color: #828282;
    line-height: 1.5;
}

nav#side-navigation > ul > li.selected > a i:before {
    color: #fff;
}

nav#side-navigation > ul > li > ul {
    padding: 0.9375rem 0.9375rem 0;
    margin-top: 0.9375rem;
    border-top: 0.0625rem solid #3d3d3d;
}

nav#side-navigation > ul > li > ul > li {
    font-size: 0.875rem;
    /* level 3 */
}

nav#side-navigation > ul > li > ul > li + li {
    margin-top: 0.9375rem;
}

nav#side-navigation > ul > li > ul > li > ul {
    padding: 0 1.875rem;
    margin-top: 0.9375rem;
    list-style-type: square;
}

nav#side-navigation > ul > li > ul > li > ul > li {
    font-size: 0.8125rem;
}

nav#side-navigation > ul > li > ul > li > ul > li + li {
    margin-top: 0.9375rem;
}

div#content > *:first-child {
    margin-top: 0;
}

div#right-sidebar {
    padding: 0;
}

nav#related-links {
    margin-bottom: 1.25rem;
}

nav#related-links h2 {
    background-color: #99172f;
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.9375rem;
}

nav#related-links ul {
    padding: 0.9375rem;
    border-bottom: 1px solid #6b222d;
}

nav#related-links li {
    font-size: 0.9375rem;
    font-weight: 400;
}

nav#related-links li a {
    display: block;
    text-decoration: none;
}

nav#related-links li a:hover {
    text-decoration: underline;
}

nav#related-links li i {
    float: right;
}

nav#related-links li + li {
    margin-top: 1.25rem;
}

#promotional-area {
    margin: 0 0.9375rem 1.25rem;
}

#promotional-area a.promotion {
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100px;
    padding-left: 120px;
    min-height: 80px;
}
#promotional-area .page-asset, 
#promotional-area .redirect_page {
    background: #99172f;
}
#promotional-area .asset-thumb {
    vertical-align: top;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    background: #082130 no-repeat center center;
    background-size: cover;
}
#promotional-area .asset-thumb img {
    vertical-align: bottom;
    width: 100%;
}
#promotional-area .promo-content-aside {
    display: block;
    position: relative;
    margin: 0 0 1.8em 0;
}
#promotional-area .promo-asset-content {
    padding: 0 1.2em 1.4em 1.2em;
}
#promotional-area .promo-description {
    color: #fff;
}
#promotional-area a.wrapper-link:hover *,
#promotional-area a.wrapper-link:focus * {
    text-decoration: underline;
}

#promotional-area .page-asset h3.promo-title, 
#promotional-area .redirect_page h3.promo-title {
    position: absolute;
    bottom: 0;
    padding: 1em .8em;
    width: 100%;
    background: rgba(0,0,0,.5);
    margin: 0;
}

.masthead__hero--caption {
     display: none;
     font-size: 0.8rem;
     padding: 0.8rem 1rem;
}
.masthead__hero--caption-toggle {
    font-weight: bold;
    text-decoration: none;
    display: block;
}
.masthead__hero--caption-toggle.active {
    text-decoration: underline;
    margin: 0 0 0.5rem 0;
}

[class*="landing"] a.page-link {
    /*max-width: 480px;*/
    overflow: hidden;
    display: block;
    margin:0 auto 1.25rem;
    background-color: #242424;
    text-decoration: none;
}

[class*="landing"] a.page-link:hover h2 {
    text-decoration: underline;
}
[class*="landing"] a.page-link:hover p {
    text-decoration: none;
}

[class*="landing"] a.page-link:nth-child(even), 
[class*="landing"] a.page-link.even {
    background-color: #B61532;
}

[class*="landing"] a.page-link .page-link-details {
    padding: 1.25rem;
}

[class*="landing"] a.page-link .page-link-details h2 {
    margin-top: 0;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 700;
}
[class*="landing"] a.page-link img {
    height: auto;
    width: 100%;
}

div.masthead-menu {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

div.masthead-menu > div {
    background: rgba(255, 255, 255, 0.15);
    text-align: center;
    padding: 1.25rem 0.9375rem;
}

div.masthead-menu h2 {
    margin-top: 0;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.875rem;
}

div.masthead-menu nav {
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.15);
}

div.masthead-menu nav li {
    margin-top: 0;
}

div.masthead-menu .addthis_button_print {
    margin: 0 0 0 5px;
}
.addthis_button_print .at-icon-wrapper,
.addthis_button_email .at-icon-wrapper {
        background-color: #000 !important;
}

.addthis_toolbox li {
    clear: both;
}

div.masthead-menu div button {
    background: none;
    border: none;
    padding: 0;
    color: #FFF;
}

div.masthead-menu div.font-resizer {
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.15);
}

div.masthead-menu button.masthead-menu__toggle {
    display: block;
    width: 100%;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    padding: 0;
    color: #000;
}

div.masthead-menu button.masthead-menu__toggle i {
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

div.masthead-menu.collapsed div.masthead-menu__items {
    visibility: hidden;
}
div.masthead-menu.collapsed #share-links {
    display: none;
}

div.masthead-menu.collapsed button.masthead-menu__toggle {
    position: absolute;
    top: 0;
}

div.masthead-menu .fa-circle {
    color: #000;
}

nav.navbar {
    min-height: initial;
    padding-top: 0.625rem;
    margin-bottom: 0;
    border: 0;
}

nav.navbar button.navbar-toggle {
    margin: 0.4rem 0 0 0;
    border: 0;
}

nav.navbar div.navbar-brand {
    height: auto;
    padding: 0.2rem 0 0.7rem 0;
    float: left;
    overflow: hidden;
    max-width: 50%;
    margin: 0 5% 0 0;
}
nav.navbar a.logo {
    display: inline-block;
}
nav.navbar a.secondary.logo {
    max-width: 9%;
    float: right;
    margin: 0 1rem 0 0;
}
nav.navbar a.logo img {
    /*max-width: 80%;*/
    width: 100%;
}

nav.navbar div#main-navigation {
    font-weight: 400;
    width: 100%;
}

nav.navbar div#main-navigation a {
    font-size: 0.875rem;
    text-decoration: none;
    display: inline-block;
}

nav.navbar div#main-navigation i {
    cursor: pointer;
}

nav.navbar div#main-links ul {
    margin-top: 0;
}

nav.navbar div#main-links ul li {
    margin-top: 0;
}

nav.navbar div#main-links ul li a {
    background-color: transparent;
}

nav.navbar div#main-links ul ul {
    padding: 0;
}

.search-popup {
    max-width: 1270px;
    margin: 0 auto;
}

.search-popup .mfp-close {
    color: #fff;
    font-size: 3em;
    opacity: 1;
}
.search-popup .mfp-close:before {
        content: "Close";
        position: absolute;
        right: 100%;
        font-size: 0.4em;
}

body.loading_interface--active {
    overflow: hidden;
    height: 100%;
}
.loading_interface {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.loading_interface--inner {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.loading_interface--text {
    color: #fff;
    font-size: 1.5rem;
    margin: 10% auto;
    display: block;
    position: relative;
}
.loading_interface--text:before {
        content: "";
        display: block;
        width: 100px;
        height: 100px;
        background: url(https://tcc-web02.squiz.net/events/_design/css/global.css/loading_icon.gif) no-repeat 0 0;
        top: -100px;
        left: 50%;
        margin: 0 0 0 -50px;
        position: absolute;
    background: url(https://whatson.townsville.qld.gov.au/__data/assets/image/0019/9370/loading_icon.gif?v=0.1.3) no-repeat 0 0;
}

/****/

#event-gallery .popup-youtube- {
        position: relative;
}

#event-gallery .popup-youtube-::before {
        font-family: "FontAwesome";
        position: absolute;
        content: "\f01d";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
        font-size: 4em;
}

#event-gallery .popup-youtube- {
        color: rgba(182,21,50,0.3);
}

#event-gallery .popup-youtube-:hover {
        color:#b61532;
        color: rgba(182,21,50,1);
}



/****/

.popup-youtube .fa-youtube-play {
    color: #b61532;
        font-size: 3em;
        opacity: 0.5;
        display: block;
}
.popup-youtube:hover .fa-youtube-play,
.popup-youtube:focus .fa-youtube-play {
        opacity: 1;
}

/* Tooltip */
#event-gallery .tooltip > .tooltip-inner {
        background-color: #FFF; 
        color: #000; 
        padding: 15px;
        font-size: 0.8rem;
        text-align: left;
}

/*
* Override bootstrap default styling
*  
*/

#event-gallery .tooltip-inner {
        max-width: 250px;
}

.tooltip.in {
        opacity: 1;
}

/* Tooltip on top */
#event-gallery .tooltip.top > .tooltip-arrow {
        border-top: 5px solid #FFF;
        left: 20% !important;
}

/* Tooltip on bottom */
#event-gallery .tooltip.bottom > .tooltip-arrow {
        border-bottom: 5px solid #FFF;
}

/* Tooltip on left */
#event-gallery .tooltip.left > .tooltip-arrow {
        border-left: 5px solid #FFF;
}

/* Tooltip on right */
#event-gallery .tooltip.right > .tooltip-arrow {
        border-right: 5px solid #FFF;
}

.event-related__list {
        list-style: none;
        padding-left: 0;
}

.event-related__list strong {
        background-color: #99172f;
        height: 2rem;
        position: relative;
        display: inline-block;
        padding: 0 0.3rem;
}

.event-related__list li {
        min-height: 1rem;
        width: 100%;
        position: relative;
        display: block;
        min-height: 2rem;
}

.event-related__list a {
        position: relative;
        display: block;
        line-height: 2rem;
}

.notifications {
        display: block;
        width: 100%;
        clear: both;
        margin: 0;
}

.notifications .notice_warning,
    .notifications .notice_alert,
    .notifications .notice_general {
        display: block;
        width: 100%;
        clear: both;
        padding: 1rem;
        border-bottom: 1px solid #082130;
        margin: 0;
        position: relative;
}

.notifications .notice_warning {
        color: #000;
        background: #fff600;
}

.notifications .notice_alert {
        color: #000;
        background: #ff9933;
}

.notifications .notice_general {
        color: #000;
        /*background: #70b3de;*/
        background: #C4D3F6;
}
.notifications a {
    color: #000;
}
.notifications p {
        margin: 0;
}

.notifications .notice_close {
        position: absolute;
        right: 1rem;
        left: auto;
        top: 1rem;
}

.social-links li {
        display: inline-block;
        padding: 0 2em 0 0;
}
.social-links li a {
    font-size: 1.8em;
    text-decoration: none;
}
#event-presented-by a {
    text-decoration: none;
}

.pagination {
    display: block;
    clear: both;
}
.pages_1 {
    display: none;
}

/* Mobile landscape */
@media only screen and (max-device-width: 61.99em) and (orientation: landscape) { 

    nav.navbar div.navbar-brand {
        max-width: 30%;
    } 
    nav.navbar a.secondary.logo {
        max-width: 5.5%;
    }
    div.grid div.grid__item {
        float: left;
        width: 48%;
        margin-right: 2%;
    }
}
/**/


.mobile .search-popup {
    width: 90%;
}

#right-sidebar a h3,
#right-sidebar a .promo-description {
        text-decoration: none;
}
#right-sidebar a:hover h3,
#right-sidebar a:focus h3,
#right-sidebar a:hover .promo-description,
#right-sidebar a:focus .promo-description {
        text-decoration: underline;
}

.masthead-menu__items .addthis_button_facebook_like iframe {
    right: 0 !important;
}



/* Added 19/06/2017 */
.main-slick-slideshow {
    position: relative;
}

.main-slick-slideshow:after {
    content:'';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20%;
    display: block;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}

.main-slick-slideshow .slick-list {
    margin: 0;
}

.main-carousel-slide{
    height: 14em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.static-banner{
    height: 14em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}


/* TF added 20160518 */

.slick-slideshow button.slick-next {
        right: 0;
        z-index: 1;
        display: block !important;
}

.slick-slideshow button.slick-prev {
        left: 0;
        z-index: 1;
        display: block !important;
}

.slick-list {
        margin: 0 20px;
}

.carousel-sidebar-link .item {
        position: relative;
        margin-bottom: 1em;
}

.carousel-sidebar-link .item img {
        width: 100%;
}

.carousel-sidebar-link .item .button {
        position: absolute;
        bottom: 5%;
        left: 20%;
        width: 60%;
        text-align: center;
        background: #b61532;
        color: white;
        font-weight: bold;
        letter-spacing: 0.5px;
        border-radius: 4px;
}

.carousel-sidebar-link .item a:hover .button {
        color: #b61532;
        background: white;
}

.carousel-sidebar-link .feature-tile__bg-wh-tx-rd a .button {
        background: white;
        color: #b61532;
}


.carousel-sidebar-link .feature-tile__bg-wh-tx-rd a:hover .button {
        background: #b61532;
        color: white;
}


.loader {
        margin-bottom: 20px;
}
#builder__popup .inner.loadingtext {
        text-align: center;
}


body .button:before, .builder__image-option:before {
        padding: 0 0 0 1px;
        line-height: 1.5;
}


.feature-tile__button {
        font-family: NeoSansStd-Regular, "Open Sans", Helvetica, Arial, sans-serif;
}

form#quick-search__form ul.search-by li:first-child {
        padding-left: 0;
}


body.search-page {

}
body.search-page #quick-search {

}
body.search-page #main__row-1,
body.search-page .breadcrumbs,
body.search-page #masthead {
    display: none;
}
body.search-page #main__row-search {
    
}
body.search-page div#main__row-search div#quick-search {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    background-color: #b61532;
}
body.search-page div#be-involved {
    background-color: #242424;
    padding-bottom: 0.9375rem;
    text-align: left;
}
body.search-page div#main__row-search {
        background: #B61532;
        background: -moz-linear-gradient(left, #B61532 0%, #B61532 50%, #242424 50%, #242424 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #B61532), color-stop(50%, #B61532), color-stop(50%, #242424), color-stop(100%, #242424));
        background: -webkit-linear-gradient(left, #B61532 0%, #B61532 50%, #242424 50%, #242424 100%);
        background: -o-linear-gradient(left, #B61532 0%, #B61532 50%, #242424 50%, #242424 100%);
        background: -ms-linear-gradient(left, #B61532 0%, #B61532 50%, #242424 50%, #242424 100%);
        background: linear-gradient(to right, #B61532 0%, #B61532 50%, #242424 50%, #242424 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$left-color', endColorstr='$right-color', GradientType=1 );
    }
body.search-page div#main__row-search div.row {
    margin-bottom: 0;
}
body.search-page div#main__row-search {
    position: absolute;
    width: 100%;
    left: 0;
}
body.search-page #event-search__wrapper {
    margin: 9em 0 0 0;
}


/* --------------------------
     TCC - Advertising Tile Redesign 
     https://jira.squiz.net/browse/QLDSR-3025
     -------------------------- */
  
  .adds-slideshow .addtile-date {
      position: absolute;
      right: 0;
      top: 0;
      padding: .6em .7em .7em .9em;
      text-align: center;
      background-color: #b61532;
      min-width: 3.1em; 
      /*opacity: .85;*/
  }
  .adds-slideshow .addtile-date .day {
      font-weight: bold;
  }
  .adds-slideshow .addtile-date > div {
      line-height: 1;
  }
  .adds-slideshow .addtile-details {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: .8em;
      background: #fff;
      color: #000;
      opacity: .8;
      font-weight: 400;
      /*margin-left: 18rem;*/
  }
  .adds-slideshow .addtile-title {
      font-weight: bold;
  }
  .adds-slideshow .addtile-desc {
      font-size: .88em;
      padding-top: .7em;
  }
  .addtile-details span.fa.fa-chevron-right {
      position: absolute;
      right: .5em;
      bottom: 1em;
  }
  
  .adds-slideshow .item a.wrapper-link:hover *, .adds-slideshow .item a.wrapper-link:focus * {
      text-decoration: none !important;
  }
  .adds-slideshow .item.slick-slide {
      background: #103e6b;
  }
  .adds-slideshow .slick-dots {
      margin-top: 0; 
  }
  .adds-slideshow .slick-dots button {
      color: transparent;
      border: none;
      background: #fff;
      opacity: .15;
      line-height: .5em;
      padding: .2em;
  }
  .adds-slideshow .slick-dots .slick-active button {
      opacity: 1;
  }
  .adds-slideshow .slick-list {
      margin: 0;
  }