.elementor-355 .elementor-element.elementor-element-44de513{--display:flex;--overlay-opacity:0.5;--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-355 .elementor-element.elementor-element-44de513:not(.elementor-motion-effects-element-type-background), .elementor-355 .elementor-element.elementor-element-44de513 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://violetandvine.ca/wp-content/uploads/2025/08/pexels-anastasia-shuraeva-5126444-scaled.jpg");background-position:center center;}.elementor-355 .elementor-element.elementor-element-44de513::before, .elementor-355 .elementor-element.elementor-element-44de513 > .elementor-background-video-container::before, .elementor-355 .elementor-element.elementor-element-44de513 > .e-con-inner > .elementor-background-video-container::before, .elementor-355 .elementor-element.elementor-element-44de513 > .elementor-background-slideshow::before, .elementor-355 .elementor-element.elementor-element-44de513 > .e-con-inner > .elementor-background-slideshow::before, .elementor-355 .elementor-element.elementor-element-44de513 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-355 .elementor-element.elementor-element-f6bf760{width:var( --container-widget-width, 75% );max-width:75%;padding:1% 0% 1% 0%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-355 .elementor-element.elementor-element-f6bf760 .elementor-heading-title{font-size:60px;}.elementor-355 .elementor-element.elementor-element-3d03db7{width:var( --container-widget-width, 45% );max-width:45%;padding:0% 0% 0% 0%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-355 .elementor-element.elementor-element-3a1c63a{--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;}.elementor-355 .elementor-element.elementor-element-bfbad93 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );padding:16px 45px 16px 45px;}.elementor-355 .elementor-element.elementor-element-bfbad93 .elementor-button:hover, .elementor-355 .elementor-element.elementor-element-bfbad93 .elementor-button:focus{background-color:var( --e-global-color-66e5d50 );color:var( --e-global-color-accent );}.elementor-355 .elementor-element.elementor-element-bfbad93{width:auto;max-width:auto;padding:0% 0% 1% 0%;}.elementor-355 .elementor-element.elementor-element-bfbad93 .elementor-button:hover svg, .elementor-355 .elementor-element.elementor-element-bfbad93 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-355 .elementor-element.elementor-element-e69ce7d{--display:flex;--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-355 .elementor-element.elementor-element-e7c0e6a .eael-post-elements-readmore-btn{background-color:var( --e-global-color-secondary );text-align:center;color:var( --e-global-color-accent );border-style:none;border-radius:5px 5px 5px 5px;padding:15px 20px 15px 20px;margin:10px 0px 10px 0px;}.elementor-355 .elementor-element.elementor-element-e7c0e6a .eael-post-elements-readmore-btn:hover{background-color:var( --e-global-color-66e5d50 );color:var( --e-global-color-accent );border-style:none;border-radius:5px 5px 5px 5px;}.elementor-355 .elementor-element.elementor-element-e7c0e6a .eael-grid-post-holder{background-color:var( --e-global-color-f662e65 );border-radius:5px 5px 5px 5px;}.elementor-355 .elementor-element.elementor-element-e7c0e6a .eael-entry-title a{color:var( --e-global-color-primary );}.elementor-355 .elementor-element.elementor-element-e7c0e6a .eael-entry-title:hover, .elementor-355 .elementor-element.elementor-element-e7c0e6a .eael-entry-title a:hover{color:var( --e-global-color-4b7fcf7 );}.elementor-355 .elementor-element.elementor-element-e7c0e6a .eael-entry-title, .elementor-355 .elementor-element.elementor-element-e7c0e6a .eael-entry-title a{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:700;line-height:1.6em;}.elementor-355 .elementor-element.elementor-element-e7c0e6a .eael-grid-post .eael-entry-overlay{background-color:rgba(0,0,0, .75);}.elementor-355 .elementor-element.elementor-element-e7c0e6a .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:18px;}.elementor-355 .elementor-element.elementor-element-e7c0e6a .eael-grid-post .eael-entry-overlay > img{height:18px;width:18px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-355 .elementor-element.elementor-element-f6bf760{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-355 .elementor-element.elementor-element-3d03db7{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS *//* Violet&Vine HubSpot Form Styling - No iframe Version */
/* Based on brand guidelines - Version 1.0 */

/* Form Container */
#hubspot-form-violet-vine .hs-form,
.violet-vine-form .hs-form,
form.hs-form {
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: #FEFCF8; /* Ivory Cream */
    padding: 40px;
    border-radius: 0;
    box-shadow: none;
}

/* Form Fields Container */
#hubspot-form-violet-vine .hs-form-field,
.violet-vine-form .hs-form-field {
    margin-bottom: 24px;
    position: relative;
}

/* Two-column layout for name fields and email/phone */
#hubspot-form-violet-vine .hs-form-field:nth-child(1),
#hubspot-form-violet-vine .hs-form-field:nth-child(2),
.violet-vine-form .hs-form-field:nth-child(1),
.violet-vine-form .hs-form-field:nth-child(2) {
    display: inline-block;
    width: calc(50% - 12px);
    margin-right: 24px;
}

#hubspot-form-violet-vine .hs-form-field:nth-child(2),
.violet-vine-form .hs-form-field:nth-child(2) {
    margin-right: 0;
}

#hubspot-form-violet-vine .hs-form-field:nth-child(4),
#hubspot-form-violet-vine .hs-form-field:nth-child(5),
.violet-vine-form .hs-form-field:nth-child(4),
.violet-vine-form .hs-form-field:nth-child(5) {
    display: inline-block;
    width: calc(50% - 12px);
    margin-right: 24px;
}

#hubspot-form-violet-vine .hs-form-field:nth-child(5),
.violet-vine-form .hs-form-field:nth-child(5) {
    margin-right: 0;
}

/* Labels */
#hubspot-form-violet-vine .hs-form-field label,
.violet-vine-form .hs-form-field label {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #3A383C; /* Charcoal */
    margin-bottom: 8px;
    line-height: 1.5;
}

/* Input Fields */
#hubspot-form-violet-vine .hs-input,
.violet-vine-form .hs-input {
    width: 100% !important;
    padding: 16px 20px !important;
    border: 1px solid #98A396 !important; /* Sage Green */
    border-radius: 0 !important;
    background-color: #FEFCF8 !important; /* Ivory Cream */
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    color: #3A383C !important; /* Charcoal */
    line-height: 1.5 !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

/* Textarea */
#hubspot-form-violet-vine textarea.hs-input,
.violet-vine-form textarea.hs-input {
    min-height: 120px !important;
    resize: vertical !important;
    font-family: 'Inter', sans-serif !important;
}

/* Input Focus States */
#hubspot-form-violet-vine .hs-input:focus,
.violet-vine-form .hs-input:focus {
    outline: none !important;
    border-color: #786F80 !important; /* Dusty Lavender */
    box-shadow: 0 0 0 2px rgba(120, 111, 128, 0.1) !important;
}

/* Placeholder Text */
#hubspot-form-violet-vine .hs-input::placeholder,
.violet-vine-form .hs-input::placeholder {
    color: #A69B94 !important; /* Warm Taupe */
    font-style: italic !important;
}

/* Submit Button */
#hubspot-form-violet-vine .hs-button,
#hubspot-form-violet-vine input[type="submit"],
.violet-vine-form .hs-button,
.violet-vine-form input[type="submit"] {
    background-color: #786F80 !important; /* Dusty Lavender */
    color: #FEFCF8 !important; /* Ivory Cream */
    border: none !important;
    padding: 16px 48px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    margin-top: 16px !important;
    letter-spacing: 0.5px !important;
}

/* Button Hover State */
#hubspot-form-violet-vine .hs-button:hover,
#hubspot-form-violet-vine input[type="submit"]:hover,
.violet-vine-form .hs-button:hover,
.violet-vine-form input[type="submit"]:hover {
    background-color: #3A383C !important; /* Charcoal */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(120, 111, 128, 0.3) !important;
}

/* Error Styling */
#hubspot-form-violet-vine .hs-error-msgs,
.violet-vine-form .hs-error-msgs {
    color: #C4B5B8 !important;
    font-size: 14px !important;
    margin-top: 8px !important;
    font-family: 'Inter', sans-serif !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    #hubspot-form-violet-vine .hs-form,
    .violet-vine-form .hs-form {
        padding: 24px 20px !important;
    }
    
    #hubspot-form-violet-vine .hs-form-field:nth-child(1),
    #hubspot-form-violet-vine .hs-form-field:nth-child(2),
    #hubspot-form-violet-vine .hs-form-field:nth-child(4),
    #hubspot-form-violet-vine .hs-form-field:nth-child(5),
    .violet-vine-form .hs-form-field:nth-child(1),
    .violet-vine-form .hs-form-field:nth-child(2),
    .violet-vine-form .hs-form-field:nth-child(4),
    .violet-vine-form .hs-form-field:nth-child(5) {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
}/* End custom CSS */