@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

:root {
--FileSize: '5';
--TextColour: #363c49;

--PrimaryLink: #f15d55;
--PrimaryHover: #f15d55;
--PrimaryButton: #f15d55;
--PrimaryButtonHover: #f15d55;
--PrimaryButtonText: #ffffff;
--PrimaryButtonHoverText: #ffffff;
--PrimaryButtonBorder: ;

--SecondaryLink: #fde04e;
--SecondaryHover: #fde04e;
--SecondaryButton: #fde04e;
--SecondaryButtonHover: #fde04e;
--SecondaryButtonText: #ffffff;
--SecondaryButtonHoverText: #ffffff;
--SecondaryButtonBorder: ;

--TertiaryLink: #363c49;
--TertiaryHover: #444b59;
--TertiaryButton: #363c49;
--TertiaryButtonHover: #444b59;
--TertiaryButtonText: #ffffff;
--TertiaryButtonHoverText: #ffffff;

--CancelButton: #767c88;
--CancelButtonHover: #878a92;
--CancelButtonText: #fff;
--CancelButtonHoverText: #ffffff;
--CancelButtonBorder: ;

--NavigationBar: #293a65;
--NavigationLinks: #ffffff;
--NavigationLinksHover: #ffffff;
--NavigationText: #ffffff;

--SocialLoginButton: #293a65;
--SocialLoginButtonHover: #293a65;
--SocialLoginButtonText: #ffffff;
--SocialLoginButtonHoverText: #ffffff;

--FooterBackgroundColour: #293a65;

--ListingSearchPanelColour: #eff1f2;
--ListingSearchResultBackgroundColour: #b5d57a;

--NormalFont: Roboto;
--HeadingFont: 'alternate_gothic_no3_dregular', Arial, 'Helvetica Neue', Helvetica, sans-serif;
--SpecialFont: 'alternate_gothic_no3_dregular', Arial, 'Helvetica Neue', Helvetica, sans-serif;

--PFontSize: 16px;
--BodyFontSize: 14px;
--NavigationFontSize: 20px;
--H1FontSize: 60px;
--H2FontSize: 50px;
--H3FontSize: 36px;
--H4FontSize: 30px;
--H5FontSize: 24px;
}

body, p, .content-detail, .content-detail p, .search-result .resultListView .caption p, label, .form-control, .standard-form form .form-group label, footer .terms a, .sidebar-nav li a, .account-info li, .nav-tabs.account-tabs li a, .account-info ul.list-group li, .account-info ul.list-group li a, input[data-autocomplete], .standard-form form .upload-image small, #editor, .dropzone:after, .dropzone .tools:after, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th, ul.token-input-list-facebook li input, div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook, div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook, div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook, .addCatVal li, .slider.slider-horizontal span,.faq .answer, .faq .answer p, .faq ol > li, .faq ul > li,
.advance-search-container .nav-tabs li a,
.info-detail .facitity-list li,
.group-downloads .downloads-list li a,
.listing-downloads .downloads-list li a,
.listing-category-tags .tag,
.payment-tabs li a,
[dropdown-unselectall], .content-search-result .table .desc *,
.preview-modal .desc-event *,
.preview-modal .social-links p,
.preview-modal .event-tags p,
.preview-modal .preview-content .desc-event li,
.content-detail ul li, .content-detail ol li,
.payment-checkout-modal .payment-steps .steps li,
.payment-plan-package .plan-item li {
font-family: var(--NormalFont);
}

/* TinyMCE Custom Font */
.font-base,
.mce-content-body,
.mce-content-body p,
.mce-content-body h1,
.mce-content-body h2,
.mce-content-body h3,
.mce-content-body h4,
.mce-content-body h5,
.mce-content-body h6,
.font-base {
font-family: var(--NormalFont) !important;
}

li, button, .btn, input, .events p, p.event-count,
form[role="search"] .form-control,
.search-overlay form .form-control,
.sidebar-nav > .sidebar-brand a,
header label,
.search-result .resultListView main .info-detail p,
.search-result .resultListView .caption .organiser,
.social-link-detail .text-social,
.page-search header .input-group .form-control,
.form-control-feedback,
.adv-search .addCatVal ul.list-inline li,
.faq .question,
.caption-item .title,
.related-events-container .item .info p,
.related-content-container .item .info p,
.related-events-footer p,
.collection-content .set-an-alert a,
.listing-list .item-listing .caption a,
.article-detail-page .info-detail,
.list-connect .wrap a,
.preview-modal .preview-content .caption-event >p {
font-family: var(--SpecialFont);
}

body{
font-size: var(--BodyFontSize);
color: var(--TextColour) !important;
}

a,
a:focus,
main .info-detail p > i,
main .info-detail li i,
.main-content p a,
.main-content ul li a,
main .social a,
.search-result .pagination li a,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover,
#overload .wrap i,
.care-icon.clicked i,
.shortlist .caption .care-icon i,
.search-result .resultListView main i,
.form-user form a,
.ui-datepicker a:hover,
header .events-filters li:last-child a,
.adv-search a,
.admin-tag-label.label span,
.group-table-popover td.title .popover-content ul li .date-event a:hover,
.popover-content ul li .date-event a:hover,
.event-management .popover-content ul li .date-event a:hover,
.primary-color,
.single-event .share-event .share-event-group i:hover,
[dropdown-unselectall],
.preview-modal .preview-content .show-more,
.event-by-categories .slick-control,
main .info-detail p a,
.save-event.clicked,
.easy-autocomplete ul li:hover,
.easy-autocomplete ul li.selected,
.maintain-page .content a,
.form-group .label a,
.form-group .label a.switch-form,
.my-profiles > .account-tabs li.active > a,
.admin-area .account-tabs li.active > a,
.table-admin-editor-articles .action-group-button a:focus,
.event-planning-calendar .fc-event,
.event-planning-calendar .fc-list-item-title,
.event-planning-calendar .fc-toolbar.fc-header-toolbar h2,
.notification-search,
.content-search-result .table .action a:focus,
form[role="search"] .adv-search-link:focus,
.search-result .resultListView .item:hover .caption .clicked i,
.search-result .resultListView .caption .care-icon.clicked i {
color: var(--PrimaryLink);
}

a[group-action="process-single"]:focus {
color: var(--PrimaryLink);
outline: 0;
}

.search-result .search-result-relate li a{
color: var(--PrimaryLink);
border: 2px solid var(--PrimaryLink);
}

.search-result .pagination li a,
.standard-form form .upload-image,
.standard-form form .save-event,
input[type="submit"].save-event,
.save-event.save-draft,
.save-event.clicked,
.single-event .share-event .content,
.dropzone-content,
.preview-content .custom-checkbox input[type="checkbox"] + label span,
.notification-search {
border-color: var(--PrimaryLink);
}

.session-booking {
background-color: var(--PrimaryLink);
}

.pagination li a, .pagination li a:focus,
.event-admin .event-admin-block .event-admin-info .event-source a,
.event-admin .event-admin-block .event-admin-info .event-source .listing-type {
color: var(--PrimaryLink);
border-color: var(--PrimaryLink);
}

.wrapper-tagribbon .tagRibbon.featured:before {
border-color: var(--PrimaryLink);
border-left-color: transparent;
}

.responsive-table thead .sort-control span:hover .fa,
.responsive-table thead .sort-control th:hover .fa,
.responsive-table thead .sort-control a:hover .fa,
.responsive-table thead .sort-control th .active .fa,
.responsive-table thead .sort-control th .active:hover .fa,
.table-admin-event-approved td.title ul li .date-event:hover {
color: var(--PrimaryLink);
}

.sidebar-block .listing-in-connect .connect-link:after,
.dropzone-content .cover-file,
.maintain-page .content a:hover:after {
background: var(--PrimaryLink);
}

.export-link .btn-no-bg:focus,
.export-link .btn-no-bg:hover{
color: var(--PrimaryHover) !important;
}

.event-status.partner {
color: var(--TextColour) !important;
border-color: var(--TextColour) !important;
}

.no-booking {
background-color: var(--TextColour);
}

.search-result .search-result-relate li.active a,
.search-result .search-result-relate li.active:hover a  {
color: var(--TextColour) !important;
border-bottom: 2px solid var(--TextColour);
}

.btn-border:hover,
.btn-border:focus,
.btn-border:visited {
color: var(--PrimaryButtonText) !important;
background-color: var(--TextColour)  !important;
}

.btn-border {
color: var(--TextColour) !important;
border: 1px solid var(--TextColour) !important;
}

.navbar-nav li ul li a,
.standard-form form .easy-autocomplete > ul li,
.standard-form form .easy-autocomplete > ul li,
.standard-form form input[data-autocomplete],
.standard-form form .upload-image,
.dropzone:after,
.color-dark-grey,
.page-search header .nav-tabs > li.active > a,
.page-search header .nav-tabs > li.active > a:focus,
.page-search header .nav-tabs > li.active > a:hover,
.input-group ul.dropdown-menu li a,
.listing-downloads .downloads-list li a,
.group-downloads .downloads-list li a,
.listing-search-result-page .listing-search-result .listing-refine,
.listing-search-header a,
.my-profiles > .account-tabs li > a,
.admin-area .account-tabs li > a,
.event-planning-calendar .fc-more,
.content-search-result .table .title a,
.content-search-result .table .action .show-more,
.content-search-result .table .action .show-more:focus,
.content-search-result .table .desc,
.content-search-result .table .desc *,
.social-links-tooltip,
.breadcrumb li, .breadcrumb li a, .breadcrumb .active, .sws-breadcrumb .breadcrumb li:before {
color: var(--TextColour);
}

.content-search-form .clear-search {
color: var(--TextColour) !important;
}

p,
p.event-count {
font-size: var(--PFontSize);
}

* {
outline-color: rgba(0, 150, 255, 1) !important;
}

.btn:focus:focus, .btn:active:focus {
outline-color: rgba(0, 150, 255, 1) !important;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: var(--HeadingFont);
}
h1, .h1 {
font-size: var(--H1FontSize);
}
h2, .h2 {
font-size: var(--H2FontSize);
}
h3, .h3 {
font-size: var(--H3FontSize);
}
h4, .h4 {
font-size: var(--H4FontSize);
}
h5, .h5 {
font-size: var(--H5FontSize);
}

.article-detail-page .article-title {
font-family: var(--HeadingFont);
}

.export-link .btn[disabled]:hover,
.export-link .btn[disabled]:focus {
background-color: var(--PrimaryButton);
border-color: var(--PrimaryButton);
}

input.stv-radio-tab:checked + label {
-webkit-box-shadow: 0px -3px 0px 0px var(--PrimaryButton);
-moz-box-shadow: 0px -3px 0px 0px var(--PrimaryButton);
box-shadow: 0px -3px 0px 0px var(--PrimaryButton);
}

.standard-form form .save-event,
.save-event,
input[type="submit"].save-event,
.search-overlay form .submit,
.search-result .search-result-relate li a:hover,
.btn-submit,
.underlined:after,
.adv-search ul li a:hover,
.adv-search ul li a:active,
.adv-search .addCatVal ul.list-inline li,
.slider-handle,
.listing-management-controls .btn.btn-listing-action-2,
.pagination li.active a,
.standard-form form .form-group .control-label .label-index {
background-color: var(--PrimaryButton);
}

.pika-lendar .is-selected .pika-button,
.pika-lendar .is-startrange .pika-button,
.pika-lendar .is-endrange .pika-button,
body .ui-timepicker-wrapper .ui-timepicker-list li:hover,
body .ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected {
background-color: var(--PrimaryButton) !important;
}

.sidebar-block .connect-link.order-online-link,
.sidebar-block .online-shop-list .connect-link {
background-color: var(--PrimaryButton);
border-color: var(--PrimaryButton);
}

.sidebar-block .connect-link {
border-color: var(--PrimaryButton);
color: var(--PrimaryButton);
}

.slider-handle {
background-image: -webkit-linear-gradient(top, var(--PrimaryButton) 0%, var(--PrimaryButton) 100%);
background-image: -o-linear-gradient(top, var(--PrimaryButton) 0%, var(--PrimaryButton) 100%);
background-image: linear-gradient(to bottom, var(--PrimaryButton) 0%, var(--PrimaryButton) 100%);
}

.btn-default,
.submit,
.events-filters a,
.see-more,
.page-search header .nav-tabs > li > a,
.search-result form[role="search"] .addCatVal li,
.addCatVal li,
form[role="search"] .submit,
.search-result .pagination li.active a,
.pagination>.active>a,
.pagination>.active>a:hover,
header .events-filters a {
color: var(--PrimaryButtonText);
background-color: var(--PrimaryButton);
border-color: var(--PrimaryButton);
}

.submit span.icon-load {
background-color: var(--PrimaryButtonHover);
}

.item.btn-submit,
.item.btn-signin {
background-color: var(--PrimaryButton) !important;
color: var(--PrimaryButtonText) !important;
border: none;
}

#sidebar-wrapper {
border-left-color: var(--PrimaryButton) !important;
}

#sidebar-menu {
border-right-color: var(--PrimaryButton) !important;
}

.dates-group .btn.focus,
.dates-group .btn:focus,
.dates-group .btn:hover,
.btn-has-focus.btn.focus,
.btn-has-focus.btn:focus,
.btn-has-focus.btn:hover {
background-color: var(--PrimaryButtonHover);
color: var(--PrimaryButtonText) !important;
}

.btn-primary {
color: var(--PrimaryButtonText) !important;
background-color: var(--PrimaryButton) !important;
border-color: var(--PrimaryButton);
}

.add-date {
color: var(--PrimaryButton);
border: 3px solid var(--PrimaryButton);
}

.btn-remove-account,
.btn-remove-account:focus {
color: var(--PrimaryButton) !important;
}

.switch-button .switch-input:checked ~ .switch-label {
background-color: var(--PrimaryButton);
}

.search-admin .btn-search:focus,
.search-admin .btn-search:active,
.search-events-admin-form .btn-search:focus,
.search-events-admin-form .btn-search:active {
color: var(--PrimaryButtonText);
border-color: var(--PrimaryButton);
background-color: var(--PrimaryButton);
outline-offset: 0;
outline: 0;
box-shadow: none;
}

.payment-checkout-modal .payment-steps .steps li.active,
.payment-plan-package .plan-item li.active,
.payment-checkout-modal .payment-tabs li.active a {
color: var(--PrimaryButton);
}

.payment-plan-package section.active .package-item {
background-color: var(--PrimaryButton);
}

.btn-border-thick,
.btn-border-thick:focus,
.btn-border-thick:visited {
color: var(--PrimaryButton) !important;
border: 2px solid var(--PrimaryButton) !important;
background: none;
}

.listing-category-tags .tag .icon-check {
background-color: var(--PrimaryButton);
}

.article-category {
background-color: var(--PrimaryButton);
border-color: var(--PrimaryButton);
}

.wrapper-tagribbon .usertag:after,
.wrapper-tagribbon .usertag:before {
border-color: var(--PrimaryButton);
}

#divImagesBody .wrapper .selected .image {
border-color: var(--PrimaryHover);
}

#divImagesBody .wrapper .selected a {
color: var(--PrimaryHover);
}

#divImagesBody .load-more {
border: 2px solid var(--PrimaryHover);
}

.btn-secondary,
li.token-input-token-facebook,
li.token-input-selected-token-facebook,
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
color: var(--SecondaryButtonText) !important;
background-color: var(--SecondaryButton) !important;
}

.header-listing .primary-category .atag {
background-color: var(--SecondaryButton);
border-color: var(--SecondaryButton);
}

.user-status.siteadministrator {
background: var(--SecondaryButton);
}

.activities-detail-page .info-detail li > i,
.activities-detail-page .jssocials-shares i,
.item-list-events-container .activities-item .caption-item .location,
.single-event.activities-item .address li,
.resultListView .activities-item .info-detail p i {
color: var(--SecondaryButton) !important;
}

.resultListView .activities-item .info-detail p {
color: var(--SecondaryButton);
}

.wrap.imgcontainer.cropimage .caption .row,
.activities-search-content .resultGrid .activity-tag-icon,
.activities-search-content .resultListView .activity-tag-icon,
.activities-search-content .related-events-container .activity-tag-icon {
background-color: var(--SecondaryButton);
}

.btn-cancel {
color: var(--CancelButtonText) !important;
background-color: var(--CancelButton) !important;
}

.navbar,
.navbar-collapse {
background-color: var(--NavigationBar) !important;
color: var(--NavigationText) !important;
font-size: var(--NavigationFontSize) !important;
}

.events .caption .title,
.wrap.imgcontainer.cropimage .caption a p.title,
.events .overlay,
.search-result .resultListView .item:hover .caption {
background-color: var(--NavigationBar) !important;
color: var(--NavigationText) !important;
}

.navbar a,
a#open-menu:hover,
.search-result .resultListView .item:hover .caption p,
.search-result .resultListView .item:not(.activities-item):hover .caption i {
color: var(--NavigationLinks);
}

.navbar-nav li ul {
border: 1px solid var(--NavigationBar);
}

@media (min-width: 1025px) {
.nav-scroll .wrapper-scroll {
border: 1px solid var(--NavigationBar);
}
}

/* User Admin */
.user-status {
background: var(--TertiaryButton);
}

/*Tiny mce editor*/
.mce-content-body img {
max-width: 100%;
height: auto;
}

        .home header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner.webp") center top/cover no-repeat; }
    .page-search header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner.webp") center top/cover no-repeat; }
    .page-expired-events header, .bg-hero header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner.webp") center top/cover no-repeat; }
    .categories header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner.webp") center top/cover no-repeat; }
    .editorials header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner.webp") center top/cover no-repeat; }
    .page-print-search header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner.webp") center top/cover no-repeat; }

@media (max-width: 991px) {
.navbar-nav li a,
.navbar-nav li ul li a {
color: var(--PrimaryLink);
}
}

@media (max-width: 640px) {
    .home header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner-mobile.webp") center top/cover no-repeat; }
    .page-search header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner-mobile.webp") center top/cover no-repeat; }
    .page-expired-events header, .bg-hero header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner-mobile.webp") center top/cover no-repeat; }
    .categories header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner-mobile.webp") center top/cover no-repeat; }
    .editorials header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner-mobile.webp") center top/cover no-repeat; }
    .page-print-search header{ background: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner-mobile.webp") center top/cover no-repeat; }
}

.primary-link {
color: var(--PrimaryLink);
}

.secondary-link {
color: var(--SecondaryLink);
}

.tertiary-link  {
color: var(--TertiaryLink);
}

.item-listing .wrap,
.item-listing .caption {
background-color: var(--ListingSearchPanelColour);
}

.listing-search-box {
background-color: var(--ListingSearchResultBackgroundColour);
}

footer {
background-color: var(--FooterBackgroundColour);
}

.btn.focus, .btn:focus {
color: var(--PrimaryButtonText) !important;
}

@media (hover: hover) {
.shortlist .item .empty-shortlist:hover .fa + .fa,
.shortlist .item .empty-shortlist:hover .fal + .fa,
.item-list-events-container .item:hover .title span,
.item-single.single-event:hover .title,
.listing-list .item-listing .wrap:hover .caption h3 a,
.maintain-page .content a:hover,
.article-detail-page .article-content .article-title:hover {
color: var(--PrimaryLink);
}

a:hover,
main .social a:hover,
.sidebar-nav > .sidebar-brand a:hover {
color: var(--PrimaryHover);
}

.search-overlay form .submit:hover, .fa-sliders:hover, .see-more:hover, .submit:hover, .page-search header .nav-tabs > li > a:hover, form[role="search"] .submit:hover, .standard-form form .save-event:hover, .save-event:hover, .btn-hover:hover, header .events-filters li:hover > a, .listing-management-controls .btn.btn-listing-action-2:hover {
background-color: var(--PrimaryButtonHover);
color: var(--PrimaryButtonText);
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:hover, .btn-default:active:focus {
color: var(--PrimaryButtonText);
background-color: var(--PrimaryButtonHover);
border-color: var(--PrimaryButtonHover);
}

.btn:hover {
color: var(--PrimaryButtonText) !important;
}

.btn-primary:hover {
color: var(--PrimaryButtonText) !important;
background-color: var(--PrimaryButtonHover) !important;
border-color: var(--PrimaryButton);
}

.btn-secondary:hover{
color: var(--SecondaryButtonText) !important;
background-color: var(--SecondaryButtonHover) !important;
}

.btn-cancel:hover{
color: var(--CancelButtonText) !important;
background-color: var(--CancelButtonHover) !important;
}

.save-event.clicked:hover {
color: var(--PrimaryButtonText);
background-color: var(--PrimaryButton);
border-color: var(--PrimaryButton);
}

.caption-event-custom .caption:hover .fa {
color: var(--PrimaryHover);
}

.pagination li a:hover{
color: var(--PrimaryHover);
}

.btn-remove-account:hover {
color: var(--PrimaryButtonHover) !important;
}

.navbar a:hover,
.navbar-nav li ul li a:hover,
.navbar-nav li ul li a:focus {
color: var(--PrimaryHover);
}

.table-admin-editor-articles .action-group-button a:hover,
.table-admin-editor-articles .action-group-button a:focus:hover {
color: var(--PrimaryLink);
}

.event-planning-calendar .fc-event:hover {
color: var(--PrimaryHover);
}

.item.btn-submit a:hover,
.item.btn-signin a:hover {
color: var(--PrimaryButtonText) !important;
}

.btn-border-thick:hover {
color: var(--PrimaryButtonText) !important;
background-color: var(--PrimaryButton) !important;
}

.table-admin-editor-articles .action-group-button a:focus:hover {
color: var(--PrimaryHover);
}

.item.activities-item:hover .wrap .btn-book-now,
.single-event-container .activities-item:hover .link-info-book .btn-book-now {
color: var(--PrimaryButtonText);
background-color: var(--PrimaryButtonHover);
border-color: var(--PrimaryButtonHover);
}

.wrap.imgcontainer.cropimage:hover .caption a p.title {
background-color: transparent !important;
}
}

    .page-sitewide-search .outer-sws { background-color: #f3f3f3; }

    .page-editorials .search-header { background-image: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner.webp"); }
@font-face {
    font-family: 'AvenirLTStd-Light';
    src: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/fonts/AvenirLTStd-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirLTStd-Regular';
    src: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/fonts/AvenirLTStd-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirLTStd-Medium';
    src: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/fonts/AvenirLTStd-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirLTStd-Bold';
    src: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/fonts/AvenirLTStd-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirLTStd-Black';
    src: url("https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/fonts/AvenirLTStd-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --NormalFont: 'AvenirLTStd-Regular', sans-serif;
    --HeadingFont: 'AvenirLTStd-Bold', sans-serif;
    --SpecialFont: 'AvenirLTStd-Bold', sans-serif;
    --LightFont: 'AvenirLTStd-Light', sans-serif;
    --MediumFont: 'AvenirLTStd-Medium', sans-serif;

    --purpleColor: #7E81BE;
    --grayColor: #686868;
    --blueColor: #3458B4;
    --customText: #293a65;
}

/* custom font */
header,
li,
.events p,
form[role="search"] .form-control,
main .info-detail p,
.saved-searches .saved-searches-controls .alert-setting .btn,
.saved-searches .saved-searches-controls .alert-setting .dropdown-menu li,
input,
.search-overlay form .form-control,
.search-overlay form,
.adv-search .addCatVal ul.list-inline li,
.pika-lendar th,
.ui-datepicker th,
.bottom-footer-menu ul li a, .bottom-footer-menu ul li p {
    font-family: var(--NormalFont);
}

form[role="search"] select option {
    font-family: var(--LightFont);
}

.table>thead>tr>th,
strong {
    font-family: var(--SpecialFont);
}

@media (max-width: 991px) {
    h1, .h1, .main-content h1 {
        font-size: 45px;
        line-height: 1.5;
    }
}

@media (max-width: 767px) {
    h1, .h1, .main-content h1 {
        font-size: 38px;
    }
    
    h1 span,
    .text-underline {
        border-bottom-width: 3px;
    }
}


/* Custom container */
.main-content>.container {
    margin-top: 0;
}

body.pattern-bg .main-content {
    padding: 50px 25px;
}

.main-content>.container:before,
.main-content>.container:after {
    display: none;
}

@media (min-width: 992px) {
    .container, .container-fluid {
        width: 100%;
        max-width: 1470px;
    }

    .pattern-bg .main-content>.container {
        max-width: 1440px;
    }
}

@media (max-width: 991px) {
    .main-content>.container,
    .container, .container-fluid {
        width: 100%;
    }

    .main-content>.container {
        margin-top: 0;
    }

    body.pattern-bg .main-content {
        padding: 0;
    }

    body.pattern-bg .main-content>.container {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    body.pattern-bg .main-content>.container {
        padding: 15px;
    }
}

/* transition */
.transition,
.categories-tiles .tile .overlay,
.item-list-events-container .item .wrap,
main .social-detail-event .jssocials-share a,
.panel.event-preview a.save-event,
.modify-tags-modal .btn,
.add-date,
.modal-footer .btn,
.standard-form form .add-btn-group button,
.submit.save-event,
.add-important-dates-modal .btn,
.search-admin .btn-search.input-group-addon,
.single-event-container .single-event {
    -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;
}

/* custom button */
.btn-submit,
.btn-resend,
.save-event,
input[type="submit"].save-event {
    font-family: var(--HeadingFont);
}

.btn-submit,
.see-more,
.modify-tags-modal .btn,
.modal-footer .btn,
.panel.event-preview a.save-event,
.search-overlay form .submit,
.search-result form[role="search"] .submit,
.search-result form[role="search"] .btn-save-alert,
.add-date,
.submit.save-event,
.event-management .event-management-controls .btn,
.saved-searches .caption.empty-shortlist .btn-default,
.event-planning-sidebar .btn-planning-search,
.add-important-dates-modal .btn,
.landingpages .btn {
    border-radius: 35px;
    text-transform: uppercase;
    font-family: var(--HeadingFont);
}

.btn-submit,
.see-more {
    font-size: 16px !important;
    line-height: 20px;
    padding: 15px 30px;
}

main .other-dates-times .see-more,
.event-detail-pages .social-detail-group .save-event {
    border-radius: 35px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: var(--HeadingFont);
    padding: 10px 20px;
}

.submit span.icon-load,
.standard-form form .save-event {
    border-radius: 35px;
}

.form-user .form-group-button .btn-remove-account {
    border-radius: 0;
}

.search-overlay form .submit {
    width: auto;
    min-width: 150px;
    margin: 0 auto;
    display: block;
}

.form-user .form-group .btn-submit,
.event-preview-modal .event-preview .btn {
    text-transform: uppercase;
}

/* admin button */
.panel.event-preview a.save-event {
    font-size: 20px;
    line-height: 24px;
    padding: 10px 30px;
}

@media (hover: hover) {
    .see-more:hover,
    .btn-submit:hover,
    .modify-tags-modal .btn:hover,
    .modal-footer .btn:hover,
    main .other-dates-times .see-more:hover,
    .event-detail-pages .social-detail-group .save-event:hover,
    .search-overlay form .submit:hover,
    .search-result form[role="search"] .submit:hover,
    .search-result form[role="search"] .btn-save-alert:hover,
    .submit.save-event:hover,
    button.submit:hover,
    .saved-searches .caption.empty-shortlist .btn-default:hover,
    .event-planning-sidebar .btn-planning-search:hover,
    .search-admin .btn-search.input-group-addon:hover,
    .page-category .events-filters a:hover {
        opacity: 0.8;
    }
}

@media (max-width: 767px) {
    .btn-submit,
    .see-more {
        font-size: 14px !important;
    }
}

/* section title */
.header-title {
    text-transform: none;
    font-size: 40px;
    color: #000;
    padding: 0;
    margin: 0 auto 30px;;
}

.header-title .sub-title {
    display: block;
    font-size: 20px;
    color: var(--grayColor);
    margin: 16px auto 0;
    font-family: var(--LightFont);
}

@media (max-width: 767px) {
    .header-title {
        font-size: 31px;
        line-height: 38px;
        margin-bottom: 25px;
    }

    .header-title .sub-title {
        font-size: 16px;
        line-height: 20px;
        max-width: 260px;
        margin-top: 10px;
    }
}

/* categories on homepage */
.event-by-categories {
    display: none;
}

.categories-section {
    background-color: #E4E4E4;
    padding-top: 50px;
    padding-bottom: 100px;
    margin-top: 50px;
}

.categories-tiles {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 22px;
    row-gap: 30px;
}

.categories-tiles .tile {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.categories-tiles .tile img {
    width: 100%;
    height: 100%;
    max-height: 200px;
    object-fit: cover;
}

.categories-tiles .tile .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.182083) 48%, rgba(0, 0, 0, 0.38) 58%, #000000 100%) !important;
}

.categories-tiles .tile .caption {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.categories-tiles .tile .caption a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 20px;
    font-size: 25px;
    color: #fff;
}

.categories-tiles .tile.all-categories a {
    align-items: center;
    font-size: 31px;
    font-family: var(--SpecialFont);
}

.categories-tiles .tile.all-categories .overlay {
    background: linear-gradient(180deg, #7E81BE 0%, #505397 100%) !important;
}

@media (hover: hover) {
    .categories-tiles .tile:hover .overlay {
        opacity: .4;
    }
}

@media (max-width: 991px) {
    .categories-tiles {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 16px;
        row-gap: 16px;
    }

    .categories-tiles .tile {
        min-height: 132px;
    }
}

@media (max-width: 767px) {
    .categories-section {
        padding: 30px 0;
    }

    .categories-tiles .tile .caption a {
        font-size: 16px;
    }

    .categories-tiles .tile.all-categories a {
        font-size: 20px;
    }
}

/* Event block - Homepage */
.eh_homepage .events.space {
    padding-top: 0;
    padding-bottom: 0;
}

.event-home-block {
    margin-top: 50px;
}

@media (max-width: 767px) {
    .event-home-block {
        margin-top: 30px;
    }

    .home .events .container {
        margin-bottom: 0;
    }
}

/* Title */
.event-block-header .header-title.underlined {
    padding: 0;
    margin-bottom: 15px;
}

.event-block-header .header-title.underlined:after {
    display: none;
}

.event-block-header p {
    font-family: var(--LightFont);
    font-size: 20px;
    color: #686868;
}

.event-block-button.row.pad10,
.event-block-header-wrap.row.pad10 {
    padding: 0;
}

@media (max-width: 767px) {
    .event-block-header .header-title.underlined {
        margin-bottom: 8px;
    }

    .event-block-header p {
        font-size: 16px;
    }
}

/* Footer button */
.event-block-button.row.pad10 {
    text-align: center;
}

.event-block-button.row.pad10 .col-xs-6.pad10 {
    padding: 0;
    width: auto;
    float: none;
    display: inline-block;
}

.landing-events-wrapper .see-more,
.event-block-button .see-more {
    display: inline-block;
    padding: 15px 20px;
    border-radius: 50px;
    margin: 0 12px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

.landing-events-wrapper .see-more.btn-secondary,
.event-block-button .see-more.btn-secondary {
    color: #000 !important;
}

.landing-events-wrapper .see-more:after,
.event-block-button .see-more:after,
.home-listings .btn-show-more:after,
.related-events-footer .see-more:after {
    content: "\e09f";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    margin-left: 10px;
}

/* Slider */
.events .customSlickSlider.slick-initialized .slick-slide {
    padding: 0 12px 0;
    margin-bottom: 0;
}

.events .customSlickSlider .slick-list {
    width: auto !important;
    margin-left: -12px;
    margin-right: -12px;
    padding-bottom: 20px;
}

.events .customSlickSlider .slick-prev,
.events .customSlickSlider .slick-next {
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
}

.events .customSlickSlider .slick-prev,
.events .customSlickSlider .slick-next {
    background: transparent !important;
    color: #000;
    width: 55px;
    height: 55px;
    border-radius: 55px;
    border: 1px solid #000;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.events .customSlickSlider .slick-prev:before,
.events .customSlickSlider .slick-next:before {
    color: #000;
    opacity: 1;
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    font-size: 20px;
}

.events .customSlickSlider.slick-slider .slick-next {
    right: -55px;
    text-align: right;
}

.events .customSlickSlider.slick-slider .slick-prev {
    left: -55px;
}

.events .customSlickSlider .slick-dots li {
    width: 20px;
    height: 10px;
}

.events .customSlickSlider .slick-dots li.slick-active button:before {
    opacity: 1;
}

.events .customSlickSlider .slick-dots li button:before {
    opacity: 0.15;
    color: var(--PrimaryLink) !important;
    font-size: 34px;
}

.events .customSlickSlider.slick-dotted {
    margin-bottom: 80px;
}

.events .customSlickSlider.slick-dotted .slick-dots {
    bottom: -45px;
}

.events .customSlickSlider.slick-dotted[data-slider-items="1"] {
    padding-bottom: 0;
    margin-bottom: 30px;
}

@media (max-width: 1580px) {
    .events .customSlickSlider.slick-dotted {
        padding-left: 85px;
        padding-right: 85px;
    }

    .events .customSlickSlider.slick-slider .slick-prev {
        left: 15px;
    }

    .events .customSlickSlider.slick-slider .slick-next {
        right: 15px;
    }
}

@media (max-width: 991px) {
    .events .customSlickSlider {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .events .customSlickSlider.slick-dotted {
        padding-bottom: 80px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .events .customSlickSlider.slick-slider .slick-arrow {
        top: initial;
        bottom: 0;
        left: 50%;
        right: initial;
        transform: translateX(-50%);
    }

    .events .customSlickSlider.slick-slider .slick-prev {
        left: calc(50% - 38px);
    }

    .events .customSlickSlider.slick-slider .slick-next {
        left: calc(50% + 38px);
    }
}

/* event block 1 */
.event-home-block-1 .customSlickSlider.slick-dotted {
    margin-bottom: 0
}

.event-home-block-1 .event-block-header .header-title {
    margin: 0 0 35px;
    line-height: 1.4;
}

.event-home-block-1 .item-list-events-container .item .wrap {
    border-radius: 16px;
    padding-top: 0;
    box-shadow: none !important;
}

.event-home-block-1 .item-list-events-container .item .wrap .thumb-link a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.182083) 48%, rgba(0, 0, 0, 0.38) 58%, #000000 100%);
    -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;
}

.event-home-block-1 .item-list-events-container .item .desc-event {
    display: none;
}

.event-home-block-1 .item-list-events-container .item .caption-item {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    padding-left: 30px;
    padding-bottom: 25px;
    background-color: transparent;
}

.event-home-block-1 .item-list-events-container .item .caption-item .location,
.event-home-block-1 .item-list-events-container .item .caption-item .date,
.event-home-block-1 .item-list-events-container .item .caption-item .item-tags li,
.event-home-block-1 .item-list-events-container .item .caption-item .care-icon i,
.event-home-block-1 .item-list-events-container .item .caption-item  * {
    color: #fff !important;
}

.event-home-block-1 .item-list-events-container .item .caption-item .location i,
.event-home-block-1 .item-list-events-container .item .caption-item .date i {
    display: none;
}

.event-home-block-1 .item-list-events-container .item .caption-item .date {
    color: #fff !important;
    font-size: 20px;
    font-family: var(--LightFont);
    height: auto;
}

.event-home-block-1 .item-list-events-container .item .caption-item .title {
    max-height: initial;
    -webkit-line-clamp: 1;
}

.event-home-block-1 .item-list-events-container .item .caption-item .title span {
    color: #fff !important;
    font-size: 25px;
    line-height: 32px;
}

.event-home-block-1 .item-list-events-container .item .caption-item h3 {
    margin: 8px 0;
}

.event-home-block-1 .item-list-events-container .item .caption-item .item-tags ul {
    margin: 0;
    list-style-type: disc !important;
        padding-left: 30px;
}

.event-home-block-1 .item-list-events-container .item .caption-item .item-tags li {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-family: var(--LightFont);
    display: list-item;
}

.event-home-block-1 .item-list-events-container .item .caption-item .care-icon {
    right: 15px;
    bottom: 15px;
    top: initial;
}

.event-home-block-1 .item-list-events-container .item .main-img {
    padding-top: 75%;
}

.event-home-block-1 .item-list-events-container .item .thumb-link img {
    object-fit: cover;
    height: 100% !important;
}

.event-home-block-1 .item-list-events-container  .slick-dots {
    display: none !important;
}


@media (hover: hover) {
    .event-home-block-1 .item-list-events-container .item:hover .wrap .thumb-link a:after {
        opacity: .4;
    }
}

@media (min-width: 768px) {
    .event-home-block-1 .customSlickSlider.slick-dotted {
        padding-bottom: 25px;
    }
}
@media (max-width: 767px) {
    .event-home-block-1 .event-block-header .header-title {
        text-align: center;
        margin: 0 0 25px;
    }

    .event-home-block-1 .item-list-events-container .item .caption-item {
        padding: 15px;
    }

    .event-home-block-1 .item-list-events-container .item .caption-item .title span {
        font-size: 20px;
        line-height: 24px;
    }

    .event-home-block-1 .item-list-events-container .item .caption-item .date,
    .event-home-block-1 .item-list-events-container .item .caption-item .item-tags li {
        font-size: 13px;
    }

    .event-home-block-1 .item-list-events-container .item .caption-item .item-tags ul {
        padding-left: 20px;
    }

    .event-home-block-1 .event-block-button.row.pad10 {
        margin-top: 25px;
    }
}

/* event block 2 */
.event-home-block-2 {
    margin-top: 100px;
}

@media (max-width: 767px) {
    .event-home-block-2 {
        margin-top: 60px;
    }
}

/* event block 3 */
.event-home-block-3 {
    background-color: #EDEEFF;
    max-width: 100%;
    padding: 50px 0;
    overflow: hidden;
    margin-top: 0;
}

.event-home-block-3 .item-list-events-container {
    max-width: 1470px;
    margin: 0 auto;
    float: none;
}

.event-home-block-3 .item-list-events-container .item .wrap {
    background-color: #fff;
}

@media (max-width: 991px) {
    .event-home-block-3 {
        padding: 30px 15px;
    }

    .event-home-block-3 .event-block-header p {
        max-width: 270px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* event block */
.item-list-events-container .item {
    padding: 0 12px;
    margin-bottom: 24px;
}

.item-list-events-container .item .wrap {
    border-radius: 16px;
    overflow: hidden;
    background: #FAFAFA;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 10%);
    display: flex;
    flex-direction: column-reverse;
    padding-top: 60%;
    height: 100%;
    justify-content: flex-end;
    position: relative;
}

.item-list-events-container .item .thumb-link {
    position: initial;
}

.item-list-events-container .item .main-img {
    position: initial;
    padding: 0;
    background: transparent;
}

.item-list-events-container .item .thumb-link img {
    object-fit: cover;
    background: #eff1f2;
    padding: 0;
    height: 50% !important;
}

.item-list-events-container .item .desc-event {
    background: #FAFAFA;
    opacity: 1;
    position: relative;
    height: auto;
    padding: 10px 22px 22px;
    z-index: 0;
}

.item-list-events-container .item .desc-event .desc-content {
    color: #1f254f;
    font-size: 16px;
    line-height: 20px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-list-events-container .item .caption-item {
    padding: 22px 22px 0;
    margin-top: 0;
    position: relative;
    z-index: 1;
    background: #FAFAFA;
}

.item-list-events-container h3:first-child {
    margin-top: 0;
}

.item-list-events-container .item .caption-item h3 + .caption-footer {
    position: initial;
    margin-top: 10px;
}

.item-list-events-container .caption-footer .care-icon {
    margin: 0;
    right: 10px;
}

.item-list-events-container .item .caption-item .caption-footer {
    margin-top: 0;
}

.item-list-events-container .item .caption-item .location i,
.item-list-events-container .item .caption-item .date i {
    display: none;
}

.item-list-events-container .item .caption-item .location,
.item-list-events-container .item .caption-item .date,
.item-list-events-container .item .caption-item .item-tags li,
.item-list-events-container .item .caption-item .care-icon i {
    color: #1f254f !important;
}

.item-list-events-container .item .caption-item .title span {
    color: #1f254f !important;
}

.item-list-events-container .item .caption-item .location,
.item-list-events-container .item .caption-item .date {
    font-size: 16px;
    height: auto;
    line-height: normal;
}

.item-list-events-container .caption-item h3 .title {
    font-size: 25px;
    max-height: initial;
    line-height: 30px;
    text-transform: none;
}

.item-list-events-container .caption-item .item-tags ul {
    margin: 0;
}

.item-list-events-container .caption-item .item-tags li {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
}

.item-list-events-container .caption-item .care-icon {
    right: 15px;
    bottom: initial;
    top: 15px;
}

.tagRibbon {
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 1;
}

.tagRibbon.featured:before {
    content: 'Featured';
    background: #FDE04E;
    display: block;
    font-family: var(--HeadingFont);
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    padding: 10px 20px;
    color: #000;
    height: 44px;
}

.tagRibbon.featured:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-left: 15px solid #FDE04E;
  border-right: 15px solid transparent;
  border-bottom: 23px solid transparent;
  border-top: 22px solid transparent;
  top: 0;
  right: -30px;
}

/* 2 item per row */
.two-items-container .item .wrap {
    padding-top: 45%;
}

.two-items-container .item .thumb-link img {
    height: 65% !important;
}

/* single item */
.single-event-container .single-event {
    border-radius: 16px;
    overflow: hidden;
    background: #FAFAFA;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 10%);
    height: 100%;
    position: relative;
    margin: 0 0 24px;
    padding: 0;
}

.single-event-container.slick-initialized .slick-slide {
    padding: 0 !important;
    margin-left: 12px;
    margin-right: 12px;
}

.single-event-container .single-event .col-sm-6 {
    padding: 0;
}

.single-event-container .single-event .main-img {
    margin-right: 24px;
}

.single-event-container .single-event .main-img,
.single-event-container .single-event .thumb-link {
    height: 100%;
}

.single-event-container .single-event .main-img img {
    height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.single-event-container .single-event h3 {
    margin: 20px 0 15px;
}

.single-event-container .single-event .title {
    font-size: 38px;
    max-height: max-content;
}

.single-event-container .single-event .title,
.single-event-container .single-event .address li,
.single-event-container .single-event .descr p,
.single-event-container .single-event .item-tags .addr,
.single-event .care-icon i {
    color: #1f254f !important;
}

.single-event-container .single-event .address li,
.single-event-container .single-event .item-tags .addr,
.single-event-container .single-event .descr p {
    font-family: var(--NormalFont) !important;
    font-size: 18px;
    line-height: 22px;
}

.single-event-container .single-event .address li i {
    display: none;
}

.single-event-container .single-event .descr p {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.single-event-container .single-event .caption-item {
    padding: 25px 25px 25px 0;
    display: flex;
    flex-direction: column;
}

.single-event-container .single-event .social-event-group {
    bottom: 25px;
    border-color: rgb(31 37 79 / 20%);
}

.event-tiles .single-event .caption-item .address {
    order: 1;
}

.event-tiles .single-event .caption-item h3 {
    order: 2;
}

.event-tiles .single-event .caption-item .item-tags {
    order: 3;
    margin-top: 0;
}

.event-tiles .single-event .caption-item .item-tags .addr {
    border: 0;
    padding: 0;
    margin: 0;
}

.event-tiles .single-event .caption-item .descr {
    order: 4;
    margin-top: 15px;
}

.event-tiles .single-event .social-event-group {
    order: 5;
}

@media (hover: hover) {
    .single-event-container .single-event:hover,
    .item-list-events-container .item:hover .wrap {
        box-shadow: 3px 5px 5px 5px rgb(0 0 0 / 10%);
    }
}

@media (min-width: 1200px) {
    .single-event-container .single-event .social-event-group {
        width: calc(100% - 25px);
    }
}

@media (max-width: 991px) {
    .item-list-events-container .item {
        width: 50%;
    }

    .item-list-events-container .item .wrap {
        padding-top: 45%;
    }
    
    .single-event-container .single-event h3 {
        padding: 0;
        margin: 10px 0;
    }
    
    .single-event-container .single-event .title {
        font-size: 25px;
        padding: 0;
    }
    
    .single-event-container .single-event .address li,
    .single-event-container .single-event .item-tags .addr,
    .single-event-container .single-event .descr p {
        font-size: 16px;
    }

    .event-tiles .single-event .caption-item .descr {
        margin-top: 10px;
    }

    .single-event .care-icon i {
        font-size: 18px;
    }

    .single-event .social-event-group {
        margin-top: 12px;
        padding-top: 12px;
    }

    .single-event-container.slick-initialized .slick-slide {
        display: flex;
    }
}

@media (max-width: 767px) {
    .item-list-events-container .item {
        width: 100%;
        padding: 0;
    }

    .item-list-events-container .item .wrap {
        padding-top: 50%;
    }

    .item-list-events-container .item:last-child {
        margin-bottom: 24px;
    }

    .item-list-events-container .item .thumb-link img {
        height: 65% !important;
    }

    .tagRibbon.featured:before {
        height: 30px;
        font-size: 13px;
        padding: 3px 15px;
    }

    .tagRibbon.featured:after {
        border-top-width: 16px;
        border-bottom-width: 15px;
        border-right-width: 10px;
        border-left-width: 10px;
        right: -20px;
    }

    .single-event-container .single-event {
        display: flex;
        flex-direction: column;
    }
    
    .single-event-container .single-event .col-sm-6 {
        width: 100%;
    }
    
    .single-event-container .single-event .main-img {
        margin-right: 0;
    }
    
    .single-event-container .single-event .thumb-link {
        padding-bottom: 50%;
    }
    
    .single-event-container .single-event .thumb-link img {
        position: absolute;
    }
    
    .single-event-container .single-event .caption-item {
        margin-top: 0;
        padding: 22px;
    }
}

/* Search result page */
.page-search header {
    min-height: 500px;
}

.page-search header .nav-tabs > li.active > a {
    color: var(--customText);
}

.page-search .formSearchHead.form-user {
    padding-bottom: 15px;
}

.page-search .formSearchHead.form-user form .input-group {
    border-radius: 0;
}

.page-search .formSearchHead.form-user form .input-group .input-group-addon span {
    margin-top: 15px;
    font-family: var(--LightFont);
        line-height: normal;
}

.page-search .tagRibbon {
    top: 10px;
}

.page-search .search-result .tab-content {
    margin: 40px 0 0;
}

.page-search .search-result .resultGrid {
    margin: 0 -12px 0;
}

.search-result .search-result-relate li a {
    border-width: 1px;
    font-family: var(--MediumFont);
    padding-top: 7px;
    background: transparent !important;
    color: var(--PrimaryLink) !important;
}

.page-search .search-result .search-result-relate li.active a {
    color: var(--customText) !important;
    border-color: var(--customText) !important;
    border-width: 1px;
}

.page-search .tagRibbon.featured:before {
    height: 30px;
    font-size: 13px;
    padding: 3px 15px;
}

.page-search .tagRibbon.featured:after {
    border-top-width: 16px;
    border-bottom-width: 15px;
    border-right-width: 10px;
    border-left-width: 10px;
    right: -20px;
}

.page-search .item-list-events-container .item .wrap {
    padding-top: 150px;
}

.page-search .item-list-events-container .item .main-img {
    background-image: none;
}

.page-search .item-list-events-container .item .thumb-link img {
    height: 150px !important;
}

.page-search .item-list-events-container h3 {
    margin-top: 0;
    padding-right: 18px;
}

.page-search .item-list-events-container .caption-item {
    padding: 15px 15px 0;
    position: relative;
}

.page-search #resultGrid .item-list-events-container .caption-item h3 .title {
    font-size: 20px;
    line-height: 24px;
}

.page-search #resultGrid .item-list-events-container .caption-item .location,
.page-search #resultGrid .item-list-events-container .caption-item .date {
    font-size: 15px;
    font-family: var(--NormalFont);
    line-height: 24px;
        color: #1f254f;
}

.page-search .item-list-events-container .desc-event {
    padding: 10px 15px 15px;
}

.page-search .item-list-events-container .desc-event p {
    font-size: 15px;
    font-family: var(--NormalFont) !important;
}

.page-search .item-list-events-container .caption-item .caption-footer {
    position: initial;
}

.page-search .item-list-events-container .caption-item .care-icon {
    margin: 0;
    right: 10px;
}

.page-search .item-list-events-container .caption-item .care-icon i {
    font-size: 18px;
}

.page-search #resultGrid .item-list-events-container .item {
    margin-bottom: 25px;
}

.single-event .care-icon.clicked i, .item-list-events-container .care-icon.clicked i {
    color: var(--customText) !important;
}

.load-more-content .btn-show-more {
    border-radius: 35px;
    border: 1px solid var(--customText);
    color: #fff !important;
    text-transform: uppercase;
    min-width: 200px;
    padding: 12px 20px;
    font-family: var(--HeadingFont);
    line-height: normal;
    background-color: var(--customText) !important;
}

.load-more-content .btn-show-more span.icon-load {
    background-color: var(--customText);
}

.load-more-content .btn-show-more span.icon-load i {
    color: #fff;
}

.search-result .resultListView .item h3 a,
.search-result .resultListView main .info-detail,
.search-result .resultListView main .info-detail i,
.search-result .resultListView .caption p,
.search-result .resultListView .caption .care-icon i {
    color: var(--customText);
}

.search-result .resultListView .item h3 a {
    text-transform: capitalize;
    font-size: 30px;
}

.search-result .resultListView .caption p {
    color: var(--customText);
    font-family: var(--NormalFont);
}

.search-result .resultListView main .info-detail p {
    font-family: var(--MediumFont);
}

.search-result .resultListView .caption {
    border-color: var(--customText);
}

.search-result .resultListView .events-container-row .item {
    padding: 0;
}

.search-result .resultListView .events-container-row > .item {
    margin-bottom: 25px;
}

.search-result .resultListView .events-container-row .item .row {
    display: flex;
}

.search-result .resultListView .events-container-row .item .row .item,
.search-result .resultListView .events-container-row .item .row .wrap,
.search-result .resultListView .events-container-row .item .caption {
    height: 100%;
}

@media (hover: hover) {
    .search-result .search-result-relate li:not(.active) a:hover {
        opacity: .8;
    }
    
    .btn.btn-show-more:focus,
    .btn.btn-show-more:hover {
        color: #fff !important;
    }
    
    .btn.btn-show-more:hover {
        opacity: 0.8;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .page-search .item-list-events-container .item .wrap {
        padding-top: 120px;
    }

    .page-search .item-list-events-container .item .thumb-link img {
        height: 120px !important;
    }
}

@media (max-width: 991px) {
    .page-search header {
        min-height: 350px;
    }

    .page-search #resultGrid .item-list-events-container .item {
        width: 50%;
    }

    .page-search .item-list-events-container .item .wrap {
        padding-top: 220px;
    }

    .page-search .item-list-events-container .item .thumb-link img {
        height: 220px !important;
    }
}

@media (max-width: 767px) {
    .page-search header {
        min-height: 250px;
    }

    .page-search #resultGrid .item-list-events-container .item {
        width: 100%;
    }

    .page-search .search-result .tab-content {
        margin: 25px 0 0;
    }

    .page-search .search-result .resultGrid {
        margin: 0;
    }

    .formSearchHead.form-user h1 {
        font-size: 26px;
    }

    .search-result .resultListView .events-container-row .item .row {
        flex-direction: column;
    }
    
    .search-result .resultListView .item .wrap.imgcontainer {
        margin-bottom: 10px;
    }
    
    .search-result .resultListView .item h3 a {
        font-size: 25px;
    }

    .page-search header .nav-tabs {
        right: 15px;
    }
}

/* Search result form */
.search-result .right h4 {
    font-size: 28px;
    color: var(--customText);
}

.search-result .right h4 span:before,
.search-result .right h4 span:after {
    top: 17px;
    background-color: var(--customText);
}

.search-result form[role="search"] .form-group .form-control,
.search-result form[role="search"] .form-group.addCat {
    border-radius: 35px;
    font-family: var(--LightFont);
}

.search-result form[role="search"] .form-group .form-control {
    border: 1px solid #dfdfe0;
    line-height: normal;
    padding: 12px 15px;
}

.search-result form[role="search"] .form-group .form-control,
.search-result form[role="search"] .form-group.addCat,
.search-result form[role="search"] .form-group.addCat .form-control option {
    background-color: #eeeeee !important;
    color: #555;
}

.search-result form[role="search"] .form-group .form-control::placeholder,
.search-result form[role="search"] .icon:before {
    color: #555 !important;
}

form[role="search"] .form-control,
.search-result form[role="search"] .groupdate .form-control {
    font-size: 18px;
}

.search-result form[role="search"] .icon:before,
.search-result form[role="search"] .icon.addCat:before {
    z-index: 0;
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    right: 15px;
    bottom: 14px;
}

.search-result form[role="search"] .icon:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    content: "\f078";
    font-size: 15px;
    color: #555;
}

.search-result form[role="search"] .groupdate .icon:first-child:before {
    right: 20px;
}

.search-result form[role="search"] .groupdate .icon:last-child:before {
    right: 28px;
}

.search-result form[role="search"] .clear-date-range {
    text-transform: none;
}

.search-result form[role="search"] .addCatVal li {
    font-family: var(--LightFont);
    color: #fff;
    padding: 5px 8px 4px;
    margin-right: 5px;
    margin-bottom: 4px;
    border-radius: 20px;
    margin: 0 5px 5px 0;
    text-transform: capitalize;
}

.search-result form[role="search"] .reset {
    font-size: 0;
    color: #555;
}

.search-result form[role="search"] .reset .fa-times {
    font-size: 15px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
}

.search-result form[role="search"] .reset:after {
    content: "Clear";
    font-size: 16px;
    margin-left: 5px;
    font-family: var(--HeadingFont);
}

.search-result form[role="search"] .submit,
.search-result form[role="search"] .btn-save-alert {
    padding: 10px 20px;
    height: 46px;
    line-height: normal;
    font-size: 18px;
}

.search-result form[role="search"] .submit lable {
    font-size: 0;
}

.search-result form[role="search"] .submit lable:after {
    content: "Search";
    font-size: 18px;
}

@media (max-width: 991px) {
    .search-result .right form {
        max-width: 600px;
    }
}


/* Search overlay */
.search-overlay .close-advSearch .fa-times,
.search-overlay .title-advance-search i,
.search-overlay .adv-search .addCat.icon:before,
.adv-search .date-container .fa{
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}

.search-overlay .close-advSearch .fa-times {
    font-size: 30px;
}

.search-overlay .title-advance-search {
    font-family: var(--HeadingFont);
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 0;
}

.search-overlay .adv-search .form-control {
    border-radius: 35px;
    font-family: var(--LightFont);
    font-size: 18px;
    padding: 10px 15px;
}

.search-overlay .adv-search .addCat.icon:before {
    font-size: 18px;
    right: 20px;
    top: 16px;
}

.easy-autocomplete-container ul li div {
    font-family: var(--LightFont);
}

.adv-search .addCatVal ul.list-inline li {
    font-family: var(--LightFont);
    font-size: 13px;
    color: #fff;
    padding: 5px 8px 4px;
    margin-right: 5px;
    margin-bottom: 4px;
    border-radius: 20px;
    margin: 0 5px 5px 0;
    text-transform: capitalize;
}

.search-overlay .reset-date a {
    font-family: var(--NormalFont);
}

@media (max-width: 767px) {
    .search-overlay {
        padding: 0 !important;
    }
    
    .search-overlay .container {
        padding: 0;
    }
    
    .adv-search {
        margin-top: 20px;
    }
    
    .search-overlay .adv-search .adv-filter,
    .search-overlay .adv-search .adv-search-location {
        margin-top: 30px;
    }
    
    .search-overlay .adv-search .adv-search-date {
        margin-top: 15px;
    }
    
    .search-overlay .underlined:after {
        top: 32px;
    }
    
    .search-overlay .adv-search h4 {
        margin-bottom: 25px;
    }
}


/* add form */
.caption-event-custom .caption .fa {
    font-family: "Font Awesome 6 Pro";
}

.standard-form form .input-group {
    border-radius: 35px;
    overflow: hidden;
}

.standard-form form .input-group .form-control,
.standard-form form select,
.standard-form form textarea {
    font-family: var(--LightFont);
    color: #555;
}

.standard-form form .input-group .form-control::placeholder {
    color: #555;
}

.form-group.icon:before,
.input-group.icon:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
    content: "\f078";
    font-size: 15px;
    color: #555;
    bottom: 20px;
}

.standard-form form .input-group .form-control:focus::placeholder {
    color: transparent
}

.add-date {
    border-width: 2px;
    font-size: 18px;
    padding: 13px 7px;
}

.addCatVal li {
    font-family: var(--LightFont);
    color: #fff;
    padding: 5px 8px 4px;
    margin-right: 5px;
    margin-bottom: 4px;
    border-radius: 20px;
    margin: 0 5px 5px 0;
    text-transform: capitalize;
}

.separate-line i {
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    top: 2px;
    position: relative;
}

.standard-form form .add-btn-group button {
    text-transform: uppercase;
    font-size: 20px !important;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .flex-adddate .form-group + .form-group {
        padding-left: 0;
    }
}

@media (max-width: 1199px) {
    .add-date {
        font-size: 14px;
        padding: 13px 5px;
    }

    .add-session-link i {
        margin: 0
    }
}

@media (max-width: 767px) {
    .caption-event-custom .caption {
        border-width: 3px;
    }

    .caption-event-custom .caption .fa {
        font-size: 50px;
    }

    .caption-event-custom .caption h3 {
        font-size: 22px;
    }

    .add-date {
        font-size: 16px;
    }

    .standard-form form {
        margin-bottom: 30px
    }
}

/* editable form */
.formRegisterEditEditablePage .input-page-url .page-url {
    font-family: var(--LightFont);
    padding-left: 10px;
}

/* admin page */
li.token-input-token-facebook {
    background-color: var(--PrimaryButton) !important;
    padding-top: 0;
}

.user-status.siteadministrator {
    color: #000;
    padding-top: 5px;
}

.event-admin .event-status.approved {
    padding-top: 5px;
}

.search-events-admin-form .input-group-lg .form-control,
.search-events-admin-form .input-group-lg .input-group-btn .btn,
.search-events-admin-form .input-group-lg .btn {
    font-size: 16px;
}

.search-events-admin-form .form-group.icon:before {
    bottom: 15px;
    font-size: 14px;
}

.form-bulkaction .form-group.icon:before {
    right: 10px;
    bottom: 11px;
    font-size: 12px;
}

.formRegisterEditEditablePage .btn-editorial {
    font-size: 0;
}

.formRegisterEditEditablePage .btn-editorial:before {
    content: 'Submit';
    font-size: 20px;
}

@media (min-width: 768px) {
    .form-bulkaction .submit {
        padding-top: 4px;
    }
}

@media (max-width: 767px) {
    .form-bulkaction .form-group.icon:before {
        right: 20px;
    }
}

/* account pages */
.form-user form .input-group {
    border-radius: 35px;
    overflow: hidden;
}

.form-user form .input-group .form-control {
    font-family: var(--LightFont);
}

.event-management .event-management-controls .btn {
    line-height: normal;
}

.shortlist .caption h3 a,
.shortlist main .info-detail {
    text-transform: capitalize;
}

.tab-content.content-account-tabs > .tab-pane .form-user > h3 {
    line-height: 1.6;
}

@media (max-width: 767px) {
    .event-status-dropdown .btn-event-status .btn-eventStatus {
        font-size: 16px;
    }
}

/* planning tool */
.event-planning-page .main-content .container {
    width: 100%;
}

[dropdown-select] [dropdown-control] {
    border-radius: 35px;
    overflow: hidden;
    font-family: var(--LightFont);
    color: #555;
    border: 1px solid #dfdfe0;
}

.event-planning-search .form-group-button .reset {
    font-size: 0;
    color: #555;
}

.event-planning-search .form-group-button .reset .fa-times {
    font-size: 15px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
}

.event-planning-search .form-group-button .reset:after {
    content: "Clear";
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 5px;
    font-family: var(--HeadingFont);
}

.notification-search p {
    font-family: var(--SpecialFont);
}

@media (max-width: 767px) {
    .event-planning-search .form-group-button .reset:after {
        font-size: 14px;
    }
}

/* Categories page */
.page-categories h1 span {
    color: var(--PrimaryLink);
    border: 0;
}

.page-categories #categories .events-container {
    margin: 20px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 22px;
    row-gap: 30px;
    height: auto !important;
}

.page-categories #categories .events-container .item {
    position: relative !important;
    width: 100% !important;
    top: initial !important;
    left: initial !important;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    transform: none !important;
}

.page-categories #categories .events-container .imgcontainer {
    min-height: 200px;
    background: transparent;
}

.page-categories #categories .events-container .imgcontainer .caption:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.182083) 48%, rgba(0, 0, 0, 0.38) 58%, #000000 100%) !important;
    -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;
}

.page-categories1 #categories .events-container .imgcontainer .main-img {
    position: relative; 
}

.page-categories #categories .events-container .imgcontainer .main-img:before {
    display: none;
}

.page-categories #categories .events-container .imgcontainer .main-img img {
    position: relative !important;
    top: initial !important;
    left: initial !important;
}

.page-categories #categories .events-container .icon-container {
    display: none;
}

.page-categories #categories .events-container .caption {
    top: 0;
    left: 0;
    height: 100%;
}

.page-categories #categories .events-container .caption a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1;
    position: relative;
}

.page-categories #categories .events-container .caption .title {
    padding: 0;
    padding: 20px;
    font-size: 25px;
    color: #fff;
    font-family: var(--NormalFont);
    line-height: 1.5;
}

.page-categories #categories .events-container .arts_and_culture .imgcontainer .main-img {
    background-image: url(https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/arts-culture-and-food-thumb.webp) !important;
}

@media (hover: hover) {
    .page-categories #categories .events-container .item:hover .imgcontainer .caption:before {
        opacity: .4;
    }
}

@media (max-width: 991px) {
    .page-categories #categories .events-container {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 16px;
        row-gap: 16px;
    }
}

@media (max-width: 767px) {
    .page-categories #categories .events-container .caption .title {
        font-size: 16px;
    }
    
    .page-categories #categories .events-container .imgcontainer {
        min-height: 132px;
    }
}

/* Background - Category pages */
.page-category.arts-culture-and-food .image-header-bg {
    background-image: url('https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/arts-culture-and-food.webp');
}

.page-category.business-and-community .image-header-bg {
    background-image: url('https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/business-and-community.webp');
}

.page-category.classes-and-workshops .image-header-bg {
    background-image: url('https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/classes-and-workshops.webp');
}

.page-category.lifestyle-and-family .image-header-bg {
    background-image: url('https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/lifestyle-and-family.webp');
}

.page-category.markets .image-header-bg {
    background-image: url('https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/markets.webp');
}

.page-category.music-and-entertainment .image-header-bg {
    background-image: url('https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/music-and-entertainment.webp');
}

.page-category.sporting .image-header-bg {
    background-image: url('https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/sporting.webp');
}

.page-category.tours .image-header-bg {
    background-image: url('https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/tours.webp');
}

/*Categories page*/
.category-item.arts,_culture_and_food .imgcontainer.cropimage .main-img { background-image: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/arts-culture-and-food-thumb.webp") !important; }
.category-item.business_and_community .imgcontainer.cropimage .main-img { background-image: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/business-and-community-thumb.webp") !important; }
.category-item.classes_and_workshops .imgcontainer.cropimage .main-img { background-image: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/classes-and-workshops-thumb.webp")!important; }
.category-item.lifestyle_and_family .imgcontainer.cropimage .main-img { background-image: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/lifestyle-and-family-thumb.webp")!important; }
.category-item.markets .imgcontainer.cropimage .main-img { background-image: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/markets-thumb.webp")!important; }
.category-item.music_and_entertainment .imgcontainer.cropimage .main-img { background-image: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/music-and-entertainment-thumb.webp")!important; }
.category-item.sporting .imgcontainer.cropimage .main-img { background-image: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/sporting-thumb.webp")!important;  }
.category-item.tours .imgcontainer.cropimage .main-img { background-image: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/WhatsOnInIpswich/categories/tours-thumb.webp")!important;}


/* Category pages */
.page-category header {
    height: 500px;
    overflow: hidden;
}

.page-category .image-header-bg {
    height: 100%;
    filter: blur(3px);
    background-position: top center !important;
    display: block !important;
}

.page-category header .overlay {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    display: block !important;
    top: 0;
    background: rgba(0, 0, 0, .6);
}

.page-category header .cotent-category-filters-header {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.page-category header .image-header-title h1 {
    margin-top: 20px;
}

.page-category .events-filters {
    max-width: 1000px;
}

.page-category .events-filters a {
    border-radius: 20px;
    text-transform: capitalize;
}

.events-category {
    padding-top: 0;
}

.events-category >.container {
    margin-top: 50px;
}

.events-category >.container + .container {
    margin-top: 100px;
}

.events-category .event-block-header .header-title.underlined {
    margin-bottom: 24px;
    text-transform: capitalize;
}

.events-category .many-items-container {
    padding-right: 6px;
    padding-left: 6px;
}

.events-category .many-items-container .caption-item {
    padding: 15px 15px 0;
    background: #FAFAFA;
}

.events-category .item-list-events-container .caption-item h3,
.events-category .many-items-container .caption-item h3 {
    padding-right: 30px;
}

.events-category .many-items-container .caption-item h3 .title {
    font-size: 22px;
    line-height: 26px;
}

.events-category .many-items-container .desc-event {
    padding: 10px 15px 15px;
}

.see-more.btn-secondary {
    color: #000 !important;
}

.events-category .row.pad10 {
    padding: 0;
    text-align: center;
}

.events-category .col-xs-6.pad10 {
    padding: 0;
    width: auto;
    float: none;
    display: inline-block;
}

.events-category .see-more {
    display: inline-block;
    padding: 15px 20px;
    border-radius: 50px;
    margin: 0 12px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .events-category >.container {
        margin-top: 30px;
    }

    .events-category >.container + .container {
        margin-top: 60px;
    }

    .events-category .many-items-container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/* event preview popup */
.event-preview-modal .event-preview .title-event {
    color: #1f254f !important;
}

.event-preview-modal .event-preview .location-event,
.event-preview-modal .event-preview .date-event,
.event-preview-modal .event-preview .date-organiser {
    color: #1f254f !important;
    font-size: 16px !important;
}

.event-preview-modal .event-preview .date-organiser {
    font-family: var(--MediumFont);
    margin-bottom: 10px;
}

/* register page */
.registersignin-page .btn-close i {
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    color: var(--customText);
}

.registersignin-page .list-connect .item {
    max-width: max-content;
}

.registersignin-page .list-connect .wrap {
    font-size: 16px;
    border-radius: 35px;
    padding: 14px 15px;
    background-color: var(--SocialLoginButton) !important;
    cursor: pointer;
}

.registersignin-page .list-connect .wrap i {
    font-size: 24px;
}

.registersignin-page .list-connect .wrap span {
    padding-top: 2px;
    font-size: 13px;
}

@media (hover: hover) {
    .registersignin-page .message-form a:hover,
    .registersignin-page .term-agreement a:hover {
        text-decoration: underline;
    }

    .registersignin-page .list-connect .wrap:hover {
        opacity: .8;
    }
}

/* content page */
.landingpages .main-content>.container,
.editable__detail_page .main-content>.container,
.custom__page .main-content>.container {
    padding-top: 0;
}

.landingpages header,
.custom__page header {
    background-position: center;
    overflow: hidden;
    height: 500px;
    box-sizing: content-box;
}

.landingpages header .image-header-bg,
.editable__detail_page header .image-header-bg,
.custom__page header .image-header-bg {
    display: block;
    filter: blur(0);
    height: 500px;
    background-position: center center !important;
    display: block !important;
}

.landingpages header .image-header-coverup,
.editable__detail_page header .image-header-coverup,
.custom__page header .image-header-coverup {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    display: block !important;
    top: 0;
    background: #00000059;
}

.landingpages .image-header-title,
.editable__detail_page h1.text-uppercase.m-b-lg,
.editable__detail_page .custom-header,
.custom__page .hero-banner {
    max-width: calc(100% - 30px);
    height: 400px;
    width: 100%;
    position: absolute;
    top: -400px;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #fff;margin: 0;
    text-align: center;
}

.editable__detail_page h1.text-uppercase.m-b-lg span {
    text-transform: none;
    border: 0;
}

.editable__detail_page .custom-header p,
.custom__page .hero-banner p {
    margin-bottom: 0;
    color: #fff !important;
    font-weight: normal;
    max-width: 850px;
    font-size: 20px;
}

.editable__detail_page .custom-header p + p,
.custom__page .hero-banner p + p {
        margin-top: 30px;
}

.page-editorials .event-block-header h1,
.editorial__detail_page .main-content .col-sm-8.col-lg-8>h1 {
    text-align: left;
    text-transform: none;
    color: #fff;
}

.editable__detail_page header {
    height: 500px;
    background-color: transparent
}

.landingpages .page-content,
.custom__page .page-content .content {
    margin-top: 50px;
}

.editable__detail_page .page-content .link,
.custom__page .page-content .link {
    text-decoration: underline;
}

.landingpages header {
    background: url(https://event-hubs.s3.ap-southeast-2.amazonaws.com/WhatsOnInIpswich/hero/hero-banner.webp) center top / cover no-repeat;
}

.landingpages .cotent-category-filters-header .image-header-title {
    display: none;
}

.landingpages .image-header-title .h1 {
    margin: 0;
    font-size: 50px;
    line-height: 60px;
}

.landingpages .image-header-title .sub-title {
    font-size: 20px;
    line-height: 24px;
    margin: 10px 0 0;
}

@media (hover: hover) {
    .article-detail-content ul a:hover,
    .article-detail-content p a:hover {
        text-decoration: underline;
        text-decoration-line: underline !important;
    }
}

@media (max-width: 767px) {
    .landingpages .main-content>.container,
    .editable__detail_page .main-content>.container,
    .custom__page .main-content>.container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

aside {
    background-color: #EDEEFF;
    padding: 20px;
}

aside>nav>ul {
    padding-left: 20px;
}

/* active states for sidebar */
body.page-about-whats-on-in-ipswich li a.about,
body.page-help-faqs li a.faqs,
body.page-contact-us li a.contact {
    border-bottom: 1px solid;
}

/* landing page content */
.landingpages .intro {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.landingpages .intro p,
.landingpages .col-xs-12.text-center p {
    font-size: 20px;
    line-height: 30px;
    color: #686868;
}

.landingpages .btn {
    min-width: 150px;
    line-height: 26px;
    padding: 10px 30px;
}

.landing-events-wrapper {
    margin-top: 100px;
}

@media (max-width: 767px) {
    .landing-events-wrapper {
        margin-top: 60px;
    } 
}

/* precinct gallery styles */
.precinct-gallery {
    margin-top: 100px;
}

.precinct-gallery .images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 50px;
}

.precinct-gallery .images .img {
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

.precinct-gallery .images img {
    width: 100%;
    height: 100%;
    max-width: inherit;
    object-fit: cover;
    object-position: center;
    display: block;
    margin: 0;
    margin-bottom: 0 !important;
    transition: all 0.5s;
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.precinct-gallery .item:not(.show):hover img {
    cursor: pointer;
    transform: translate(-50%, -50%) scale(1.15);
}

.precinct-gallery .prev,
.precinct-gallery .next {
    position: fixed;
    top: 45%;
    width: 50px;
    height: 10%;
    text-decoration: none;
    z-index: 99999;
    color: rgb(255 255 255);
    font-size: 0 !important;
    transition: all .2s;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.precinct-gallery .prev:before,
.precinct-gallery .next:before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    font-size: 60px;
}

.precinct-gallery .prev:before {
    content: "\f053";
}

.precinct-gallery .next:before {
    content: "\f054";
}

.precinct-gallery .prev.end,
.precinct-gallery .next.end,
.precinct-gallery .prev.end *,
.precinct-gallery .next.end * {
    opacity: .7;
    cursor: no-drop;
}

.precinct-gallery .prev {
    left: 2%;
}

.precinct-gallery .next {
    right: 2%;
}

.precinct-gallery .item.show {
    display: flex !important;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0px;
    align-self: center;
    object-fit: contain;
    z-index: 9999;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 0;
    background: rgba(0, 0, 0, .5);
}

.precinct-gallery .item.show .img {
    display: block;
    position: relative;
    width: 90%;
    height: 100%;
    padding: 0;
    border-radius: 0;
}

.precinct-gallery .item.show .img:before {
    display: none;
}

.precinct-gallery .item.show .img:after {
    content: "Click Anywhere to close";
    position: absolute;
    z-index: 9999;
    display: block;
    width: auto;
    height: auto;
    height: auto;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 0;
    font-weight: 500;
}

.precinct-gallery .item.show img {
    transform: translate(-50%, -50%) scale(1);
    border-radius: 0;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    width: auto;
    height: auto;
}

.active-gallery .next,
.active-gallery .prev {
    display: flex !important;
}

@media (max-width: 991px) {
    .precinct-gallery .prev,
    .precinct-gallery .next {
        width: 25px;
    }

    .precinct-gallery .prev:before,
    .precinct-gallery .next:before {
        font-size: 45px;
    }

    .precinct-gallery .item.show .img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .precinct-gallery {
        margin-top: 50px;
    }
    
    .precinct-gallery .images {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 20px;
    }

    .precinct-gallery .prev:before,
    .precinct-gallery .next:before {
        font-size: 35px;
    }
}

.item-list-events-container .wrapper-tagribbon {
    top: 25px;
}

.item-list-events-container .wrapper-tagribbon .usertag {
    min-width: auto;
    overflow: visible;
    text-overflow: inherit;
    display: block;
}

.wrapper-tagribbon .usertag.Featured:before {
    content: 'Featured';
    background: #FDE04E;
    display: block;
    font-family: var(--HeadingFont);
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    padding: 10px 20px;
    color: #000;
    height: 44px;
    position: relative;
    border-width: 0;
}

.wrapper-tagribbon .usertag.Featured:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 15px solid #FDE04E;
    border-right: 15px solid transparent;
    border-bottom: 23px solid transparent;
    border-top: 22px solid transparent;
    top: 0;
    right: -30px;
}

.page-search .item-list-events-container .wrapper-tagribbon {
    top: 10px;
}

.page-search .wrapper-tagribbon .usertag.Featured:before {
    height: 30px;
    font-size: 13px;
    padding: 3px 15px;
    width: auto;
    line-height: 26px;
}

.page-search .wrapper-tagribbon .usertag.Featured:after {
    border-top-width: 16px;
    border-bottom-width: 15px;
    border-right-width: 10px;
    border-left-width: 10px;
    right: -20px;
    left: initial;
}

@media (max-width: 767px) {
    .wrapper-tagribbon .usertag.Featured:before {
        height: 30px;
        font-size: 13px;
        padding: 3px 15px;
    }

    .wrapper-tagribbon .usertag.Featured:after {
        border-top-width: 16px;
        border-bottom-width: 15px;
        border-right-width: 10px;
        border-left-width: 10px;
        right: -20px;
    }
}

/* Event detail page */
.page-event-preview h1,
.event-detail-pages h1 {
    text-transform: none;
    color: var(--PrimaryButton);
    margin: 16px 0;
}

.page-event-preview h1 span,
.event-detail-pages h1 span {
    border: 0;
}

.page-event-details .event-detail-pages >.container {
    padding: 80px 15px 20px;
}

.page-event-preview main .info-detail .btn-info-detail,
.event-detail-pages main .info-detail .btn-info-detail {
    text-transform: capitalize !important;
}

.page-event-preview main .info-detail li,
.event-detail-pages main .info-detail li {
    font-family: var(--NormalFont);
    color: var(--customText);
    font-size: 18px;
    line-height: 28px;
}

.page-event-preview main .info-detail li i,
.event-detail-pages main .info-detail li i {
    margin-top: 5px;
}

main .info-detail li .fa-clock,
main .info-detail li .fa-phone,
main .info-detail li .fa-paper-plane {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
}

.page-event-preview main .info-detail p,
.event-detail-pages main .info-detail p {
    font-family: var(--NormalFont);
}

.page-event-preview main .info-detail .no-booking,
.event-detail-pages main .info-detail .no-booking {
    background-color: var(--customText);
}

.page-event-preview main .info-detail .link-booking,
.event-detail-pages main .info-detail .link-booking {
    text-decoration: none;
}

.content-detail p {
    font-size: 18px;
    line-height: 26px;
}

.page-event-preview main .social-detail-event .text-social,
.event-detail-pages main .social-detail-event .text-social {
    font-family: var(--BoldFont);
    font-size: 18px;
}

.event-detail-pages main .social-detail-event .jssocials-share {
    border: 1px solid var(--PrimaryButton);
    border-radius: 32px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.event-detail-pages main .social-detail-event .jssocials-share a {
    color: var(--PrimaryButton);
    width: 32px;
    height: 32px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.event-detail-pages main .social-detail-event .jssocials-share a i{
    font-size: 16px !important;
    font-family: 'Font Awesome 6 Brands';
}


.page-event-preview main .social-detail-event .jssocials-share a i.fa-envelope-o,
.event-detail-pages main .social-detail-event .jssocials-share a i.fa-envelope-o {
    font-family: 'Font Awesome 6 Pro';
}

.social.social-link-detail .jssocials .jssocials-share {
    margin: 0.4em;
}

.social.social-link-detail .category.text-social {
    padding-right: 5px;
}

.event-preview-form .social.list-inline li {
    border: 1px solid var(--PrimaryButton);
    border-radius: 32px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.event-preview-form .social.list-inline li a {
    color: var(--PrimaryButton);
    width: 32px;
    height: 32px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.event-preview-form .social.list-inline li a i {
    font-size: 16px !important;
}

.page-event-preview main .other-dates-times,
.event-detail-pages main .other-dates-times {
    text-transform: none;
}

.orginizer {
    font-family: var(--HeadingFont);
    color: var(--customText);
    margin-top: 0;
}

.event-gallery {
    margin: 0;
}

.page-event-preview main .info-detail.typecat p span,
.event-detail-pages main .info-detail.typecat p span {
    font-family: var(--BoldFont);
    font-size: 18px;
    text-transform: none;
}

.page-event-preview main .info-detail.typecat p span:first-child:after,
.event-detail-pages main .info-detail.typecat p span:first-child:after {
    content: ":";
}

.page-event-preview main .info-detail.typecat .facilities-item,
.page-event-preview main .info-detail.typecat p a,
.event-detail-pages main .info-detail.typecat .facilities-item,
.event-detail-pages main .info-detail.typecat p a {
    background-color: var(--customText) !important;
    border-color: var(--customText) !important;
    color: #fff !important;
    font-size: 15px;
    border-radius: 20px;
    padding: 5px 12px 2px;
}

.page-event-preview main .info-detail.typecat .facilities-item,
.event-detail-pages main .info-detail.typecat .facilities-item {
    border: 0;
}

.social.social-link-detail .category.text-social span {
    font-family: var(--BoldFont);
    font-size: 18px;
    text-transform: none;
}

.event-status-detail {
    font-family: var(--HeadingFont);
    font-weight: 500;
    letter-spacing: 0.5px;
}

.related-events-wrapper {
   overflow: hidden;
}

.related-events-wrapper .related-events-container {
    margin-left: -12px;
    margin-right: -12px;
}

.related-events-wrapper .event-block-header {
    padding: 0;
    margin-bottom: 24px;
}

.related-events-wrapper .related-events-footer {
    margin: 0;   
    text-align: center;
}

.related-events-wrapper .related-events-footer .col-xs-6 {
    padding: 0;
    width: auto;
    float: none;
    display: inline-block;
}

.related-events-footer .see-more {
    margin: 10px 12px;
    min-width: 210px;
    text-align: center;
}

.related-events-footer .set-an-alert .see-more {
    color: #000 !important;
    background-color: var(--SecondaryButton) !important;
}

.wrapper-tagribbon {
    top: 25px;
    right: initial;
    left: 0;
    align-items: flex-start;
}

.wrapper-tagribbon .usertag.Featured,
.wrapper-tagribbon .tagRibbon {
    padding: 0;
}

.wrapper-tagribbon .usertag.Featured {
    min-width: auto;
    padding: 0;
    overflow: visible;
    font-size: 0;
    text-overflow: inherit;
    display: block;
    margin-bottom: 7px;
}

.wrapper-tagribbon .usertag.Featured:before,
.wrapper-tagribbon .tagRibbon.featured:before {
    border-color: #FDE04E;
    border-left-color: transparent;
    border: 0;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 15px;
    height: 40px;
    width: 126px;
}

.wrapper-tagribbon .usertag.Featured:after,
.wrapper-tagribbon .tagRibbon.featured:after {
    right: initial;
    left: 126px;
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-right-width: 13px;
    border-left-width: 13px;
}

.wrapper-tagribbon .usertag {
    font-size: 13px;
    font-weight: 500;
    overflow: visible;
    display: block;
    padding: 4px 6px;
    min-width: 95px;
}

.wrapper-tagribbon .usertag:before {
    background: var(--PrimaryButton);
    display: block;
    border-width: 0;
    right: initial;
    left: 0;
}

.wrapper-tagribbon .usertag:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid var(--PrimaryButton);
    border-right: 10px solid transparent;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    top: 0;
    right: -20px;
}

.wrapper-tagribbon .event-status-detail.event-status {
    display: block;
    font-family: var(--HeadingFont);
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 10px 15px;
    color: #000;
    height: 40px;
}

.wrapper-tagribbon .event-status-detail + .event-status-detail {
    margin: 10px 0 0;
}

.single-event-container .wrapper-tagribbon {
    top: 25px;
}

@media (hover: hover) {
    .page-event-preview main .info-detail.typecat p.facitity a:hover,
    .page-event-preview main .info-detail.typecat p.category a:hover,
    .page-event-preview main .social-detail-event .jssocials-share a:hover,
    .event-detail-pages main .info-detail.typecat p.facitity a:hover,
    .event-detail-pages main .info-detail.typecat p.category a:hover,
    .event-detail-pages main .social-detail-event .jssocials-share a:hover,
    .event-preview-form .social.list-inline li:hover,
    .info-detail .admin-tags .tags a:hover {
        opacity: 0.8;
    }
    
    .page-event-preview main .info-detail li a:not(.link-booking):hover,
    .event-detail-pages main .info-detail li a:not(.link-booking):hover {
        text-decoration: underline;
    }
}

@media (max-width: 991px) {
    .page-event-preview .social-detail-group,
    .event-detail-pages .social-detail-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .social-detail-group .save-this-event {
        margin-top: 22px;
    }

    .page-event-preview h1,
    .event-detail-pages h1 {
        font-size: 48px;
    }

    .content-detail p {
        font-size: 18px;
        line-height: 28px;
    }

    .page-event-details .event-detail-pages >.container {
        padding-top: 50px;
    }
}

@media (max-width: 767px)  {
    .page-event-details .event-detail-pages >.container {
        padding: 15px;
    }

    .related-events-wrapper .related-events-container {
        margin: 0;
    }

    .wrapper-tagribbon {
        top: 10px;
    }

    .wrapper-tagribbon .usertag.Featured:before,
    .wrapper-tagribbon .tagRibbon.featured:before {
        width: 100px;
        min-width: 100px;
    }

    .wrapper-tagribbon .usertag.Featured:after,
    .wrapper-tagribbon .tagRibbon.featured:after {
        left: 100px;
        border-top-width: 16px;
        border-bottom-width: 16px;
        border-right-width: 10px;
        border-left-width: 10px;
    }

    .wrapper-tagribbon .usertag.Featured:before,
    .wrapper-tagribbon .tagRibbon.featured:before,
    .wrapper-tagribbon .event-status-detail.event-status {
        font-size: 14px;
        line-height: 18px;
        padding: 8px 10px;
        height: 32px;
        text-align: center;
    }
}

.homegallery {
    margin-bottom: 50px;
}