/*
 * O'Brien's Grove — Custom CSS
 * Add your own site-wide styles here.
 */


.mb-0 p {
    margin-bottom: 0;
}

.dual-font span{
font-family: "Great Vibes", cursive;
	font-weight: normal;
}

.custom-arrow span.elementor-button-icon svg {
    width: 12px !important;
    height: auto;
}

/* CTA wrapper */
.o-cta-box{
    overflow:hidden;
	width: 33.333% !important;
}

.gallery-fade{
    position:relative;
}

.gallery-fade:before,
.gallery-fade:after{
    content:'';
    position:absolute;
    top:0;
    height:100%;
    width:100px;
    z-index:20;
    pointer-events:none;
}

.gallery-fade:before{
    left:0;
    background:linear-gradient(
        to right,
        #ECE8E1 0%,
        rgba(236,232,225,0) 100%
    );
}

.gallery-fade:after{
    right:0;
    background:linear-gradient(
        to left,
        #ECE8E1 0%,
        rgba(236,232,225,0) 100%
    );
}

.oh-faq .e-n-accordion-item-title {
    justify-content: space-between;
}

.oh-faq .e-n-accordion-item-title[aria-expanded="true"]{
    border-color: transparent;
}

.oh-faq .oh-faq-ans a {
    color: #216b07;
}

@media (max-width: 880px) {

	.o-cta-box{
		width: 100% !important;
	}

}

/* Diagonal arrow on the Fluent Forms submit button (matches the Figma CTA) */
.fluentform .ff-btn-submit {
    display: flex !important;      /* override Fluent's display so align-items works */
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5em;
}

.fluentform .ff-btn-submit::after {
    content: "";
    flex: none;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background-color: currentColor; /* arrow follows the button text color */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E") no-repeat center / contain;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Style the link inside the Fluent Forms confirmation message as a button */
.ff-message-success a,
.fluent_form_success a {
    display: flex;
    align-items: center;
    align-self: center;            /* center if the message is a flex column */
    gap: 0.5em;
    width: max-content !important; /* beat Fluent's full-width link rule */
    max-width: 100%;
    margin: 1rem auto 0;           /* center if the message is a normal block */
    padding: 12px 24px;
    font-weight: 600;
    line-height: 1;
    color: #fff !important;
    background: #1f3d1f;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.ff-message-success a:hover,
.ff-message-success a:focus,
.fluent_form_success a:hover,
.fluent_form_success a:focus {
    color: #fff !important;
    background: #2c5530;
}