.elementor-17920 .elementor-element.elementor-element-3f1aa83{--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-17920 .elementor-element.elementor-element-3f1aa83.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17920 .elementor-element.elementor-element-3f825f9{--display:flex;--justify-content:center;--padding-top:12px;--padding-bottom:12px;--padding-left:32px;--padding-right:32px;}.elementor-17920 .elementor-element.elementor-element-3f825f9.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17920 .elementor-element.elementor-element-0921eb4 > .elementor-widget-container{padding:12px 0px 12px 0px;}.elementor-17920 .elementor-element.elementor-element-0921eb4{text-align:center;}.elementor-17920 .elementor-element.elementor-element-0921eb4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;text-transform:none;color:#E0B44A;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-17920 .elementor-element.elementor-element-adf7bd4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17920 .elementor-element.elementor-element-adf7bd4{text-align:center;}.elementor-17920 .elementor-element.elementor-element-971969e > .elementor-widget-container{padding:6px 6px 6px 6px;}.elementor-17920 .elementor-element.elementor-element-971969e{text-align:center;}.elementor-17920 .elementor-element.elementor-element-971969e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:none;font-style:italic;color:#70823E;}#elementor-popup-modal-17920 .dialog-widget-content{animation-duration:1.2s;border-radius:12px 12px 12px 12px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-17920{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-17920 .dialog-message{width:750px;height:620px;align-items:flex-start;}#elementor-popup-modal-17920 .dialog-close-button{display:flex;}@media(max-width:767px){.elementor-17920 .elementor-element.elementor-element-3f825f9{--padding-top:12px;--padding-bottom:12px;--padding-left:8px;--padding-right:8px;}.elementor-17920 .elementor-element.elementor-element-0921eb4 > .elementor-widget-container{padding:12px 0px 12px 0px;}.elementor-17920 .elementor-element.elementor-element-0921eb4 .elementor-heading-title{font-size:24px;}.elementor-17920 .elementor-element.elementor-element-adf7bd4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17920 .elementor-element.elementor-element-971969e > .elementor-widget-container{padding:12px 12px 12px 12px;}#elementor-popup-modal-17920 .dialog-message{width:90vw;height:80vh;}}@media(min-width:768px){.elementor-17920 .elementor-element.elementor-element-3f1aa83{--width:99.36%;}}/* Start custom CSS for shortcode, class: .elementor-element-7046357 *//* Force CF7 form full width inside Elementor */
.elementor-widget-shortcode .wpcf7 form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto;
}

/* Two-column layout for each row */
.wpcf7 .form-row,
.wpcf7 .birth-gender-row,
.wpcf7 .name-row,
.wpcf7 .barangay-city-row {
  display: flex;
  flex-wrap: wrap;   /* allow wrapping if space runs out */
  gap: 20px;         /* spacing between fields */
}


/* Each label (input wrapper) = half width */
.wpcf7 .form-row label,
.wpcf7 .birth-gender-row label,
.wpcf7 .name-row label,
.wpcf7 .barangay-city-row label {
  flex: 1 1 calc(50% - 10px);
  max-width: calc(50% - 10px);
  min-width: 0;
  display: flex;
  flex-direction: column; /* keep label text above input */
}

/* Inputs full width inside their wrapper */
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
  width: 100% !important;
  box-sizing: border-box;
}


/* Submit button centered, fixed width */
.wpcf7 input[type="submit"] {
  display: block;
  margin: 16px auto 0 auto;   /* centers it */
  width: 140px!important;                /* fixed width */
  background-color: #E0B44A !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  text-align: center;         /* keep text centered */
  padding: 10px 0;            /* vertical padding only */
  border-radius: 6px;
  cursor: pointer;
}

.wpcf7-form select option:first-child {
  color: #999; /* greyed-out placeholder */
}


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 textarea {
  height: 32px;          /* set your custom height */
  padding: 0 1px;       /* adjust inner spacing */
  box-sizing: border-box;
}
}

/* Custom rule to force 32px height on the select field */
.wpcf7 select {
    /* Critical: Allows control over height/padding/border to equal 32px */
    box-sizing: border-box; 
    
    /* Forces the text line height to match the box height */
    line-height: 32px; 
    
    /* Calculate vertical padding to make total height 32px. 
       If your select has a 1px border, you need 15px top/bottom padding 
       (32px - 2px border = 30px height, so 15px top/bottom) 
       If your select has no border, use 16px top/bottom. */
    padding: 0 1px 0 1px; /* Start with 0 top/bottom padding for testing */
    
    /* Set the fixed height */
    height: 32px !important; 
    
    
    /* Ensures the select text is vertically centered */
    appearance: none; /* Often needed to remove default browser styling for line-height to work */
}

/* Ensure ALL options within the dropdown are also visible */
.wpcf7 select option {
    color: #333 !important;
}


.wpcf7 form .wpcf7-response-output { 
  color: #70823E !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-align: center !important;
  margin-top: 0 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #70823E !important;
}



/* Mobile: stack inputs 1 per row */
@media (max-width: 767px) {
  .wpcf7 .form-row label,
  .wpcf7 .birth-gender-row label,
  .wpcf7 .name-row label,
  .wpcf7 .barangay-city-row label {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  /* Two-column layout for each row */
.wpcf7 .form-row,
.wpcf7 .birth-gender-row,
.wpcf7 .name-row,
.wpcf7 .barangay-city-row {
  display: flex;
  flex-wrap: wrap;   /* allow wrapping if space runs out */
  gap: 0px;         /* spacing between fields */
  margin: 0px;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-971969e *//* Updated CSS: Combines all styling for the .custom-inbox-svg-icon class */
.custom-inbox-svg-icon {
    /* Base styling for visibility and positioning (from .custom-svg-icon) */
    display: inline-block; 
    width: 38px; /* Adjust size */
    height:38px; /* Adjust size */
    vertical-align: middle; /* Align icon with text */
    margin-right: 5px; /* Spacing between icon and text */
    margin-bottom: 5px;
    /* SVG background image properties (from .custom-inbox-svg-icon) */
    background-image: url("https://1860coffee.ph/wp-content/uploads/2025/10/inbox-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    
    /* Optional: Improves display quality and positioning */
    background-color: transparent; 
    background-position: center; 
}/* End custom CSS */