.elementor-4373 .elementor-element.elementor-element-7aff94a3 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4373 .elementor-element.elementor-element-7aff94a3:not(.elementor-motion-effects-element-type-background), .elementor-4373 .elementor-element.elementor-element-7aff94a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://auroraortodoxia.com.br/wp-content/uploads/2025/07/14254970265_cdb154af66_o-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4373 .elementor-element.elementor-element-7aff94a3 > .elementor-background-overlay{background-color:var( --e-global-color-text );opacity:0.2;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4373 .elementor-element.elementor-element-7aff94a3 > .elementor-container{min-height:400px;}.elementor-4373 .elementor-element.elementor-element-7aff94a3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 15px 0px 15px;}.elementor-4373 .elementor-element.elementor-element-4fa878fa > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4373 .elementor-element.elementor-element-4fa878fa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4373 .elementor-element.elementor-element-66d97075{text-align:center;}.elementor-4373 .elementor-element.elementor-element-66d97075 .elementor-heading-title{color:var( --e-global-color-21bfb04 );}.elementor-4373 .elementor-element.elementor-element-1be5dd29{margin-top:0px;margin-bottom:100px;padding:0px 15px 0px 15px;}.elementor-4373 .elementor-element.elementor-element-64bd06d{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 30px) 30px;}.elementor-4373 .elementor-element.elementor-element-0c75072{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-4373 .elementor-element.elementor-element-560ee66{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4373 .elementor-element.elementor-element-fbb0403 img{height:400px;border-radius:3px 3px 3px 3px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-4373 .elementor-element.elementor-element-cb13754 img{height:400px;border-radius:3px 3px 3px 3px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-4373 .elementor-element.elementor-element-bd68a63{padding:10px 0px 0px 0px;text-align:center;}.elementor-4373 .elementor-element.elementor-element-de62596 .elementor-button{font-family:var( --e-global-typography-f500460-font-family ), Sans-serif;font-size:var( --e-global-typography-f500460-font-size );font-weight:var( --e-global-typography-f500460-font-weight );line-height:var( --e-global-typography-f500460-line-height );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4373 .elementor-element.elementor-element-de62596 .elementor-button{font-size:var( --e-global-typography-f500460-font-size );line-height:var( --e-global-typography-f500460-line-height );}}@media(max-width:767px){.elementor-4373 .elementor-element.elementor-element-7aff94a3 > .elementor-container{min-height:320px;}.elementor-4373 .elementor-element.elementor-element-7aff94a3{margin-top:0px;margin-bottom:0px;}.elementor-4373 .elementor-element.elementor-element-cb13754 img{border-radius:3px 3px 3px 3px;}.elementor-4373 .elementor-element.elementor-element-de62596 .elementor-button{font-size:var( --e-global-typography-f500460-font-size );line-height:var( --e-global-typography-f500460-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-6c7b327 *//* ========================================= */
/* --- 1. GENERAL FORM STYLES --- */
/* ========================================= */
.forminator-ui {
  max-width: 600px;
  margin: 0 auto;
  font-family: "Old Standard TT", serif;
}

/* Center the sender name at the top */
.forminator-field-name input {
  text-align: left;
  border: 1px solid #d6c9a8 !important;
  background-color: #fdfbf7 !important;
}

/* ========================================= */
/* --- 2. THE ORNATE BOX CONTAINERS --- */
/* ========================================= */
.living-group, .dead-group {
  position: relative;
  margin-top: 40px !important;
  margin-bottom: 50px !important;
  padding: 40px 30px 20px !important; 
  background-color: #fff;
  
  /* The Image Border (Desktop) */
  border: 50px solid transparent;
  border-image: url('https://auroraortodoxia.com.br/wp-content/uploads/2025/10/border-ornate.jpg') 100 round;
}

.living-group::before, .dead-group::before {
  content: "";
  display: block;
  width: 80px;
  height: 120px;
  margin: -30px auto 20px; 
  background-image: url('https://auroraortodoxia.com.br/wp-content/uploads/2025/10/cross.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.living-group > label, .dead-group > label {
  display: none !important;
}

/* ========================================= */
/* --- 3. THE 12 INPUTS INSIDE --- */
/* ========================================= */

/* Target textareas inside the ornate boxes */
.living-group textarea,
.dead-group textarea {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  
  text-align: left !important;
  font-family: "Old Standard TT", serif;
  font-size: 16px !important;
  color: #000 !important;
  
  box-shadow: none !important;
  padding: 10px 0 !important; 
  
  /* --- HEIGHT & RESIZE FIXES --- */
  height: 40px !important;      
  min-height: 40px !important;  
  max-height: 40px !important;  
  resize: none !important;      
  overflow: hidden !important;  
}

/* Focus effect */
.living-group textarea:focus,
.dead-group textarea:focus {
  border-bottom: 2px solid #bca87f !important;
  background-color: rgba(188, 168, 127, 0.1) !important;
  outline: none !important;
}

/* Remove huge gaps between fields */
.living-group .forminator-row,
.dead-group .forminator-row {
  margin-bottom: 10px !important;
}

/* ========================================= */
/* --- 4. COLOR THEMES (DESKTOP) --- */
/* ========================================= */

/* --- LIVING (RED) --- */
.living-group {
  filter: hue-rotate(300deg) saturate(10);
}
.living-group input {
  color: #000 !important;
  font-weight: 500;
}

/* --- DEAD (BLACK) --- */
.dead-group {
  filter: grayscale(100%) brightness(0.6) contrast(500%);
}
.dead-group input {
  color: #000 !important; 
}

/* ========================================= */
/* --- 5. MOBILE FIXES (OPTIMIZED) --- */
/* ========================================= */
@media screen and (max-width: 600px) {
  
  /* 1. Reset Containers: Remove heavy image border & filters */
  .living-group, .dead-group {
    border-image: none !important; 
    border-style: double !important; /* Elegant double line */
    border-width: 4px !important;
    padding: 25px 15px !important;   /* Reduce padding */
    margin-top: 20px !important;
    filter: none !important;         /* Remove container filters for clean mobile look */
  }

  /* 2. Manually color "Living" Box */
  .living-group { 
    border-color: #8a1c1c !important; 
    background-color: #fffafa !important; /* Subtle pink/red tint */
  }

  /* 3. Manually color "Dead" Box */
  .dead-group { 
    border-color: #333 !important; 
    background-color: #f4f4f4 !important; /* Subtle gray tint */
  }
  
  /* 4. Resize AND Recolor the Cross Icon */
  .living-group::before, .dead-group::before {
    width: 45px;
    height: 70px;
    margin-top: -10px;
    margin-bottom: 15px;
  }

  /* --- COLOR THE CROSS ON MOBILE --- */
  
  /* Living Cross: Turn it Red */
  .living-group::before {
    filter: sepia(1) saturate(10) hue-rotate(300deg) brightness(0.6);
  }

  /* Dead Cross: Turn it Black/Grey */
  .dead-group::before {
    filter: grayscale(100%) brightness(0); /* Brightness 0 makes it pure black */
    opacity: 0.8;
  }

  /* 5. Inputs: Ensure Font Size prevents iOS Zoom */
  .living-group textarea, .dead-group textarea {
    font-size: 16px !important; 
  }
}

/* ========================================= */
/* --- 6. THE LITURGICAL BUTTON --- */
/* ========================================= */
.living-group .prayer_button,
.dead-group .prayer_button {
    filter: none !important;
    -webkit-filter: none !important;
}

.forminator-ui .prayer_button {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 40px auto 0;
    padding: 15px 30px;
    font-family: "Old Standard TT", serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s ease;
    background-color: #fdfbf7 !important; 
    color: #5d4d2e !important; 
    border: 4px double #bca87f !important; 
    border-radius: 2px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.forminator-ui .prayer_button:hover {
    background-color: #bca87f !important;
    color: #fff !important;
    border-color: #d6c9a8 !important;
    box-shadow: 0 6px 15px rgba(188, 168, 127, 0.4);
    transform: translateY(-2px);
}

.forminator-ui .prayer_button:active {
    transform: translateY(1px);
    box-shadow: none;
}

@media screen and (max-width: 600px) {
    .forminator-ui .prayer_button {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ========================================= */
/* --- 7. HIDE CHARACTER COUNT --- */
/* ========================================= */
.forminator-description, 
.forminator-field-description {
    display: none !important;
}

/* ========================================= */
/* --- 8. FIELD LABELS (THE LITTLE TEXT) --- */
/* ========================================= */
.living-group .forminator-label,
.dead-group .forminator-label {
  display: block !important;       
  font-family: "Old Standard TT", serif;
  font-size: 12px !important;      
  font-weight: 700 !important;
  text-transform: uppercase;       
  letter-spacing: 1px;
  color: #000 !important;          
  margin-bottom: 2px !important;   
  text-align: center;                
  opacity: 0.7;                    
}

.living-group > label, 
.dead-group > label {
  display: block !important;
}/* End custom CSS */