.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}:root { --wgm-primary: #32c896;
--wgm-primary-dark: #238b68;
--wgm-secondary: #4285f4;
--wgm-bg-light: #f8f9fa;
--wgm-bg-dark: #2b323c;
--wgm-border-color: #e0e0e0;
--wgm-border-light: #f1f1f1;
--wgm-text-primary: #333333;
--wgm-text-secondary: #516378;
--wgm-text-muted: #777777;
--wgm-white: #ffffff;
--wgm-error: #dc3545; --wgm-space-xs: 4px;
--wgm-space-sm: 8px;
--wgm-space-md: 16px;
--wgm-space-lg: 24px;
--wgm-space-xl: 32px; --wgm-radius-sm: 4px;
--wgm-radius-md: 8px;
--wgm-radius-lg: 12px;
--wgm-radius-round: 50%; --wgm-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI",
Arial, sans-serif;
--wgm-font-size-xs: 11px;
--wgm-font-size-sm: 13px;
--wgm-font-size-md: 14px;
--wgm-font-size-lg: 18px;
--wgm-font-weight-bold: 700; --wgm-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.1);
--wgm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15); --wgm-transition-fast: 0.2s ease;
} .wgm-flex {
display: flex;
}
.wgm-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.wgm-flex-wrap {
flex-wrap: wrap;
}
.wgm-items-center {
align-items: center;
}
.wgm-justify-between {
justify-content: space-between;
}
.wgm-d-block {
display: block;
}
.wgm-d-inline-block {
display: inline-block;
}
.wgm-d-none {
display: none;
} .wgm-mt-xs {
margin-top: var(--wgm-space-xs);
}
.wgm-mt-sm {
margin-top: var(--wgm-space-sm);
}
.wgm-mt-md {
margin-top: var(--wgm-space-md);
}
.wgm-mb-xs {
margin-bottom: var(--wgm-space-xs);
}
.wgm-mb-sm {
margin-bottom: var(--wgm-space-sm);
}
.wgm-mb-md {
margin-bottom: var(--wgm-space-md);
} .wgm-p-xs {
padding: var(--wgm-space-xs);
}
.wgm-p-sm {
padding: var(--wgm-space-sm);
}
.wgm-p-md {
padding: var(--wgm-space-md);
} .wgm-text-muted {
color: var(--wgm-text-muted);
}
.wgm-text-primary {
color: var(--wgm-text-primary);
}
.wgm-font-bold {
font-weight: var(--wgm-font-weight-bold);
}
.wgm-text-sm {
font-size: var(--wgm-font-size-sm);
} .wgm-hidden {
display: none !important;
}.wgm-map-listing-container input,
.wgm-map-listing-container select,
.wgm-map-listing-container button {
all: revert; box-sizing: border-box;
font-family: var(--wgm-font-family);
}
.wgm-map-listing-container img {
max-width: 100% !important;
height: auto !important;
box-shadow: none !important; }
.wgm-admin-error {
color: darkred;
}
.wgm-search-control-container {
width: 100% !important;
display: flex !important;
flex-direction: column !important; align-items: center !important; justify-content: flex-start !important;
pointer-events: none !important; z-index: 1000 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.wpgmap_not_found_message {
background: #ffffff !important;
color: #d93025 !important;
border: 1px solid #d93025 !important;
border-radius: 4px !important;
padding: 5px 8px !important;
margin-top: 0px !important; font-size: 13px !important;
font-family: var(--wgm-font-family) !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
pointer-events: auto !important;
display: none; align-items: center !important;
max-width: 90% !important;
z-index: 1001 !important;
}
.wpgmap_not_found_message.wgm-show {
display: inline-flex !important;
}
.wgm-not-found-text {
margin-right: 5px;
}
.wpgmap_search_map_control_wrapper {
background: var(--wgm-bg-light) !important;
border-radius: var(--wgm-radius-md) !important;
box-shadow: var(--wgm-shadow-sm) !important;
padding: 0 !important;
font-family: var(--wgm-font-family) !important;
z-index: 999999 !important;
margin: 10px 0px 5px 0px !important;
border: 1px solid var(--wgm-border-color) !important;
display: inline-flex !important;
align-items: center !important;
max-width: calc(100% - 40px) !important;
width: auto !important;
justify-content: center !important;
pointer-events: auto !important; } .gm-style .wgm-search-control-container {
margin: 0 auto !important;
max-width: calc(100% - 140px) !important;
}
.wpgmap_search_box {
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
height: 32px !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
background: transparent !important;
}
.wpgmap_search_input,
.wpgmap_search_select {
border: none !important;
border-radius: 0;
padding: 0 12px;
font-size: var(--wgm-font-size-sm);
outline: none !important;
box-shadow: none !important;
background: transparent !important;
color: var(--wgm-text-primary) !important;
height: 100% !important;
}
.wpgmap_search_input:focus,
.wpgmap_search_input:hover,
.wpgmap_search_select:focus,
.wpgmap_search_select:hover {
box-shadow: none !important;
outline: none !important;
border: none !important;
}
.wpgmap_filter_btn:focus,
.wpgmap_filter_btn:hover,
.wpgmap_search_btn:focus,
.wpgmap_search_btn:hover,
.wpgmap_search_clear:focus,
.wpgmap_search_clear:hover {
box-shadow: none !important;
outline: none !important;
background-color: transparent !important;
color: var(--wgm-text-muted) !important;
}
.wpgmap_search_input {
flex: 1 1 50px !important;
min-width: 40px !important;
width: 100% !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;  } .wpgmap_search_box > * + * {
border-left: 1px solid var(--wgm-border-color) !important;
} .wpgmap_search_spinner {
border-left: none !important;
}
.wpgmap_search_select {
width: auto;
min-width: 60px;
max-width: 70px !important;
flex: 0 1 auto;
cursor: pointer;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1%201L5%205L9%201%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 32px;
}
.wpgmap_search_input::placeholder {
color: var(--wgm-text-muted);
}
.wpgmap_search_btn {
background-color: transparent;
color: var(--wgm-text-muted);
border: none !important;
border-radius: 0;
padding: 0;
min-width: 30px;
width: auto;
height: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: color var(--wgm-transition-fast);
font-size: var(--wgm-font-size-lg);
box-shadow: none !important;
}
.wpgmap_search_btn:hover {
background-color: transparent;
color: var(--wgm-text-muted); } .wpgmap_search_btn svg {
vertical-align: middle;
display: block;
}
.wpgmap_search_clear {
background-color: transparent;
color: var(--wgm-text-muted);
border: none !important;
border-radius: 0;
padding: 0;
min-width: 30px;
width: auto;
height: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: color var(--wgm-transition-fast);
font-size: var(--wgm-font-size-lg);
box-shadow: none !important;
}
.wpgmap_search_clear:hover {
background-color: transparent;
color: var(--wgm-text-muted); }
.wpgmap_search_spinner {
position: absolute;
right: 50px;
top: 14px;
width: 16px;
height: 16px;
border: 2px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: spin 1s linear infinite;
pointer-events: none;
}
@media (max-width: 768px) and (min-width: 601px) {
.wpgmap_search_map_control_wrapper {
margin-top: 8px;
max-width: 90%;
}
.wpgmap_search_input {
min-width: 120px;
padding: 0 12px;
font-size: 13px;
}
.wpgmap_search_select {
min-width: 80px;
font-size: 13px;
}
.wpgmap_search_box {
height: 34px;
}
}
@media (max-width: 600px) {
.wpgmap_search_map_control_wrapper {
border: none;
background: transparent;
box-shadow: none;
padding: 8px;
width: calc(100% - 20px);
max-width: 400px;
display: block;
margin-left: 10px;
margin-right: 10px;
}
.wpgmap_search_box {
flex-direction: column;
height: auto;
gap: 8px;
} .wpgmap_search_box > * + * {
border-left: none !important;
}
.wpgmap_search_input,
.wpgmap_search_select {
border: 1px solid #ddd !important;
border-radius: 6px;
width: 100% !important;
min-width: auto !important;
height: 44px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
background: #fff !important;
padding: 0 12px;
}
.wpgmap_search_select {
background-position: right 12px center;
}
.wpgmap_search_btn,
.wpgmap_search_clear {
background-color: var(--wgm-secondary);
color: #fff;
min-width: 44px !important; height: 44px !important;
justify-content: center;
border-radius: 6px !important;
}
.wpgmap_search_clear {
background-color: #f1f1f1;
color: #666;
}
.wpgmap_search_btn:hover {
background-color: var(--wgm-primary-dark);
color: #fff;
}
.wpgmap_search_spinner {
top: 10px;
right: 10px;
}
}
@media (max-width: 400px) {
.wpgmap_search_map_control_wrapper {
padding: 6px;
margin-top: 6px;
}
.wpgmap_search_input,
.wpgmap_search_select,
.wpgmap_search_btn,
.wpgmap_search_clear {
height: 48px; font-size: 14px;
}
} .wgm-filter-wrapper-front {
margin-right: -1px; position: relative;
height: 100%;
display: flex;
align-items: center;
}
.wpgmap_filter_btn {
border-left: 1px solid var(--wgm-border-color) !important;
height: 100% !important; width: 100%;
}
.wgm-filter-panel-front {
position: absolute;
top: 100%;
right: 0; min-width: 250px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
z-index: 1000;
margin-top: 5px;
padding: 0 10px 10px 10px; max-height: 300px;
overflow-y: auto;
text-align: left;
}
.wgm-filter-panel-front.hidden {
display: none;
}
.wgm-filter-header {
height: 0; }
.wgm-filter-close {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
font-size: 20px;
font-weight: bold;
color: #777;
line-height: 1;
background: #fff;
border-radius: 50%;
width: 24px;
height: 24px;
text-align: center;
z-index: 10;
}
.wgm-filter-panel-front ul {
list-style: none;
padding: 0;
margin: 0;
} .wgm-filter-panel-front > ul {
padding-top: 24px;
}
.wgm-filter-sublist {
margin-left: 20px !important;
border-left: 1px solid #eee;
padding-left: 5px !important;
padding-top: 5px !important;
}
.wgm-filter-item {
margin-bottom: 5px;
}
.wgm-filter-item label {
display: flex;
align-items: center;
cursor: pointer;
font-size: 13px;
color: #333;
padding: 2px 0;
}
.wgm-filter-item input[type="checkbox"] {
margin-right: 8px;
margin-top: 0;
vertical-align: middle;
}
.wgm-no-cats {
font-size: 13px;
color: #777;
margin: 0;
padding: 5px;
}
.wgm-filter-close:hover {
color: #333 !important;
background: #f5f5f5;
border-radius: 50%;
} @media (max-width: 600px) {
.wgm-filter-wrapper-front {
width: 100%;
margin-right: 0;
margin-bottom: 8px;
}
.wpgmap_filter_btn {
width: 100% !important;
border-left: none !important;
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 6px !important;
justify-content: space-between;
padding: 0 12px;
}
.wpgmap_filter_btn:after {
content: "Filter Categories";
font-size: 13px;
color: #555;
}
.wgm-filter-panel-front {
width: 100%;
right: auto;
left: 0;
}
} .wgm-legacy-direction-box {
background: #ffffff !important;
border: 1px solid #dadce0 !important;
border-radius: 12px !important;
padding: 24px !important;
margin: 20px 0 !important;
box-shadow: 0 2px 8px rgba(60, 64, 67, 0.1) !important;
box-sizing: border-box !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.wgm-legacy-direction-header {
margin-bottom: 20px !important;
}
.wgm-legacy-direction-title {
font-size: 18px !important;
font-weight: 600 !important;
color: #202124 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
} .wgm-legacy-travel-switcher {
display: flex !important;
background: #f1f3f4 !important;
border-radius: 8px !important;
padding: 4px !important;
gap: 0 !important;
margin-bottom: 20px !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
.wgm-legacy-travel-btn {
flex: 1 !important;
background: transparent !important;
border: none !important;
padding: 8px !important;
cursor: pointer !important;
border-radius: 6px !important;
transition: all 0.2s ease !important;
color: #5f6368 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 40px !important;
margin: 0 2px !important;
box-sizing: border-box !important;
outline: none !important;
box-shadow: none !important;
}
.wgm-legacy-travel-btn svg {
width: 22px !important;
height: 22px !important;
fill: currentColor !important;
display: block !important;
pointer-events: none !important;
}
.wgm-legacy-travel-btn:hover {
background-color: rgba(0, 0, 0, 0.05) !important;
color: #3c4043 !important;
}
.wgm-legacy-travel-btn.active {
background: #ffffff !important;
color: #1a73e8 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
font-weight: bold !important;
} .wgm-legacy-input-group {
margin-bottom: 16px !important;
}
.wgm-legacy-label {
display: block !important;
font-size: 13px !important;
font-weight: 500 !important;
color: #5f6368 !important;
margin-bottom: 6px !important;
line-height: 1.4 !important;
}
.wgm-legacy-field-wrap {
position: relative !important;
display: flex !important;
align-items: stretch !important;
background: #fff !important;
border: 1px solid #dadce0 !important;
border-radius: 8px !important;
transition: border-color 0.2s !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.wgm-legacy-field-wrap:focus-within {
border-color: #1a73e8 !important;
box-shadow: 0 0 0 1px #1a73e8 !important;
}
.wgm-legacy-input {
flex: 1 !important;
min-width: 0 !important;
padding: 12px 14px !important;
border: none !important;
border-radius: 0 !important;
font-size: 14px !important;
outline: none !important;
background: transparent !important;
color: #3c4043 !important;
height: 44px !important;
line-height: normal !important;
box-shadow: none !important;
box-sizing: border-box !important;
font-family: inherit !important;
margin: 0 !important;
}
.wgm-legacy-input::placeholder {
color: #9aa0a6 !important;
opacity: 1 !important;
}
.wgm-legacy-loc-btn {
position: static !important;
background: transparent !important;
border: none !important;
border-left: 1px solid #f1f3f4 !important;
padding: 0 14px !important;
margin: 0 !important;
cursor: pointer !important;
color: #70757a !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.2s !important;
height: auto !important;
width: auto !important;
min-width: 48px !important;
box-sizing: border-box !important;
outline: none !important;
flex-shrink: 0 !important;
}
.wgm-legacy-loc-btn:hover {
background: #f8f9fa !important;
color: #202124 !important;
}
.wgm-legacy-loc-btn svg {
fill: currentColor !important;
display: block !important;
pointer-events: none !important;
} .wgm-legacy-submit-btn {
width: 100% !important;
padding: 12px 24px !important;
background: #1a73e8 !important;
color: #ffffff !important;
border: none !important;
border-radius: 24px !important;
font-size: 15px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
height: 48px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
outline: none !important;
box-sizing: border-box !important;
margin-top: 8px !important;
font-family: inherit !important;
text-transform: none !important;
}
.wgm-legacy-submit-btn:hover {
background: #1765cc !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.3) !important;
transform: translateY(-1px) !important;
}
.wgm-legacy-submit-btn:active {
transform: translateY(0) !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}
.wgm-legacy-submit-btn svg {
width: 20px !important;
height: 20px !important;
fill: currentColor !important;
display: block !important;
} .wgm-legacy-loading {
display: none !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
color: #5f6368 !important;
font-size: 14px !important;
margin-top: 12px !important;
padding: 8px !important;
}
.wgm-legacy-loading.wgm-show {
display: flex !important;
}
.wgm-legacy-spinner {
width: 20px !important;
height: 20px !important;
animation: wgm-spin 1s linear infinite !important;
}
.wgm-legacy-spinner circle {
stroke-dasharray: 90, 150 !important;
stroke-dashoffset: 0 !important;
stroke-linecap: round !important;
}
@keyframes wgm-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .wgm-legacy-results {
margin-top: 20px !important;
padding: 16px !important;
background: #f8f9fa !important;
border-radius: 8px !important;
max-height: 400px !important;
overflow-y: auto !important;
border: 1px solid #e8eaed !important;
box-sizing: border-box !important;
}
.wgm-legacy-results::-webkit-scrollbar {
width: 8px !important;
}
.wgm-legacy-results::-webkit-scrollbar-track {
background: #f1f3f4 !important;
border-radius: 4px !important;
}
.wgm-legacy-results::-webkit-scrollbar-thumb {
background: #dadce0 !important;
border-radius: 4px !important;
}
.wgm-legacy-results::-webkit-scrollbar-thumb:hover {
background: #bdc1c6 !important;
} .wgm-legacy-results .adp-placemark {
background: #fff !important;
padding: 12px !important;
border-radius: 6px !important;
margin-bottom: 12px !important;
box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
0 1px 3px 1px rgba(60, 64, 67, 0.15) !important;
}
.wgm-legacy-results .adp-summary {
font-weight: 600 !important;
color: #202124 !important;
font-size: 14px !important;
margin-bottom: 8px !important;
}
.wgm-legacy-results .adp-step {
padding: 8px 0 !important;
border-bottom: 1px solid #f1f3f4 !important;
font-size: 13px !important;
color: #3c4043 !important;
}
.wgm-legacy-results .adp-step:last-child {
border-bottom: none !important;
} @media (max-width: 600px) {
.wgm-legacy-direction-box {
padding: 16px !important;
margin: 16px 0 !important;
}
.wgm-legacy-travel-btn {
height: 44px !important;
}
.wgm-legacy-input {
height: 48px !important;
font-size: 16px !important; }
.wgm-legacy-loc-btn {
min-width: 52px !important;
}
.wgm-legacy-submit-btn {
height: 52px !important;
font-size: 16px !important;
}
} .wp_gmap_direction_box .ui-bar-c,
.wp_gmap_direction_box .fieldcontain,
.wp_gmap_direction_box .wgm_direction_input,
.wp_gmap_direction_box .wgm_direction_select,
.wp_gmap_direction_box .wgm_direction_btn {
display: none !important;
} .wpgmap-marker-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
font-family: Arial, sans-serif;
}
.wpgmap-marker-table td {
padding: 15px;
border-top: 1px solid var(--wgm-border-light);
vertical-align: top;
}
.wpgmap-marker-table tr:first-child td {
border-top: 0;
}
.wpgmap-marker-table tbody tr:hover {
background: #fcfcfc;
cursor: pointer;
}
.wpgmap-marker-card {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 15px;
}
.wpgmap-card-content {
flex: 1;
min-width: 0;
padding: 8px 0;
}
.wpgmap-card-image {
flex: 0 0 140px;
text-align: right;
display: flex;
flex-direction: column;
}
.wpgmap-row-title {
margin-bottom: 6px;
}
.wpgmap-row-meta {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 6px;
color: var(--wgm-text-muted);
font-size: 13px;
}
.wpgmap-row-desc {
font-size: 13px;
color: var(--wgm-text-primary);
line-height: 1.4;
}
.wpgmap-marker-icon-small {
width: 20px;
height: 20px;
object-fit: contain;
flex-shrink: 0;
}
.wpgmap-marker-image-thumb {
width: 100%;
height: 100% !important;
object-fit: cover;
border-radius: var(--wgm-radius-sm);
border: 1px solid var(--wgm-border-color);
display: block;
min-height: 100px;
}
@media (max-width: 600px) {
.wpgmap-marker-card {
flex-direction: column-reverse;
align-items: flex-start;
}
.wpgmap-card-content {
padding: 0;
width: 100%;
}
.wpgmap-card-image {
flex: 0 0 auto;
width: 100%;
text-align: left;
margin-bottom: 10px;
display: block;
}
.wpgmap-marker-image-thumb {
width: 100%;
height: 180px !important;
}
}
.wpgmap-btn {
background: #1976d2;
color: #fff;
border: 0;
width: 32px;
height: 32px;
padding: 0;
border-radius: 6px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.wpgmap-btn:hover {
background: #1565c0;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(25, 118, 210, 0.2);
}
.wpgmap-btn--ghost {
background: transparent;
color: #1976d2;
border: 1px solid #cfe3fb;
} .wgm-item-card {
padding: 20px !important;
margin-bottom: 20px !important;
border-radius: var(--wgm-radius-lg) !important;
background: var(--wgm-white) !important;
border: 1px solid var(--wgm-border-color) !important;
box-shadow: var(--wgm-shadow-sm) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
list-style: none !important;
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
.wgm-item-card:hover {
transform: translateY(-2px) !important;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.06) !important;
}
.wgm-item-title {
margin: 0 0 10px 0 !important;
font-size: 17px !important;
font-weight: 700 !important;
color: var(--wgm-text-primary) !important;
line-height: 1.3 !important;
}
.wgm-item-meta {
display: flex !important;
flex-wrap: wrap !important;
gap: 4px !important;
margin-bottom: 12px !important;
color: var(--wgm-text-muted) !important;
font-size: 13px !important;
}
.wgm-item-meta-item {
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
.wgm-item-meta-item svg,
.wgm-item-meta-item img {
flex-shrink: 0 !important;
}
.wgm-item-desc {
font-size: 14px !important;
color: var(--wgm-text-primary) !important;
line-height: 1.6 !important;
margin: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden !important;
}
.wgm-item-actions {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 4px !important; }
.wgm-item-action-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
background: var(--wgm-white) !important;
color: var(--wgm-text-muted) !important;
border: 1px solid var(--wgm-border-color) !important;
border-radius: var(--wgm-radius-sm) !important;
cursor: pointer !important;
transition: all var(--wgm-transition-fast) ease !important;
width: 36px !important;
height: 36px !important;
text-decoration: none !important;
flex-shrink: 0 !important;
box-shadow: none !important;
}
.wgm-marker-distance-badge {
background: var(--wgm-bg-light) !important;
color: var(--wgm-secondary) !important;
padding: 4px 10px !important;
border-radius: var(--wgm-radius-md) !important;
font-size: 11px !important;
font-weight: 600 !important;
display: inline-block !important;
} .wgm-carousel-card .wgm-card-body {
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
padding: 16px !important;
}
.wgm-location-row {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 12px !important;
}
.wgm-location-icon-col {
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 20px !important;
}
.wgm-location-pin-main {
width: 18px !important;
height: 18px !important;
color: #333333 !important;
opacity: 0.9 !important;
}
.wgm-location-info-col {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
}
.wgm-item-address {
font-size: 13px !important;
color: #555555 !important;
line-height: 1.2 !important;
font-weight: 500 !important;
}
.wgm-distance-wrapper {
margin-top: 2px !important;
} .wpgmap-carousel-container .swiper-slide {
height: auto !important;
display: flex !important;
}
.wgm-carousel-card {
height: 100% !important;
width: 100% !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
}
.wgm-carousel-card .wgm-item-desc {
margin-bottom: 5px !important;
flex: 1 !important; }
.wpgmap-marker-listing ul {
list-style: none !important;
margin: 0 !important;
padding: 20px !important;
}
.wgm-item-action-btn:hover {
background: #f8f9fa !important;
border-color: #bbb !important;
color: #1a1a1a !important;
}
.wgm-item-action-btn.wgm-action-primary {
background: #1a73e8 !important;
color: #fff !important;
border-color: #1a73e8 !important;
}
.wgm-item-action-btn.wgm-action-primary:hover {
background: #1765cc !important;
box-shadow: 0 4px 10px rgba(26, 115, 232, 0.2) !important;
}
.wgm-item-action-btn svg {
width: 18px !important;
height: 18px !important;
fill: currentColor !important;
}
.wgm-marker-distance-badge {
display: inline-flex !important;
align-items: center !important;
background: #f1f7ff !important;
color: #1a73e8 !important;
font-weight: 600 !important;
font-size: 12px !important;
padding: 4px 12px !important;
border-radius: 20px !important;
border: 1px solid #d1e5ff !important;
} .wpgmap-marker-listing ul {
padding: 0 !important;
margin: 0 !important;
} .wpgmap-adv-table-listing {
background: var(--wgm-white);
border-radius: var(--wgm-radius-lg) !important;
padding: var(--wgm-space-lg);
box-shadow: var(--wgm-shadow-md);
border: 1px solid var(--wgm-border-color);
margin-top: 30px !important;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_filter {
margin-bottom: 24px;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_filter input {
border: 1px solid var(--wgm-border-color);
border-radius: var(--wgm-radius-md);
padding: 8px 12px 8px 36px;
outline: none;
transition: all var(--wgm-transition-fast) ease;
background: var(--wgm-bg-light)
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18' width='18' viewBox='0 0 24 24'%3E%3Cpath fill='%2370757a' d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E")
no-repeat 10px center;
font-size: var(--wgm-font-size-md);
width: 240px;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_filter input:focus {
border-color: #1a73e8;
box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
background-color: #fff;
} .wpgmap-adv-table-listing .dataTables_wrapper .dataTables_length {
margin-bottom: 24px;
color: #5f6368;
font-size: 14px;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_length select {
border: 1px solid var(--wgm-border-color);
border-radius: var(--wgm-radius-md);
padding: 6px 30px 6px 12px;
outline: none;
background: var(--wgm-bg-light)
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%235f6368' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E")
no-repeat right 10px center;
appearance: none;
cursor: pointer;
transition: all 0.2s ease;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_length select:focus {
border-color: #1a73e8;
background-color: #fff;
box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.1);
}
.wpgmap-adv-table-listing table.dataTable {
border-collapse: separate !important;
border-spacing: 0;
border: none !important;
width: 100% !important;
margin: 15px 0 !important;
}
.wpgmap-adv-table-listing table.dataTable thead th {
background: var(--wgm-bg-light);
color: var(--wgm-text-secondary);
font-weight: var(--wgm-font-weight-bold);
text-transform: uppercase;
font-size: var(--wgm-font-size-xs);
letter-spacing: 0.8px;
padding: var(--wgm-space-md);
border-bottom: 2px solid var(--wgm-border-light) !important;
border-top: none !important;
} .wpgmap-adv-table-listing table.dataTable thead .sorting,
.wpgmap-adv-table-listing table.dataTable thead .sorting_asc,
.wpgmap-adv-table-listing table.dataTable thead .sorting_desc {
background-image: none !important;
}
.wpgmap-adv-table-listing table.dataTable tbody td {
padding: var(--wgm-space-md);
border-bottom: 1px solid var(--wgm-border-light);
vertical-align: middle;
color: var(--wgm-text-primary);
font-size: var(--wgm-font-size-md);
}
.wpgmap-adv-table-listing table.dataTable tbody tr {
background-color: transparent !important;
transition: background-color 0.2s, box-shadow 0.2s;
cursor: pointer;
}
.wpgmap-adv-table-listing table.dataTable tbody tr:hover {
background-color: var(--wgm-bg-light) !important;
box-shadow: inset 4px 0 0 var(--wgm-secondary);
}
.wpgmap-adv-table-listing table.dataTable tbody tr.odd {
background-color: transparent !important;
} .wpgmap-adv-table-listing .dataTables_wrapper .dataTables_info {
font-size: 13px;
color: #70757a;
padding-top: 20px;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_paginate {
padding-top: 15px;
}
.wpgmap-adv-table-listing
.dataTables_wrapper
.dataTables_paginate
.paginate_button {
border-radius: 8px !important;
border: 1px solid transparent !important;
padding: 6px 14px !important;
margin: 0 4px !important;
transition: all 0.2s ease !important;
font-size: 13px !important;
color: #3c4043 !important;
}
.wpgmap-adv-table-listing
.dataTables_wrapper
.dataTables_paginate
.paginate_button.current {
background: var(--wgm-secondary) !important;
color: var(--wgm-white) !important;
border: 1px solid var(--wgm-secondary) !important;
font-weight: var(--wgm-font-weight-bold);
}
.wpgmap-adv-table-listing
.dataTables_wrapper
.dataTables_paginate
.paginate_button:hover:not(.disabled) {
background: #f1f3f4 !important;
color: #1a73e8 !important;
border: 1px solid #e0e0e0 !important;
}
.wpgmap-adv-table-listing
.dataTables_wrapper
.dataTables_paginate
.paginate_button.disabled {
opacity: 0.5;
cursor: default;
} .wpgmap-adv-table-listing .wpgmap-marker-image {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 8px;
border: 1px solid #eee;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.wpgmap-adv-table-listing .wpgmap-marker-icon {
width: 32px;
height: 32px;
object-fit: contain;
}
@media (max-width: 768px) {
.wpgmap-adv-table-listing {
padding: 15px;
background: transparent;
box-shadow: none;
border: none;
}
.wpgmap-adv-table-listing table.dataTable thead {
display: none;
}
.wpgmap-adv-table-listing table.dataTable,
.wpgmap-adv-table-listing table.dataTable tbody,
.wpgmap-adv-table-listing table.dataTable tr,
.wpgmap-adv-table-listing table.dataTable td {
display: block !important;
width: 100% !important;
}
.wpgmap-adv-table-listing table.dataTable tr {
background: #fff !important;
border-radius: 12px;
margin-bottom: 20px;
padding: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
border: 1px solid #eee;
}
.wpgmap-adv-table-listing table.dataTable td {
border: none !important;
padding: 8px 0 !important;
text-align: left;
position: relative;
}
.wpgmap-adv-table-listing table.dataTable td:before {
content: attr(data-label);
display: block;
font-size: 11px;
text-transform: uppercase;
color: #888;
font-weight: 700;
margin-bottom: 4px;
}
.wpgmap-adv-table-listing .wpgmap-marker-image {
width: 100%;
height: 180px;
border-radius: 8px;
margin-bottom: 10px;
}
.wpgmap-adv-table-listing .wpgmap-marker-icon {
width: 24px;
height: 24px;
}
.wpgmap-adv-table-listing .dataTables_wrapper .dataTables_filter input {
width: 100%;
margin: 0;
}
} .wpgmap-carousel-container {
margin-top: 40px;
padding-bottom: 50px;
position: relative;
--card-radius: var(--wgm-radius-lg);
--card-shadow: var(--wgm-shadow-sm);
--card-shadow-hover: var(--wgm-shadow-md);
--accent-color: var(--wgm-primary);
--text-dark: var(--wgm-text-primary);
--text-muted: var(--wgm-text-muted);
--bg-card: var(--wgm-white);
}
.wpgmap-carousel-container .swiper {
padding: 10px 10px 60px;
overflow: hidden;
} .wpgmap-carousel-container .swiper-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
width: 100%;
} .wpgmap-carousel-container.wgm-swiper-active .swiper-wrapper {
display: flex !important;
grid-template-columns: none !important;
gap: 0 !important;
}
@media screen and (min-width: 600px) {
.wpgmap-carousel-container .swiper-wrapper {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
}
@media screen and (min-width: 900px) {
.wpgmap-carousel-container .swiper-wrapper {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
} @media screen and (min-width: 768px) {
.wgm-placement-left_map .wpgmap-carousel-container .swiper,
.wgm-placement-right_map .wpgmap-carousel-container .swiper {
overflow: visible;
}
.wgm-placement-left_map .wpgmap-carousel-container .swiper-wrapper,
.wgm-placement-right_map .wpgmap-carousel-container .swiper-wrapper {
grid-template-columns: 1fr;
}
.wgm-placement-left_map .wpgmap-carousel-container,
.wgm-placement-right_map .wpgmap-carousel-container {
margin-top: 0;
padding-bottom: 20px;
}
}
.wgm-carousel-card {
background: var(--bg-card);
border-radius: var(--card-radius);
border: 1px solid var(--wgm-border-color);
box-shadow: var(--card-shadow);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
flex-direction: column;
cursor: pointer;
overflow: hidden;
position: relative;
text-align: left;
}
.wgm-carousel-card:hover {
transform: translateY(-8px);
box-shadow: var(--card-shadow-hover);
border-color: var(--accent-color);
}
.wgm-card-media {
position: relative;
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
background: var(--wgm-bg-light);
}
.wgm-card-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.wgm-carousel-card:hover .wgm-card-img {
transform: scale(1.1);
}
.wgm-card-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #cbd5e1;
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}
.wgm-card-badge {
position: absolute !important;
bottom: 12px !important;
right: 12px !important;
background: #ffffff !important;
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 5 !important;
}
.wgm-card-badge img {
width: 18px !important;
height: 18px !important;
object-fit: contain !important;
}
.wgm-card-body {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.wgm-card-title {
margin: 0 0 10px !important;
font-size: 18px !important;
font-weight: 700 !important;
color: var(--text-dark) !important;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.4;
font-family: inherit;
}
.wgm-card-address {
display: flex;
align-items: flex-start;
gap: 6px;
color: var(--text-muted);
font-size: 13px;
margin-bottom: 12px;
line-height: 1.4;
}
.wgm-card-address svg {
flex-shrink: 0;
margin-top: 2px;
}
.wgm-card-address span {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wgm-card-excerpt {
font-size: var(--wgm-font-size-md);
color: var(--wgm-text-primary);
line-height: 1.6;
margin: 0 0 20px !important;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wgm-card-footer {
margin-top: auto;
padding-top: 15px;
border-top: 1px solid var(--wgm-border-light);
}
.wgm-show-on-map-btn {
width: 100%;
padding: 10px 16px;
border-radius: var(--wgm-radius-lg);
background: var(--wgm-bg-light);
border: 1px solid var(--wgm-border-color);
color: var(--text-dark);
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: all 0.3s ease;
cursor: pointer;
}
.wgm-show-on-map-btn:hover {
background: var(--accent-color);
color: #ffffff;
border-color: var(--accent-color);
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}
.wgm-show-on-map-btn svg {
transition: transform 0.3s ease;
}
.wgm-show-on-map-btn:hover svg {
transform: scale(1.1);
} .wpgmap-carousel-container .swiper-button-next,
.wpgmap-carousel-container .swiper-button-prev {
width: 44px;
height: 44px;
background: #ffffff;
border-radius: 50%;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
color: var(--text-dark);
transition: all 0.3s ease;
}
.wpgmap-carousel-container .swiper-button-next:after,
.wpgmap-carousel-container .swiper-button-prev:after {
font-size: 18px;
font-weight: 800;
}
.wpgmap-carousel-container .swiper-button-next:hover,
.wpgmap-carousel-container .swiper-button-prev:hover {
background: var(--accent-color);
color: #ffffff;
transform: scale(1.1);
}
.wpgmap-carousel-container .swiper-pagination-bullet {
background: #cbd5e1;
opacity: 1;
width: 8px;
height: 8px;
transition: all 0.3s ease;
}
.wpgmap-carousel-container .swiper-pagination-bullet-active {
background: var(--accent-color);
width: 24px;
border-radius: 4px;
}
.wgm-no-markers {
padding: 60px 20px;
text-align: center;
background: #f8fafc;
border-radius: var(--card-radius);
color: var(--text-muted);
font-size: 16px;
border: 2px dashed #e2e8f0;
width: 100%;
} .wgm-infowindow-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
cursor: pointer;
}
.wgm-iw-img-wrap {
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 6px;
margin-bottom: 15px;
}
.wgm-infowindow-title {
font-size: var(--wgm-font-size-lg) !important;
font-weight: var(--wgm-font-weight-bold) !important;
color: var(--wgm-text-primary);
margin: 0 0 10px 0 !important;
line-height: 1.3;
padding-right: 35px;
display: block;
font-family: inherit;
}
.wgm-infowindow-wrapper {
width: 300px;
margin: 0;
padding: 15px;
overflow-y: auto;
max-height: 250px; box-sizing: border-box;
}
@media (max-width: 400px) {
.wgm-infowindow-wrapper {
width: 260px;
padding: 10px;
}
}
.wgm-infowindow-wrapper.wgm-no-img .wgm-infowindow-content {
padding-top: 5px;
}
.wgm-infowindow-content {
padding: 0;
}
.wgm-iw-desc {
font-size: var(--wgm-font-size-md);
color: var(--wgm-text-primary);
line-height: 1.6;
margin-bottom: var(--wgm-space-sm);
} .gm-style .gm-style-iw-c {
padding: 0 !important;
max-height: none !important;
}
.gm-style-iw-chr {
background: transparent !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
} .gm-style-iw-d {
padding-top: 0 !important;
overflow: hidden !important;
} .gm-style-iw-c .gm-ui-hover-effect {
top: 0px !important;
right: 0px !important;
width: 20px !important;
height: 20px !important;
padding: 0 !important;
background: rgba(255, 255, 255, 0.9) !important;
border-radius: var(--wgm-radius-round) !important;
box-shadow: var(--wgm-shadow-sm) !important;
display: flex !important;
align-items: center;
justify-content: center;
transition: all var(--wgm-transition-fast);
}
.gm-style-iw-c .gm-ui-hover-effect:hover {
background: var(--wgm-white) !important;
box-shadow: var(--wgm-shadow-md) !important;
transform: scale(1.1);
}
.gm-style-iw-c .gm-ui-hover-effect span {
width: 12px !important;
height: 12px !important;
margin: 0 !important;
display: block !important;
} .wgm-lightbox-overlay {
display: none;
position: fixed;
z-index: 999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.wgm-lightbox-overlay.show {
display: flex !important;
opacity: 1;
}
.wgm-lightbox-content {
max-width: 90%;
max-height: 85%;
border-radius: 4px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
transform: scale(0.9);
transition: transform 0.3s ease;
}
.wgm-lightbox-overlay.show .wgm-lightbox-content {
transform: scale(1);
}
.wgm-lightbox-close {
position: absolute;
top: 20px;
right: 30px;
color: #fff;
font-size: 40px;
font-weight: bold;
cursor: pointer;
z-index: 1000000;
line-height: 1;
transition: color 0.2s ease;
}
.wgm-lightbox-close:hover {
color: #bbb;
}
.wgm-lightbox-trigger {
cursor: pointer;
} .wpgmap-no-results {
color: var(--wgm-text-muted);
padding: var(--wgm-space-md);
text-align: center;
}
.wpgmap-spinner {
display: inline-block;
width: 20px;
height: 20px;
border: 3px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-right: 8px;
vertical-align: middle;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.wpgmap-title-text {
font-size: var(--wgm-font-size-md);
color: var(--wgm-text-primary);
}
.wpgmap-marker-loading {
padding: var(--wgm-space-lg);
text-align: center;
color: var(--wgm-text-muted);
}
.wpgmap-marker-image {
max-width: 100% !important;
height: auto !important;
object-fit: cover;
border-radius: 6px;
display: block;
} .wgm-map-listing-container,
.wgm-map-listing-container * {
box-sizing: border-box;
}
.wgm-map-listing-container {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 20px;
margin: 20px 0;
}
.wgm-placement-above_map {
flex-direction: column-reverse;
}
.wgm-placement-below_map {
flex-direction: column;
}
.wgm-placement-left_map {
flex-direction: row-reverse;
align-items: flex-start;
}
.wgm-placement-right_map {
flex-direction: row;
align-items: flex-start;
} .wgm-map-listing-container .wgm-map-canvas {
flex: 1;
min-width: 0;
} .wgm-map-listing-container .wpgmap-marker-listing {
margin: 0 !important;
width: 100% !important;
max-width: none !important;
} @media screen and (min-width: 768px) {
.wgm-placement-left_map .wgm-map-area,
.wgm-placement-right_map .wgm-map-area {
flex: 1;
min-width: 0; }
.wgm-placement-left_map .wgm-listing-area,
.wgm-placement-right_map .wgm-listing-area {
flex: 0 0 var(--wgm-listing-width, 300px);
width: var(--wgm-listing-width, 300px);
max-width: 80%; max-height: var(--wgm-map-height);
overflow-y: auto;
} .wgm-placement-left_map .wpgmap-marker-card,
.wgm-placement-right_map .wpgmap-marker-card {
flex-direction: column-reverse;
align-items: stretch;
gap: 12px;
}
.wgm-placement-left_map .wpgmap-card-image,
.wgm-placement-right_map .wpgmap-card-image {
flex: 0 0 auto;
width: 100%;
text-align: left;
}
.wgm-placement-left_map .wpgmap-marker-image-thumb,
.wgm-placement-right_map .wpgmap-marker-image-thumb {
aspect-ratio: 16 / 9;
height: auto !important;
min-height: auto;
}
.wgm-placement-left_map .wpgmap-card-content,
.wgm-placement-right_map .wpgmap-card-content {
padding: 0;
}
.wgm-placement-left_map .wpgmap-title-text,
.wgm-placement-right_map .wpgmap-title-text {
font-size: var(--wgm-font-size-md);
}
.wgm-placement-left_map .wpgmap-row-meta,
.wgm-placement-right_map .wpgmap-row-meta {
font-size: 12px;
margin-bottom: var(--wgm-space-xs);
}
.wgm-placement-left_map .wpgmap-row-desc,
.wgm-placement-right_map .wpgmap-row-desc {
font-size: var(--wgm-font-size-sm);
-webkit-line-clamp: 3;
line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
} .wgm-listing-area::-webkit-scrollbar {
width: 6px;
}
.wgm-listing-area::-webkit-scrollbar-track {
background: var(--wgm-border-light);
border-radius: var(--wgm-radius-lg);
}
.wgm-listing-area::-webkit-scrollbar-thumb {
background: var(--wgm-border-color);
border-radius: var(--wgm-radius-lg);
}
.wgm-listing-area::-webkit-scrollbar-thumb:hover {
background: var(--wgm-text-muted);
} .wgm-map-area .wgm-map-canvas {
width: 100%;
max-width: 100% !important;
} @media screen and (max-width: 991px) {
.wgm-map-listing-container.wgm-placement-left_map,
.wgm-map-listing-container.wgm-placement-right_map {
flex-direction: column !important;
}
.wgm-map-listing-container.wgm-placement-left_map .wgm-listing-area,
.wgm-map-listing-container.wgm-placement-right_map .wgm-listing-area {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin-top: 15px !important;
} .wgm-map-listing-container.wgm-placement-left_map .wpgmap-marker-card,
.wgm-map-listing-container.wgm-placement-right_map .wpgmap-marker-card {
flex-direction: row !important;
}
} .wgm-map-listing-container.wgm-force-stack {
flex-direction: column !important;
}
.wgm-force-stack .wgm-listing-area {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}
.wgm-force-stack .wpgmap-marker-card {
flex-direction: row !important;
} @media screen and (max-width: 600px) {
.wgm-direction-drawer {
width: 100% !important;
left: -100% !important;
border-radius: 0 !important;
}
.wgm-direction-drawer.active {
left: 0 !important;
}
} @media screen and (max-width: 767px) {
.wgm-map-listing-container {
flex-direction: column !important;
gap: 15px;
}
.wgm-placement-above_map {
flex-direction: column-reverse !important;
}
.wgm-map-area,
.wgm-listing-area {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}
.wgm-listing-area {
max-height: none !important;
overflow-y: visible !important;
}
} .wgm-placement-above_map .wgm-listing-area,
.wgm-placement-below_map .wgm-listing-area {
width: var(--wgm-listing-width, 100%);
max-width: 100%;
margin-left: auto;
margin-right: auto;
min-width: 0; flex: 0 0 auto; } .wgm-placement-above_map .wpgmap_search_map_control_wrapper {
display: block !important;
width: 100%;
position: relative;
z-index: 10;
margin-bottom: 15px;
}
.wgm-placement-above_map .wpgmap_search_input,
.wgm-placement-below_map .wpgmap_search_input {
max-width: 300px;
} .wgm-placement-above_map .wpgmap-carousel-container,
.wgm-placement-below_map .wpgmap-carousel-container {
width: 100% !important;
max-width: 100% !important;
min-width: 0;
} .wgm-map-area {
position: relative;
overflow-x: clip; overflow-y: visible;
}
.wgm-direction-drawer {
position: absolute;
top: 0;
bottom: 0;
left: calc(var(--wgm-drawer-width, 300px) * -1); width: var(--wgm-drawer-width, 300px);
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
z-index: 1000;
box-shadow: 2px 0 15px rgba(0, 0, 0, 0.1);
transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: visible;
display: flex;
flex-direction: column;
border-radius: 0 var(--wgm-radius-lg) var(--wgm-radius-lg) 0;
box-sizing: border-box;
}
.wgm-direction-drawer.active {
left: 0;
}
.wgm-drawer-close {
position: absolute !important;
top: 12px !important;
right: 12px !important;
cursor: pointer !important;
background: #ffffff !important;
border: 1px solid #dadce0 !important;
padding: 0 !important;
color: #5f6368 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 10 !important;
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
0 1px 3px 1px rgba(60, 64, 67, 0.15) !important;
transition: all 0.2s ease !important;
outline: none !important;
box-sizing: border-box !important;
}
.wgm-drawer-close svg {
width: 18px !important;
height: 18px !important;
color: inherit !important;
fill: currentColor !important;
display: block !important;
pointer-events: none !important;
}
.wgm-drawer-close:hover {
background: #f8f9fa !important;
color: #202124 !important;
box-shadow: 0 2px 4px rgba(60, 64, 67, 0.3),
0 2px 6px 2px rgba(60, 64, 67, 0.15) !important;
transform: scale(1.05) !important;
border-color: #dadce0 !important;
}
.wgm-drawer-close:active {
transform: scale(0.95) !important;
box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3) !important;
}
.wgm-drawer-header {
margin-bottom: 12px;
padding-right: 25px;
}
.wgm-drawer-title {
font-size: var(--wgm-font-size-sm);
font-weight: var(--wgm-font-weight-bold);
margin: 0;
color: var(--wgm-text-primary);
text-transform: uppercase;
letter-spacing: 0.5px;
} .wgm-drawer-toggle-btn {
position: absolute !important;
left: 100% !important;
top: 80px !important;
transform: none !important;
z-index: 1001 !important;
background: var(--wgm-white) !important;
border: 1px solid var(--wgm-border-color) !important;
border-left: 1px solid var(--wgm-white) !important;
border-radius: 0 var(--wgm-radius-md) var(--wgm-radius-md) 0 !important;
width: 40px !important;
height: 48px !important;
display: flex;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1) !important;
box-shadow: var(--wgm-shadow-sm) !important;
color: var(--wgm-text-primary) !important;
transition: all var(--wgm-transition-fast) ease !important;
margin-left: -1px !important;
padding: 0px !important;
}
.wgm-drawer-toggle-btn svg {
width: 20px !important;
height: 20px !important;
opacity: 1 !important;
color: #333 !important;
fill: currentColor !important;
display: block !important;
visibility: visible !important;
}
.wgm-drawer-toggle-btn svg path {
fill: currentColor !important;
}
.wgm-drawer-toggle-btn:hover {
background: #f8f9fa !important;
color: #000 !important;
box-shadow: 4px 0 8px rgba(0, 0, 0, 0.1) !important;
} .wgm-travel-mode-switcher {
display: flex !important;
background: #f1f3f4 !important;
border-radius: 8px !important;
padding: 4px !important;
gap: 0 !important;
margin-bottom: 20px !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
.wgm-travel-btn {
flex: 1 !important;
background: transparent !important;
border: none !important;
padding: 6px !important;
cursor: pointer !important;
border-radius: 6px !important;
transition: all 0.2s ease !important;
color: #5f6368 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 36px !important;
margin: 0 2px !important;
box-sizing: border-box !important;
outline: none !important;
box-shadow: none !important;
text-decoration: none !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.wgm-travel-btn svg {
width: 20px !important;
height: 20px !important;
fill: currentColor !important;
display: block !important;
pointer-events: none !important;
}
.wgm-travel-btn:hover {
background-color: rgba(0, 0, 0, 0.05) !important;
color: #3c4043 !important;
box-shadow: none !important;
}
.wgm-travel-btn.active {
background: #ffffff !important;
color: #1a73e8 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
font-weight: bold !important;
} .wgm-dir-input-group {
position: relative !important;
margin-bottom: 15px !important;
}
.wgm-dir-field-wrap {
position: relative !important;
display: flex !important;
align-items: stretch !important;
background: #fff !important;
border: 1px solid #dadce0 !important;
border-radius: 8px !important;
transition: border-color 0.2s !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.wgm-dir-field-wrap:focus-within {
border-color: #1a73e8 !important;
box-shadow: 0 0 0 1px #1a73e8 !important;
z-index: 2 !important;
}
.wgm-dir-field-wrap .wgm-dir-input {
flex: 1 !important;
min-width: 0 !important;
width: auto !important;
padding: 10px 12px !important;
border: none !important;
border-radius: 0 !important;
font-size: 14px !important;
outline: none !important;
background: transparent !important;
color: #3c4043 !important;
height: 40px !important;
line-height: normal !important;
box-shadow: none !important;
box-sizing: border-box !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
margin: 0 !important;
}
.wgm-dir-field-wrap .wgm-dir-input::placeholder {
color: #9aa0a6 !important;
opacity: 1 !important;
}
.wgm-current-loc-btn,
.wgm-remove-waypoint-btn {
position: static !important;
background: transparent !important;
border: none !important;
border-left: 1px solid #f1f3f4 !important;
padding: 0 12px !important;
margin: 0 !important;
cursor: pointer !important;
color: #70757a !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.2s !important;
height: auto !important;
width: auto !important;
min-width: 44px !important;
box-sizing: border-box !important;
outline: none !important;
box-shadow: none !important;
flex-shrink: 0 !important;
}
.wgm-current-loc-btn:hover,
.wgm-remove-waypoint-btn:hover {
background: #f8f9fa !important;
color: #202124 !important;
box-shadow: none !important;
}
.wgm-current-loc-btn svg,
.wgm-remove-waypoint-btn svg {
width: 18px !important;
height: 18px !important;
display: block !important;
fill: currentColor !important;
pointer-events: none !important;
} .wgm-get-direction-btn,
.wgm-show-on-map-btn {
background: #fff;
color: #3c4043;
border: 1px solid #dadce0;
padding: 8px 16px;
border-radius: 18px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
transition: all 0.2s;
}
.wgm-get-direction-btn:hover,
.wgm-show-on-map-btn:hover {
background: #f1f3f4;
border-color: #dadce0;
color: #202124;
}
.wgm-get-direction-btn.active {
background: #e8f0fe;
color: #1a73e8;
border-color: #e8f0fe;
}
.wgm-action-icon {
width: 16px;
height: 16px;
fill: currentColor;
} .wgm-dir-results-panel {
display: none;
margin-top: 10px;
border-top: 1px solid #f1f3f4;
padding-top: 10px;
overflow-y: auto;
max-height: calc(100vh - 350px);
}
.wgm-dir-results-panel.active {
display: block;
} .wgm-direction-drawer {
overflow: visible;
}
.wgm-drawer-content {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding: 20px;
padding-top: 50px; } .adp-placard {
border: none !important;
background: #fff !important;
padding: 10px !important;
box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3),
0 1px 3px 1px rgba(60, 64, 67, 0.15) !important;
border-radius: 8px !important;
margin-bottom: 15px !important;
}
.adp-summary {
padding: 5px 0 !important;
font-weight: 500 !important;
color: #202124 !important;
font-size: 14px !important;
}
.adp-directions {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0;
margin-top: 10px;
}
.adp-step {
padding: 10px 0 !important;
border-bottom: 1px solid #f1f3f4 !important;
font-size: 13px !important;
color: #3c4043 !important;
}
.adp-substep {
padding-left: 20px !important;
border-left: 2px solid #e8eaed !important;
} @media screen and (max-width: 600px) {
.wgm-direction-drawer {
width: 100% !important;
}
.wgm-travel-btn {
height: 44px; }
.wgm-dir-field-wrap .wgm-dir-input {
height: 44px;
font-size: 16px; }
.wgm-current-loc-btn,
.wgm-remove-waypoint-btn {
min-width: 48px;
}
}
@media screen and (max-width: 480px) {
.wgm-direction-drawer {
width: 100%;
}
} .wgm-dir-options_wrap {
margin-top: 15px;
}
.wgm-action-bar {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.wgm-dir-adv-toggle {
color: #1a73e8;
font-size: 13px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 4px;
font-weight: 500;
user-select: none;
}
.wgm-dir-adv-toggle:hover {
text-decoration: underline;
}
.wgm-dir-adv-options {
display: none;
background: #f8f9fa;
padding: 12px;
border-radius: 8px;
margin-bottom: 15px;
border: 1px solid #f1f3f4;
}
.wgm-dir-adv-options.active {
display: block;
}
.wgm-adv-opt-item {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
font-size: 13px;
color: #5f6368;
cursor: pointer;
}
.wgm-adv-opt-item:last-child {
margin-bottom: 0;
}
.wgm-adv-opt-item input {
margin: 0;
accent-color: #1a73e8;
width: 16px;
height: 16px;
}
.wgm-direction-drawer .wgm-dir-go-btn {
width: auto;
min-width: 80px;
padding: 0 20px;
background: #1a73e8 !important;
color: #ffffff !important;
border: none !important;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s, box-shadow 0.2s;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 6px;
height: 36px;
line-height: normal;
text-transform: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.wgm-direction-drawer .wgm-dir-go-btn:hover {
background: #1765cc !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.wgm-direction-drawer .wgm-dir-go-btn svg {
width: 18px;
height: 18px;
display: block;
margin: 0;
fill: currentColor;
}
.wgm-direction-drawer .wgm-dir-go-btn span {
display: inline-block;
}
.wgm-add-waypoint-trigger {
color: #1a73e8;
font-size: 13px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
margin-bottom: 15px;
font-weight: 500;
text-decoration: none;
padding: 4px 8px; margin-left: -8px; border-radius: 4px;
}
.wgm-add-waypoint-trigger svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.wgm-add-waypoint-trigger:hover {
background: #f1f3f4;
text-decoration: none;
} .wgm-category-badge {
display: inline-block;
padding: 2px 8px;
background-color: var(--wgm-bg-light);
color: var(--wgm-text-color-secondary);
border: 1px solid var(--wgm-border-color);
border-radius: 12px;
font-size: 11px;
font-weight: 500; vertical-align: middle;
}
.wgm-item-meta .wgm-category-badge { } .wgm-carousel-cat {
margin-top: 5px;
} .wgm-table-cat-wrap {
margin-top: 4px;
} .wgm-table-responsive {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
width: 100% !important;
margin-bottom: 15px;
}@font-face {
font-family: 'icomoon';
src: url(//cismielno.lzs.pl/wp-content/themes/erizo/fonts/icomoon/icomoon.eot?srf3rx);
src: url(//cismielno.lzs.pl/wp-content/themes/erizo/fonts/icomoon/icomoon.eot?srf3rx#iefix) format("embedded-opentype"), url(//cismielno.lzs.pl/wp-content/themes/erizo/fonts/icomoon/icomoon.ttf?srf3rx) format("truetype"), url(//cismielno.lzs.pl/wp-content/themes/erizo/fonts/icomoon/icomoon.woff?srf3rx) format("woff"), url(//cismielno.lzs.pl/wp-content/themes/erizo/fonts/icomoon/icomoon.svg?srf3rx#icomoon) format("svg");
font-weight: normal;
font-style: normal;
} body {
font-family: "Source Sans Pro", Arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.7; color:#000;
background: #fff;
}
#page {
position: relative;
overflow-x: hidden;
width: 100%;
height: 100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.offcanvas #page {
overflow: hidden;
position: absolute;
}
.offcanvas #page:after {
-webkit-transition: 2s;
-o-transition: 2s;
transition: 2s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 101;
background: rgba(0, 0, 0, 0.7);
content: "";
}
a {
color: #24aae1;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
a:hover, a:active, a:focus {
color: #24aae1;
outline: none;
text-decoration: none;
}
p {
margin-bottom: 20px;
}
h1, h2, h3, h4, h5, h6, figure {
color: #000;
font-family: "Montserrat", sans-serif;
font-weight: 400;
margin: 0 0 20px 0;
}
::-webkit-selection {
color: #fff;
background: #24aae1;
}
::-moz-selection {
color: #fff;
background: #24aae1;
}
::selection {
color: #fff;
background: #24aae1;
}
.fh5co-nav {
width: 100%;
padding: 0;
z-index: 1001;
}
.fh5co-nav .top-menu {
padding: 12px 0;
border-bottom:1px solid #eee;
}
.fh5co-nav .top {
padding: 0px 0;
margin-bottom: 0;
background: #24aae1;  position: absolute;
z-index: 1000;
width: 100%;
}
.fh5co-nav .top .row{display:none !important;opacity:0;}
.fh5co-nav .top{ }
.fh5co-nav .top i::before{
margin-top:5px;
padding-right:3px;
}
.fh5co-nav .top .num, .fh5co-nav .top .fh5co-social, .fh5co-nav .top .loc {
display: inline-block;
margin: 0;
padding: 10px 12px;
color: #fff !important;
font-size: 14px;
font-weight:400;
}
@media screen and (max-width: 768px) {
.fh5co-nav .top .num, .fh5co-nav .top .fh5co-social, .fh5co-nav .top .loc {
padding: 5px 10px;
display: block;
text-align: center;
border: none !important;
}
}
.fh5co-nav .top .loc {
float: left;
margin-top: 0px;
border-left: 1px solid rgba(255, 255, 255, 0.4);
border-right: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 768px) {
.fh5co-nav .top .loc {
display: none;
}
}
.fh5co-nav .top .num {
letter-spacing: 0px;
border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.fh5co-nav .top .fh5co-social {
margin: 0;
border-left: 1px solid rgba(255, 255, 255, 0.4);
border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.fh5co-nav .top .fh5co-social li {
font-size: 14px;
display: inline-block;
}
.fh5co-nav .top .fh5co-social li a {
padding: 7px 7px;
}
.fh5co-nav .top .fh5co-social li a i {
font-size: 14px;
color: #fff;
}
.fh5co-nav #fh5co-logo {
font-size: 30px;
margin: 0;
padding: 0;
text-transform: uppercase;
font-weight: bold;
font-weight: 700;
font-family: "Source Sans Pro", Arial, sans-serif;
}
#fh5co-logo img{
height:75px;
max-width:100%;
}
.fh5co-nav #fh5co-logo a {
color: #24aae1;
position: relative;
}
.fh5co-nav #fh5co-logo a span {
color: #24aae1;
}
@media screen and (max-width: 768px) {
.fh5co-nav .menu-1 {
display: none;
}
}
.fh5co-nav ul {
padding: 0;
margin: 22px 0 0 0;
}                                                                                          
.fh5co-nav ul li {
padding: 0;
margin: 0;
list-style: none;
display: inline;
font-weight: 600;
text-transform: uppercase;
}
.fh5co-nav ul li a {
font-size: 14px;
padding: 15px 6px;
color: rgba(0, 0, 0, 0.8);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
font-weight: 700;
}
.fh5co-nav ul li a:hover, .fh5co-nav ul li a:focus, .fh5co-nav ul li a.active {
color: #24aae1;
}
.fh5co-nav ul li.has-dropdown {
position: relative;
}
.fh5co-nav ul li.has-dropdown .dropdown {
width: 140px;
-webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
z-index: 1002;
visibility: hidden;
opacity: 0;
position: absolute;
top: 5px;
left: 0;
text-align: left;
background: #000;
padding: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: 0s;
-o-transition: 0s;
transition: 0s;
}
.fh5co-nav ul li.has-dropdown .dropdown:before {
bottom: 100%;
left: 40px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #000;
border-width: 8px;
margin-left: -8px;
}
.fh5co-nav ul li.has-dropdown .dropdown li {
display: block;
margin-bottom: 7px;
}
.fh5co-nav ul li.has-dropdown .dropdown li:last-child {
margin-bottom: 0;
}
.fh5co-nav ul li.has-dropdown .dropdown li a {
padding: 2px 0;
display: block;
color: #999999;
line-height: 1.2;
text-transform: none;
font-size: 13px;
letter-spacing: 0;
}
.fh5co-nav ul li.has-dropdown .dropdown li a:hover {
color: #fff;
}
.fh5co-nav ul li.has-dropdown:hover a, .fh5co-nav ul li.has-dropdown:focus a {
color: #000;
}
.fh5co-nav ul li.btn-cta a {
padding: 15px 0 !important;
color: #fff;
}
.fh5co-nav ul li.btn-cta a span {
background: #24aae1;
padding: 7px 15px;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
}
.fh5co-nav ul li.btn-cta a:hover span {
-webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}
.fh5co-nav ul li.active > a {
font-weight: 600;
color: #24aae1;
}
#fh5co-hero {
min-height: 650px;
background: #fff url(//cismielno.lzs.pl/wp-content/themes/erizo/images/loader.gif) no-repeat center center;
margin:0 20px;
}
#fh5co-hero .flexslider {
border: none;
z-index: 1;
margin-bottom: 0;
}
#fh5co-hero .flexslider .slides {
position: relative;
overflow: hidden;
}
#fh5co-hero .flexslider .slides li {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
min-height: 630px;
position: relative;
}
#fh5co-hero .flexslider .slides li:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
#fh5co-hero .flexslider .flex-control-nav {
bottom: 7em;
z-index: 1000;
}
#fh5co-hero .flexslider .flex-control-nav li a {
background: rgba(255, 255, 255, 0.2);
box-shadow: none;
width: 12px;
height: 12px;
cursor: pointer;
}
#fh5co-hero .flexslider .flex-control-nav li a.flex-active {
cursor: pointer;
background: rgba(255, 255, 255, 0.7);
}
#fh5co-hero .flexslider .flex-direction-nav {
display: none;
}
#fh5co-hero .flexslider .slider-text {
display: table;
opacity: 0;
min-height: 650px;
z-index: 9;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner {
display: table-cell;
vertical-align: middle;
height: 700px;
}
.subpage-banner .slider-text{
height:400px !important;
min-height:400px !important;
}
.subpage-banner .slider-text-inner{
height:400px !important;
min-height:400px !important;
}
.subpage-banner .slides li{
height:400px !important;
min-height:400px !important;
}
.subpage-banner{
min-height:400px !important;
} @media screen and (max-width: 992px) {
.slider-text{
height:450px !important;
min-height:450px !important;
}
.slider-text-inner{
height:450px !important;
min-height:450px !important;
}
.slides li{
height:450px !important;
min-height:450px !important;
}
#fh5co-hero{
height:450px !important;
min-height:450px !important;
}
.subpage-banner{
min-height:450px !important;
}
#fh5co-hero .flexslider .flex-control-nav{
bottom:2em !important;
}
#fh5co-hero .flexslider .slider-text{
width:100%;
}
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1, #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
margin: 0;
padding: 0;
color: white;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1 {
margin-bottom: 20px;
font-size: 55px;
line-height: 1.3;
font-weight: 600;
}
.home-slides h1{
font-size:65px !important;
}
@media screen and (max-width: 768px) {
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1 {
font-size: 30px !important;
font-weight:600;
}
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
font-size: 20px;
line-height: 1.5;
margin-bottom: 30px;
font-family: "Source Sans Pro", Arial, sans-serif;
}
@media screen and (max-width: 768px) {
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
font-size:18px;
line-height: normal;
margin-bottom: 30px;
font-family: "Source Sans Pro", Arial, sans-serif;
}
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 a {
color: rgba(255, 255, 255, 0.5);
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .doc-holder, .btn-primary {
font-size: 24px;
font-weight: 300;
font-family: "Montserrat", sans-serif;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .btn, .btn-primary {
padding: 18px 30px !important;
color: #fff;
border: none !important;
font-size: 18px !important;
border-radius:20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .btn:hover {
background: #24aae1 !important;
-webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
-moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead {
font-size: 20px;
color: #fff;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead .icon-heart {
color: #d9534f;
}
.fh5co-bg-section {
background: #f2f2f2;
}
#fh5co-counter{
margin:0 20px;
}
#fh5co-services,
#fh5co-choose,
#fh5co-counter,
#fh5co-register,
.fh5co-departments,
.fh5co-pricing,
#fh5co-testimonial,
#fh5co-blog,
#fh5co-about,
#fh5co-doctor,
#fh5co-contact,
#fh5co-footer,
.mysection {
padding: 7em 0;
clear: both;
}
@media screen and (max-width: 768px) {
#fh5co-services,
#fh5co-choose,
#fh5co-counter,
#fh5co-register,
.fh5co-departments,
.fh5co-pricing,
#fh5co-testimonial,
#fh5co-blog,
#fh5co-about,
#fh5co-doctor,
#fh5co-contact,
#fh5co-footer,
.mysection {
padding: 3em 0;
}
}
#fh5co-footer {
padding: 7em 0 0 0;
}
#fh5co-intro {
position: relative;
margin-top: -4em;
z-index: 99;
clear: both;
}
.intro {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
width: 100%;
float: left;
}
.intro-grid {
padding: 4em 2.5em;
color: rgba(255, 255, 255, 0.8) !important;
overflow: hidden;
position: relative;
width: 33.333%;
display: inline-block;
}
@media screen and (max-width: 768px) {
.intro-grid {
width: 100%;
}
}
.intro-grid .icon {
position: absolute;
top: 20px;
right: -60px;
}
.intro-grid .icon i {
font-size: 200px;
color: rgba(255, 255, 255, 0.1);
}
.intro-grid .quick {
text-transform: uppercase;
display: block;
margin-bottom: 10px;
font-size: 12px;
letter-spacing: 1px;
}
.intro-grid a {
color: #fff;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
}
.intro-grid h3 {
color: #fff;
}
.intro-grid.color-1 {
background: #5fc9f8;
}
.intro-grid.color-2 {
background: #6356E5;
}
.intro-grid.color-3 {
background: #A82FFC;
}
.services {
width: 95%;
margin: 0 auto;
margin-bottom: 40px;
position: relative;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.services h3 {
font-size: 20px;
}
.services h3 a {
color: #000;
font-weight:600;
}
.services .icon {
width: 90px;
height: 90px;
background: rgba(0, 0, 0, 0.04);
display: table;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 992px) {
.services .icon {
margin: 0 auto 30px auto;
}
}
.services .icon i {
display: table-cell;
vertical-align: middle;
font-size: 60px;
line-height: 60px;
color: #fff;
background:#24aae1;
border-radius:50%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.services:hover .icon, .services:focus .icon {
background: #24aae1;
}
.services:hover .icon i, .services:focus .icon i {
color: #fff;
}
.fh5co-counters {
padding: 7em 0;
background-size: cover;
background-position: center center;
position: relative;
}
@media (min-width: 768px) {
.fh5co-counters{
background-attachment: fixed;
}
}
.fh5co-counters .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';    background:#24aae1;opacity:0.9;
}
.fh5co-counters .fh5co-counter {
font-size: 60px;
display: block;
color: white;
font-family: "Montserrat", sans-serif;
width: 100%;
font-weight: 400;
margin-bottom: .1em;
}
.fh5co-counters .fh5co-counter-label {
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
margin-bottom: 2em;
display: block;
font-family: "Montserrat", sans-serif;
}
.fh5co-counters .icon i {
font-size: 55px;
color: #fff;
}
.fh5co-video {
display: table;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
height: 500px;
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
.fh5co-video {
height: 450px;
}
}
.fh5co-video a {
z-index: 1001;
position: absolute;
top: 50%;
left: 50%;
margin-top: -45px;
margin-left: -45px;
width: 90px;
height: 90px;
display: table;
text-align: center;
background: #fff;
-webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
-ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
-o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.fh5co-video a i {
text-align: center;
display: table-cell;
vertical-align: middle;
font-size: 40px;
}
.fh5co-video .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.fh5co-video:hover .overlay {
background: rgba(0, 0, 0, 0.7);
}
.fh5co-video:hover a {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.features {
position: relative;
margin-bottom: 30px;
}
.features h3 {
font-size: 20px;
}
.features .icon {
position: absolute;
top: 0;
left: 0;
display: table;
width: 80px;
height: 80px;
background: #24aae1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.features .icon i {
display: table-cell;
vertical-align: middle;
height: 80px;
font-size: 30px;
color: #fff;
}
.features .desc {
padding-left: 100px;
}
.fh5co-social-icons {
margin: 0;
padding: 0;
}
.fh5co-social-icons li {
margin: 0;
padding: 0;
list-style: none;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
.fh5co-social-icons li a {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
color: #24aae1;
padding-left: 10px;
padding-right: 10px;
}
.fh5co-social-icons li a i {
font-size: 20px;
}
.fh5co-contact-info ul {
padding: 0;
margin: 0;
margin-top:30px;
}
.fh5co-contact-info ul li {
padding: 0 0 0 40px;
margin: 0 0 30px 0;
list-style: none;
position: relative; }
.fh5co-contact-info ul li:before { color:#000;
position: absolute;
left: 0;
top: .05em;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fh5co-contact-info ul li.address:before {
font-size: 30px;
content: "\e9dc";
}
.fh5co-contact-info ul li.phone:before {
font-size: 23px;
content: "\ea3b";
}
.fh5co-contact-info ul li.email:before {
font-size: 23px;
content: "\e91e";
}
.fh5co-contact-info ul li.url:before {
font-size: 23px;
content: "\e9df";
}
.fh5co-contact-info ul li.facebook:before {
font-size: 23px;
content: "\eac0";
}
.fh5co-contact-info ul li a {
color: #000;
}
.fh5co-heading {
margin-bottom: 5em;
}
.fh5co-heading h2 {
font-size: 32px;
margin-bottom: 30px;
line-height: 1.5;
color: #000;
text-transform: uppercase;
position: relative;
display: block;
font-weight:600;
}
@media screen and (max-width: 768px) {
.fh5co-heading h2 {
font-size: 28px;
}
}
.fh5co-heading h2 span { }
.fh5co-heading h2:after {
position: absolute;
left: 0;
right: 0;
bottom: -10px;
content: '';
width: 50px;
height: 2px;
margin: 0 auto;
background: #24aae1;
}
.fh5co-heading p {
font-size: 16px;
}
#fh5co-blog {
position: relative;
}
.fh5co-event {
position: relative;
padding-left: 110px;
width: 100%;
float: left;
margin-bottom: 30px;
}
.fh5co-event .date {
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 90px;
background: #24aae1;
display: table;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.fh5co-event .date span {
display: table-cell;
vertical-align: middle;
height: 90px;
width: 90px;
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #fff;
}
.fh5co-event h3 {
font-size: 20px;
margin-bottom: 20px;
line-height: 1.5;
}
.fh5co-event h3 a {
color: black;
}
#fh5co-blog {
position: relative;
}
#fh5co-blog .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: rgba(31, 95, 139, 0.7);
}
#fh5co-blog .blog-slide {
position: relative;
color: #fff !important;
}
#fh5co-blog .blog-slide .blog-box {
display: block;
width: 100%;
height: 430px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
#fh5co-blog .blog-slide .blog-box {
width: 90%;
margin: 0 auto;
}
}
#fh5co-blog .blog-slide .blog-box:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
z-index: 1;
-webkit-box-shadow: inset 0px -108px 91px -24px rgba(0, 0, 0, 0.45);
-moz-box-shadow: inset 0px -108px 91px -24px rgba(0, 0, 0, 0.45);
box-shadow: inset 0px -108px 91px -24px rgba(0, 0, 0, 0.45);
}
#fh5co-blog .blog-slide .blog-box .desc {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
z-index: 2;
}
#fh5co-blog .blog-slide .blog-box .desc h3 {
color: #fff;
}
#fh5co-blog .blog-slide .blog-box .desc .date {
display: inline-block;
margin-bottom: 7px;
text-transform: uppercase;
padding: 5px 10px;
background: #24aae1;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
#fh5co-blog .arrow-thumb {
position: absolute;
top: 40%;
display: block;
width: 100%;
}
#fh5co-blog .arrow-thumb a {
font-size: 32px;
color: #dadada;
}
#fh5co-blog .arrow-thumb a:hover, #fh5co-blog .arrow-thumb a:focus, #fh5co-blog .arrow-thumb a:active {
text-decoration: none;
}
#fh5co-blog .owl-theme .owl-dots .owl-dot span {
background: rgba(0, 0, 0, 0.3) !important;
}
#fh5co-blog .owl-theme .owl-dots .active span {
background: black !important;
}
.blog-wrap {
margin-bottom: 4em;
}
.blog-img {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
height: 300px;
width: 100%;
display: block;
margin-bottom: 30px;
}
.blog-desc {
margin-bottom: 5em;
}
.blog-desc h2 a {
color: rgba(0, 0, 0, 0.9);
}
.blog-desc .post-meta {
display: block;
margin-bottom: 15px;
}
.blog-desc .post-meta span {
margin-right: 10px;
}
.blog-desc .post-meta span a {
color: rgba(0, 0, 0, 0.3);
}
.comment-area {
margin-bottom: 5em;
}
.comment-area h2 {
display: block;
padding: 1em;
background: rgba(0, 0, 0, 0.08);
}
.sidebar {
padding-left: 3em;
}
@media screen and (max-width: 768px) {
.sidebar {
padding-left: 0;
}
}
.sidebar .side {
margin-bottom: 4em;
}
.sidebar .side h2 {
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1.5em;
}
.sidebar .side h2 span {
color: #24aae1;
}
.sidebar .side .list {
margin: 0;
padding: 0;
}
.sidebar .side .list li {
list-style: none;
font-size: 18px;
display: block;
position: relative;
margin-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
padding-bottom: 10px;
}
.sidebar .side .list li a {
color: rgba(0, 0, 0, 0.3);
padding-left: 34px;
}
.sidebar .side .list li a i {
position: absolute;
top: 5px;
left: 0;
}
.sidebar .side .list li a .badge {
position: absolute;
background: #24aae1;
top: 5px;
right: 0;
font-weight: 300;
}
.sidebar .side .post {
margin-bottom: 3em;
}
.sidebar .side .post .blog-img {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
height: 100px;
width: 100px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.sidebar .side .post .desc {
padding-left: 120px;
}
.sidebar .side .post .desc h3 {
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: rgba(0, 0, 0, 0.7);
}
.sidebar .side .post .desc span {
display: block;
margin-bottom: 6px;
color: rgba(0, 0, 0, 0.3);
}
#fh5co-register {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
#fh5co-register .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: rgba(0, 0, 0, 0.7);
}
#fh5co-register h2, #fh5co-register h3, #fh5co-register p {
color: #fff;
}
#fh5co-register h2 {
font-size: 60px;
font-weight: 300;
}
@media screen and (max-width: 768px) {
#fh5co-register h2 {
font-size: 30px;
}
}
#fh5co-register h2 .color {
color: #24aae1;
}
#fh5co-register .countdown {
margin-bottom: 20px;
font-size: 60px;
color: #fff;
}
#fh5co-register .countdown span {
margin: 0 30px;
display: inline-block;
font-family: "Montserrat", sans-serif;
}
#fh5co-register .countdown small {
display: block;
font-size: 16px;
font-family: "Source Sans Pro", Arial, sans-serif;
}
#fh5co-register .btn-reg {
background: transparent;
border: 2px solid #fff;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.doctor {
width: 100%;
float: left;
display: block;
margin-bottom: 40px;
}
.doctor img {
margin-bottom: 40px;
}
.doctor .staff-img {
width: 100%;
float: left;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
height: 300px;
margin-bottom: 20px;
display: table;
}
.doctor .staff-img:before {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: rgba(255, 255, 255, 0.9);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.doctor .staff-img .fh5co-social {
opacity: 0;
display: table-cell;
vertical-align: middle;
height: 300px;
margin: 0;
padding: 0;
font-size: 14px;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
.doctor .staff-img .fh5co-social li {
display: inline-block;
padding: 0 7px;
}
.doctor .staff-img .fh5co-social li i {
font-size: 22px;
}
.doctor h2 {
margin-bottom: 10px;
}
.doctor h3 {
font-size: 20px;
margin-bottom: 10px;
}
.doctor h3 a {
color: #24aae1;
}
.doctor span {
display: block;
margin-bottom: 20px;
font-size: 14px;
}
.doctor:hover .staff-img:before {
opacity: 1;
}
.doctor:hover .staff-img .fh5co-social {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.doctor .fh5co-social-icons {
margin: 30px 0;
}
.doctor .fh5co-social-icons li a:first-child {
padding-left: 0;
}
.doctor .desc {
margin-bottom: 40px;
}
.doctor .contact-info h2 {
margin-bottom: 30px;
}
.doctor .contact-info p {
font-size: 18px;
color: #fff;
display: block;
padding: 2em;
background: #24aae1;
position: relative;
}
.doctor .contact-info p i {
font-size: 24px;
}
.doctor .contact-info p a {
color: #fff;
}
.schedule {
width: 100%;
padding: 2em;
background: #24aae1;
position: relative;
margin-bottom: 20px;
}
.schedule .icon {
position: absolute;
top: 2.5em;
left: 2em;
}
.schedule .icon i {
font-size: 34px;
color: #fff;
}
.schedule .desc {
padding-left: 60px;
color: #fff;
}
.schedule .desc span {
display: block;
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
}
.schedule .desc h4 {
color: #fff;
font-size: 24px;
margin-bottom: 8px;
}
.btn-big {
display: block;
width: 100%;
float: left;
}
.btn-big a {
width: 100%;
float: left;
display: block;
font-size: 20px;
padding: 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.department-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
width: 100%;
float: left;
}
.department-wrap .grid-1, .department-wrap .grid-2 {
width: 50%;
display: inline-block;
}
.department-wrap .my-grid{
width: 100%;
display: inline-block;
}
@media screen and (max-width: 768px) {
.department-wrap .grid-1, .department-wrap .grid-2 {
width: 100%;
}
}
.department-wrap .grid-1 {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
@media screen and (max-width: 768px) {
.department-wrap .grid-1 {
height: 300px;
}
}
.department-wrap .grid-2 { }
.department-wrap .grid-2 .desc {
padding: 4em 3em;
color: #111;
}
@media screen and (max-width: 768px) {
.department-wrap .grid-2 .desc {
padding: 1em;
}
}
.department-wrap .grid-2 .desc h2 a {
color: #111;
}
.department-wrap .grid-2 .desc p { }
.department-wrap .grid-2.color-1 {
background: #5fc9f8;
}
.department-wrap .grid-2.color-2 {
background: #6356E5;
}
.department-wrap .grid-2.color-3 {
background: #A82FFC;
}
.department-wrap .department-info {
margin-top: 40px;
display: block;
}
.department-wrap .department-info .block {
margin-bottom: 30px;
padding: 1em;
display: block;
color: white;
background: #70dbdb;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.department-wrap .department-info .block h2 {
color: white;
}
.department-wrap .department-info .block:hover {
background: #adebeb;
}
.department-wrap .department-info h2 {
font-size: 24px;
margin-bottom: 10px;
}
.plan {
margin: 0;
padding: 10px;
}
.plan li {
list-style: none;
font-size: 18px;
margin-bottom: 10px;
display: block;
}
.plan li span {
font-family: "Montserrat", sans-serif;
font-weight: 300;
display: inline-block;
}
.plan li span:first-child {
width: 85%;
}
.plan li span:last-child {
width: 15%;
text-align: right;
color: #24aae1;
}
.testimony {
position: relative;
padding: 3em 2em 2em 2em;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 4px 18px -7px rgba(0, 0, 0, 0.27);
-moz-box-shadow: 0px 4px 18px -7px rgba(0, 0, 0, 0.27);
box-shadow: 0px 4px 18px -7px rgba(0, 0, 0, 0.27);
}
@media screen and (max-width: 768px) {
.testimony {
margin-bottom: 40px;
}
}
.testimony .icon {
width: 60px;
height: 60px;
position: absolute;
top: -30px;
left: -30px;
margin-left: 50%;
display: table;
background: #24aae1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.testimony .icon i {
color: #fff;
height: 60px;
font-size: 20px;
display: table-cell;
vertical-align: middle;
}
.testimony blockquote {
padding: 0;
margin: 0 0 10px 0;
border: none;
}
.testimony blockquote p {
color: #000;
font-size: 20px;
}
#fh5co-gallery {
padding-top: 2.5em;
}
#fh5co-gallery h2 {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 2.5em;
font-family: "Source Sans Pro", Arial, sans-serif;
font-weight: 700;
letter-spacing: 2px;
}
#fh5co-gallery h2 span {
border: 2px solid rgba(0, 0, 0, 0.8);
padding: 10px 15px;
position: relative;
}
#fh5co-gallery h2 span:before, #fh5co-gallery h2 span:after {
position: absolute;
top: 18px;
bottom: 0;
content: '';
width: 100px;
height: 1px;
background: rgba(0, 0, 0, 0.1);
}
#fh5co-gallery h2 span:before {
lett: 0;
margin-left: -125px;
}
#fh5co-gallery h2 span:after {
right: 0;
margin-right: -110px;
}
.gallery {
display: block;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
height: 300px;
}
.gallery:hover {
-webkit-box-shadow: inset 0px 0px 124px 11px rgba(0, 0, 0, 0.74);
-moz-box-shadow: inset 0px 0px 124px 11px rgba(0, 0, 0, 0.74);
box-shadow: inset 0px 0px 124px 11px rgba(0, 0, 0, 0.74);
}
#fh5co-footer {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
color: #fff !important;
}
#fh5co-footer .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; background:#222;opacity:0.95; -webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#fh5co-footer .logo {
color: #fff !important;
}
#fh5co-footer .fh5co-footer-links {
padding: 0;
margin: 0;
}
#fh5co-footer .fh5co-footer-links li {
padding: 0;
margin: 0;
list-style: none;
}
#fh5co-footer .fh5co-footer-links li a {
color: rgba(255, 255, 255, 0.5);
text-decoration: none;
}
#fh5co-footer .fh5co-footer-links li a:hover {
text-decoration: underline;
}
#fh5co-footer .fh5co-widget {
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
#fh5co-footer .fh5co-widget {
text-align: left;
}
}
#fh5co-footer .fh5co-widget h3 {
margin-bottom: 15px;
font-weight: bold;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "Source Sans Pro", Arial, sans-serif;
color: #fff;
}
#fh5co-footer .form-group input[type="name"],
#fh5co-footer .form-group input[type="text"],
#fh5co-footer .form-group input[type="email"],
#fh5co-footer .form-group textarea {
font-size: 18px;
}
#fh5co-footer .form-group input[type="name"]::-webkit-input-placeholder,
#fh5co-footer .form-group input[type="text"]::-webkit-input-placeholder,
#fh5co-footer .form-group input[type="email"]::-webkit-input-placeholder,
#fh5co-footer .form-group textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
#fh5co-footer .form-group input[type="name"]:-moz-placeholder,
#fh5co-footer .form-group input[type="text"]:-moz-placeholder,
#fh5co-footer .form-group input[type="email"]:-moz-placeholder,
#fh5co-footer .form-group textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.5);
}
#fh5co-footer .form-group input[type="name"]::-moz-placeholder,
#fh5co-footer .form-group input[type="text"]::-moz-placeholder,
#fh5co-footer .form-group input[type="email"]::-moz-placeholder,
#fh5co-footer .form-group textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.5);
}
#fh5co-footer .form-group input[type="name"]:-ms-input-placeholder,
#fh5co-footer .form-group input[type="text"]:-ms-input-placeholder,
#fh5co-footer .form-group input[type="email"]:-ms-input-placeholder,
#fh5co-footer .form-group textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
#fh5co-footer .form-group input {
color: rgba(255, 255, 255, 0.5);
background: transparent;
border: none;
background: rgba(0, 0, 0, 0.2);
box-shadow: none;
}
#fh5co-footer .form-group textarea {
color: rgba(255, 255, 255, 0.5);
background: transparent;
border: none;
background: rgba(0, 0, 0, 0.2);
box-shadow: none;
}
#fh5co-footer .form-group #btn-submit {
background: #24aae1;
}
#fh5co-footer .copyright {
background: #000;
padding: 2em;
}
#fh5co-footer .copyright .block {
display: block;
}
#fh5co-footer .copyright .block a {
color: rgba(255, 255, 255, 0.5);
}
#map {
width: 100%;
height: 500px;
position: relative;
}
@media screen and (max-width: 768px) {
#map {
height: 200px;
}
}
.appointment-wrap {
border: 4px solid rgba(0, 0, 0, 0.03);
padding: 3em;
}
#fh5co-offcanvas {
position: absolute;
z-index: 1901;
width: 270px;
background: black;
top: 0;
right: 0;
top: 0;
bottom: 0;
padding: 75px 40px 40px 40px;
overflow-y: auto;
display: none;
-moz-transform: translateX(270px);
-webkit-transform: translateX(270px);
-ms-transform: translateX(270px);
-o-transform: translateX(270px);
transform: translateX(270px);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
@media screen and (max-width: 768px) {
#fh5co-offcanvas {
display: block;
}
}
.offcanvas #fh5co-offcanvas {
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
#fh5co-offcanvas a {
color: rgba(255, 255, 255, 0.5);
}
#fh5co-offcanvas a:hover {
color: rgba(255, 255, 255, 0.8);
}
#fh5co-offcanvas ul {
padding: 0;
margin: 0;
}
#fh5co-offcanvas ul li {
padding: 0;
margin: 0;
list-style: none;
}
#fh5co-offcanvas ul li > ul {
padding-left: 20px;
display: none;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a {
display: block;
position: relative;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {
position: absolute;
right: 0px;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\ea1c";
font-size: 20px;
color: rgba(255, 255, 255, 0.2);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.uppercase {
font-size: 14px;
color: #000;
margin-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
}
.gototop {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.gototop.active {
opacity: 1;
visibility: visible;
}
.gototop a {
width: 50px;
height: 50px;
display: table;
background: #24aae1;
color: #fff;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.gototop a i {
height: 50px;
display: table-cell;
vertical-align: middle;
font-size: 24px;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
text-decoration: none;
outline: none;
}
.fh5co-nav-toggle {
width: 25px;
height: 25px;
cursor: pointer;
text-decoration: none;
margin-top: -10px;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
background: #444;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
outline: none;
border-bottom: none !important;
}
.fh5co-nav-toggle i {
position: relative;
display: inline-block;
width: 25px;
height: 2px;
color: #252525;
font: bold 14px/.4 Helvetica;
text-transform: uppercase;
text-indent: -55px;
background: #252525;
transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
content: '';
width: 25px;
height: 2px;
background: #252525;
position: absolute;
left: 0;
transition: all .2s ease-out;
}
.fh5co-nav-toggle.fh5co-nav-white > i {
color: #fff;
background: #000;
}
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > i::after {
background: #000;
}
.fh5co-nav-toggle.fh5co-nav-white.active > i {
color: #fff;
background: #000;
}
.fh5co-nav-toggle.fh5co-nav-white.active > i::before, .fh5co-nav-toggle.fh5co-nav-white.active > i::after {
background: #fff;
}
.fh5co-nav-toggle i::before {
top: -7px;
}
.fh5co-nav-toggle i::after {
bottom: -7px;
}
.fh5co-nav-toggle:hover i::before {
top: -10px;
}
.fh5co-nav-toggle:hover i::after {
bottom: -10px;
}
.fh5co-nav-toggle.active i {
background: transparent;
}
.fh5co-nav-toggle.active i::before {
top: 0;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.fh5co-nav-toggle.active i::after {
bottom: 0;
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
.fh5co-nav-toggle {
position: absolute;
right: 0px;
top: 25px;
z-index: 21;
padding: 6px 0 0 0;
display: block;
margin: 0 auto;
display: none;
height: 44px;
width: 44px;
z-index: 2001;
border-bottom: none !important;
}
@media screen and (max-width: 768px) {
.fh5co-nav-toggle {
display: block;
}
}
.btn {
margin-right: 4px;
margin-bottom: 4px;
font-family: "Source Sans Pro", Arial, sans-serif;
font-size: 12px;
font-weight: 700;
text-transform:uppercase; -webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
padding: 8px 20px;
}
.btn.btn-md {
padding: 8px 20px !important;
}
.btn.btn-lg {
padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
box-shadow: none !important;
outline: none !important;
}
.btn-primary {
background: #24aae1;
color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background: #444 !important;
border-color: #444 !important;
}
.btn-primary.btn-outline {
background: transparent;
color: #24aae1;
border: 2px solid #24aae1;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
background: #24aae1;
color: #fff;
}
.btn-success {
background: #5cb85c;
color: #fff;
border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
background: #4cae4c !important;
border-color: #4cae4c !important;
}
.btn-success.btn-outline {
background: transparent;
color: #5cb85c;
border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
background: #5cb85c;
color: #fff;
}
.btn-info {
background: #5bc0de;
color: #fff;
border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
background: #46b8da !important;
border-color: #46b8da !important;
}
.btn-info.btn-outline {
background: transparent;
color: #5bc0de;
border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
background: #5bc0de;
color: #fff;
}
.btn-warning {
background: #f0ad4e;
color: #fff;
border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
background: #eea236 !important;
border-color: #eea236 !important;
}
.btn-warning.btn-outline {
background: transparent;
color: #f0ad4e;
border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
background: #f0ad4e;
color: #fff;
}
.btn-danger {
background: #d9534f;
color: #fff;
border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
background: #d43f3a !important;
border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
background: transparent;
color: #d9534f;
border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
background: #d9534f;
color: #fff;
}
.btn-outline {
background: none;
border: 2px solid gray;
font-size: 16px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
box-shadow: none;
}
.btn.with-arrow {
position: relative;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn.with-arrow i {
visibility: hidden;
opacity: 0;
position: absolute;
right: 0px;
top: 50%;
margin-top: -8px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.btn.with-arrow:hover {
padding-right: 50px;
}
.btn.with-arrow:hover i {
color: #fff;
right: 18px;
visibility: visible;
opacity: 1;
}
.form-control {
box-shadow: none;
background: transparent;
border: 2px solid rgba(0, 0, 0, 0.1);
height: 54px;
font-size: 14px;
font-weight: 400;
}
.form-control:active, .form-control:focus {
outline: none;
box-shadow: none;
border-color: #24aae1;
}
.row-pb-md {
padding-bottom: 4em !important;
}
.row-pb-sm {
padding-bottom: 2em !important;
}
.fh5co-loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(//cismielno.lzs.pl/wp-content/themes/erizo/images/loader.gif) center no-repeat #fff;
}
.row-padded-mb {
margin-bottom: 3em !important;
}
.col-padded {
margin: 0 !important;
padding: 0 !important;
}
.js .animate-box {
opacity: 0;
}
#sticky_item {
overflow: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#sticky_item.is_stuck {
margin-top: 10px;
}
@media screen and (max-width: 992px) {
.sticky-parent {
clear: both;
height: inherit !important;
float: left;
padding-top: 30px;
}
}
form label {
font-weight: normal !important;
}
form label.error {
color: #B90B0B;
font-size: 16px !important;
text-transform: none !important;
letter-spacing: auto;
}
#message {
resize: vertical;
}
#form-message-warning, #form-message-success {
display: none;
}
#form-message-warning {
color: #B90B0B;
}
#form-message-success {
color: #55A44E;
font-size: 16px;
font-weight: bold;
}
.submitting {
float: left;
width: 100%;
padding: 10px 0;
display: none;
font-weight: normal;
font-size: 16px;
} .sub-menu{
display:none;
}
.fh5co-footer-links ul{
padding-left:0px;
}
.alignleft{
float:left; margin:15px;margin-left:0px;
}
.alignright{
float:right;margin:15px;margin-right:0px;
}
.pic50{
width:50%;height:auto;
}
.envira-gallery-item-inner div, .mini-box{
transform: scale(1,1);
}
.envira-gallery-item-inner div:hover, .mini-box:hover{
z-index:1000;
transform: scale(1.1,1.1);
transition: 250ms;
transition-timing-function: ease-out;  
}
.mini-box img{
max-width:100%;
}
.mini-box{
margin-bottom:30px;
position:relative;
}
.mini-box a{
position:absolute;
left:0;right:0;top:0;bottom:0;
}
.mini-desc{
text-align:center;
font-size:20px;
}
#footer .wpcf7-response-output{
color:#fff !important;
font-size:12px;
}
#footer span.wpcf7-not-valid-tip{
font-size:12px;
}
.wpcf7-acceptance{
font-size:12px;
line-height:14px; display:block;
}
#footer .wpcf7-acceptance{
color:#fff;
}
span.wpcf7-list-item{
margin-left:0px;
}
#footer #btn-submit{
margin-top:10px;
}
#fh5co-contact-section .form-group{
margin-bottom:15px;
}
span.wpcf7-not-valid-tip{
font-size:14px;line-height:16px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
font-size:14px;
} .realizacje-box{margin-bottom:30px;position:relative;transform: scale(1);transition:0.3s;}
.realizacje-box:hover{transform: scale(1.1);}
.realizacje-box .title{font-size:20px;}
.realizacje-box a{position:absolute;top:0;bottom:0;left:0;right:0;}
.realizacje-box img{width:100%;height:auto;}
.gallery img{border:none !important;}
.gallery:hover{box-shadow:none;}
.gallery img{width:100%;height:auto;}
.gallery .gallery-item{width:100% !important;}
.gallery .gallery-caption{padding-top:6px;height:30px;} #fh5co-hero,#fh5co-counter{margin:0;}
@media (max-width: 768px) {
#fh5co-services img{
width:100%;height:auto;
}
}
.services .icon{background:none;}
#fh5co-counter .icon{display:none;}
.section-grey{background:#f8f8f8;}
.partner-section img{width:100%;}
.logo-box{margin-bottom:30px;}
#fh5co-counter{padding:7em 0 5em;}
#fh5co-counter .fh5co-heading{margin-bottom:3em;}
#fh5co-counter .fh5co-heading h2{color:#fff !important;}
#fh5co-counter .fh5co-heading h2:after{background:#fff;}
@media (max-width: 768px) {
.fh5co-heading{margin-bottom:3em;}
} .login-form{text-align:center;padding-top:30px;}
.login-form input[type=submit]{clear:both;display:inline-block;margin-top:8px;}
.login-form input[type=password]{padding:10px 20px;}
.unia-logo img{max-width:90%;max-height:70px;width:auto;height:auto;}
.unia-logo{margin-bottom:30px;}
@media (max-width: 768px) {
.unia-logo{text-align:center;}
}
.unia-loga{background:#f8f8f8;padding-top:30px;}  .wpis-box{margin-bottom:30px;}
.wpis-box img{width:100%;height:auto;}
.wpis-title{font-size:20px;font-weight:700;margin:5px 0 0;}
.wpis-data{font-size:12px;margin-bottom:10px;text-transform:uppercase;color:#aaa;}
.wpis-box .btn{float:right;padding-right:0;padding-left:0;}
.sigle-img{}
@media screen and (max-width: 768px) {
.sigle-img{width:100%;}
}
@media screen and (min-width: 768px) {
.wpis-text{min-height:140px;}
.sigle-img{margin-left:15px;margin-bottom:15px;max-width:40%;height:auto;}
} #fh5co-footer a{
color:#fff;  
}