:root {
--TextColour: #242937;

--PrimaryLink: #4787c9;
--PrimaryHover: #037a9c;
--PrimaryButton: #4787c9;
--PrimaryButtonHover: #037a9c;
--PrimaryButtonText: #ffffff;
--PrimaryButtonHoverText: #ffffff;
--PrimaryButtonBorder: ;

--SecondaryLink: #a1a79f;
--SecondaryHover: #bbc1b9;
--SecondaryButton: #2fb1bf;
--SecondaryButtonHover: #34c3d2;
--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: #4787c9;
--NavigationLinks: #ffffff;
--NavigationLinksHover: #037a9c;
--NavigationText: #ffffff;

--SocialLoginButton: #767c88;
--SocialLoginButtonHover: #878a92;
--SocialLoginButtonText: #ffffff;
--SocialLoginButtonHoverText: #ffffff;

--FooterBackgroundColour: #363c49;

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

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

--PFontSize: 16px;
--BodyFontSize: 14px;
--NavigationFontSize: 14px;
--H1FontSize: 50px;
--H2FontSize: 40px;
--H3FontSize: 28px;
--H4FontSize: 22px;
--H5FontSize: 20px;
}

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/FraserCoastEvents/hero-image.webp") center top/cover no-repeat; }
    .page-search header{ background: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/hero-image.webp") center top/cover no-repeat; }
    .page-expired-events header, .bg-hero header{ background: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/hero-image.webp") center top/cover no-repeat; }
    .categories header{ background: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/hero-image.webp") center top/cover no-repeat; }
    .editorials header{ background: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/hero-image.webp") center top/cover no-repeat; }
    .page-print-search header{ background: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/hero-image.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/FraserCoastEvents/hero-image.webp") center top/cover no-repeat; }
    .page-search header{ background: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/hero-image.webp") center top/cover no-repeat; }
    .page-expired-events header, .bg-hero header{ background: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/hero-image.webp") center top/cover no-repeat; }
    .categories header{ background: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/hero-image.webp") center top/cover no-repeat; }
    .editorials header{ background: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/hero-image.webp") center top/cover no-repeat; }
    .page-print-search header{ background: url("https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/hero-image.webp") center top/cover no-repeat; }
}

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

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

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

.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/FraserCoastEvents/hero-image.webp"); }
/* Variables */
:root {
    --bodyFont: 'DM Sans', sans-serif;
    --headingFont: 'DM Sans', sans-serif;;

    --primaryColor: #4787c9;
    --secondaryColor: #78CAD9;
    --primaryHoverColor: #037a9c;
    --secondaryHoverColor: #ff8654;
}

.primaryText {
    color: var(--primaryColor);
}

.secondaryText {
    color: var(--secondaryColor);
}

.cursive {
/*    font-family: var(--headingFont);*/
    font-family: 'Kaushan Script', cursive;
    font-weight: normal;
}

/* Custom Fonts */
body,
header,
button,
input,
ul,
li,
.events p,
p.event-count,
form[role="search"] .form-control,
form[role="search"] select option,
.search-overlay .title-advance-search,
.search-overlay form .form-control,
.search-overlay form,
.sidebar-nav>.sidebar-brand,
.sidebar-nav>.sidebar-brand a,
.sidebar-nav li a,
header label,
label,
.search-result .resultListView main .info-detail p,
.search-result .resultListView .caption .organiser,
.search-result .resultListView .caption p,
.social-link-detail .text-social,
.page-search header .input-group .form-control,
.form-control-feedback,
.adv-search .addCatVal ul.list-inline li,
.caption-item .title,
.related-events-container .item .info p,
.related-events-footer p,
.collection-content .set-an-alert a,
.btn,
.btn-submit,
.btn-resend,
.save-event,
.orginizer,
.content-detail,
.content-detail p,
.content-detail ul li,
.content-detail ol li,
.form-control,
.standard-form form .form-group label,
.standard-form form .upload-image small,
.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],
input[type="submit"].save-event,
#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 .question,
.faq .answer,
.faq .answer p,
.faq ol>li,
.faq ul>li,
.advance-search-container .nav-tabs li a,
.event-status-dropdown .dropdown-menu li a,
.saved-searches .saved-searches-controls .alert-setting .btn,
.saved-searches .saved-searches-controls .alert-setting .dropdown-menu li,
main .info-detail p,
.info-detail .facitity-list li,
.pika-label,
.pika-title select,
.pika-lendar th,
.pika-button,
.pika-lendar td,
.listing-list .item-listing .caption *,
.article-detail-page .info-detail,
footer .terms a,
.bottom-footer-menu ul li a,
.bottom-footer-menu ul li p,
.article-detail-page .article-title,
.msg-dropzone-error,
.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 *,
.list-connect .wrap a {
    font-family: var(--bodyFont);
    font-weight: 400;
}

.font-base {
    font-family: var(--bodyFont) !important;
    font-weight: 400;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.event-status-detail,
.event-by-categories .caption {
    font-family: var(--bodyFont);
    font-weight: bold;
    line-height: normal;
}

.caption h1 {
    font-family: 'Kaushan Script', cursive;
}


/* Custom - Button */
.btn,
.btn-submit,
.btn-resend,
.save-event,
input[type="submit"].save-event,
.panel.event-preview a.save-event,
.standard-form form .save-event,
.modal-footer .btn {
    border-radius: 30px;
    font-weight: bold;
}

main .info-detail.typecat p.facitity a,
main .info-detail.typecat p.category a,
.search-result form[role="search"] .addCatVal li,
.addCatVal li {
    border-radius: 20px;
}

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

@media (min-width: 992px) {

    .btn-submit,
    .btn-resend,
    .save-event,
    input[type="submit"].save-event,
    .panel.event-preview a.save-event,
    .standard-form form .save-event,
    .modal-footer .btn {
        font-size: 20px;
    }
}

@media (max-width: 991px) {

    .btn-submit,
    .btn-resend,
    .save-event,
    input[type="submit"].save-event,
    .panel.event-preview a.save-event,
    main .other-dates-times .see-more,
    .modify-tags-modal .btn,
    form[role="search"] .submit,
    .standard-form form .save-event,
    .modal-footer .btn {
        font-size: 16px;
    }
}

@media (max-width: 767px) {

    .btn-submit,
    .btn-resend,
    .save-event,
    input[type="submit"].save-event,
    .panel.event-preview a.save-event,
    main .other-dates-times .see-more,
    .modify-tags-modal .btn,
    main .other-dates-times .see-more,
    main .social-detail-event.social-link-detail .text-social,
    form[role="search"] .submit,
    .standard-form form .save-event,
    .modal-footer .btn {
        font-size: 14px;
    }
}


/* Custom - Font size */
body {
    line-height: normal;
}

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

main .other-dates-times .see-more:focus {
    background-color: #4787c9;
    border-color: #4787c9;
}

main .info-detail.typecat p.facitity a,
main .info-detail.typecat p.category a {
    line-height: normal;
}

main .other-dates-times .see-more:focus:hover {
    background-color: #037a9c;
    border-color: #037a9c;
}

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

.search-result form[role="search"] .reset,
.saved-searches .saved-searches-controls .alert-setting button {
    font-size: 14px;
}

.event-planning-calendar .fc-toolbar.fc-header-toolbar h2 {
    font-size: 30px;
}

.event-planning-search .form-group-button .reset {
    font-size: 12px;
}

.event-preview-modal .event-preview .btn {
    line-height: normal;
}

@media (min-width: 768px) {

    main .info-detail li,
    main .social-detail-event.social-link-detail .text-social {
        font-size: 18px;
    }
}

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

    .add-session-link i {
        font-size: 12px;
        margin-right: 2px;
    }
}

@media (max-width: 991px) {
    .add-date {
        font-size: 14px;
    }

    main .info-detail p,
    main .info-detail.typecat p a,
    .search-result form[role="search"] .groupdate .form-control,
    form[role="search"] .form-control {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .main-content h1 {
        font-size: 35px;
        line-height: normal;
    }

    main .info-detail li {
        font-size: 16px;
    }

    main .other-dates-times .see-more {
        background-color: #4787c9 !important;
    }

    main .info-detail p,
    main .info-detail.typecat p a,
    .search-result form[role="search"] .groupdate .form-control,
    form[role="search"] .form-control,
    .search-refine .custom-checkbox-global.custom-checkbox-adv label,
    .search-result .search-refine .addCat.icon:before,
    form[role="search"] select option {
        font-size: 14px;
    }

    form[role="search"] .icon:before,
    .form-group.icon:before {
        font-size: 18px;
    }

    .form-group .label a,
    .search-result form[role="search"] .reset,
    .saved-searches .saved-searches-controls .alert-setting button {
        font-size: 12px;
    }

    .pika-label,
    .pika-button,
    .pika-lendar td,
    .pika-table abbr {
        font-size: 14px !important;
    }

    .pika-button,
    .pika-lendar td {
        font-size: 12px !important;
    }

    .event-planning-calendar .fc-toolbar.fc-header-toolbar h2 {
        font-size: 26px;
    }
}

/* Common */
body:not(.eh_homepage) .event-by-categories {
    display: none;
}

.transition {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* Custom container */
@media (min-width: 1330px) {
    .container {
        width: 1300px;
    }
}

/* Form field */
.form-user form .input-group,
.form-user form .input-group .form-control,
.input-group:not(.search-admin) .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child, .btn-search),
.input-group-btn:not(:first-child):not(:last-child),
.search-result form[role="search"] .submit,
.search-result form[role="search"] .form-group .form-control,
.search-result form[role="search"] .form-group.addCat,
.submit span.icon-load,
.standard-form form .input-group,
.standard-form form .input-group .form-control,
.standard-form form select,
.standard-form form textarea,
.submit-article *,
#defaultImages .dd-select,
.message-form .token-input-list-facebook {
    border-radius: 30px;
}

.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 {
    border: 1px solid #dfdfe0;
    line-height: normal;
}

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

.search-result form[role="search"] .icon.addCat:before {
    z-index: 0;
    bottom: 14px;
}

.search-result form[role="search"] .icon:before {
    bottom: 12px;
}

form[role="search"] .submit {
    line-height: normal;
}

.page-search header .overlay,
.page-search header .page-search-header {
    top: 0;
    bottom: initial;
    height: 220px
}

.page-search header .page-search-header {
    display: flex;
    align-items: flex-end;
}

.page-search .page-search-header .caption {
    width: 100%;
}

.page-search .page-search-header .nav-tabs {
    overflow: hidden;
}

.page-search .item-list-events-container .caption-item {
    padding: 10px;
}

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

.page-search .item-list-events-container .caption-item .date,
.page-search .item-list-events-container .caption-item .organiser,
.page-search .item-list-events-container .caption-item .location {
    font-size: 15px;
}

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

.search-result .resultGrid .single-event-container .item-single {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.page-search .load-more-content .btn-show-more {
    background-color: transparent !important;
    color: #242937 !important;
    border-color: #242937;
    border: 1px solid;
    padding: 10px 20px;
}

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

.search-result .resultListView main .info-detail p {
    font-size: 16px;
}

.search-result .resultListView .item .wrap.imgcontainer {
    border-radius: 20px;
    overflow: hidden;
}

@media (min-width: 992px) {

    .page-search .site-alert~header .overlay,
    .page-search .site-alert~header .page-search-header {
        height: 270px
    }
}

@media (max-width: 991px) {
    .page-search .btn-save-alert {
        padding: 8px 5px;
    }

    .page-search .item-list-events-container .caption-item .title {
        font-size: 16px;
    }

    .page-search .item-list-events-container .caption-item .date,
    .page-search .item-list-events-container .caption-item .organiser,
    .page-search .item-list-events-container .caption-item .location {
        font-size: 13px;
        height: initial;
    }

    .page-search header .overlay,
    .page-search header .page-search-header {
        height: 220px
    }

    .page-search .page-search-header .caption {
        padding-top: 147px;
    }
}

@media (max-width: 767px) {
    .page-search .events-more.search-result-events-more {
        margin-bottom: 20px
    }

    .page-search .load-more-content .btn-show-more {
        font-size: 16px;
    }

    .page-search header {
        min-height: 175px;
    }

    .page-search header .overlay,
    .page-search header .page-search-header {
        height: 175px
    }

    .page-search .page-search-header .caption {
        padding-top: 120px;
    }

    .page-search-header .nav-tabs>li>a {
        font-size: 20px;
    }
}

/* Categories page */
#categories.categories-content h1 {
    font-family: var(--headingFont);
    font-size: 50px;
}

#categories.categories-content h1 span {
    color: var(--primaryColor);
}

#categories.categories-content .events-container {
    display: flex;
    flex-wrap: wrap;
    height: initial !important;
    margin: 0 -15px;
}

.events .events-container {
    height: auto !important;
}

.events .events-container .category-item {
    padding: 0 15px;
    max-width: initial;
    width: calc(100% / 3);
    margin-top: 40px;
    float: none;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transition: none !important;
    transform: none !important;
}

.events .events-container .category-item .wrap {
    border-radius: 15px;
    background: #fff;
    min-height: initial !important;
}

.events .events-container .category-item .main-img:before {
    opacity: 0 !important;
}

.events .events-container .category-item .main-img {
    position: relative;
    display: block;
    background-size: cover;
    border-radius: 15px;
}

.events .events-container .category-item img {
    position: relative;
    transition: all 0.3s ease;
    top: 0 !important;
    left: 0 !important;
}

.events .events-container .category-item .caption {
    font-size: 26px;
    display: table;
    vertical-align: middle;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
}

#categories .category-item .caption .title {
    display: inline-block;
    background-color: transparent !important;
    font-size: 22px;
    line-height: normal;
    padding: 15px 10px 0;
    color: #242937 !important;
    font-family: var(--bodyFont);
    font-weight: bold;
    text-align: center;
}

.events .events-container .category-item .icon-container {
    display: none;
}

.events .events-container .category-item .icon-container span {
    display: inline-block;
    background-color: transparent !important;
    font-size: 24px;
    line-height: normal;
    padding: 15px 10px 0;
    color: #242937 !important;
}

@media (hover: hover) {
    .events .events-container .category-item .wrap:hover .main-img {
        opacity: .8;
    }

    #categories .category-item .wrap:hover .caption .title {
        color: var(--primaryColor) !important;
    }
}

@media (max-width: 1199px) {
    #categories .category-item .caption .title {
        font-size: 18px;
    }

    .events .events-container .category-item {
        margin-top: 30px;
    }

    #categories.categories-content h1 {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    #categories .category-item .caption .title {
        font-size: 16px;
        padding: 10px 5px 0;
    }

    .events .events-container .category-item {
        margin-top: 20px;
    }

    #categories.categories-content h1 {
        font-size: 38px;
    }
}

@media (max-width: 767px) {
    #categories.categories-content .events-container {
        margin-left: -7px;
        margin-right: -7px;
    }

    #categories .category-item .caption .title {
        padding: 10px 0 0;
        font-size: 15px;
    }

    .events .events-container .category-item {
        width: 50%;
        padding: 0 7px;
        margin-top: 15px;
    }

    #categories.categories-content h1 {
        font-size: 36px;
    }
}

/* Categories image */
.page-category.arts-culture .image-header-bg,
.events .events-container .arts__culture .main-img {
    background-image: url(https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/images/categories/artscover.webp) !important;
}

.page-category.business-education .image-header-bg,
.events .events-container .business__education .main-img {
    background-image: url(https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/images/categories/businesscover.webp) !important;
}

.page-category.community-family .image-header-bg,
.events .events-container .community__family .main-img {
    background-image: url(https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/images/categories/communitycover.webp) !important;
}

.page-category.entertainment .image-header-bg,
.events .events-container .entertainment .main-img {
    background-image: url(https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/images/categories/entertainmentcover.webp) !important;
}

.page-category.lifestyle .image-header-bg,
.events .events-container .lifestyle .main-img {
    background-image: url(https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/images/categories/lifestylecover.webp) !important;
}

.page-category.sport-leisure .image-header-bg,
.events .events-container .sport__leisure .main-img {
    background-image: url(https://event-hubs.s3-ap-southeast-2.amazonaws.com/FraserCoastEvents/images/categories/sportcover.webp) !important;
}

/* Categories page */
.page-category.drawer-opened header {
    position: relative;
}

.page-category .image-header-bg {
    height: 100%;
}

.page-category h1 {
    font-family: var(--headingFont);
}

.page-category .events-filters a {
    font-size: 15px;
    font-weight: bold;
    border-radius: 30px;
    padding: 5px 12px;
}

.page-category .item-list-events-container {
    width: calc(100% + 20px) !important;
    margin-left: -10px;
}

.page-category .item-list-events-container .caption-item .date,
.page-category .item-list-events-container .caption-item .organiser,
.page-category .item-list-events-container .caption-item .location {
    font-size: 15px;
    height: initial;
}

.page-category .item-list-events-container .caption-item {
    padding: 10px;
}

.page-category .events .see-more {
    background-color: transparent !important;
    color: #242937 !important;
    border-color: #242937;
    border: 1px solid;
    padding: 10px 20px;
}

.page-category [group="category-block"] {
    margin-top: 50px;
}

.page-category [group="category-block"]:first-child {
    margin-top: 0;
}

.page-category [group="category-block"] .row.pad10 {
    padding: 0;
}

.page-category [group="category-block"] .col-xs-6.pad10 {
    padding: 0 15px;
}

.page-category .item-list-events-container .item {
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .page-category .item-list-events-container .care-icon {
        padding-top: 8px;
        padding-left: 6px;
    }
}

@media (max-width: 991px) {
    .page-category .events-filters a {
        font-size: 14px;
    }

    .page-category [group="category-block"] {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .page-category header .events-filters.category-filters a {
        padding: 2px 15px;
        font-size: 12px;
    }

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

/* Event category */
.events-category {
    margin-top: 30px;
}

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

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

/* Event detail */
.social-link-detail .jssocials,
.social-link-detail .social-share {
    flex: 1;
}

.social-link-detail .social-share li {
    margin: 0;
}

.page-event-details .event-gallery #ImageSlide img,
.page-event-details .event-gallery #ImageEvent img {
    border-radius: 20px;
    height: 100% !important;
    object-fit: cover;
}

.page-event-details .related-events-container .item-list-events-container .caption-item .title {
    font-size: 18px;
}

.page-event-details .related-events-container .item-list-events-container .caption-item .date,
.page-event-details .related-events-container .item-list-events-container .caption-item .organiser,
.page-event-details .related-events-container .item-list-events-container .caption-item .location {
    height: initial;
    font-size: 15px;
}

.page-event-details .related-events-container .item-list-events-container .caption-item {
    padding: 15px;
}

.page-event-details .related-events-container {
    margin-left: -10px;
    margin-right: -10px;
}

.page-event-details .related-events-footer .p-t-md {
    padding-top: 0;
}

.page-event-details h1 {
    text-transform: none;
}

.page-event-details .event-gallery .slider-for .slick-slide .lightbox_trigger {
    height: 100%;
}

.page-event-details .event-gallery .slider-for .slick-slide {
    border-radius: 20px;
    overflow: hidden;
}

.page-event-details .event-gallery {
    overflow: hidden;
}

.page-event-details .wrapper-tagribbon .usertag {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page-event-details .wrapper-tagribbon .usertag {
    border-width: 12px;
}

h1 span {
    border: 0;
}

.wrapper-tagribbon .featured.event-status-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    height: fit-content;
    position: relative;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: #78CAD9;
    border-radius: 20px;
    width: auto;
    padding: 0 10px;
    min-height: 25px;
    margin: 10px;
}

.wrapper-tagribbon .featured.event-status-detail::before {
    border: 0;
    margin: 0;
    padding: 0;
    content: "Featured";
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    height: initial;
    display: block;
    min-width: auto;
}

@media (max-width: 767px) {
    .page-event-details .item-list-events-container .care-icon {
        padding-left: 6px;
        padding-top: 7px;
    }

    .page-event-details .related-events-container .item-list-events-container .caption-item {
        padding: 10px;
    }

    .page-event-details .related-events-container .item-list-events-container .caption-item .title {
        font-size: 16px;
    }

    .page-event-details .related-events-container .item-list-events-container .caption-item .date,
    .page-event-details .related-events-container .item-list-events-container .caption-item .organiser,
    .page-event-details .related-events-container .item-list-events-container .caption-item .location {
        font-size: 13px;
    }

    .page-event-details .jssocials-share-logo {
        font-size: 22px;
    }

    .page-event-details .related-events-wrapper {
        margin-top: 50px;
    }

    .page-event-details .related-events-wrapper .event-block-header {
        padding-bottom: 0
    }

    .event-gallery {
        margin: 10px 0 0;
    }
}

.navbar-nav li ul li,
.navbar-nav>li>a {
    text-transform: none;
    font-size: 16px;
}

.home header .top-menu .container {
    min-height: auto;
}

/*body:not(#tinymce) .signature-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 40px;
}

body:not(#tinymce) .signature-gallery img {
    text-align: center;
}*/

.button-group {
    text-align: center;
    margin-bottom: 30px;
}

/* Custom button */
.see-more {
    border-radius: 30px;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 15px;
    display: inline-block;
    min-width: 100px;
    text-align: center;
    line-height: normal;
}

.see-more.reverse {
    color: #4787c9 !important;
    background-color: #fff;
    border-color: #4787c9;
    border: 2px solid;
}

@media (hover: hover) {
    *:not(.event-block-header)>.see-more:hover {
        color: #fff !important;
        background-color: #242937 !important;
    }

    .see-more.reverse:hover {
        filter: brightness(120%);
    }
}

/* Event block */
.eh_homepage #events {
    padding-top: 80px;
    overflow: hidden;
}

.event-block-header-wrap {
    padding: 0;
}

.event-block-header .header-title {
    margin: 0 0 20px;
    text-align: left;
    font-size: 32px;
    text-transform: none;
    padding: 0 100px 0 60px !important;
    letter-spacing: -2px;
    color: #242937;
}

.event-block-header.no-btn .header-title.underlined {
    padding-right: 0 !important;
}

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

.event-block-header .header-title.underlined:before {
    content: '\f762';
    width: 42px;
    height: 42px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #78CAD9;
    border-radius: 30px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding-top: 8px;
    padding-left: 2px;
}

.event-block-header .see-more {
    position: absolute;
    right: 15px;
    top: 0;
}

.item-list-events-container .thumb-link,
.item-list-events-container .desc-event {
    border-radius: 20px;
    overflow: hidden;
}

.customSlickSlider .slick-list {
    width: calc(100% + 20px) !important;
    margin-left: -10px;
}

.single-event .featured:before,
.item-list-events-container .featured:before,
.tagRibbon.featured:before {
    content: "Featured";
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

.single-event .featured,
.item-list-events-container .featured,
.tagRibbon.featured {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    background-color: #78CAD9;
    border-radius: 20px;
}

.customSlickSlider .slick-prev,
.customSlickSlider .slick-next {
    background-color: transparent !important;
    color: #777E90 !important;
    top: 35%;
}

.customSlickSlider .slick-prev:before,
.customSlickSlider .slick-next:before {
    opacity: 1;
    color: inherit;
}

.customSlickSlider .slick-prev:hover,
.customSlickSlider .slick-prev:focus,
.customSlickSlider .slick-next:hover,
.customSlickSlider .slick-next:focus {
    color: #037a9c !important;
}

.item-list-events-container .caption-item .title {
    max-height: initial !important;
}

.item-list-events-container .caption-item .title span {
    color: #242937;
    font-weight: bold;
    line-height: normal;
}

.item-list-events-container .item-limit-5 .caption-item .title {
    font-size: 17px;
}

.item-list-events-container .item-limit-4 .caption-item .title {
    font-size: 18px;
}

.item-list-events-container .item-limit-4 .caption-item .date,
.item-list-events-container .item-limit-4 .caption-item .organiser,
.item-list-events-container .item-limit-4 .caption-item .location,
.item-list-events-container .item-limit-5 .caption-item .date,
.item-list-events-container .item-limit-5 .caption-item .organiser,
.item-list-events-container .item-limit-5 .caption-item .location {
    font-size: 15px;
    height: auto;
}

.item-list-events-container .item-limit-3 .caption-item .title {
    font-size: 22px;
}

.item-list-events-container .item-limit-2 .caption-item .title {
    font-size: 26px;
}

.item-list-events-container .item-limit-2 .caption-item .date,
.item-list-events-container .item-limit-2 .caption-item .organiser,
.item-list-events-container .item-limit-2 .caption-item .location,
.item-list-events-container .item-limit-3 .caption-item .date,
.item-list-events-container .item-limit-3 .caption-item .organiser,
.item-list-events-container .item-limit-3 .caption-item .location {
    font-size: 16px;
    color: #777E90;
    font-weight: normal;
    height: auto;
}

.single-event .title {
    font-size: 30px;
    max-height: initial;
}

.single-event .title span {
    font-weight: bold;
    line-height: normal;
}

.single-event:not(:hover) .title span {
    color: #242937;
}

.single-event .address li {
    font-size: 18px;
    color: #777E90;
    font-weight: normal;
}

.event-widget-wrapper .single-event-container .item-single {
    margin-left: 0;
    margin-right: 0;
}

.single-event-container .item-single {
    margin-bottom: 20px;
    padding: 0;
    position: relative;
}

.single-event .main-img {
    border-radius: 20px;
    overflow: hidden;
}

.single-event .social-event-group {
    position: absolute;
    bottom: 0;
    left: 0;
    border: 0;
    width: 50%;
    padding: 15px 30px;
    margin: 0;
}

.single-event .main-img img {
    margin-bottom: 0 !important;
}

#resultGrid .single-event .social-event-group {
    position: absolute;
}

.single-event .care-icon {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 20px;
    color: #242937;
    z-index: 1;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-list-events-container .caption-item {
    margin: 0;
    padding: 20px;
    position: relative;
}

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

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

.item-list-events-container .care-icon {
    top: -45px !important;
    right: 15px !important;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 20px;
    color: #242937;
    padding-top: 7px;
    z-index: 1;
    padding-left: 7px;
    margin: 0;
}

.single-event .care-icon i,
.item-list-events-container .care-icon i {
    color: inherit;
    font-size: 16px;
}

.single-event .care-icon.clicked i,
.item-list-events-container .care-icon.clicked i {
    color: #78CAD9 !important;
}

.customSlickSlider .slick-dots li button:before {
    opacity: .48;
    color: #242937;
}

.customSlickSlider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #242937;
}

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

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

.event-block-button {
    padding: 0;
}

.event-block-button .col-xs-6 {
    padding: 0 15px;
}

.event-block-button .see-more,
.related-events-footer .see-more {
    background-color: transparent !important;
    color: #242937 !important;
    border-color: #242937;
    border: 1px solid;
    padding: 10px 20px;
}

.search-result .wrapper-tagribbon, .item-list-events-container .wrapper-tagribbon, .single-event-container .wrapper-tagribbon {
    top: 10px;
}

.search-result .wrapper-tagribbon .usertag, .item-list-events-container .wrapper-tagribbon .usertag, .single-event-container .wrapper-tagribbon .usertag {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.search-result .resultListView .item:hover .caption .clicked i {
    color: #fff;
}

@media (hover: hover) {
    .event-block-button .see-more:hover {
        color: #fff !important;
        background-color: #242937 !important;
    }
}

.item-list-events-container .item {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

@media (min-width: 992px) {
    .single-event .descr p {
        font-size: 18px;
    }
}

@media (min-width: 768px) {

    .single-event .caption-wrap,
    .single-event .caption-item {
        position: initial;
    }
}

@media (max-width: 1199px) {
    .eh_homepage #events {
        padding-top: 50px;
    }

    .event-block-header .header-title.underlined:before {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }

    .event-block-header .header-title {
        font-size: 30px;
        padding-left: 50px !important;
    }

    .event-block-header .see-more {
        padding: 8px 15px;
    }

    .item-list-events-container .caption-item {
        padding: 15px 10px;
    }

    .item-list-events-container .caption-item .title {
        font-size: 18px;
    }

    .item-list-events-container .item-limit-3 .caption-item .title {
        font-size: 20px;
    }

    .item-list-events-container .item-limit-2 .caption-item .date,
    .item-list-events-container .item-limit-2 .caption-item .organiser,
    .item-list-events-container .item-limit-3 .caption-item .date,
    .item-list-events-container .item-limit-3 .caption-item .organiser,
    .item-list-events-container .item-limit-2 .caption-item .location,
    .item-list-events-container .item-limit-3 .caption-item .location {
        font-size: 15px;
    }

    .event-block-button .see-more,
    .see-more {
        padding: 8px 20px;
    }

    .item-list-events-container .care-icon {
        top: -35px;
        right: 10px !important;
        width: 27px;
        height: 27px;
        padding-left: 6px;
        padding-top: 5px;
    }

    .single-event .care-icon i,
    .item-list-events-container .care-icon i {
        font-size: 15px;
    }

    .single-event .featured,
    .item-list-events-container .featured {
        width: 70px;
        height: 22px;
    }

    .single-event .featured:before,
    .item-list-events-container .featured:before {
        font-size: 11px;
    }
}

@media (max-width: 991px) {
    .item-list-events-container .care-icon {
        padding-left: 5px;
    }

    .event-block-header .header-title {
        font-size: 27px;
    }

    .customSlickSlider {
        padding-bottom: 0;
    }

    .item-list-events-container .caption-item .title {
        font-size: 17px !important;
    }

    .single-event .caption-item h3 {
        margin-top: 0;
    }

    .single-event .address li {
        font-size: 15px;
    }

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

    .single-event .title {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .home .events .container {
        margin-bottom: 0;
    }

    .event-block-header .header-title {
        padding-left: 42px !important;
        padding-right: 85px !important;
    }

    .event-block-header .header-title.underlined:before {
        width: 35px;
        height: 35px;
        padding-top: 7px;
        padding-left: 0px;
    }

    .event-block-header .see-more {
        padding: 6px;
        min-width: 80px;
        font-size: 14px;
        top: 2px;
    }

    .customSlickSlider.slick-initialized .slick-slide {
        margin-bottom: 0;
    }

    .see-more {
        font-size: 14px;
    }

    .item-list-events-container .care-icon {
        padding-left: 5px;
    }

    .item-list-events-container .item-limit-2 .caption-item .date,
    .item-list-events-container .item-limit-2 .caption-item .organiser,
    .item-list-events-container .item-limit-3 .caption-item .date,
    .item-list-events-container .item-limit-3 .caption-item .organiser,
    .item-list-events-container .item-limit-2 .caption-item .location,
    .item-list-events-container .item-limit-3 .caption-item .location {
        font-size: 14px;
    }

    .single-event .social-event-group {
        bottom: inherit;
        top: -60px;
        width: 100%;
    }
}

/* Event block 2 */
.event-home-block-2 {
    margin-top: 60px;
    padding: 60px 0;
    background-color: #F4F2ED;
    width: 100%;
    max-width: 100%;
}

.event-home-block-2>.row {
    margin: 0 auto;
}

.event-home-block-2 .item-list-events-container {
    width: calc(100% + 20px) !important;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .event-home-block-2>.row {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .event-home-block-2>.row {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .event-home-block-2>.row {
        width: 1170px;
    }
}

@media (min-width: 1330px) {
    .event-home-block-2>.row {
        width: 1300px;
        max-width: 94%;
    }
}

.event-home-block-2 .event-block-header .header-title.underlined:before {
    content: "\f073";
    padding-left: 0;
}

.item-list-events-container .item-limit-4 .caption-item {
    padding: 15px 10px;
}

@media (max-width: 1199px) {
    .event-home-block-2 {
        margin-top: 50px;
        padding: 50px 0;
    }

    .item-list-events-container .item-limit-4 .caption-item .date,
    .item-list-events-container .item-limit-4 .caption-item .organiser,
    .item-list-events-container .item-limit-4 .caption-item .location,
    .item-list-events-container .item-limit-5 .caption-item .date,
    .item-list-events-container .item-limit-5 .caption-item .organiser,
    .item-list-events-container .item-limit-5 .caption-item .location {
        font-size: 14px;
        height: auto;
    }

    .item-list-events-container.grid-option-items-container .item.item-limit-4,
    .item-list-events-container.grid-option-items-container .item.item-limit-5 {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .item-list-events-container .item-limit-4 .caption-item {
        padding: 10px 10px 5px;
    }
}

/* News block */
.news-home-block {
    margin-bottom: 60px;
    overflow: hidden;
}

.news-home-block .pad10 {
    padding: 0;
}

.news-home-block .header-title {
    text-align: center;
    padding: 0 !important;
    font-family: var(--headingFont);
    font-weight: 700;
    font-size: 50px;
    line-height: normal;
    margin: 0 0 40px;
}

.news-home-block .header-title:before {
    display: none;
}

.news-home-block .item-list-events-container.grid-option-items-container .item {
    margin-bottom: 0
}

.news-home-block .wrap,
.blog-page .item .wrap {
    background-color: #F4F2ED;
    border-radius: 20px;
    padding: 20px;
    height: 100%;
}

.news-home-block .item-list-events-container:not(.customSlickSlider) {
    width: calc(100% + 20px) !important;
    margin-left: -10px;
}

.news-home-block .item-list-events-container .caption-item .title {
    -webkit-line-clamp: initial;
}

.news-home-block .related-events-footer .title {
    text-align: center;
}

.news-home-block .related-events-footer .see-more {
    font-size: 21px;
    display: inline-block;
    min-width: 170px;
    padding: 15px;
    margin-top: 40px;
}

.blog-page .event-block-header h1 {
    font-family: var(--headingFont);
    font-weight: 700;
}

.blog-page .item .wrap .blog-title a {
    -webkit-line-clamp: initial;
}

.blog-page .item .wrap .blog-blurb {
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .news-home-block {
        margin-bottom: 40px;
    }

    .news-home-block .wrap,
    .blog-page .item .wrap {
        padding: 15px;
    }

    .news-home-block .header-title {
        font-size: 42px;
        margin-bottom: 30px;
    }

    .news-home-block .related-events-footer .see-more {
        font-size: 18px;
        margin-top: 30px;
        padding: 12px;
    }

    .news-home-block .item-list-events-container .caption-item,
    .blog-page .item-list-events-container .caption-item {
        padding: 15px 0 0;
    }
}

@media (max-width: 991px) {
    .news-home-block {
        margin-bottom: 40px;
    }

    .news-home-block .header-title {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .news-home-block .blog-blurb {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .news-home-block .related-events-wrapper {
        margin-top: 0;
    }
    
    .news-home-block .header-title {
        margin-bottom: 0;
    }

    .news-home-block .item-list-events-container.grid-option-items-container .item {
        margin-top: 20px;
    }
}

/* Custom block */
/* Event categories */
section.event-by-categories {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    z-index: -99;
    position: relative;
    padding: 0;
    margin: 0;
}

.wrapper-block-categories {
    padding: 80px 0;
    position: relative;
}

.wrapper-block-categories .event-block-header .header-title {
    padding: 0 !important;
    text-align: center;
    font-family: var(--headingFont);
    font-weight: 700;
    font-size: 50px;
    line-height: normal;
    margin-bottom: 0;
}

.wrapper-block-categories .event-block-header .header-title.underlined:before {
    display: none;
}

.wrapper-block-categories .categories {
    overflow: hidden;
}

.wrapper-block-categories .list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.wrapper-block-categories .categories .item {
    padding: 0 15px;
    max-width: initial;
    width: calc(100% / 3);
    margin-top: 40px;
}


.wrapper-block-categories .categories a {
    display: block;
}

.wrapper-block-categories .categories img {
    transition: all 0.3s ease;
    border-radius: 15px;
}

.wrapper-block-categories .categories .caption {
    position: relative;
}

.wrapper-block-categories .categories .ttl {
    display: inline-block;
    background-color: transparent !important;
    font-size: 22px;
    line-height: normal;
    padding: 15px 10px 0;
    color: #242937 !important;
}

@media (min-width: 1025px) {
    .wrapper-block-categories .categories a:hover span {
        color: var(--primaryColor) !important;
    }

    .wrapper-block-categories .categories a:hover img {
        opacity: .8;
    }
}

@media (max-width: 1199px) {
    .wrapper-block-categories {
        padding: 50px 0;
    }

    .wrapper-block-categories .event-block-header .header-title {
        font-size: 42px;
    }

    .wrapper-block-categories .categories .ttl {
        font-size: 18px;
    }

    .wrapper-block-categories .categories .item {
        margin-top: 30px;
    }
}

@media (max-width: 991px) {
    .wrapper-block-categories .event-block-header .header-title {
        font-size: 38px;
    }

    .wrapper-block-categories .categories .ttl {
        font-size: 16px;
        padding: 10px 5px 0;
    }

    .wrapper-block-categories .categories .item {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .wrapper-block-categories {
        padding-top: 35px;
    }

    .wrapper-block-categories .event-block-header .header-title {
        font-size: 36px;
    }

    .wrapper-block-categories .list {
        margin-left: -7px;
        margin-right: -7px;
    }

    .wrapper-block-categories .categories .item {
        width: 50%;
        padding: 0 7px;
        margin-top: 15px;
    }

    .wrapper-block-categories .categories .ttl {
        padding: 10px 0 0;
        font-size: 15px;
    }
}

/* Promo Banner */
.promo-banner {
    min-height: 370px;
    background-color: #eff1f2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    padding: 40px 50px;
    margin-bottom: 80px;
}

.promo-banner.discover {
    background-image: url(https://event-hubs.s3.ap-southeast-2.amazonaws.com/FraserCoastEvents/TFCD-banner.jpg);
}

.promo-banner .title {
    margin: 0 0 10px;
    font-size: 32px;
}

.promo-banner .title span {
    font-size: 30px;
}

.promo-banner p {
    font-size: 18px;
    margin-top: 8px;
}

.promo-banner .btn-custom {
    margin-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
}

@media (max-width: 991px) {
    .promo-banner {
        min-height: 300px;
        padding: 20px 30px;
        margin-bottom: 50px;
    }

    .promo-banner .title {
        font-size: 28px;
        margin-bottom: 5px;
    }

    .promo-banner .title span {
        font-size: 26px;
    }

    .promo-banner p {
        font-size: 16px;
    }

    .promo-banner .btn-custom {
        margin-top: 20px;
        font-size: 18px;
        padding: 10px 20px;
    }
}

@media (max-width: 767px) {
    .promo-banner {
        min-height: 270px;
        padding: 15px;
    }

    .promo-banner .title {
        font-size: 23px;
    }

    .promo-banner .title span {
        font-size: 22px;
    }

    .promo-banner p {
        font-size: 14px;
    }

    .promo-banner .btn-custom {
        margin-top: 15px;
        font-size: 16px;
        padding: 8px 20px;
    }
}

/* Event Promo */
.event-promo {
    background-color: #eff1f2;
    min-height: 370px;
    padding: 80px 0;
    margin-bottom: 80px;
}

.event-promo .container:before,
.event-promo .container:after {
    display: none;
}

.event-promo .image img {
    border-radius: 20px;
    max-width: 100%;
}

.event-promo .title {
    margin: 0 0 5px;
}

.event-promo .title span {
    font-size: 34px;
}

.event-promo p {
    line-height: 1.4;
    font-size: 20px;
}

.event-promo .event-time {
    margin-bottom: 12px;
}

.event-promo .btn-custom {
    margin-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
}

.event-promo.flavours {
    background-color: var(--primaryColor);
}

.event-promo.flavours .btn-custom {
    border-color: #fff !important;
}

@media (min-width: 768px) {
    .event-promo .container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
}

@media (max-width: 1024px) {
    .event-promo .title {
        font-size: 32px;
    }

    .event-promo .title span {
        font-size: 30px;
        margin-bottom: 10px;
        display: block;
    }

    .event-promo p {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .event-promo {
        padding: 50px 0;
        margin-bottom: 50px;
    }

    .event-promo .title {
        font-size: 28px;
    }

    .event-promo .title span {
        font-size: 26px;
        margin-bottom: 5px;
    }

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

    .event-promo .btn-custom {
        margin-top: 20px;
        font-size: 18px;
        padding: 10px 20px;
    }
}

@media (max-width: 767px) {
    .event-promo .title {
        font-size: 24px;
        margin-top: 15px;
    }

    .event-promo .title span {
        font-size: 22px;
    }

    .event-promo p {
        font-size: 14px;
    }

    .event-promo .btn-custom {
        margin-top: 15px;
        font-size: 16px;
        padding: 8px 20px;
    }
}

/* promote-banner */
.promote-banner {
    background-color: #F8F1E6;
    border-radius: 20px;
    padding: 50px;
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.promote-banner h3 {
    margin: 0 0 40px;
    font-size: 40px;
    text-align: center;
}

.promote-banner .see-more {
    min-height: 60px;
    min-width: 150px;
    padding: 15px 30px;
    font-size: 21px;
}

@media (max-width: 991px) {
    .promote-banner {
        padding: 35px;
        min-height: 260px;
        margin-bottom: 20px;
    }

    .promote-banner h3 {
        margin: 0 0 30px;
        font-size: 32px;
    }

    .promote-banner .see-more {
        font-size: 18px;
        padding: 10px 20px;
        min-height: 45px;
        min-width: 120px;
    }
}

@media (max-width: 767px) {
    .promote-banner {
        padding: 20px;
        min-height: 220px;
    }

    .promote-banner h3 {
        margin: 0 0 20px;
        font-size: 28px;
    }

    .promote-banner .see-more {
        font-size: 16px;
        padding: 8px 20px;
        min-height: 40px;
        min-width: 100px;
    }
}

.login-logo img {
    width: 200px;
    height: auto;
}

/* *************************************************** */
/* Custom page/ Landing page/ Editable page */
/* *************************************************** */
/* Nav/ Header */
.landingpages .navbar,
.landingpages .navbar-collapse,
.custom__page .navbar,
.custom__page .navbar-collapse,
.editable__detail_page .navbar,
.editable__detail_page .navbar-collapse,
.editorial__detail_page .navbar,
.editorial__detail_page .navbar-collapse {
    background-color: transparent !important;
}

.landingpages:not(.sticky, .nav-menu-open) .navbar-collapse .logo img,
.custom__page:not(.sticky, .nav-menu-open) .navbar-collapse .logo img,
.editable__detail_page:not(.sticky, .nav-menu-open) .navbar-collapse .logo img,
.editorial__detail_page:not(.sticky, .nav-menu-open) .navbar-collapse .logo img {
    display: block;
}

.landingpages:not(.sticky, .nav-menu-open) .navbar-collapse .logo img.logo-nav,
.custom__page:not(.sticky, .nav-menu-open) .navbar-collapse .logo img.logo-nav,
.editable__detail_page:not(.sticky, .nav-menu-open) .navbar-collapse .logo img.logo-nav,
.editorial__detail_page:not(.sticky, .nav-menu-open) .navbar-collapse .logo img.logo-nav {
    display: none;
}

.landingpages:not(.sticky) .navbar-nav .nav-item>a,
.landingpages:not(.sticky) header .btn-search,
.custom__page:not(.sticky) .navbar-nav .nav-item>a,
.custom__page:not(.sticky) header .btn-search,
.editable__detail_page:not(.sticky) .navbar-nav .nav-item>a,
.editable__detail_page:not(.sticky) header .btn-search,
.editorial__detail_page:not(.sticky) .navbar-nav .nav-item>a,
.editorial__detail_page:not(.sticky) header .btn-search {
    color: #fff;
}

.landingpages:not(.sticky, .nav-menu-open) .group-user .item.btn-signin a,
.custom__page:not(.sticky, .nav-menu-open) .group-user .item.btn-signin a,
.editable__detail_page:not(.sticky, .nav-menu-open) .group-user .item.btn-signin a,
.editorial__detail_page:not(.sticky, .nav-menu-open) .group-user .item.btn-signin a {
    color: #fff !important;
}

.landingpages.nav-menu-open:not(.sticky) header .btn-search,
.custom__page.nav-menu-open:not(.sticky) header .btn-search,
.editable__detail_page.nav-menu-open:not(.sticky) header .btn-search,
.editorial__detail_page.nav-menu-open:not(.sticky) header .btn-search {
    color: #000;
}

.landingpages header,
.custom__page header,
.editable__detail_page header,
.editorial__detail_page header {
    height: 480px;
    background-color: transparent !important;
}

.landingpages header,
/*.custom__page header,*/
.editable__detail_page header,
.editorial__detail_page .article-detail-title {
    position: absolute !important;
    width: 100%;
    left: 0;
    top: 0;
}

.landingpages .image-header-bg,
.custom__page .image-header-bg,
.editable__detail_page .image-header-bg {
    display: block !important;
    filter: none;
    height: 480px;
    background-position: top center !important;
}

.editable__detail_page .image-header-bg,
.editorial__detail_page .image-header-bg {
    display: block !important;
    filter: none;
    height: 480px;
    background-position: center center !important;
}

.landingpages .image-header-bg,
.custom__page .image-header-bg {
    background-image: url(https://event-hubs.s3.ap-southeast-2.amazonaws.com/FraserCoastEvents/slider/hero-image.webp);
}

.landingpages .image-header-coverup,
.custom__page .image-header-coverup,
.editable__detail_page .image-header-coverup,
.editorial__detail_page .image-header-coverup {
    position: absolute;
    z-index: 1;
    height: 480px;
    width: 100%;
    left: 0;
    background: rgb(0 0 0 / 40%);
    display: block !important;
    top: 0;
}

.editable__detail_page.page-relish-food-and-wine-festival .image-header-bg {
    background-image: url(https://event-hubs.s3.ap-southeast-2.amazonaws.com/FraserCoastEvents/images/FoodWineFestival.jpg);
}

/* header title */
.landingpages .cotent-category-filters-header.container {
    position: relative;
}

.landingpages h1,
.landingpages .h1,
.page-heading h1,
.custom__page .page-content>h1,
.editable__detail_page *:not(.article-detail-content)>h1,
.editorial__detail_page .article-detail-title h1 {
    height: 330px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0;
    color: #fff;
    font-size: 90px;
    line-height: normal;
    padding-bottom: 30px;
    text-transform: capitalize;
    text-align: center;
    z-index: 1;
    position: relative;
    font-family: var(--headingFont);
    font-weight: 700;
    width: 100%;
    justify-content: flex-end;
    margin-top: 150px;
}

.page-heading,
.custom__page .page-content>h1 {
    position: absolute;
    top: -480px;
    left: 0;
    max-width: 100%;    width: 100%;
}

.landingpages h1 span,
.landingpages .h1 span,
.page-heading h1 span,
.editable__detail_page *:not(.article-detail-content)>h1 span,
.editorial__detail_page .article-detail-title h1 span {
    max-height: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    border: 0;
}

.landingpages .h1 span {
    font-family: var(--bodyFont);
    font-size: 26px;
    text-transform: capitalize;
}

.landingpages .image-header-title h1 {
    margin: 0;
}

.editorial__detail_page .main-content>.container h1.text-uppercase {
    display: none;
}

@media (max-width: 1199px) {

    .landingpages h1,
    .landingpages .h1,
    .page-heading h1,
    .custom__page .page-content>h1,
    .editable__detail_page *:not(.article-detail-content)>h1,
    .editorial__detail_page .article-detail-title h1 {
        font-size: 70px;
    }

    .landingpages .h1 span {
        font-size: 22px;
    }
}

@media (max-width: 991px) {

    .landingpages h1,
    .landingpages .h1,
    .page-heading h1,
    .custom__page .page-content>h1,
    .editable__detail_page *:not(.article-detail-content)>h1,
    .editorial__detail_page .article-detail-title h1 {
        font-size: 60px;
    }

    .landingpages .h1 span {
        font-size: 20px;
    }

    .landingpages .image-header-title {
        left: 0;
    }
}

@media (max-width: 767px) {

    .page-heading,
    .custom__page .page-content>h1 {
        top: -530px;
        height: 355px;
    }

    .landingpages h1,
    .landingpages .h1,
    .page-heading h1,
    .custom__page .page-content>h1,
    .editable__detail_page *:not(.article-detail-content)>h1,
    .editorial__detail_page .article-detail-title h1 {
        padding: 15px;
        font-size: 45px;
    }

    .landingpages .h1 span {
        font-size: 18px;
    }
}

/* Sidebar */
/*.landingpages #sidebar-wrapper,
.custom__page #sidebar-wrapper,
.editable__detail_page #sidebar-wrapper,
.editorial__detail_page #sidebar-wrapper {
    z-index: 1001;
}*/

.landingpages:not(.drawer-opened, .sticky) header,
.custom__page:not(.drawer-opened, .sticky) header,
.editable__detail_page:not(.drawer-opened, .sticky) header,
.editorial__detail_page:not(.drawer-opened, .sticky) header {
    z-index: 1;
}

/* Intro block */
.intro-block {
    padding-bottom: 80px;
}

.intro-block .desc {
    padding-left: 25px;
}

.intro-block .title {
    margin: 0 0 10px;
    font-size: 32px;
}

.intro-block p {
    font-size: 18px;
    line-height: 1.6;
}

.group-btn {
    display: flex;
    margin: 20px 0;
}

.group-btn .btn-custom {
    min-height: 60px;
    min-width: 150px;
    padding: 15px 25px;
    font-size: 21px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.group-btn .btn-custom:last-child {
    margin: 0;
}

.group-btn .btn-custom i {
    margin-right: 10px;
}

.intro-block .image img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

@media (max-width: 1199px) {
    .intro-block .desc {
        padding-left: 0;
    }

    .intro-block .title {
        font-size: 28px;
    }

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

@media (max-width: 991px) {
    .intro-block {
        padding-bottom: 50px;
    }

    .group-btn .btn-custom {
        font-size: 18px;
        padding: 10px 20px;
        min-height: 45px;
        min-width: 120px;
    }
}

@media (max-width: 767px) {
    .intro-block .desc {
        padding: 0 15px;
        margin-top: 20px;
    }

    .intro-block p {
        font-size: 14px;
    }

    .intro-block .title {
        font-size: 26px;
    }

    .group-btn .btn-custom {
        margin-right: 10px;
        width: 50%;
        font-size: 14px;
        padding: 10px;
        justify-content: center;
    }
}

/* Image gallery */
body:not(#tinymce) .signature-gallery .event-block-header .header-title.underlined:before {
    padding-left: 0;
}

body:not(#tinymce) .signature-gallery {
    background-color: #F4F2ED;
    padding: 80px 0;
    margin-bottom: 80px;
    position: relative;
}

body:not(#tinymce) .signature-gallery:before {
    content: '';
    background-color: #F4F2ED;
    height: 100%;
    width: 100vw;
    position: absolute;
    left: calc((-100vw + 100%) / 2);
    top: 0;
}

body:not(#tinymce) .signature-gallery .images {
    display: flex;
    flex-wrap: wrap;
    margin-left: -7px;
    margin-right: -7px;
}

body:not(#tinymce) .signature-gallery .item {
    width: calc(100% / 8);
    padding: 7px;
}

body:not(#tinymce) .signature-gallery .img {
    position: relative;
    width: 100%;
    height: 97px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

body:not(#tinymce) .signature-gallery .img:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

body:not(#tinymce) .signature-gallery .item img {
    display: block;
    height: 100%;
    border-radius: 10px;
    transition: all 1s;
    margin-bottom: 0 !important;
    max-width: inherit;
    width: auto;
    float: none;
    margin: 0;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

body:not(#tinymce) .signature-gallery .item:not(.show):hover img {
    cursor: pointer;
    transform: scale(1.15);
}

body:not(#tinymce) .signature-gallery .prev,
body:not(#tinymce) .signature-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;
    font-family: monospace;
    transition: all .2s;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body:not(#tinymce) .signature-gallery .prev:before,
body:not(#tinymce) .signature-gallery .next:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 60px;
}

body:not(#tinymce) .signature-gallery .prev:before {
    content: "\f053";
}

body:not(#tinymce) .signature-gallery .next:before {
    content: "\f054";
}

body:not(#tinymce) .signature-gallery .prev.end,
body:not(#tinymce) .signature-gallery .next.end,
body:not(#tinymce) .signature-gallery .prev.end *,
body:not(#tinymce) .signature-gallery .next.end * {
    opacity: .7;
    cursor: no-drop;
}

body:not(#tinymce) .signature-gallery .prev {
    left: 2%;
}

body:not(#tinymce) .signature-gallery .next {
    right: 2%;
}

/* Show lightbox */
body:not(#tinymce) .signature-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);
}

body:not(#tinymce) .signature-gallery .item.show .img {
    display: block;
    position: relative;
    width: 90%;
    height: auto;
    border-radius: 0;
}

body:not(#tinymce) .signature-gallery .item.show .img:before {
    display: none;
}

body:not(#tinymce) .signature-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;
}

body:not(#tinymce) .signature-gallery .item.show img {
    transform: scale(1);
    border-radius: 0;
    max-height: 100%;
    max-width: 90%;
    margin: 0 auto;
    width: auto;
}

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

@media (max-width: 991px) {
    body:not(#tinymce) .signature-gallery {
        padding: 50px 0;
        margin-bottom: 50px;
    }

    body:not(#tinymce) .signature-gallery .item {
        width: calc(100% / 6);
    }

    body:not(#tinymce) .signature-gallery .prev,
    body:not(#tinymce) .signature-gallery .next {
        width: 25px;
    }

    body:not(#tinymce) .signature-gallery .prev:before,
    body:not(#tinymce) .signature-gallery .next:before {
        font-size: 45px;
    }

    body:not(#tinymce) .signature-gallery .item.show .img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    body:not(#tinymce) .signature-gallery .item {
        width: calc(100% / 3);
    }

    body:not(#tinymce) .signature-gallery .prev:before,
    body:not(#tinymce) .signature-gallery .next:before {
        font-size: 35px;
    }
}

/* Event block on landing page */
.landingpages .row.pad10 .see-more,
.editable__detail_page .row.pad10 p .see-more {
    background-color: transparent !important;
    color: #242937 !important;
    border-color: #242937;
    border: 1px solid;
    padding: 10px 20px;
}

.landingpages .item-list-events-container {
    width: calc(100% + 20px) !important;
    margin-left: -10px;
}

.landingpages .row.pad10 {
    padding: 0;
}

.landingpages .col-xs-6.pad10 {
    padding: 0 15px;
}

@media (hover: hover) {

    .landingpages .row.pad10 .see-more:hover,
    .editable__detail_page .row.pad10 p .see-more:hover {
        background-color: #242937 !important;
        color: #fff !important;
        border-color: #242937;
    }
}

/* Custom/Editable/Landing page */
.landingpages #main {
    position: relative;
    overflow: hidden;
}

.landingpages #main .events.space {
    padding: 0 0 80px;
}

.custom__page .main-content>.container,
.editable__detail_page .main-content>.container,
.editorial__detail_page .main-content>.container {
    margin: 0 auto;
    padding: 0 15px;
    background: transparent;
}

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

.editorial__detail_page .article-detail-page,
.editable__detail_page .article-detail-content,
.custom__page .page-content {
    margin: 50px 0;
}

.article-detail-page .editorial-row .article-content .article-title {
    font-size: 16px;
}

.editorial__detail_page .event-gallery {
    display: none;
}

.editorial__detail_page .col-sm-8 .content-detail {
    border-top: 1px solid #dcdcdc;
}

.editorial__detail_page .col-sm-8 .info-detail {
    padding: 5px 0;
}

.article-detail-page .info-detail {
    margin-bottom: 15px;
}

.editorial__detail_page .article-rhs h3 {
    text-transform: capitalize;
    margin: 0;
}

.editable__detail_page .article-detail-content button:hover {
    color: inherit !important;
}

.editable__detail_page .article-detail-content .btn:not(.btn-primary, .btn-secondary, .btn-global) {
    color: var(--primaryColor) !important;
}

.editable__detail_page .article-detail-page {
    overflow: hidden;
}

.event-widget-wrapper .event-widget .row.pad10 {
    padding: 0 15px;
}

.event-widget-wrapper .item-list-events-container {
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 991px) {
    .landingpages #main .events.space {
        padding: 0 0 50px;
    }
}

@media (max-width: 767px) {

    .editorial__detail_page .article-detail-page,
    .editable__detail_page .article-detail-content,
    .custom__page .page-content {
        margin: 25px 0;
    }

    .editorial__detail_page .article-rhs h3 {
        margin-top: 50px;
    }
}


/* Custom element */
/* heading */
h5,
.h5 {
    font-weight: normal;
}

h6,
.h6 {
    font-size: 18px;
    font-weight: normal;
}

.heading-icon {
    display: flex;
    align-items: baseline;
}

.heading-icon i {
    margin-right: 10px;
}

.text-underline {
    border: 0;
    text-decoration: underline;
}

.small-text {
    font-size: 15px;
    margin: 20px 0 !important;
}

.large-text {
    font-size: 32px;
    margin: 30px 0 !important;
}

.square-icon {
    width: 42px;
    min-width: 42px;
    height: 42px;
    background-color: var(--secondaryColor);
    border-radius: 30px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    color: #fff;
    text-align: center;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

blockquote {
    padding: 0 0 0 15px;
    font-size: 20px;
    border-left-width: 8px;
    margin: 30px 0;
    border-color: var(--primaryColor) !important;
    color: var(--primaryColor) !important;
}

blockquote * {
    font-size: inherit;
}

hr {
    border-color: #DCDCDC;
}

iframe {
    max-width: 100%;
}

p .btn {
    margin: 4px;
}

/*.main-content *:not(.cropWrapper, .img) > img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}*/

.section-block {
    margin-top: -100px;
    padding-top: 160px;
}

.custom__page .page-content>h1+.section-block,
.section-block:first-child {
    margin-top: 0;
    padding-top: 0;
}

@media (min-width: 768px) {
    .row-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
}

@media (max-width: 767px) {

    h1,
    .h1 {
        font-size: 35px;
    }

    h2,
    .h2 {
        font-size: 32px;
    }

    h3,
    .h3 {
        font-size: 26px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    h4,
    .h4 {
        font-size: 20px;
    }

    h5,
    .h5 {
        font-size: 18px;
    }

    h6,
    .h6 {
        font-size: 16px;
    }

    p,
    p.event-count {
        font-size: 15px;
    }

    .large-text {
        font-size: 26px;
    }

    .small-text {
        font-size: 14px;
    }

    blockquote {
        padding: 0 0 0 12px;
        font-size: 15px;
        border-left-width: 5px;
    }
}


/* List style */
.main-content ul,
.main-content ol {
    padding-left: 0;
    margin-bottom: 25px;
    list-style-position: inside;
}

.main-content ul li,
.main-content ol li {
    line-height: 1.4;
    margin-bottom: 5px;
}

.list-style-arrow {
    list-style: none;
    padding-left: 0 !important;
    list-style-position: outside !important;
}

.list-style-arrow li {
    position: relative;
    padding-left: 25px;
}

.list-style-arrow li:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    content: "\f105";
    color: #777E90;
    font-size: 18px;
    position: absolute;
    left: 5px;
}

.coloured li:before,
.coloured li::marker {
    color: var(--primaryColor) !important;
    opacity: 1 !important;
}



/* Custom button */
.btn-custom {
    border-radius: 60px;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 40px;
    display: inline-block;
    min-width: 100px;
    text-align: center;
    line-height: normal;
    border: 2px solid;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-custom.primary {
    color: #fff;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.btn-custom.primary:hover {
    color: var(--primaryColor);
    background-color: #fff;
}

.btn-custom.primary.reverse {
    color: var(--primaryColor);
    background-color: #fff;
}

.btn-custom.primary.reverse:hover {
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
    color: #fff;
}

.btn-custom.dark {
    border-color: #242937;
    color: #fff;
    background-color: #242937;
}

.btn-custom.dark:hover {
    color: #242937;
    background-color: #fff;
}

.btn-custom.dark.reverse {
    color: #242937;
    background-color: #fff;
}

.btn-custom.dark.reverse:hover {
    color: #fff;
    background-color: #242937;
}

.btn-custom.small {
    font-size: 15px;
    padding: 8px 20px;
}

.tag-custom {
    background-color: #78CAD9;
    border-radius: 20px;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
}

/* Side Nav */
.side-nav li {
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
    margin: 0;
}

.side-nav ul li:nth-of-type(odd) {
    background: #F3F3F8;
}

.side-nav ul li.active {
    background: var(--primaryColor);
    color: #fff;
}

.side-nav ul li.active a {
    color: #fff;
}

.side-nav ul li.active:before {
    color: #fff !important;
}

.side-nav ul li:before {
    left: 7px;
}

.side-nav ul li a {
    font-size: 18px;
    font-weight: 500;
    color: #29333D;
    display: block;
}

.sidebar-navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: auto;
    transition: all 0.2s ease-in-out;
}

.show-sticky-nav .sidebar-navigation {
    top: 100px;
}

.sidebar-navigation h3 {
    margin-top: 0;
}

@media (max-width: 767px) {
    .sidebar-navigation {
        position: relative;
        top: 0 !important;
        margin-bottom: 30px;
    }

    .sidebar-navigation h3 {
        margin-top: 30px;
    }

    .side-nav ul li a {
        font-size: 15px;
    }

    .side-nav li {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


/* Tabs */
.tabs {
    display: flex;
    align-items: center;
}

.tabs .tablinks {
    color: var(--textColor);
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: .3px;
    padding: 10px 30px;
    background: #fff;
    border-top: 5px solid #D1D3D6;
    border-right: 1px solid #F3F3F8;
}

.tabs .tablinks.active {
    border-top-color: var(--primaryColor);
    background-color: #F3F3F8;
}

.tabcontent {
    display: none;
    padding: 35px 30px;
    background-color: #F3F3F8;
}

.tabcontent.active {
    display: block;
}

.tabcontent .float-left {
    margin-right: 20px;
}

.tabcontent .float-right {
    margin-left: 20px;
}

.tabcontent img.center {
    display: block;
    margin: 0 auto;
}

.tabcontent .heading4 {
    margin-top: 0;
    padding-top: 25px;
}

.tabcontent p:not(:last-child) {
    padding-bottom: 15px;
}

.tabcontent img {
    margin-bottom: 0;
    width: auto;
}

/* Table */
.custom__page .table,
.editable__detail_page .table,
.editorial__detail_page .table {
    margin-bottom: 10px;
}

.custom__page .table>tbody>tr:nth-of-type(odd),
.editorial__detail_page .table>tbody>tr:nth-of-type(odd),
.editable__detail_page .table>tbody>tr:nth-of-type(odd) {
    background-color: #F3F3F8;
}

.custom__page .table tbody tr td,
.editorial__detail_page .table tbody tr td,
.editable__detail_page .table tbody tr td {
    border: 0;
}

.custom__page .table tbody tr:last-child,
.editorial__detail_page .table tbody tr:last-child,
.editable__detail_page .table tbody tr:last-child {
    border-bottom: 3px solid #F3F3F8;
}

.custom__page .table tbody .thead td,
.editorial__detail_page .table tbody .thead td,
.editable__detail_page .table tbody .thead td {
    font-weight: bold;
    font-size: 14px;
    vertical-align: bottom;
    padding: 10px;
}

.custom__page .table tbody td,
.editorial__detail_page .table tbody td,
.editable__detail_page .table tbody td {
    font-size: 14px;
    font-weight: 500;
}

.custom__page .flex-center,
.editable__detail_page .flex-center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* For desktop */
@media (min-width: 1025px) {
    .tabs .tablinks:hover {
        color: var(--textColor);
        border-top-color: var(--primaryColor);
        background-color: #F3F3F8;
    }
}

/* For tablet */
@media (max-width: 991px) and (min-width: 768px) {

    .custom__page blockquote,
    .editable__detail_page blockquote {
        padding: 0 0 0 12px;
        font-size: 18px;
        border-left-width: 6px;
    }

    .tabs .tablink {
        font-size: 14px;
        padding: 10px;
        border-top-width: 4px;
    }

    .tabcontent {
        padding: 25px;
    }
}

@media (max-width: 1199px) {
    .tabs {
        overflow-x: scroll;
    }
}

@media (max-width: 991px) {
    .section-block {
        margin-top: -60px;
        padding-top: 90px;
    }

    .sidebar-navigation.not-state {
        display: block !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* For Mobile */
@media (max-width: 767px) {
    .editable__detail_page .image-header-coverup {
        display: block !important;
    }

    .editable__detail_page .table,
    .editorial__detail_page .table {
        table-layout: fixed;
    }

    .editable__detail_page .table tbody tr td,
    .editorial__detail_page .table tbody tr td {
        width: auto !important;
    }

    .editable__detail_page .table tbody tr td a,
    .editorial__detail_page .table tbody tr td a {
        word-break: break-word;
    }

    .tabs .tablinks {
        font-size: 13px;
        padding: 8px;
        border-top-width: 3px;
    }

    .tabcontent {
        padding: 15px;
    }

    .tabcontent .float-left,
    .tabcontent .float-right {
        float: none !important;
        margin: 0;
    }

    .custom__page .table tbody .thead td,
    .editorial__detail_page .table tbody .thead td,
    .editable__detail_page .table tbody .thead td {
        font-size: 10px;
        padding: 5px 2px;
    }

    .custom__page .table tbody td,
    .editorial__detail_page .table tbody td,
    .editable__detail_page .table tbody td {
        font-size: 10px;
        padding: 5px 2px;
    }
}

.dropzone-content img {
    margin: 0 !important;
}

.registersignin-page .list-connect .wrap a {
    font-weight: 500;
    font-size: 15px;
}

.registersignin-page .list-connect .wrap i {
    font-size: 22px;
    margin-right: 8px;
}

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

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

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

.event-tiles .caption-item .location i,
.event-tiles .caption-item .date i {
    font-size: 100%;
    margin-right: 5px;
    margin-left: 1px;
}

.page-editorials header {
    min-height: 90px;
}

.page-editorials .search-breadcrumb {
    display: none;
}

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

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