.elementor-798 .elementor-element.elementor-element-3e83893{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-798 .elementor-element.elementor-element-3e83893:not(.elementor-motion-effects-element-type-background), .elementor-798 .elementor-element.elementor-element-3e83893 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAF0;}.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-798 .elementor-element.elementor-element-c463eaa .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:63px;font-weight:600;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-798 .elementor-element.elementor-element-f2e99aa{--divider-border-style:solid;--divider-color:#BD9600;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-798 .elementor-element.elementor-element-f2e99aa .elementor-divider-separator{width:35%;margin:0 auto;margin-center:0;}.elementor-798 .elementor-element.elementor-element-f2e99aa .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-798 .elementor-element.elementor-element-0ce467a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-5e1a68c */.dcx-timeline { position: relative; max-width: 1200px; margin: 60px auto; padding: 30px 0; } /* Central timeline line */ .dcx-timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #c6a15b; transform: translateX(-50%); } /* Each timeline item */ .dcx-timeline-item { position: relative; width: 50%; padding: 25px 50px; box-sizing: border-box; } /* Left side */ .dcx-timeline-item.left { left: 0; text-align: right; } /* Right side */ .dcx-timeline-item.right { left: 50%; text-align: left; } /* Connecting branch */ .dcx-timeline-item::after { content: ""; position: absolute; top: 50%; width: 50px; height: 1px; background: #c6a15b; } /* Left branch */ .dcx-timeline-item.left::after { right: 0; } /* Right branch */ .dcx-timeline-item.right::after { left: 0; } /* Timeline circle */ .dcx-timeline-item::before { content: ""; position: absolute; top: calc(50% - 7px); width: 14px; height: 14px; background: #7a2e3a; border: 3px solid #f8f6f2; border-radius: 50%; box-shadow: 0 0 0 1px #c6a15b; z-index: 2; } /* Circle position */ .dcx-timeline-item.left::before { right: -7px; } .dcx-timeline-item.right::before { left: -7px; } /* Card */ .dcx-card { display: flex; width: 100%; min-height: 170px; background: #ffffff; border: 1px solid #d8c7a0; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06); overflow: hidden; transition: all 0.3s ease; text-align: left; } /* Right cards */ .dcx-timeline-item.right .dcx-card { flex-direction: row; } /* Left cards */ .dcx-timeline-item.left .dcx-card { flex-direction: row-reverse; } /* Hover */ .dcx-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10); border-color: #c6a15b; } /* Sister photograph */ .dcx-photo { width: 38%; min-height: 170px; overflow: hidden; flex-shrink: 0; } .dcx-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Information */ .dcx-info { flex: 1; padding: 25px 22px; display: flex; flex-direction: column; justify-content: center; } /* Years */ .dcx-years { color: #7a2e3a; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 8px; } /* Name */ .dcx-info h3 { margin: 0 0 7px; color: #1e3a5f; font-family: "Cormorant Garamond", Georgia, serif; font-size: 25px; line-height: 1.15; font-weight: 600; } /* Position */ .dcx-info p { margin: 0; color: #666666; font-family: "Inter", Arial, sans-serif; font-size: 13px; letter-spacing: 0.5px; } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .dcx-timeline { padding-left: 25px; margin: 40px auto; } /* Move line to left */ .dcx-timeline::before { left: 12px; } .dcx-timeline-item, .dcx-timeline-item.left, .dcx-timeline-item.right { width: 100%; left: 0; padding: 20px 0 20px 35px; text-align: left; } /* All cards same direction */ .dcx-timeline-item.left .dcx-card, .dcx-timeline-item.right .dcx-card { flex-direction: row; } /* Branch */ .dcx-timeline-item::after, .dcx-timeline-item.left::after, .dcx-timeline-item.right::after { left: 12px; right: auto; width: 23px; } /* Circle */ .dcx-timeline-item::before, .dcx-timeline-item.left::before, .dcx-timeline-item.right::before { left: 5px; right: auto; } .dcx-photo { width: 35%; min-height: 150px; } .dcx-info { padding: 20px 18px; } .dcx-info h3 { font-size: 21px; } .dcx-years { font-size: 11px; } }/* End custom CSS */