.elementor-283 .elementor-element.elementor-element-758f4332{--display:flex;--margin-top:200px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Nunito Sans;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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Nunito Sans;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-4fd8ea9 .elementor-heading-title{font-family:"Galada", Nunito Sans;font-size:40px;font-weight:600;color:var( --e-global-color-secondary );}@media(max-width:767px){.elementor-283 .elementor-element.elementor-element-758f4332{--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-283 .elementor-element.elementor-element-4fd8ea9{text-align:center;}.elementor-283 .elementor-element.elementor-element-4fd8ea9 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for text-editor, class: .elementor-element-1daa151e *//* Style the select dropdowns in WooCommerce checkout */
.woocommerce-form .form-row select {
    font-family: 'Capriola', sans-serif !important; /* Set font to Capriola */
    font-size: 14px !important; /* Set font size */
    padding: 10px !important; /* Add padding */
    border: 1px solid #ccc !important; /* Set border style */
    border-radius: 4px !important; /* Rounded corners */
    color: #333 !important; /* Text color */
    background-color: #fff !important; /* White background */
}

/* Optional: Style the dropdown option items */
.woocommerce-form .form-row select option {
    color: #333 !important; /* Text color for option items */
}

/* Optional: Change the focus state style */
.woocommerce-form .form-row select:focus {
    border-color: #b8232d !important; /* Change border color on focus */
    outline: none !important; /* Remove default outline */
}/* End custom CSS */
/* Start custom CSS *//* Style the placeholder text in the input fields */
.kringle-address-fields .form-controls::placeholder {
    font-size: 14px !important; /* Set font size */
    padding: 0 !important; /* Remove padding around placeholder */
    color: #888 !important; /* Placeholder color */
    text-overflow: ellipsis !important; /* Ensure long placeholders don't overflow */
}

/* Style for the select field with placeholder */
.kringle-address-fields .child-state {
    font-size: 14px !important; /* Ensure font size is consistent */
    padding: 10px !important; /* Adjust padding */
    width: 100% !important; /* Ensure full width is used */
}

/* Style the buttons with the specified classes */
.add-child-footer, /* Targets the Add Child button */
.add-cart, /* Targets the Add Cart button */
.tools button, /* Targets the Tools button */
.kringle-address-set button { /* Targets the Kringle address button */
    background-color: #b8232d !important; /* Button color with !important */
    color: white !important; /* Text color with !important */
    padding: 20px !important; /* Padding inside the button with !important */
    margin: 20px !important; /* Adds spacing around the button */
    margin-left: 0 !important; /* Removes the left margin */
    border: none !important; /* Remove border with !important */
    cursor: pointer !important; /* Pointer cursor on hover with !important */
    font-size: 16px !important; /* Font size with !important */
    transition: background-color 0.3s ease !important; /* Smooth hover effect with !important */
}

/* Hover effect for the buttons */
.add-child-footer:hover,
.add-cart:hover,
.tools button:hover,
.kringle-address-set button:hover {
    background-color: #224739 !important; /* Hover color with !important */
}/* End custom CSS */