/* COLOURS : can be overridden easily */

:root {
	--hybrid-icons: #007db1;
	--hybrid-icon-secondary: #007db1;
	--hybrid-icon-weight: 900;
	--hybrid-filter-fontsize: 14px;
	--hybrid-filter-height: 54px;
}



/* UTILITIES :  bootstrap columns */
@media (min-width: 768px) and (max-width: 991px) {
	.utopia-page .col-sm-63p { width:63%; }
	.utopia-page .col-sm-20p { width:20%; }
	.utopia-page .col-sm-22p { width:22%; }
	.utopia-page .col-sm-16p { width:16%; }
	.utopia-page .col-sm-12p { width:12%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.utopia-page .col-md-63p { width:63%; }
	.utopia-page .col-md-20p { width:20%; }
	.utopia-page .col-md-22p { width:22%; }
	.utopia-page .col-md-16p { width:16%; }
	.utopia-page .col-md-12p { width:12%; }
}
@media (min-width: 1200px) {
	.utopia-page .col-lg-63p { width:63%; }
	.utopia-page .col-lg-20p { width:20%; }
	.utopia-page .col-lg-22p { width:22%; }
	.utopia-page .col-lg-16p { width:16%; }
	.utopia-page .col-lg-12p { width:12%; }
}
@media (min-width: 1700px) {
	.utopia-page .col-xlg-6 { width:50%; }
}




/* UTILITIES :  date picker */
.wdDatePicker-Outer { background: #EEE; border-radius: 3px; padding: 8px 15px; box-shadow:4px 4px 6px #000; /*margin:65px 0 0 118px;*/ }
.wdDatePicker-Outer * { box-sizing: content-box; }
.wdDatePicker-Outer select { width:100%; margin:8px 0; font-weight:normal; cursor:pointer; }
.wdDatePicker-Outer th,
.wdDatePicker-Outer td { text-align:right; padding:5px 8px; }
.wdDatePicker-Outer td.selected { background:#333; color:#fff; }
.wdDatePicker-Outer td:hover { background:#fff; color:#333; cursor:pointer; }
.wdDatePicker-Outer i { color:#666; }
#wdDatePicker-chronNav { min-height:21px; }
#wdDatePicker-previous { float:left; cursor:pointer; }
#wdDatePicker-next { float:right; cursor:pointer; }

/* UTILITIES :  simple loading spinners */
.lds-dual-ring-medium-dark { display: block; width: 80px; height: 80px; margin:0 auto; }
.lds-dual-ring-medium-dark:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #555; border-color: #555 transparent #555 transparent; animation: lds-dual-ring 1.2s linear infinite; }
.lds-dual-ring-small-dark { display: block; width: 40px; height: 40px; margin:0 auto; }
.lds-dual-ring-small-dark:after { content: " "; display: block; width: 32px; height: 32px; margin: 4px; border-radius: 50%; border: 3px solid #555; border-color: #555 transparent #555 transparent; animation: lds-dual-ring 1.2s linear infinite; }
@keyframes lds-dual-ring {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


/* BUSINESS DIRECTORY UTOPIA :  general */
@media (min-width: 1300px) { .view-directoryv3 > .container { width:1270px; padding:0 15px; } }
#easygadget-html { padding-bottom:50px; }
#easygadget-html table { border:none; }
.utopia-invisible-clickarea-active { overflow-x:hidden; }

/* BUSINESS DIRECTORY UTOPIA :  legend */
.directory-legend { padding-top:18px; }
.directory-legend.overlap-tabs { position:absolute; }
.directory-legend.no-overlap { border-bottom:solid 1px #ddd; padding-bottom:9px; margin-bottom:20px; }
.directory-legend ul { margin:0; padding:0; }
.directory-legend li { margin:0; padding:0 15px 0 0; list-style:none; display:inline-block; color:#666; line-height:19px; vertical-align:top; font-size:var(--hybrid-filter-fontsize); }
.directory-legend li:before { content:' '; display:inline-block; width:30px; height:19px; border-radius:4px; background:#333; vertical-align:top; margin-right:6px; }
.directory-legend li.instant:before { background:#FF8D00; }
.directory-legend li.request:before { background:#FFD800; }
@media (max-width: 767px) {
	.directory-legend { padding-top:13px; }
	.directory-legend li { font-size:12px; padding-right:8px; }
	.directory-legend li:before { width:18px; height:18px; line-height:19px; border-radius:3px; margin-right:4px; }
}
@media (max-width: 340px) {
	.directory-legend { padding-top:5px; }
	.directory-legend li { display:block; }
}

/* BUSINESS DIRECTORY UTOPIA :  tabs */
.directory-nav-tabs-wrapper { font-size:20px; margin-bottom:20px; }
.directory-nav-tabs-wrapper .nav-tabs { border-color:#E4E4E4; }
.directory-nav-tabs-wrapper .nav-tabs > li > a { color:#888; }
.directory-nav-tabs-wrapper .nav-tabs > li a i { line-height:inherit; }
.directory-nav-tabs-wrapper .nav-tabs > li.active > a,
.directory-nav-tabs-wrapper .nav-tabs > li.active > a:focus,
.directory-nav-tabs-wrapper .nav-tabs > li.active > a:hover { color:var(--hybrid-icons); border-color:#E4E4E4; border-bottom-color:transparent; }
@media (max-width: 767px) {
	.directory-nav-tabs-wrapper { font-size:16px; }
	.directory-nav-tabs-wrapper .nav-tabs > li > a { margin:0; }
}

/* BUSINESS DIRECTORY UTOPIA :  specials icons */
.special-offer-circle-promo { background:#7EA019; color:#fff; text-align:center; border-radius:200px; width:80px; height:80px; position:relative; position:absolute; z-index:18; margin:15px 0 0 18px; font-size:16px; font-weight:600; line-height:111%; }
.special-offer-circle-promo:before { content:' '; display:block; border-radius:200px; position:absolute; left:2px; top:2px; right:2px; bottom:2px; border:solid 2px rgba(255,255,255,0.4); }
.special-offer-circle-promo > div { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* BUSINESS DIRECTORY UTOPIA :  search filters */
.directory_utopia_search { margin-top:10px; padding-bottom:30px; }
.utopia-page .utopia__search { margin:0; }
.utopia-page .utopia__search i { line-height:inherit; }
.utopia-page .utopia__search-column { padding:0; }
.utopia__search-control { display:block; border:solid 1px #eee; border-right:none; line-height:var(--hybrid-filter-height); color:#1B1B1B; font-weight:600; padding:0 22px 0 12px; position:relative; overflow:hidden; text-decoration:none !important; outline:none !important; }
.utopia__search-control:hover { background:#fafafa; cursor:pointer; }
.utopia__search-control span { display:inline-block; width:600px; }
.utopia__search-control-window { position:absolute; z-index:1119; min-width:100%; width:300px; border:solid 1px #eee; margin-top:-1px; background:#fff; padding:16px; box-shadow:0 5px 10px rgba(0,0,0,0.12); }
.utopia__search-control-window.dp-small { width:250px; }
.utopia__search-control-window.dp-twocol { width:376px; }
.utopia__search-control-window.medium { width:500px; }
.utopia__search-control-window.large { width:790px; }
.utopia__search-control-invisible-clickarea { position:absolute; z-index:1118; left:-200px; top:-200px; right:-200px; bottom:0; outline:none !important; }
.utopia__search-column-select .utopia__search-control:after { content:'\f078'; display:block; position:absolute; right:16px; top:50%; margin-top:-6px; font-size:var(--hybrid-filter-fontsize); font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'FontAwesome'; font-weight: var(--hybrid-icon-weight); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.utopia__search-column-datepicker .utopia__search-control:after { content:'\f073'; display:block; position:absolute; right:16px; top:50%; margin-top:-10px; font-size:22px; font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'FontAwesome'; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.utopia__search-column-datepicker .utopia__search-control-no-icon:after { display:none; }
.utopia__search-column-datepicker label { font-weight:600; }
.utopia__search-column-datepicker input { border:none !important; background:#fff !important; box-shadow:none !important; padding:0 !important; height:20px !important; margin-bottom:15px; }
.utopia__search-column-datepicker .datepicker-container { margin:20px 0; border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding:10px 0; }
.utopia__search-column-datepicker .datepicker-panel > ul > li.disabled,
.utopia__search-column-datepicker .datepicker-panel > ul > li.disabled:hover { background-color:#f8f8f8; }
.utopia__search-column-button .btn-primary { line-height:var(--hybrid-filter-height); padding:0 20px; width:100%; }
.utopia__search-column-button .btn-primary:hover { color:#fff; background-color:#333; }
.utopia__search-column-button .btn-primary i { margin-right:5px; }
.utopia__search-column-button .utopia__search-control { border-right:solid 1px #eee; background:#F6F6F6; }
.utopia__search-column-button .utopia__search-control i { display:inline-block; vertical-align:middle; margin-right:10px; font-size:22px; line-height:100%; }
.utopia__search-column-button .utopia__search-control span { width:auto; }
.utopia__search-column-bluebtn .utopia__search-control { border:solid 1px var(--hybrid-icons); background:var(--hybrid-icons); color:#fff; text-align:center; font-size:22px; padding:0; }
.utopia__search-activefilters { margin:0; }
.utopia__search-activefilters .col-xs-12 { padding:0; }
.utopia__search-activefilters-list { border:solid 1px #eee; border-top:none; color:#555; line-height:40px; font-size:13px; letter-spacing:0.5px; padding-left:12px; }
.utopia__search-activefilters-list a { margin-left:18px; text-decoration:underline; color:#555; }
.smart-search-finder .utopia__search-control { font-weight:400; }
.smart-search-finder .advancedSelect { width:100%; height:var(--hybrid-filter-height); border:none; box-shadow:none; display:block; appearance:none; }
.smart-search-finder .field-calendar { position:relative; border-right:solid 1px #eee; }
.smart-search-finder .field-calendar input { width:100%; }
.smart-search-finder .field-calendar .input-append button { position:absolute; right:0; top:0; height:var(--hybrid-filter-height); border:none; padding:0; width:var(--hybrid-filter-height); text-align:center; }
.smart-search-finder .field-calendar .input-append button .icon-calendar:after { content:'\f073'; display:block; margin-top:-3px; font-size:22px; font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'FontAwesome'; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.com_finder .autocomplete-suggestions { background:#fff; border:solid 1px #eee; padding:6px 12px; margin-top:-100px; box-shadow:3px 3px 6px rgba(0,0,0,0.15); }
.com_finder .autocomplete-suggestion { cursor:pointer; padding:6px 0; }
@media (max-width: 1800px) {
	.utopia__search-control-window.medium { width:500px; }
	.utopia__search-control-window.large { width:550px; }
}
@media (max-width: 1400px) {
	.utopia__search-control-window.medium { width:466px; }
	.utopia__search-control-window.large { width:400px; }
}
@media (max-width: 767px) {
	.utopia-datepicker-visible { height:100vh; overflow:hidden; }
	.utopia__search-control-invisible-clickarea { right:0; bottom:0; height:1111px; }
	.utopia__search-control-window { width:auto !important; position:fixed; left:0; right:0; top:0; height:100vh; z-index:9998; overflow:scroll; padding-top:70px; }
	.utopia__search-control-window.not-fixed-on-mobile { position:absolute; top:unset; height:unset; padding-top:16px; }
	.utopia__search-control-window > .row { margin:5px auto 0 auto; width:210px; }
	.utopia__search-control-window > .row > .col-xs-12 { padding:0; }
	.utopia__search-control-window .btn-primary { position:fixed; z-index:9999; left:0; right:0; top:0; padding:12px; }
	.utopia__search-control-window.dp-twocol { padding-left:0; }
	.utopia__search-control-window.dp-twocol > .row { width:auto; }
	.utopia-datepicker-visible #results,
	.utopia-datepicker-visible #article-image-1,
	.utopia-datepicker-visible .directory-legend,
	.utopia-datepicker-visible .directory-nav-tabs-wrapper,
	.utopia-datepicker-visible .book-local-experts,
	.utopia-datepicker-visible .backend-intro-article-creator,
	.utopia-datepicker-visible footer { display:none !important; }
	.utopia-datepicker-visible #date_checkout_picker { margin-bottom:70px; }
	.utopia__search-column-button .utopia__search-control { padding:0; text-align:center; }
	.utopia__search-column-button .utopia__search-control i { margin:0; }
	.utopia__search-column-button .utopia__search-control span { display:none; }
	.utopia__search-column-datepicker .utopia__search-control:after { display:none; }
	.localhost-dev-warning { display:none; }
}

/* BUSINESS DIRECTORY UTOPIA :  multiselect filters */
.bd-control-multiselect .checkbox-inline { padding-left:30px; padding-right:30px; line-height:150%; margin-left:0; font-size:14px; width:250px; min-height:30px; }
.bd-control-multiselect input[type='checkbox'] { transform:scale(1.6); opacity:0.6; margin-left:-26px; margin-top:3px; }
.bd-control-multiselect label.checkbox-inline { background: url(../images/icon-checkbox.png) no-repeat 0 0; }
.bd-control-multiselect label.checkbox-inline.checked { background-image: url(../images/icon-checkbox-active.png); }
.bd-control-multiselect label input[type="checkbox"] { visibility: hidden; }
@media (max-width: 767px) {
	.bd-control-multiselect label.checkbox-inline { width: 50%; }
}
@media (max-width: 500px) {
	.bd-control-multiselect label.checkbox-inline { width: 100%; background-position:right 6px top 0; }
	.bd-control-multiselect .checkbox-inline { padding-left:0; }
	.bd-control-multiselect input[type='checkbox'] { right:10px; }
}

/* BUSINESS DIRECTORY UTOPIA :  location hierarchy */
.bd-location-hierarchy-dropdown { }
.bd-location-hierarchy-dropdown a { color:#333; }
.bd-location-hierarchy-search { width:100%; border-bottom:solid 1px #ccc; line-height:30px; outline:none !important; }
.hierarchy-option-state { display:block; padding:8px 5px 3px 0; font-weight:bold; }
.hierarchy-option-region { display:block; padding:3px 5px 3px 15px; transition:background-color 0.2s, opacity 1s, color 0.2s; text-transform:uppercase; /*pointer-events:none;*/ }
.hierarchy-option-region:hover { background:#eee; }
.hierarchy-option-location { display:block; padding:3px 5px 3px 30px; transition:background-color 0.2s, opacity 1s, color 0.2s; }
.hierarchy-option-location:hover { background:#eee; }
.hierarchy-result-location { display:block; padding:6px 5px 6px 5px; transition:background-color 0.2s, opacity 1s, color 0.2s; margin:0 -5px; }
.hierarchy-result-location:hover { background:#eee; }
.hierarchy-result-location:first-child { margin-top:12px; }
.hierarchy-result-operator { display:block; padding:6px 5px 6px 5px; transition:background-color 0.2s, opacity 1s, color 0.2s; margin:0 -5px; }
.hierarchy-result-operator:hover { background:#eee; }
.hierarchy-result-operator:first-child { margin-top:12px; }

/* BUSINESS DIRECTORY UTOPIA :  attribute filters */
.be-attributes-header { display:none !important; }
.be-attributes-bottom { display:none !important; }
.be-attributes-hide { display:none; }
.be-attributes-show-button { padding:12px 0; cursor:pointer; }
.be-attribute-wrapper { width:250px; display: inline-block; vertical-align:top; }

/* BUSINESS DIRECTORY UTOPIA :  special controls */
.utopia-page .datepicker-panel > ul > li { height:25px; line-height:25px; }
.utopia-page .datepicker-panel > ul > li.highlighted { background:#fafafa; }
.utopia-page .datepicker-panel > ul > li.picked { background:var(--hybrid-icons); color:#fff; }
.plusMinusControl { position:relative; margin:12px 8px; border-bottom:solid 1px #eee; padding-bottom:3px; font-weight:600; }
.plusMinusControl a { display:block; position:absolute; top:-2px; font-size:20px; }
.plusMinusControl a:last-child { right:0; }
.plusMinusControl-inner { text-align:center; }
.plusMinusControl-number { vertical-align:top; }
@media (max-width: 767px) {
	.plusMinusControl { margin:12px 8px 12px 0; }
}

/* BUSINESS DIRECTORY UTOPIA :  search filter modal */
body.view-directoryv3 .modal { z-index:9002; }
body.view-directoryv3 .modal-header .close { padding:10px; }
body.view-directoryv3 .modal-content { box-shadow:0 5px 15px rgba(0,0,0,.18); }
body.view-directoryv3 .modal-content h3 { font-size:26px; margin:25px 0 15px 0; clear:both; }
body.view-directoryv3 .modal-body { padding:0 25px 30px 25px; }
body.view-directoryv3 .modal-footer { padding:15px 25px; text-align:left; }
body.view-directoryv3 .modal-footer .btn { height:48px; letter-spacing:1px; min-width:200px; border-radius:2px; }
body.view-directoryv3 .modal-backdrop.in { opacity:0.33; z-index:9001; }
@media (min-width: 920px) {
	body.view-directoryv3 .modal-dialog { width:800px; }
}
@media (min-width: 1200px) {
	body.view-directoryv3 .modal-dialog { width:1080px; }
}
@media (max-width: 767px) {
	body.view-directoryv3 .modal-dialog { margin:0; }
	body.view-directoryv3 .modal-header { padding:8px; }
	body.view-directoryv3 .modal-header .close { margin-top:-5px; }
	body.view-directoryv3 .modal-title { color:#444; font-size:22px; text-align:center; text-transform:none; padding-left:30px; }
	body.view-directoryv3 .modal-content { border-radius:0; border:none; box-shadow:0 3px 9px rgba(0,0,0,0.5); }
	body.view-directoryv3 .modal-content .btn-primary { width:100%; }
	body.view-directoryv3 .modal-body { height:calc(100vh - 48px); overflow:auto; }
	body.view-directoryv3 .modal-footer { position:fixed; top:unset; bottom:0; left:0; right:0; background:#fff; }
	body.view-directoryv3 .modal-backdrop.in { opacity:0.69; }
}

/* Bugfixes for filters modal on iPhone */
@media (max-width:767px) {
	body.modal-open { height:99vh !important; }
	body.modal-open #utopiaFiltersModal { overflow:hidden; height:calc(100vh - 70px); }
	body.modal-open.view-directoryv3 .modal-footer { bottom:70px; }
	body.modal-open.view-directoryv3 .modal-body { padding-bottom:70px; }
}

/* BUSINESS DIRECTORY UTOPIA :  list view items */
.items__directory_utopia { clear:both; }
.items__directory_utopia-list-item { padding:5px 0; border-bottom:solid 1px #eee; transition:box-shadow 0.3s; }
.items__directory_utopia-list-item .col-thumb { padding-right:0; }
.items__directory_utopia-list-item .col-thumb .thumb { background:#f7f7f7; }
.items__directory_utopia-list-item .col-thumb .thumb .utopia-gallery { height:0; padding-bottom:75%; }
.items__directory_utopia-list-item .col-thumb img { width:100%; height:100%; object-fit:cover; display:block; background:#f7f7f7; }
.items__directory_utopia-list-item .col-main { padding-top:12px; }
.items__directory_utopia-list-item .col-btn { padding-left:0; padding-top:12px; }
.items__directory_utopia-list-item .col-btn .im-btn { float:right; width:100%; }
.items__directory_utopia-list-item .col-btn .im-gadgetbutton,
.items__directory_utopia-list-item .col-btn .im-pricebutton { border-radius:3px; display:block; display:grid; }
.items__directory_utopia-list-item .trip-planner-add-button { display:inline-block; font-size:15px; line-height:18px; vertical-align:middle; background:var(--hybrid-icons); color:#fff; border-radius:2px; text-align:center; height:42px; text-transform:uppercase; position:relative; margin-right:5px; padding:12px; }
.items__directory_utopia-list-item .trip-planner-add-button:before { content:"\f46d"; display:inline-block; vertical-align:middle; margin-right:10px; font-size:20px; font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'FontAwesome'; font-weight: var(--hybrid-icon-weight); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; margin-top:-4px; }
.items__directory_utopia-list-item .trip-planner-add-button.added { background:#7EA019; }
.items__directory_utopia-list-item h3 { font-size:30px; margin:0 0 5px 0; letter-spacing:1.2px; }
.items__directory_utopia-list-item .item-address { max-width:32ch; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.items__directory_utopia-list-item .item-data { max-width:32ch; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.items__directory_utopia-list-item .item-type,
.items__directory_utopia-list-item .item-address,
.items__directory_utopia-list-item .item-data { color:#000; font-size:16px; font-weight:500; margin:0 30px 16px 0; float:left; display:block; line-height:180%; letter-spacing:0.4px; }
.items__directory_utopia-list-item .item-type i,
.items__directory_utopia-list-item .item-address i,
.items__directory_utopia-list-item .item-data i { color:var(--hybrid-icon-secondary); font-weight: var(--hybrid-icon-weight); font-size:18px; margin-right:5px; }
.items__directory_utopia-list-item .item-divider { width:32px; height:1px; background:#eee; clear:both; margin:12px 0 16px 0; }
.items__directory_utopia-list-item .item-description { font-size:15px; line-height:150%; margin-bottom:15px; }
.items__directory_utopia .utg-buttons .im-pricebutton.unavailable { display:table !important; width:100% !important; }
.items__directory_utopia .utg-buttons .im-pricebutton.unavailable .im-pricebutton-label { display: table-cell !important; width: 100%; height: 100%; vertical-align: middle; }
.map-visible .items__directory_utopia-list-item .item-address { max-width:24ch; }
.map-visible .items__directory_utopia-list-item .item-data { max-width:24ch; }
@media (max-width: 767px) {
	.items__directory_utopia-list-item > .row { margin:0 -3px; }
	.items__directory_utopia-list-item .col-thumb { padding:0 3px 4px 3px; }
	.items__directory_utopia-list-item .col-thumb .thumb { height:130px; }
	.items__directory_utopia-list-item .col-main { padding:0 3px 4px 3px; }
	.items__directory_utopia-list-item .col-btn { padding:0 3px; }
	.items__directory_utopia-list-item .trip-planner-add-button { width:100%; font-size:13px; line-height:15px; padding:7px 2px; }
	.items__directory_utopia-list-item .trip-planner-add-button:before { font-size:14px; margin-right:3px; }
	.items__directory_utopia-list-item h3 { font-size:22px; margin:0; letter-spacing:0; }
	.items__directory_utopia-list-item .item-type,
	.items__directory_utopia-list-item .item-address,
	.items__directory_utopia-list-item .item-data { margin:0 5px 0 0; font-size:15px; line-height:22px; }
	.items__directory_utopia-list-item .item-type i,
	.items__directory_utopia-list-item .item-address i,
	.items__directory_utopia-list-item .item-data i { font-size:16px; width:18px; text-align:center; margin-right:0; }
	.items__directory_utopia-list-item .col-btn .im-btn { float:none; width:100%; }
	.items__directory_utopia-list-item .col-btn .im-gadgetbutton,
	.items__directory_utopia-list-item .col-btn .im-pricebutton { display:block; width:100%; max-width:280px; padding:12px 0 !important; }
	.items__directory_utopia-list-item .col-btn .im-gadgetbutton-label,
	.items__directory_utopia-list-item .col-btn .im-pricebutton-label { display:inline-block !important; vertical-align:middle; margin:0 !important; }
	.items__directory_utopia-list-item .col-btn .im-gadgetbutton-amount,
	.items__directory_utopia-list-item .col-btn .im-pricebutton-amount { display:inline-block !important; vertical-align:middle; margin:0 !important; }
	.items__directory_utopia-list-item .col-btn .im-gadgetbutton-label br,
	.items__directory_utopia-list-item .col-btn .im-pricebutton-label br { display:none; }
}
@media (max-width: 430px) {
	.items__directory_utopia-list-item .col-thumb .thumb { height:93px; }
}
@media (max-width: 380px) {
	.items__directory_utopia-list-item .col-thumb .thumb { height:83px; }
}
@media (max-width: 330px) {
	.items__directory_utopia-list-item .col-thumb .thumb { height:69px; }
}

/* BUSINESS DIRECTORY UTOPIA :  pagination */
.directory-pagination { text-align:center; }
.directory-pagination nav { z-index:180; }
.directory-pagination .pagination { margin:50px 0 15px 0; }
.directory-pagination .pagination-lg > li > a,
.directory-pagination .pagination-lg > li > span { font-size:15px; }
.directory-pagination .pagination-lg > li > a i { line-height:inherit; }
.directory-pagination p { font-size:var(--hybrid-filter-fontsize); }

/* BUSINESS DIRECTORY UTOPIA :  gallery of images */
.utopia-gallery { position:relative; z-index:8; width:100%; height:100%; }
.utopia-gallery-prev { position:absolute; z-index:12; left:8px; top:50%; margin-top:-10px; display:block; outline:none !important; color:#666; width:30px; line-height:30px; text-align:center; border-radius:100px; background:rgba(255,255,255,0.9); transition:opacity 0.6s; opacity:0; }
.utopia-gallery-next { position:absolute; z-index:12; right:8px; top:50%; margin-top:-10px; display:block; outline:none !important; color:#666; width:30px; line-height:30px; text-align:center; border-radius:100px; background:rgba(255,255,255,0.9); transition:opacity 0.6s; opacity:0; }
.utopia-gallery-prev i, .utopia-gallery-next i { font-size:14px; vertical-align:top; line-height:30px; }
.utopia-gallery:hover .utopia-gallery-prev, .utopia-gallery:hover .utopia-gallery-next, .items__grid-item:hover .utopia-gallery-prev, .items__grid-item:hover .utopia-gallery-next { opacity:1; }
.utopia-gallery img { position:absolute; z-index:9; width:100%; height:100%; object-fit:cover; transition:opacity 1.5s; opacity:0; }
.utopia-gallery img.active { z-index:10 !important; opacity:1; }
.utopia-gallery-navigation .gallery-circle:nth-child(n+15) { display:none; }
@media (max-width: 767px) {
	.utopia-gallery { }
}

/* BUSINESS DIRECTORY UTOPIA :  inline item details gadget */
.items__list .hybrid-inline-details-previous-operator { border-bottom:none; }
.items__list .hybrid-inline-details-parent-operator { border: solid 1px #eee; padding:0; margin:5px -1px 0 -1px; }
.items__list .hybrid-inline-details-parent-operator.items__directory_utopia-list-item .col-btn { padding-right:30px; }
.items__list .hybrid-inline-details-wrapper { border-left: solid 1px #eee; border-right:solid 1px #eee; margin:0 -1px 20px -1px; }
.items__grid .hybrid-inline-details-wrapper { border:solid 1px #eee; border-bottom:none; margin:0 7px 20px 7px; padding:0 !important; width:calc(100% - 16px); }
.hybrid-inline-details-wrapper .be-container { padding: 0 !important; width:auto !important; }
.hybrid-inline-details-wrapper .details-accom-search { display:none !important; }
.hybrid-inline-details-wrapper .items__details-accom-list-item { box-shadow:none; margin:0; border-bottom:solid 1px #eee; }
.hybrid-inline-details-wrapper .items__details-accom-list-item > .th-row:first-child { margin:13px 15px; }
.hybrid-inline-details-wrapper .items__details-accom-list-item .col-thumb { border-radius:0; }
/* .operator-not-selected { opacity:0.8; } */
@media (min-width:768px) {
	.hybrid-inline-details-wrapper .items__details-accom-list-item .col-btn { right:-15px; }
	.hybrid-inline-details-wrapper .item-detail-text-lg { font-size:24px; }
	.hybrid-inline-details-wrapper .item-detail-text-sm { font-size:15px; }
}
@media (max-width:767px) {
	.hybrid-inline-details-parent-operator { padding:12px 0; }
	.hybrid-inline-details-wrapper .items__details-accom-list-item > .th-row:first-child { margin:13px 0; }
	.hybrid-inline-details-wrapper .details-accom-list-container .item-detal-hr { display:none; }
}

/* BUSINESS DIRECTORY UTOPIA :  map page variations */
.map-visible .addthis-smartlayers { display:none !important; }
.map-visible #directory-operators { margin:0 -15px; overflow:hidden; }
.map-visible #directory-operators:before { content:' '; display:block; width:100%; height:20px; position:absolute; z-index:2; box-shadow:inset 0 6px 6px -6px rgba(0,0,0,0.18); }
.map-visible #directory-operators:after { content:' '; display:block; width:100%; height:20px; position:absolute; z-index:2; box-shadow:inset 0 -9px 6px -6px rgba(0,0,0,0.18); margin-top:-20px; }
.map-visible #directory-operators .utopia-page { padding:0 15px; }
.map-visible #banner,
#contentpage.map-visible .parallax-banner,
.map-visible #messages,
.map-visible .backend-intro-article-creator,
.map-visible .content-before-area,
.map-visible .subscribe-email,
.map-visible .book-local-experts,
.map-visible footer { position:relative; z-index:200; }
.map-visible .content-before-area { background:#fff; }
.map-visible .backend-intro-article-creator { background:#fff; margin:0 -15px; padding:20px 0; }
.map-visible .backend-intro-article-creator .container { max-width:1200px; margin:0 auto; }
.map-visible #easygadget-html { padding-bottom:15px; }
.map-visible .directory-pagination .pagination { margin-top:15px; }
#contentpage.map-visible .content-area { margin:0 !important; }
.map-visible main { padding-bottom:0 !important; }
.map-visible main > .container,
.map-visible main > .content-area > .container,
.map-visible .utopia-page .container { width:auto !important; padding:0 15px !important; margin:0 !important; }
.map-visible .directory_utopia_search { margin-top:30px; }
.utopia-map .close-map-button { position:absolute; z-index:198; display:block; background:#fff; color:#333; outline:none !important; border-radius:4px; text-align:center; transition:background-color 0.4s, color 0.4s; margin:10px 0 0 12px; width:40px; height:40px; line-height:40px; box-shadow:0 0 5px rgba(0,0,0,0.25); }
.utopia-map .close-map-button:hover { background:#f2f2f2; color:#000; text-decoration:none; }
.utopia-map .close-map-button i { line-height:inherit; }
.utopia-map-fixed .utopia-map .close-map-button {position:fixed; }
.view-map-button, .view-filters-button { position:fixed; z-index:198; display:block; background:var(--hybrid-icons); color:#fff; outline:none !important; border-radius:40px; text-align:center; transition:background-color 0.4s, color 0.4s; padding:0 18px; left:50%; margin-left:-65px; bottom:30px; font-size:15px; height:42px; line-height:42px; box-shadow:1px 1px 8px 1px rgba(0,0,0,0.25); }
.view-map-button:hover, .view-filters-button:hover { background:#111; color:#fff; text-decoration:none; }

/* BUSINESS DIRECTORY UTOPIA :  TTE full page bg variation */
.map-visible.hasFullPageBg #banner { display:none; }
.map-visible.originallyWasFullPageBg #banner { display:none; }

/* BUSINESS DIRECTORY UTOPIA :  map canvas */
.utopia-page .utopia-map { display:none; }
.utopia-page .utopia-map #mapcanvas { width:100%; height:100%; }
#utopia-map-only-mode.utopia-page .utopia-map,
.utopia-page.tab-map .utopia-map,
.map-visible .utopia-page .utopia-map { display:block; }
@media (min-width: 768px) {
	.utopia-map-fixed .utopia-page .utopia-map { position:fixed !important; bottom:0; }
	.utopia-page .utopia-map { position:absolute; z-index:1; right:0; width:25%; height:calc(100vh - 108px); background:#EBEBEB url(../images/loading.svg) 50% 50% no-repeat; }
	.utopia-page .utopia-map .map-container { position:relative; }
	.map-visible .view-map-button { left:36%; }
	.map-visible #easygadget-html { min-height:100vh; }
	.map-visible main { clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
	.map-visible.modal-open main { /* FILTERS MODAL BUGFIX FOR SAFARI, DO NOT REMOVE: */ clip-path:unset; }
}
@media (min-width: 1200px) {
	.utopia-page .utopia-map { width:33.33%; }
	.map-visible .view-map-button { left:33.33%; }
	.map-visible #easygadget-html .directory_utopia_search { min-width:750px; position:relative; z-index:999; }
	.map-visible.utopia-invisible-clickarea-active .directory_utopia_search,
	.map-visible.utopia-datepicker-visible .directory_utopia_search { z-index:unset !important; }
}
@media (min-width: 1700px) {
	.utopia-page .utopia-map { width:50%; }
	.map-visible .view-map-button { left:25%; }
}
@media (max-width: 1700px) {
	.map-visible .utopia__search-control { font-size:var(--hybrid-filter-fontsize); }
}
@media (max-width: 767px) {
	.map-visible { height:100vh; overflow:hidden; } /* note: this style is being applied on the homepage of travelbug after I added the BDv3 hybrid search gadget */
	#homepage.map-visible { height:auto; overflow:visible; } /* note: this is to fix the above issue */
	.utopia-page .utopia-map { position:fixed !important; z-index:1000; width:100%; left:0; top:83px; bottom:0; background:#EBEBEB url(../images/loading.svg) 50% 50% no-repeat; }
}
@media (min-width:768px) and (max-width:991px) {
	.map-visible .utopia__search-column { margin-bottom:12px; }
	.map-visible .utopia__search-column:nth-child(2) .utopia__search-control { border-right:solid 1px #eee; }
	.map-visible .utopia__search-column:nth-child(3) .utopia__search-control { }
	.map-visible .utopia__search-column:nth-child(4) .utopia__search-control { border-right:solid 1px #eee; }
	.map-visible .utopia__search-column:nth-child(5) .utopia__search-control { }
	.map-visible .directory_utopia_search form > div:last-child .utopia__search-control { }
}
@media (min-width:992px) and (max-width:1199px) {
	.map-visible .utopia__search-column { margin-bottom:12px; }
	.map-visible .utopia__search-column:nth-child(2) .utopia__search-control { border-right:solid 1px #eee; }
	.map-visible .utopia__search-column:nth-child(3) .utopia__search-control { }
}

/* BUSINESS DIRECTORY UTOPIA :  map clustering */

.custom-clustericon { background: var(--cluster-color); color: #fff; border-radius: 100%; font-weight: bold; font-size: 15px; display: flex; align-items: center; box-sizing: content-box; }
.custom-clustericon::before,
.custom-clustericon::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; transform: translate(-50%, -50%); top: 50%; left: 50%; background: var(--cluster-color); opacity: 0.2; border-radius: 100%; box-sizing: content-box; }
.custom-clustericon::before { padding: 7px; }
.custom-clustericon::after { padding: 14px; }
.custom-clustericon-small { --cluster-color: #00a2d3; }
.custom-clustericon-medium { --cluster-color: #ff9b00; }
.custom-clustericon-large { --cluster-color: #ff6969; }

/* BUSINESS DIRECTORY UTOPIA :  map popout (clicking on markers) */
.utopia-map-marker-wrapper .umpopout { }
.utopia-map-marker-wrapper .umpopout .thumb { height: 188px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-color: #333; }
.utopia-map-marker-wrapper .umpopout .details { padding:15px 15px 8px 15px; }
.utopia-map-marker-wrapper .umpopout h2 { font-size:26px; color:var(--hybrid-icons); text-align:left; margin-bottom:18px; line-height:111%; }
.utopia-map-marker-wrapper .umpopout h2 a { text-decoration:none; }
.utopia-map-marker-wrapper .umpopout p { font-size:15px; color:#555; text-align:left; margin-bottom:8px; line-height:122%; }
.utopia-map-marker-wrapper .umpopout .items__grid-item-subtitle { overflow:visible; opacity:1; height:auto; text-align:left; text-transform:none; letter-spacing:0.5px; margin-bottom:8px; }
.utopia-map-marker-wrapper .umpopout .items__grid-item-subtitle i { color:var(--hybrid-icons); }
@media (max-width: 767px) {
	.utopia-map-marker-wrapper .umpopout { width:calc(100vw - 10px); left:calc((100vw - 100px) / 2 * -1); margin-left:5px; }
	.utopia-map-marker-wrapper .umpopout .thumb { position:absolute; left:0; width:120px; height:120px; }
	.utopia-map-marker-wrapper .umpopout .details { margin-left:120px; padding:10px; }
	.utopia-map-marker-wrapper .umpopout .items__grid-item-subtitle { display:none; }
	.utopia-map-marker-wrapper .umpopout h2 { font-size:20px; margin-bottom:5px; min-height:44px; }
	.utopia-map-marker-wrapper .umpopout p { display:none; }
	.utopia-map-marker-wrapper .im-btn a { display:block !important; padding:0 2px !important; }
	.utopia-map-marker-wrapper .im-btn span { display:inline-block !important; line-height:38px !important; vertical-align:top !important; margin:0 !important; }
	.utopia-map-marker-wrapper .im-btn span br { display:none !important; }
}
@keyframes flashyhere {
	0%   { opacity: 1.00; } 
	50%  { opacity: 0.50; } 
	100% { opacity: 1.00; }
}
.operator-is-selected-on-map.items__list-item,
.operator-is-selected-on-map .items__grid-item { animation: flashyhere linear 1s infinite; animation-iteration-count: 2; box-shadow:0 0 5px rgba(0,0,0,0.9) !important; }


/* MAP ONLY MODE  (interactive map) */
#utopia-map-only-mode.utopia-page .utopia-map { position:fixed !important; left:0; right:0; top:0; bottom:unset !important; width:auto !important; height:100vh; }
#utopia-map-only-mode .directory_utopia_search { position:fixed; z-index:1200; top: 10px; left: 10px; margin: 0; width:100%; min-width:150px; max-width:250px; }
#utopia-map-only-mode .close-map-button,
#utopia-map-only-mode .view-map-button { display:none !important; }
.utopia__map-dropdown { display:block; background:#fff; box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-right:none; line-height:44px; color:#1B1B1B; font-family:Roboto, Arial, sans-serif; font-weight:500; font-size:17px; letter-spacing:0.2px; padding:0 22px 0 18px; position:relative; overflow:hidden; text-decoration:none !important; outline:none !important; }
.utopia__map-dropdown:after { content:'\f078'; display:block; position:absolute; right:16px; top:50%; margin-top:-6px; font-size:var(--hybrid-filter-fontsize); font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'FontAwesome'; font-weight: var(--hybrid-icon-weight); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.utopia__map-dropdown:hover { background:#fafafa; }
.utopia__map-dropdown span { display:inline-block; width:600px; }
.utopia__map-dropdown-window { position:absolute; z-index:1119; min-width:100%; width:25vw; max-width:500px; border:solid 1px #eee; margin-top:-1px; background:#fff; padding:16px; box-shadow:0 5px 10px rgba(0,0,0,0.12); }
.utopia__map-dropdown-window .bd-control-multiselect { max-height:calc(100vh - 200px); overflow:auto; margin-bottom:15px; }

@media (max-width: 767px) {
	#utopia-map-only-mode .directory_utopia_search { width:calc(100vw - 70px); max-width:unset; }
}