/* General Utility CSS */
 .flex-grow-1 {
    flex-grow: 1;
}

/* General: WP Grid Builder Styles */
.wpgb-facet.fieldset-margin-b-0>fieldset:last-child {
    margin-bottom: 0;
}

/* Ghost Button Style */
.wp-block-button.is-style-ghost .wp-block-button__link {
    background: transparent;
    color: var(--wp--preset--color--primary, #333);
    border: 1px solid currentColor;
    box-shadow: none;
}

.wp-block-button.is-style-ghost .wp-block-button__link:hover {
    background: currentColor;
    color: #fff;
}

/* Toplit Button Style */
.wp-block-button.is-style-toplit .wp-block-button__link {
    background: linear-gradient(
        color-mix(in srgb, var(--wp--preset--color--accent) 70%, white),
        var(--wp--preset--color--accent)
    );

    box-shadow:
        inset 0 1px 0 #ffffff59,
        inset 0 -2px 0 #0003,
        0 1px 2px #0006,
        0 8px 24px -6px var(--wp--preset--color--accent-60, var(--wp--preset--color--accent));

    border: none;
    transition: translate 0.1s ease, box-shadow 0.1s ease;

    text-shadow: 1px 1px 3px #000a;
}

.wp-block-button.is-style-toplit .wp-block-button__link:hover {
    box-shadow: 
        inset 0 0 100px 100px rgba(255, 255, 255, 0.1),
        inset 0 1px 0 #ffffffb4,
        inset 0 -2px 0 #0003,
        0 1px 2px #0006,
        0 8px 24px -6px var(--wp--preset--color--accent-60, var(--wp--preset--color--accent));
    opacity: 1;
}

.wp-block-button.is-style-toplit .wp-block-button__link:active {
    translate: 0 1px;
    box-shadow: inset 0 2px 4px #0004;
}   

/* Toplit Container Style (Including Styles specific to WPForms) */
div.toplit, div.toplit.wpforms-container-full, div.toplit.wpforms-container-full:not(:empty) {
    border: none;
    background: linear-gradient(
        color-mix(in srgb, var(--wp--preset--color--accent) 70%, white),
        var(--wp--preset--color--accent)
    );
    
    box-shadow:
        inset 0 1px 0 #ffffff59,
        inset 0 -2px 0 #0003,
        0 1px 2px #0006,
        0 8px 24px -6px var(--wp--preset--color--accent-60, var(--wp--preset--color--accent));
    
    transition: translate 0.1s ease, box-shadow 0.1s ease;
}

div.toplit.wpforms-container-full button[type="submit"], div.toplit.wpforms-container-full:not(:empty) button[type="submit"],div.toplit.wpforms-container-full:not(:hover):not(:active) button[type="submit"] {
    background: none;
}

div.toplit.wpforms-container-full button[type="submit"]:hover, div.toplit.wpforms-container-full:not(:empty) button[type="submit"]:hover {
    box-shadow: 
        inset 0 0 100px 100px rgba(255, 255, 255, 0.1),
        inset 0 1px 0 #ffffffb4,
        inset 0 -2px 0 #0003,
        0 1px 2px #0006,
        0 8px 24px -6px var(--wp--preset--color--accent-60, var(--wp--preset--color--accent));
    opacity: 1;
}

div.toplit.wpforms-container-full button[type="submit"]:active, div.toplit.wpforms-container-full:not(:empty) button[type="submit"]:active {
    translate: 0 1px;
    box-shadow: inset 0 2px 4px #0004;
}

div.toplit.wpforms-container-full .wpforms-field-container {
    padding-left: 1.375rem;
    padding-right: 1.375rem;
}

/* Listing Links Styles */
.wp-grid-builder .wpgb-card .caad-custom-field-links .caad-listing-link {
    display: flex;
    align-items: center;
    justify-content: center;
    stroke-width: 2; 
    width: 3em;
    height: 3em;
    color: #ffff;
    background: #00704b;
    padding: 7px;
    border-radius: 100%;
    text-decoration: none;
}

.wp-grid-builder .wpgb-card .caad-custom-field-links .caad-listing-link svg {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: visible;
    pointer-events: none;
    vertical-align: top;
    width: 100%;
}

/* Auto-complete Form Styles */
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #f6f6f6;
  border: 1px solid #cccccc;
  font-size: 12px;
}

/*when hovering an item:*/
.autocomplete-items {
  color: #000000;
  position: absolute;
  top: 3rem;
  left: 50%;
  z-index: 10;
  min-width: 150px;
  opacity: 0.9;
}
 
/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}
 
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: #1E90FF !important; 
  color: #ffffff; 
}