.elementor-12 .elementor-element.elementor-element-1aa3a94{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-02c1b01{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-3c69052{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-12 .elementor-element.elementor-element-3c69052 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:3rem;font-weight:600;line-height:1.2rem;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-d3c55fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-ae03583{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-12 .elementor-element.elementor-element-5b42290 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:0.9rem;font-weight:600;line-height:1.125rem;fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-12 .elementor-element.elementor-element-5b42290 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-5b42290 .elementor-button:focus{background-color:#174C9DD1;}.elementor-12 .elementor-element.elementor-element-5b42290 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-5b42290 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-12 .elementor-element.elementor-element-b69fc4a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:30px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-269904c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-bf20ca6 .ts-filter-wrapper > .elementor-repeater-item-d6d7261{width:100%;}.elementor-12 .elementor-element.elementor-element-bf20ca6 .ts-filter-wrapper > .elementor-repeater-item-d983a1a{width:100%;}.elementor-12 .elementor-element.elementor-element-bf20ca6{z-index:0;}.elementor-12 .elementor-element.elementor-element-bf20ca6 .ts-form-group.ts-form-submit{width:100%;}.elementor-12 .elementor-element.elementor-element-bf20ca6 .ts-form-reset{width:100%;}.elementor-12 .elementor-element.elementor-element-bf20ca6 .ts-inline-filter .ts-input-icon > span{left:15px;}.elementor-12 .elementor-element.elementor-element-bf20ca6 .ts-search-btn{color:#fff;--ts-icon-color:#fff;}.elementor-12 .elementor-element.elementor-element-bf20ca6 .ts-inline-filter .range-slider-wrapper .range-value{font-size:20px;}.elementor-12 .elementor-element.elementor-element-bf20ca6 .ts-filter-toggle{border-radius:5px;}.elementor-12 .elementor-element.elementor-element-54a7c21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ad006cf > .post-feed-grid{grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:20px;}.elementor-12 .elementor-element.elementor-element-f0a98aa{--display:flex;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-12 .elementor-element.elementor-element-ad006cf > .post-feed-grid{grid-template-columns:repeat(1, minmax(0, 1fr));}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-1aa3a94{--content-width:1200px;}.elementor-12 .elementor-element.elementor-element-b69fc4a{--content-width:1200px;}.elementor-12 .elementor-element.elementor-element-269904c{--width:340px;}.elementor-12 .elementor-element.elementor-element-54a7c21{--width:calc(100% - 340px);}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-02c1b01{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-12 .elementor-element.elementor-element-3c69052{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-3c69052 .elementor-heading-title{font-size:2.3rem;line-height:1.3em;}.elementor-12 .elementor-element.elementor-element-d3c55fb{text-align:center;}.elementor-12 .elementor-element.elementor-element-ae03583{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for ts-search-form, class: .elementor-element-bf20ca6 *//* =========================================
   Voxel Archive Filters Restyling
   ========================================= */

/* Filter Form Wrapper */
.ts-filter-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

/* Individual Filter Groups */
.ts-form-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0 !important;
    align-items: flex-start !important;
    /* Fixes Semen Types centering */
    text-align: left !important;
    width: 100% !important;
}

/* Filter Labels */
.ts-form-group label {
    font-size: 0.8125rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #6b7280 !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
    font-family: inherit;
    text-align: left !important;
    width: 100% !important;
}

/* Search Input Override */
.ts-form-group .inline-input {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    font-family: inherit !important;
    font-size: 0.9375rem !important;
    color: #111827 !important;
    transition: all 0.2s !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    padding-left: 40px !important;
    /* Make room for icon */
}

.ts-input-icon.flexify {
    position: relative;
    width: 100%;
}

.ts-input-icon.flexify>span {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 16px;
    pointer-events: none;
}

/* Dropdown Filters (Date, Breed, Semen Types - closed state) */
.ts-filter.ts-popup-target {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 12px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    font-size: 0.9375rem !important;
    color: #111827 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

.ts-filter.ts-popup-target:hover {
    border-color: #d1d5db !important;
    background-color: #fafafa !important;
}

.ts-filter.ts-popup-target>span {
    margin-right: 8px;
    color: #9ca3af;
}

.ts-filter.ts-popup-target .ts-filter-text {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Popup / Dropdown Open State Container */
.ts-term-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    margin-top: 8px !important;
    padding: 4px 0 !important;
    width: 100% !important;
    /* Ensure dropdowns span full width */
}

/* Checkbox Items inside Dropdowns */
.ts-term-dropdown-list li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 12px !important;
    font-size: 0.9375rem !important;
    color: #111827 !important;
    text-decoration: none !important;
    transition: background-color 0.2s !important;
}

.ts-term-dropdown-list li a:hover,
.ts-term-dropdown-list li.ts-selected a {
    background-color: none !important;
}

/* Term Count Bubbles (The numbers) */
.ts-term-dropdown-list li a .ts-term-count {
    background-color: #f3f4f6 !important;
    color: #4b5563 !important;
    border-radius: 999px !important;
    padding: 2px 8px !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    margin-left: auto !important;
    /* Push count to right */
    transition: all 0.2s;
}

.ts-term-dropdown-list li.ts-selected a .ts-term-count {
    background-color: #ffffff !important;
    color: #174c9d !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* Custom Checkbox Visual inside Voxel */
.ts-checkbox-container {
    margin-right: 0 !important;
}

.container-checkbox .checkmark {
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    position: relative !important;
    transition: all 0.2s ease !important;
}

.ts-term-dropdown-list li:hover .checkmark {
    border-color: #d1d5db !important;
}

/* Checked State override */
.container-checkbox input:checked~.checkmark {
    background-color: #174c9d !important;
    border-color: #174c9d !important;
}

.container-checkbox input:checked~.checkmark:after {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    top: 2px !important;
    left: 6px !important;
    width: 4px !important;
    height: 8px !important;
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* Inline Checkboxes override (Semen types are currently inline in user snippet) */
.ts-term-dropdown.inline-multilevel {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.ts-term-dropdown.inline-multilevel .ts-term-dropdown-list li a {
    padding: 6px 0 !important;
}

.ts-term-dropdown.inline-multilevel .ts-term-dropdown-list li a:hover {
    background-color: transparent !important;
}

ul.simplify-ul.ts-term-dropdown-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100% !important;
}

/* =========================================
   Reset Button Override
   ========================================= */

.ts-form-reset {
    margin-top: 8px !important;
}

.ts-form-reset a.ts-filter {
    width: 100% !important;
    padding: 10px !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #6b7280 !important;
    background-color: transparent !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}

.ts-form-reset a.ts-filter:hover {
    color: #111827 !important;
    border-color: #d1d5db !important;
    background-color: #fafafa !important;
}

.ts-form-reset a.ts-filter svg {
    width: 16px !important;
    height: 16px !important;
    /* Optional: Make the Voxel SVG match the text color perfectly */
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* =========================================
   Date Picker Popup (Pikaday Overrides)
   ========================================= */

/* Main Popup Window */
.ts-field-popup {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e5e7eb !important;
    overflow: hidden !important;
}

/* If a dropdown is INSIDE a popup, strip its redundant styles */
.ts-field-popup .ts-term-dropdown {
    border: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    padding: 8px 0 !important;
}


/* Hide Generic Search Icons in Head */
.ts-popup-name svg {
    display: none !important;
}

.ts-popup-name span .chosen {
    color: #174c9d !important;
}

/* Calendar Month/Year Headers */
.pika-label {
    font-weight: 600 !important;
    color: #111827 !important;
    font-size: 1rem !important;
    font-family: inherit !important;
}

.pika-table th {
    color: #6b7280 !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding-bottom: 8px !important;
}

/* Base Calendar Days - Strip Default Blue Blocks */
.pika-button {
    background-color: transparent !important;
    border-radius: 6px !important;
    color: #111827 !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    transition: all 0.2s !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

/* Selected Days & Range Ends */
.is-selected .pika-button,
.is-startrange .pika-button,
.is-endrange .pika-button,
.has-event .pika-button {
    background-color: #174c9d !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* In Range (Between start and end) */
.is-inrange .pika-button {
    background-color: #eff3fa !important;
    color: #174c9d !important;
}

/* Hovering Days */
.pika-button:hover {
    background-color: #eff3fa !important;
    color: #174c9d !important;
}

/* Today's Date Outline */
.is-today .pika-button {
    color: #174c9d !important;
    font-weight: 600 !important;
    border-color: #174c9d !important;
}

/* Empty or disabled days */
.is-disabled .pika-button {
    color: #d1d5db !important;
    opacity: 0.5;
}

/* Bottom Controller Bar */
.ts-popup-controller {
    border-top: 1px solid #e5e7eb !important;
    padding: 16px !important;
    background-color: #fafafa !important;
    border-radius: 0 0 12px 12px !important;
}

/* Save / Clear / Close Buttons in Popup */
.ts-popup-controller .ts-btn-1,
.ts-popup-close a {
    background-color: transparent !important;
    color: #6b7280 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    padding: 8px 16px !important;
    transition: all 0.2s;
}

.ts-popup-controller .ts-btn-1:hover,
.ts-popup-close a:hover {
    background-color: #ffffff !important;
    color: #111827 !important;
    border-color: #d1d5db !important;
}

/* "Save" Button */
.ts-popup-controller .ts-btn-2 {
    background-color: #174c9d !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    padding: 8px 16px !important;
    border: none !important;
    transition: all 0.2s;
}

.ts-popup-controller .ts-btn-2:hover {
    background-color: #123d7e !important;
}

/* Calendar Placement & Centering Fix */
.pika-single {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 24px !important;
    padding: 16px !important;
    box-sizing: border-box !important;
}

.pika-single.is-bound {
    position: static !important;
    display: flex !important;
}

.pika-lendar {
    width: auto !important;
    margin: 0 !important;
}

/* Left / Right Arrow Buttons */
.pika-prev.ts-icon-btn,
.pika-next.ts-icon-btn {
    background-color: transparent !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: all 0.2s !important;
    position: absolute !important;
    top: 0 !important;
    box-shadow: none !important;
}

.pika-prev.ts-icon-btn {
    left: 0 !important;
}

.pika-next.ts-icon-btn {
    right: 0 !important;
}

.pika-prev.ts-icon-btn:hover,
.pika-next.ts-icon-btn:hover {
    background-color: #fafafa !important;
    border-color: #d1d5db !important;
}

.pika-prev.ts-icon-btn svg,
.pika-next.ts-icon-btn svg {
    width: 16px !important;
    height: 16px !important;
    fill: #6b7280 !important;
    transition: fill 0.2s !important;
}

/* Align Title Next To Arrows */
.pika-title {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-269904c */.elementor-12 .elementor-element.elementor-element-269904c{
    max-height: 70vh;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b69fc4a *//* =========================================
   Stud Preview Card
   ========================================= */

/* Card Container */
.listing-card {
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.listing-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.06), 0 8px 10px -6px rgba(0, 0, 0, 0.03);
    border-color: #d1d5db;
}

/* Image Wrapper */
.card-image-wrapper {
    aspect-ratio: 4/3!important;
    overflow: hidden!important;
    position: relative;
    background-color: #f3f4f6;
    width: 100%;
}

.card-image {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover !important;
    transition: transform 0.5s ease!important;
}

.listing-card:hover .card-image {
    transform: scale(1.03);
}

/* Content Area */
.card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Badges / Tags */
.card-tags {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.badge-sage {
    background-color: #edf5ed;
    color: #114e0e;
}

.badge-champ {
    background-color: #fef8eb;
    color: #b48600;
    gap: 4px;
}

.badge-cornflower {
    background-color: #eff3fa;
    color: #174c9d;
}

/* Typography */
.card-title {
    font-size: 1.425rem !important;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 4px;
    color: #111827;
    font-family: 'Inter', sans-serif;
    line-height: 1.4;
}

/* Bottom Price & Action Row */
.card-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto;
    padding-top: 16px;
    font-family: 'Inter', sans-serif;
}

.fee-label {
    font-size: 0.8125rem;
    color: #6b7280;
    display: block;
}

.fee-value {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
}

/* Icon Arrow */
.card-arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fafafa;
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    transition: all 0.2s ease;
}

.listing-card:hover .card-arrow {
    background-color: #eff3fa;
    color: #174c9d;
    border-color: #eff3fa;
}/* End custom CSS */