.elementor-kit-4{--e-global-color-primary:#AF9453;--e-global-color-secondary:#000000;--e-global-color-text:#7A7A7A;--e-global-color-accent:#AF9453;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Cormorant Garamond";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-family:"Playfair Display", Sans-serif;font-size:18px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================
   BLUEGRASS FAMILY FARM BUTTON STYLES
   Add class to Button Widget Wrapper in Elementor
   ======================================== */

/* CSS Variables */
:root {
    --bff-gold: #C4A962;
    --bff-gold-dark: #A08847;
    --bff-black: #fff;
    --bff-white: #000;
    --bff-cream: #F8F6F0;
}

/* ========================================
   GOLD PRIMARY BUTTON
   Add class: bff-btn-gold to Button Widget Wrapper
   ======================================== */

.bff-btn-gold a.elementor-button {
    position: relative;
    padding: 16px 40px;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: var(--bff-gold) !important;
    color: var(--bff-white);
    border: 2px solid var(--bff-gold) !important;
    border-radius: 0;
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: 'Montserrat', sans-serif;
}

/* Fill effect overlay */
.bff-btn-gold a.elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #ffffff;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    pointer-events: none;
}

/* Button text */
.bff-btn-gold a.elementor-button span {
    position: relative;
    z-index: 2;
    pointer-events: none;
    font-family: 'Montserrat', sans-serif;
    color: var(--bff-white);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Button icon */
.bff-btn-gold a.elementor-button i {
    position: relative;
    z-index: 2;
    pointer-events: none;
    color: var(--bff-white);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.bff-btn-gold a.elementor-button .elementor-button-icon {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.bff-btn-gold a.elementor-button .elementor-button-icon svg {
    fill: var(--bff-white);
    transition: fill 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover state */
.bff-btn-gold a.elementor-button:hover::before {
    width: 100%;
}

.bff-btn-gold a.elementor-button:hover {
    color: var(--bff-gold) !important;
    border-color: var(--bff-gold) !important;
    transform: translateY(-2px);

}

.bff-btn-gold a.elementor-button:hover span,
.bff-btn-gold a.elementor-button:hover i {
    color: var(--bff-gold) !important;
}

.bff-btn-gold a.elementor-button:hover .elementor-button-icon svg {
    fill: var(--bff-gold) !important;
}

/* ========================================
   BLACK OUTLINE BUTTON
   Add class: bff-btn-outline to Button Widget Wrapper
   ======================================== */

.bff-btn-outline a.elementor-button {
    position: relative;
    padding: 16px 40px;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: transparent !important;
    color: #ffffff;
    border: 2px solid #fff !important;
    border-radius: 0;
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: 'Montserrat', sans-serif;
}

.bff-btn-outline a.elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--bff-black);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    pointer-events: none;
}




.bff-btn-outline a.elementor-button span {
    position: relative;
    z-index: 2;
    pointer-events: none;
    font-family: 'Montserrat', sans-serif;
    color: var(--bff-black);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.bff-btn-outline a.elementor-button i {
    position: relative;
    z-index: 2;
    pointer-events: none;
    color: var(--bff-black);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.bff-btn-outline a.elementor-button .elementor-button-icon {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.bff-btn-outline a.elementor-button .elementor-button-icon svg {
    fill: var(--bff-black);
    transition: fill 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.bff-btn-outline a.elementor-button:hover::before {
    width: 100%;
}

.bff-btn-outline a.elementor-button:hover {
    color: var(--bff-white) !important;
    border-color: var(--bff-black) !important;
    transform: translateY(-2px);
}

.bff-btn-outline a.elementor-button:hover span,
.bff-btn-outline a.elementor-button:hover i {
    color: var(--bff-white) !important;
}

.bff-btn-outline a.elementor-button:hover .elementor-button-icon svg {
    fill: var(--bff-white) !important;
}

/* ========================================
   BUTTON CONTENT WRAPPER
   ======================================== */

.bff-btn-gold .elementor-button-content-wrapper,
.bff-btn-outline .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
}

.bff-btn-gold .elementor-button-icon,
.bff-btn-outline .elementor-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ========================================
   REMOVE DEFAULT STYLES
   ======================================== */

.bff-btn-gold a.elementor-button,
.bff-btn-outline a.elementor-button {
    background-image: none !important;
}

.bff-btn-gold a.elementor-button:focus,
.bff-btn-outline a.elementor-button:focus {
    outline: none;
    box-shadow: none;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
    .bff-btn-gold a.elementor-button,
    .bff-btn-outline a.elementor-button {
        padding: 14px 32px;
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .bff-btn-gold a.elementor-button,
    .bff-btn-outline a.elementor-button {
        padding: 12px 28px;
        font-size: 13px !important;
    }
}/* End custom CSS */