/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Tags: flexible-header,custom-colors,custom-menu,custom-logo,editor-style,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.0.0.1752930430
Updated: 2025-07-19 13:07:10

*/
#inline-calendar {
    font-family: Arial, sans-serif;
    max-width: 300px;
}

.flatpickr-calendar {
    border: 1px solid #ddd;
    font-size: 14px;
    -moz-box-shadow: 0 3px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 12px rgba(0,0,0,0.1);
    -o-box-shadow: 0 3px 12px rgba(0,0,0,0.1);
    box-shadow: 0 3px 12px rgba(0,0,0,0.1);
}

.flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year {
    border: 1px solid #ddd !important;
    background-color: #fff !important;
    padding: 5px 10px !important;
}

select.flatpickr-monthDropdown-months {
    display: inline;
    font-size: 15px !important;
    margin-right: 10px !important;
    width: auto !important;
    background-image: none !important;
    padding: 0 10px 0 0 !important;
    border: 0 !important;
}

.flatpickr-current-month input.cur-year {
    border: 0 !important;
}

.flatpickr-current-month {
    padding: 0;
}

form.cart {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Grid */
.wc-city-cards {
    display: grid;
    gap: 22px
}

.wc-city-cards.cols-1 {
    grid-template-columns: repeat(1,1fr)
}

.wc-city-cards.cols-2 {
    grid-template-columns: repeat(2,1fr)
}

.wc-city-cards.cols-4 {
    grid-template-columns: repeat(4,1fr)
}

.wc-city-cards.cols-5 {
    grid-template-columns: repeat(5,1fr)
}

.wc-city-cards.cols-6 {
    grid-template-columns: repeat(6,1fr)
}

/* Card */
.wc-city-card {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 16px;
    min-height: 360px;
    text-decoration: none;
    box-shadow: 0 6px 24px rgba(0,0,0,.08);
    background: #111;
}

.wc-city-card__media {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .6s ease;
}

.wc-city-card__overlay {
    position: absolute;
    inset: 0;
    background: #000000c7;
    height: 45%;
    top: 56%;
}

.wc-city-card__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    text-align: center;
    padding: 0 18px;
    color: #fff;
}

.wc-city-card__content .wc-city-card__title {
    letter-spacing: .02em;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    color: #C8DA87;
    font-family: var(--e-global-typography-f9b5fa5-font-family), Sans-serif;
    font-size: var(--e-global-typography-f9b5fa5-font-size);
    font-weight: var(--e-global-typography-f9b5fa5-font-weight);
    text-transform: var(--e-global-typography-f9b5fa5-text-transform);
    text-decoration: var(--e-global-typography-f9b5fa5-text-decoration);
    line-height: var(--e-global-typography-f9b5fa5-line-height);
}

.wc-city-card__btn {
    background-color: var(--e-global-color-83a4db5);
    padding: 10px 20px 10px 20px;
    margin: 10px 0px 0px 0px;
    font-family: "Stolzl", Sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: -0.5px;
    border-radius: 100px 100px 100px 100px;
    transition: all ease .6s;
}

.wc-city-card:hover .wc-city-card__media {
    transform: scale(1.06);
}

.wc-city-card:hover .wc-city-card__btn {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0,0,0,.18);
    background: var( --e-global-color-primary );
}

.wc-city-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* Pattern Row 1 (1,1,2) */
.wc-city-card:nth-child(6n+1) {
    grid-column: 1 / span 1;
}

.wc-city-card:nth-child(6n+2) {
    grid-column: 2 / span 1;
}

.wc-city-card:nth-child(6n+3) {
    grid-column: 3 / span 2;
}

/* Pattern Row 2 (2,1,1) */
.wc-city-card:nth-child(6n+4) {
    grid-column: 1 / span 2;
}

.wc-city-card:nth-child(6n+5) {
    grid-column: 3 / span 1;
}

.wc-city-card:nth-child(6n+6) {
    grid-column: 4 / span 1;
}

/* Make sure row auto adjusts */
.wc-city-card {
    grid-row: auto !important;
}

@media (max-width: 1024px) {
    .wc-city-cards {
        grid-template-columns:repeat(2,1fr)
    }
	.wc-city-card {
		grid-column: auto !important;
	}

	.wc-city-card {
		min-height: 200px;
	}

	.wc-city-card__overlay {
		height: 40%;
		top: 60%;
	}

	.wc-city-card__content {
		bottom: 15px;
	}

	.wc-city-card__content .wc-city-card__title {
		font-size: 14px;
		margin: 0 0 10px;
	}

	.wc-city-card__btn {
		padding: 5px 15px;
	}

	.wc-city-card__media {
		background-position: center top;
	}
}

@media (max-width: 640px) {
    .wc-city-cards {
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
    }
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #1d3e36;
    border-color: #1d3e36;
}