#schedule-filters-form .fields--flex,
#schedule-filters-form.search-form .fields--flex,
form#schedule-filters-form .fields--flex,
form#schedule-filters-form .dropdowns-selectors .fields--flex,
body #schedule-filters-form .fields--flex {
gap: 0.5rem !important;
column-gap: 0.5rem !important;
} #schedule-filters-form .fields--flex .field {
flex: 1 1 0 !important;
min-width: 0 !important;
}
#schedule-filters-form .fields--flex .field .select2-container {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
#schedule-filters-form .fields--flex .field select,
#schedule-filters-form .fields--flex .field input[type="text"],
#schedule-filters-form .fields--flex .field input[type="submit"],
#schedule-filters-form .fields--flex .field .daterange-input {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
} #schedule-filters-form .fields--flex .field--submit {
flex: 1 1 0 !important;
min-width: 0 !important;
}
#schedule-filters-form .fields--flex .field--submit input[type="submit"] {
width: 100% !important;
box-sizing: border-box !important;
} #schedule-results-container {
position: relative;
min-height: 400px;
transition: opacity 0.3s ease-in-out;
}
#schedule-results-container.is-loading .list--schedule {
pointer-events: none;
} .schedule-loading {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.95);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 100;
animation: fadeIn 0.3s ease-in-out;
}
.loader-spinner {
width: 50px;
height: 50px;
border: 4px solid #f3f3f3;
border-top: 4px solid #16B969;
border-radius: 50%;
animation: spin 1s linear infinite;
}
.loader-text {
margin-top: 20px;
font-size: 16px;
color: #666;
font-weight: 500;
} .item.skeleton-card {
background: #f7f9fa;
border: 1px solid #e3e9ed;
border-radius: 4px;
padding: 20px;
min-height: 200px;
animation: fadeIn 0.3s ease-in-out;
position: relative;
overflow: hidden;
}
.skeleton-card::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, 
transparent, 
rgba(255, 255, 255, 0.6), 
transparent
);
animation: skeleton-shimmer 1.8s ease-in-out infinite;
}
.skeleton-line {
height: 14px;
background: #e3e9ed;
border-radius: 4px;
margin-bottom: 10px;
}
.skeleton-line.short {
width: 40%;
}
.skeleton-line.medium {
width: 70%;
}
.skeleton-line.tall {
height: 22px;
margin-bottom: 15px;
background: #dae2e6;
}
.skeleton-button {
height: 42px;
background: #dae2e6;
border-radius: 4px;
margin-top: 20px;
}
@keyframes skeleton-shimmer {
0% {
left: -100%;
opacity: 0;
}
50% {
opacity: 1;
}
100% {
left: 100%;
opacity: 0;
}
} .schedule-empty-state {
text-align: center;
padding: 40px 20px;
max-width: 600px;
margin: 0 auto;
animation: fadeIn 0.4s ease-in-out;
}
.empty-state-icon {
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.empty-state-icon img {
max-width: 200px;
height: auto;
display: block;
}
.empty-state-title {
font-size: 32px;
font-weight: 700;
color: #333;
margin-bottom: 12px;
}
.empty-state-message {
font-size: 18px;
color: #666;
margin-bottom: 20px;
line-height: 1.6;
}
.empty-state-suggestions {
background: #f8f9fa;
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
text-align: left;
}
.empty-state-suggestions p {
margin-bottom: 10px;
font-weight: 600;
color: #333;
}
.empty-state-suggestions-title {
text-align: left;
margin-bottom: 12px;
}
.empty-state-suggestions ul {
list-style: none;
padding: 0;
margin: 0;
}
.empty-state-suggestions li {
padding: 8px 0;
padding-left: 25px;
position: relative;
color: #666;
}
.empty-state-suggestions li:before {
content: "→";
position: absolute;
left: 0;
color: #16B969;
font-weight: bold;
}
.empty-state-actions {
display: flex;
gap: 15px;
justify-content: center;
flex-wrap: wrap;
}
.empty-state-actions .button {  } .schedule-error {
text-align: center;
padding: 60px 20px;
animation: fadeIn 0.4s ease-in-out;
}
.error-icon {
font-size: 60px;
margin-bottom: 20px;
}
.schedule-error h3 {
font-size: 28px;
color: #d32f2f;
margin-bottom: 15px;
}
.schedule-error p {
font-size: 16px;
color: #666;
margin-bottom: 25px;
}
.schedule-error .button {
background: #d32f2f;
color: white;
padding: 12px 30px;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: 600;
transition: background 0.3s ease;
}
.schedule-error .button:hover {
background: #b71c1c;
} #schedule-search-submit.is-loading {
cursor: wait !important;
pointer-events: none;
position: relative;
padding-right: 45px !important;
background: linear-gradient(90deg, #16B969 0%, #129954 50%, #16B969 100%);
background-size: 200% 100%;
animation: button-shimmer 1.5s infinite;
}
#schedule-search-submit.is-loading:after {
content: '';
position: absolute;
right: 12px;
top: 50%;
margin-top: -9px;
width: 18px;
height: 18px;
border: 3px solid rgba(255, 255, 255, 0.3);
border-top-color: white;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes button-shimmer {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
} .button.is-loading:after,
button.is-loading:after {
border: 2px solid rgba(255, 255, 255, 0.3);
border-top-color: white;
} select.is-disabled,
input[type="text"].is-disabled,
input[type="checkbox"].is-disabled {
opacity: 0.6;
cursor: not-allowed !important;
pointer-events: none;
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} @media (max-width: 768px) {
.empty-state-title {
font-size: 24px;
}
.empty-state-message {
font-size: 16px;
}
.empty-state-actions {
flex-direction: column;
}
.empty-state-actions .button {
width: 100%;
}
.loader-spinner {
width: 40px;
height: 40px;
}
.loader-text {
font-size: 14px;
}
.item.skeleton-card {
min-height: 180px;
padding: 15px;
}
.skeleton-line {
height: 12px;
margin-bottom: 8px;
}
.skeleton-button {
height: 38px;
}
} .wp-pagenavi {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
margin: 2rem 0;
padding: 1rem 0;
}
.wp-pagenavi .pages {
margin-right: 1rem;
color: #666;
font-size: 0.9rem;
}
.wp-pagenavi a,
.wp-pagenavi .current {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0.5rem;
text-decoration: none;
color: #333;
border: 1px solid #e0e0e0;
border-radius: 4px;
transition: all 0.2s ease;
}
.wp-pagenavi a:hover {
background: #f8f9fa;
border-color: #16B969;
color: #16B969;
}
.wp-pagenavi .current {
background: #16B969;
color: white;
border-color: #16B969;
font-weight: 600;
}
.wp-pagenavi .page-icons {
min-width: auto;
padding: 0.5rem 0.75rem;
}
.wp-pagenavi .page-icons svg path {
transition: stroke 0.2s ease;
}
.wp-pagenavi .page-icons:hover svg path {
stroke: #16B969;
}#schedule-filters-form .fields--flex,
#schedule-filters-form.search-form .fields--flex,
form#schedule-filters-form .fields--flex,
form#schedule-filters-form .dropdowns-selectors .fields--flex,
form.search-form#schedule-filters-form .fields--flex,
.search-form#schedule-filters-form .dropdowns-selectors .fields--flex {
gap: 0.5rem !important;
column-gap: 0.5rem !important;
} body .search-form#schedule-filters-form .fields--flex {
gap: 0.5rem !important;
} #schedule-filters-form .fields--flex > .field {
flex: 1 1 0 !important;
min-width: 0 !important;
} #schedule-filters-form .fields--flex > .field:has(.daterange-wrapper) {
flex-grow: 1.3 !important;
}
#schedule-filters-form .fields--flex > .field .select2-container {
width: 100% !important;
}
#schedule-filters-form .fields--flex > .field select,
#schedule-filters-form .fields--flex > .field input {
width: 100% !important;
box-sizing: border-box !important;
} .daterange-wrapper {
position: relative;
width: 100%;
} .daterange-wrapper--desktop {
display: block;
}
.daterange-wrapper--mobile {
display: none;
}
.daterange-input {
width: 100%;
min-width: 10rem;
cursor: pointer;
font-size: 15px;
font-weight: 500;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M5 0v2H3C1.3 2 0 3.3 0 5v9c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3V5c0-1.7-1.3-3-3-3h-2V0h-1v2H6V0H5zm-2 3h10c1.1 0 2 .9 2 2v1H1V5c0-1.1.9-2 2-2zm10 12H3c-1.1 0-2-.9-2-2V7h14v6c0 1.1-.9 2-2 2z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 18px;
padding-right: 40px;
} .daterange-mobile-fields {
display: flex;
gap: 0.5rem;
}
.daterange-input-mobile {
flex: 1;
width: 100%;
padding: 0.875rem 1rem;
font-size: 16px;
border: 2px solid #e4e8ec;
border-radius: 0.5rem;
background-color: #f8fafc;
color: #111827;
}  .daterangepicker {
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
padding: 0;
font-family: inherit;
} .daterangepicker .ranges {
width: 180px;
padding: 15px 0;
background: #f8f9fa;
border-right: 1px solid #e0e0e0;
border-radius: 8px 0 0 8px;
}
.daterangepicker .ranges ul {
margin: 0;
padding: 0;
list-style: none;
}
.daterangepicker .ranges li {
padding: 10px 20px;
font-size: 14px;
color: #333;
cursor: pointer;
transition: all 0.2s ease;
border-left: 3px solid transparent;
}
.daterangepicker .ranges li:hover {
background: #e8f5ef;
color: #16B969;
}
.daterangepicker .ranges li.active {
background: #e8f5ef;
color: #16B969;
border-left-color: #16B969;
font-weight: 600;
} .daterangepicker .drp-calendar {
padding: 15px;
}
.daterangepicker .calendar-table {
border: none;
padding: 0;
} .daterangepicker .calendar-table th {
font-size: 13px;
font-weight: 600;
color: #666;
padding: 8px 5px;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
font-size: 13px;
padding: 5px;
border: 1px solid #ddd;
border-radius: 4px;
background: #fff;
cursor: pointer;
} .daterangepicker td {
font-size: 13px;
text-align: center;
border-radius: 4px;
transition: all 0.2s ease;
}
.daterangepicker td.available:hover {
background: #e8f5ef;
color: #16B969;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: #16B969;
color: white;
}
.daterangepicker td.in-range {
background-color: #e8f5ef;
color: #16B969;
}
.daterangepicker td.start-date,
.daterangepicker td.end-date {
background-color: #16B969;
color: white;
font-weight: 600;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
background-color: #f5f5f5;
color: #999;
}
.daterangepicker td.disabled,
.daterangepicker td.disabled:hover {
color: #ccc;
cursor: not-allowed;
} .daterangepicker td.today {
font-weight: 600;
position: relative;
}
.daterangepicker td.today::after {
content: '';
position: absolute;
bottom: 4px;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 4px;
background: #16B969;
border-radius: 50%;
} .daterangepicker .drp-buttons {
padding: 12px 15px;
border-top: 1px solid #e0e0e0;
display: flex !important;
flex-direction: row !important;
justify-content: flex-end;
align-items: center;
gap: 10px;
}
.daterangepicker .drp-buttons .btn {
padding: 8px 20px !important;
font-size: 13px !important;
font-weight: 600;
border-radius: 4px;
border: none;
cursor: pointer;
transition: all 0.2s ease;
flex: 0 0 auto !important;
min-width: 80px !important;
max-width: 120px !important;
width: auto !important;
display: inline-block !important;
float: none !important;
}
.daterangepicker .cancelBtn {
background: #f0f0f0 !important;
color: #666 !important;
order: 1;
}
.daterangepicker .cancelBtn:hover {
background: #e0e0e0 !important;
}
.daterangepicker .applyBtn {
background: #16B969 !important;
color: white !important;
order: 2;
}
.daterangepicker .applyBtn:hover {
background: #129954 !important;
box-shadow: 0 2px 8px rgba(22, 185, 105, 0.3);
} .daterangepicker:before,
.daterangepicker:after {
border-bottom-color: #e0e0e0;
}
.daterangepicker:after {
border-bottom-color: #fff;
}  @media (max-width: 1024px) {
#schedule-filters-form .fields--flex {
flex-wrap: wrap !important;
}
#schedule-filters-form .fields--flex > .field {
flex: 1 1 calc(50% - 0.25rem) !important;
min-width: calc(50% - 0.25rem) !important;
} #schedule-filters-form .fields--flex > .field:has(.daterange-wrapper) {
flex: 1 1 calc(50% - 0.25rem) !important;
flex-grow: 1 !important;
} #schedule-filters-form .fields--flex .field--submit {
flex: 1 1 100% !important;
}
} @media (max-width: 768px) { .daterange-wrapper--desktop {
display: none !important;
}
.daterange-wrapper--mobile {
display: block !important;
}
#schedule-filters-form .fields--flex {
flex-direction: column !important;
gap: 0.75rem !important;
}
#schedule-filters-form .fields--flex > .field,
#schedule-filters-form .fields--flex > .field:has(.daterange-wrapper),
#schedule-filters-form .fields--flex .field--submit {
flex: 1 1 100% !important;
width: 100% !important;
min-width: 100% !important;
margin-bottom: 0 !important;
} #schedule-filters-form .fields--flex > .field select,
#schedule-filters-form .fields--flex > .field input,
#schedule-filters-form .fields--flex > .field .select2-container,
#schedule-filters-form .fields--flex > .field .daterange-input {
width: 100% !important;
} #schedule-filters-form .fields--flex > .field input,
#schedule-filters-form .fields--flex > .field select,
#schedule-filters-form .fields--flex > .field .daterange-input,
#schedule-filters-form .fields--flex .field--submit input[type="submit"] {
padding: 0.875rem 1rem !important;
font-size: 16px !important;
} #schedule-filters-form .fields--flex > .field select {
-webkit-appearance: menulist;
-moz-appearance: menulist;
appearance: menulist;
background-image: none;
padding-right: 2.5rem;
} #schedule-filters-form .fields--flex > .field .select2-container {
display: none !important;
}
#schedule-filters-form .fields--flex > .field select.select2-hidden-accessible {
display: block !important;
opacity: 1 !important;
position: relative !important;
width: 100% !important;
} #schedule-filters-form .actions {
margin-top: 1.25rem;
}
#schedule-filters-form .filters {
gap: 0.75rem;
flex-direction: column;
align-items: flex-start;
}
#schedule-filters-form .single-filter {
width: 100%;
}
} @media (max-width: 768px) {
.daterangepicker {
max-width: 100% !important;
left: 10px !important;
right: 10px !important;
}
.daterangepicker .ranges {
width: 100%;
border-right: none;
border-bottom: 1px solid #e0e0e0;
border-radius: 8px 8px 0 0;
}
.daterangepicker .drp-calendar {
float: none !important;
width: 100% !important;
}
.daterangepicker .calendar-table {
font-size: 12px;
}
.daterangepicker .drp-buttons {
flex-direction: row;
gap: 8px;
}
.daterangepicker .drp-buttons .btn {
flex: 1;
}
} .daterange-input:disabled,
.daterange-input-mobile:disabled {
cursor: not-allowed !important;
opacity: 0.6;
} #schedule-filters-form .actions {
margin-top: 1.5rem;
}
#schedule-filters-form .filters {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: center;
}
#schedule-filters-form .single-filter {
display: flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
margin: 0;
}
#schedule-filters-form .single-filter input[type="checkbox"] {
margin: 0;
cursor: pointer;
}
#schedule-filters-form .single-filter .description {
font-size: 0.9rem;
margin: 0;
white-space: nowrap;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}