.elementor-1790 .elementor-element.elementor-element-c39b333{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:20px;--padding-right:20px;}.elementor-1790 .elementor-element.elementor-element-c39b333:not(.elementor-motion-effects-element-type-background), .elementor-1790 .elementor-element.elementor-element-c39b333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://2pimindmath.com/wp-content/uploads/2026/08/Blog-4.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-theme-post-title .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-1790 .elementor-element.elementor-element-60b6e75{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;}.elementor-1790 .elementor-element.elementor-element-60b6e75 .elementor-heading-title{color:#FFFFFF;}.elementor-1790 .elementor-element.elementor-element-a0a8efd{--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;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1790 .elementor-element.elementor-element-2c13a70{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1790 .elementor-element.elementor-element-d9c7e6d{text-align:start;}.elementor-1790 .elementor-element.elementor-element-d9c7e6d img{border-radius:20px 20px 20px 20px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1790 .elementor-element.elementor-element-9b8cbe4{--display:flex;--gap:13px 13px;--row-gap:13px;--column-gap:13px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1790 .elementor-element.elementor-element-5a3440c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1790 .elementor-element.elementor-element-99bd50a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#29166F;--border-color:#29166F;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.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-1790 .elementor-element.elementor-element-9fcc531{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1790 .elementor-element.elementor-element-9fcc531 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:26px;font-weight:900;color:#00A539;}.elementor-1790 .elementor-element.elementor-element-87ecf4b{--grid-template-columns:repeat(3, auto);text-align:center;--icon-size:35px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-1790 .elementor-element.elementor-element-87ecf4b .elementor-social-icon{background-color:#FFFFFF00;--icon-padding:0px;}.elementor-1790 .elementor-element.elementor-element-87ecf4b .elementor-social-icon i{color:var( --e-global-color-accent );}.elementor-1790 .elementor-element.elementor-element-87ecf4b .elementor-social-icon svg{fill:var( --e-global-color-accent );}.elementor-1790 .elementor-element.elementor-element-87ecf4b .elementor-social-icon:hover{background-color:#FFFFFF00;}.elementor-1790 .elementor-element.elementor-element-87ecf4b .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-1790 .elementor-element.elementor-element-87ecf4b .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-1790 .elementor-element.elementor-element-54ebe3b{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:250px;--padding-left:40px;--padding-right:40px;}.elementor-1790 .elementor-element.elementor-element-54ebe3b:not(.elementor-motion-effects-element-type-background), .elementor-1790 .elementor-element.elementor-element-54ebe3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://2pimindmath.com/wp-content/uploads/2026/08/Frame-1618873211-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1790 .elementor-element.elementor-element-1ccfc2b{text-align:center;}.elementor-1790 .elementor-element.elementor-element-1ccfc2b .elementor-heading-title{color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-1790 .elementor-element.elementor-element-ca9f714 .elementor-button{background-color:#00A539;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:26px;fill:#FFFFFF;color:#FFFFFF;box-shadow:-3px 3px 0px 1px #FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#00A539;border-radius:200px 200px 200px 200px;padding:14px 32px 14px 32px;}.elementor-1790 .elementor-element.elementor-element-ca9f714 .elementor-button:hover, .elementor-1790 .elementor-element.elementor-element-ca9f714 .elementor-button:focus{background-color:#FFFFFF;color:#00A539;border-color:#FFFFFF;box-shadow:-3px 3px 0px 1px #00A539;}.elementor-1790 .elementor-element.elementor-element-ca9f714.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1790 .elementor-element.elementor-element-ca9f714 .elementor-button:hover svg, .elementor-1790 .elementor-element.elementor-element-ca9f714 .elementor-button:focus svg{fill:#00A539;}.elementor-1790 .elementor-element.elementor-element-ab3ecf0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:10px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1790 .elementor-element.elementor-element-ab3ecf0:not(.elementor-motion-effects-element-type-background), .elementor-1790 .elementor-element.elementor-element-ab3ecf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1790 .elementor-element.elementor-element-5d2fff8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1790 .elementor-element.elementor-element-25a5859{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#008C31;--border-color:#008C31;--border-radius:200px 200px 200px 200px;--padding-top:6px;--padding-bottom:6px;--padding-left:24px;--padding-right:24px;}.elementor-1790 .elementor-element.elementor-element-25a5859.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1790 .elementor-element.elementor-element-89716df.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1790 .elementor-element.elementor-element-89716df .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:24px;font-weight:700;line-height:28px;letter-spacing:-0.24px;color:#008C31;}.elementor-1790 .elementor-element.elementor-element-a014673{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1790 .elementor-element.elementor-element-faqloop{--grid-columns:1;--grid-row-gap:24px;--grid-column-gap:0px;}@media(max-width:1024px){.elementor-1790 .elementor-element.elementor-element-c39b333:not(.elementor-motion-effects-element-type-background), .elementor-1790 .elementor-element.elementor-element-c39b333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1790 .elementor-element.elementor-element-c39b333{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1790 .elementor-element.elementor-element-a0a8efd{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-1790 .elementor-element.elementor-element-2c13a70{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1790 .elementor-element.elementor-element-99bd50a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1790 .elementor-element.elementor-element-54ebe3b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:250px;--padding-left:30px;--padding-right:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1790 .elementor-element.elementor-element-ab3ecf0{--padding-top:10px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-1790 .elementor-element.elementor-element-5d2fff8{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1790 .elementor-element.elementor-element-25a5859{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-1790 .elementor-element.elementor-element-89716df .elementor-heading-title{font-size:18px;line-height:22px;}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1790 .elementor-element.elementor-element-faqloop{--grid-columns:1;--grid-row-gap:16px;}}@media(max-width:767px){.elementor-1790 .elementor-element.elementor-element-c39b333:not(.elementor-motion-effects-element-type-background), .elementor-1790 .elementor-element.elementor-element-c39b333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1790 .elementor-element.elementor-element-c39b333{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-1790 .elementor-element.elementor-element-a0a8efd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1790 .elementor-element.elementor-element-99bd50a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1790 .elementor-element.elementor-element-87ecf4b{--icon-size:25px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1790 .elementor-element.elementor-element-ca9f714 .elementor-button{font-size:14px;line-height:24px;padding:12px 20px 12px 20px;}.elementor-1790 .elementor-element.elementor-element-ab3ecf0{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:10px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1790 .elementor-element.elementor-element-5d2fff8{--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-1790 .elementor-element.elementor-element-25a5859{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-1790 .elementor-element.elementor-element-89716df .elementor-heading-title{font-size:16px;line-height:22px;}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1790 .elementor-element.elementor-element-faqloop{--grid-columns:1;--grid-row-gap:16px;}}@media(min-width:768px){.elementor-1790 .elementor-element.elementor-element-2c13a70{--width:65%;}.elementor-1790 .elementor-element.elementor-element-9b8cbe4{--width:28%;}.elementor-1790 .elementor-element.elementor-element-ab3ecf0{--content-width:1109px;}.elementor-1790 .elementor-element.elementor-element-5d2fff8{--content-width:1076px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1790 .elementor-element.elementor-element-9b8cbe4{--width:35%;}}/* Start custom CSS *//* Hide the caption text (visually, but keep it in the DOM) */ .wp-block-image figcaption.wp-element-caption { display: none; } /* Round the image corners */ .wp-block-image img { border-radius: 20px; } table.has-fixed-layout { background: #E6F0E9; text-align: center; border-radius: 24px; overflow: hidden; width: 100%; padding: 40px 30px; } table.has-fixed-layout td { text-align: center; color: #000; border: none; } table.has-fixed-layout td strong:first-child { color: #29166F; font-size: 32px; line-height: 1.3; font-weight: 700; } table.has-fixed-layout td strong:last-child { color: #000; } table.has-fixed-layout td { padding: 30px 30px !important; text-align: center; } @media (max-width: 767px) { table.has-fixed-layout td strong:first-child { font-size: 28px; line-height: 1.2; } table.has-fixed-layout td { padding: 30px 20px !important; } } /* ===================================================================== FAQ — ACF repeater version. The Loop Grid (`pi-faq-loop`) renders one Nested Accordion per `faq` row, so every question is its own widget and the kit's `.pi-faq` block cannot reach it — that block is written for the legacy accordion's `.elementor-tab-title` markup. Same Figma design, re-pointed at `
`. Nested Accordion is used rather than the legacy one because the legacy widget's JS force-expands its first item, and with one item per loop row that would render every answer open on load. `all_collapsed` on the nested widget is what makes the looped version behave like one list. ===================================================================== */ /* Single column; the 24px rhythm between rows is the grid's row gap. */ body .pi-faq-loop .elementor-loop-container { grid-template-columns: 1fr; } body .pi-faq-loop .e-loop-item > .e-con { padding: 0; } /* Row: 1px #E2E4E3, radius 12, white, soft drop shadow. */ body .pi-faq-loop .e-n-accordion-item { border: 1px solid #E2E4E3; border-radius: 12px; overflow: hidden; box-shadow: 2px 2px 16px 0 rgba(148, 155, 163, .4); background: #FFFFFF; transition: box-shadow .3s ease-out; } /* Question strip. */ body .pi-faq-loop .e-n-accordion-item-title { padding: 26px 24px; border: 0; background: transparent; gap: 16px; list-style: none; } body .pi-faq-loop .e-n-accordion-item-title::-webkit-details-marker { display: none; } body .pi-faq-loop .e-n-accordion-item-title-text { font-family: "Outfit", sans-serif; font-weight: 500; font-size: 22px; line-height: 30px; color: #29166F; margin: 0; } /* Answer panel. Elementor paints container padding through logical properties on `.e-con`, so the physical shorthand carries !important to be sure it lands even though this body.elementor-page-1790 already outranks that rule. The border reset is not cosmetic tidying: widget-nested-accordion.min.css ships `:where(.elementor-widget-n-accordion .e-n-accordion-item > .e-con) { border: 1px solid #d5d8dc }`, which drew a full grey rectangle around every answer. It sat inside :where(), so it has zero specificity and had simply never been turned off here. */ body .pi-faq-loop .e-n-accordion-item > .e-con { padding: 26px 24px !important; margin: 0 !important; border: 0; background: transparent; } body .pi-faq-loop .pi-faq-a { font-family: "Outfit", sans-serif; font-weight: 500; font-size: 20px; line-height: 30px; color: #FFFFFF; } /* wpautop wraps the answer in

, whose theme bottom margin would stack onto the panel padding and sink the closing line below the top gap. */ body .pi-faq-loop .pi-faq-a > *:last-child, body .pi-faq-loop .pi-faq-a > .elementor-widget-container > *:last-child { margin-bottom: 0; } /* Open row: the WHOLE item goes green, not just the question strip, so the gradient is painted on the

and both panels stay transparent. */ body .pi-faq-loop .e-n-accordion-item[open] { background: linear-gradient(272.89deg, #51A26D -8.74%, #008C31 60.26%); border-color: transparent; } body .pi-faq-loop .e-n-accordion-item[open] .e-n-accordion-item-title-text { color: #FFFFFF; } /* Divider under the open question, inset 24px so it spans the text column rather than the full padded row. It is drawn as a pseudo-element, and the open row keeps the same padding as the closed one. The previous version insetting with `margin: 0 24px` could not work: `.e-con` is width:100%, so horizontal margins did not narrow it — they shifted it 24px right while it stayed full width, so it overhung the card by 48px. `overflow:hidden` on the item then clipped the answer text mid-word and the row read as padded on the left only. */ body .pi-faq-loop .e-n-accordion-item[open] .e-n-accordion-item-title { position: relative; margin: 0; padding: 26px 24px; border-bottom: 0; } body .pi-faq-loop .e-n-accordion-item[open] .e-n-accordion-item-title::after { content: ""; position: absolute; inset-inline: 24px; inset-block-end: 0; block-size: 1px; background: #82C097; } body .pi-faq-loop .e-n-accordion-item[open] > .e-con { margin: 0 !important; padding: 26px 24px !important; } /* Toggle glyphs are the Figma artwork inlined as data URIs — WP core blocks .svg upload, so they cannot be attached through the widget. Elementor's own glyph is hidden underneath. Inner attributes are single-quoted so the outer url("...") string does not terminate early. */ body .pi-faq-loop .e-n-accordion-item-title-icon { width: 30px; height: 30px; min-width: 30px; flex: 0 0 30px; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: center; background-size: 30px 30px; font-size: 0; transition: background-image .3s ease-out; } body .pi-faq-loop .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background-image: url("data:image/svg+xml,"); } body .pi-faq-loop .e-n-accordion-item-title-icon > span, body .pi-faq-loop .e-n-accordion-item-title-icon svg, body .pi-faq-loop .e-n-accordion-item-title-icon i { display: none !important; } /* Tablet (<=1024px): the divider breathes less as the row narrows and the toggle drops from 30px to 26px. */ @media (max-width: 1024px) { body .pi-faq-loop .e-n-accordion-item-title-text { font-size: 20px; line-height: 22px; } body .pi-faq-loop .pi-faq-a { font-size: 18px; line-height: 28px; } body .pi-faq-loop .e-n-accordion-item[open] .e-n-accordion-item-title { padding-bottom: 20px; } body .pi-faq-loop .e-n-accordion-item[open] > .e-con { padding-top: 20px !important; } /* mobile-first note: this file's 767 block re-states the divider inset, so only the tablet value needs restating here */ body .pi-faq-loop .e-n-accordion-item-title-icon { width: 26px; height: 26px; min-width: 26px; flex: 0 0 26px; background-size: 26px 26px; } } /* Mobile takes the bigger cut — 16px answer text needs a smaller glyph beside it to stay in proportion, and the row padding tightens to 22/20. The side padding is re-zeroed on the open row because the shorthand above resets it. */ @media (max-width: 767px) { body .pi-faq-loop .e-n-accordion-item-title { padding: 22px 20px; } body .pi-faq-loop .e-n-accordion-item-title-text { font-size: 18px; line-height: 25px; } body .pi-faq-loop .e-n-accordion-item > .e-con { padding: 22px 20px !important; } body .pi-faq-loop .pi-faq-a { font-size: 16px; line-height: 25px; } /* same padding-not-margin inset as desktop, at the mobile 20px gutter */ body .pi-faq-loop .e-n-accordion-item[open] .e-n-accordion-item-title { margin: 0; padding: 22px 20px 16px; } body .pi-faq-loop .e-n-accordion-item[open] .e-n-accordion-item-title::after { inset-inline: 20px; } body .pi-faq-loop .e-n-accordion-item[open] > .e-con { margin: 0 !important; padding: 16px 20px 22px !important; } body .pi-faq-loop .e-n-accordion-item-title-icon { width: 24px; height: 24px; min-width: 24px; flex: 0 0 24px; background-size: 24px 24px; } } /* === Post body links ================================================== Hello Elementor's reset.css sets `a { color: #c36 }` (and #336 on hover) — a crimson that belongs to no palette on this site. The kit never overrides it because Elementor only colours links inside its own widgets, and post content is raw block markup, so the theme reset wins there. #5A5A5C is the kit's own --e-global-color-text, i.e. links now read as body copy. Hover goes green, matching the footer link hover already in the child theme. ===================================================================== */ body .elementor-1790 .elementor-widget-theme-post-content a { color: #5A5A5C; transition: color .2s ease-out; } body .elementor-1790 .elementor-widget-theme-post-content a:hover, body .elementor-1790 .elementor-widget-theme-post-content a:focus { color: #00A539; } /* === CTA table link → button ========================================== The in-article CTA is a WordPress table block (figure.wp-block-table > table.has-fixed-layout), styled above, whose closing line is a tel: link. It becomes the sitewide navy-face / green-offset pill — the same pairing `pi-prog-more` uses — so the call to action reads as a button. The offset is a box-shadow (-5px 4px 0 0), not a border, which is how every other button on the site draws it. This sits after the link-colour block on purpose: it also outranks it (0,2,4 against 0,2,2), so the CTA keeps white text rather than #5A5A5C. ===================================================================== */ body .elementor-1790 table.has-fixed-layout td a { display: inline-flex; align-items: center; justify-content: center; gap: .3em; margin-block-start: 8px; padding: 14px 32px; background-color: #29166F; color: #FFFFFF; border: 2px solid #29166F; border-radius: 200px; box-shadow: -3px 3px 0 1px #00A539; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 600; line-height: 26px; text-decoration: none; transition: transform .25s ease-out, background-color .3s ease-out, border-color .3s ease-out, box-shadow .3s ease-out; will-change: transform; } /* The number is wrapped in , so without this the label renders at two different weights — "Call" at 600 and the number at 700. */ body .elementor-1790 table.has-fixed-layout td a strong { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; } body .elementor-1790 table.has-fixed-layout td a:hover, body .elementor-1790 table.has-fixed-layout td a:focus { background-color: #00A539; border-color: #00A539; color: #FFFFFF; box-shadow: -3px 3px 0 1px #29166F; transform: translateY(-3px); } @media (prefers-reduced-motion: reduce) { body .elementor-1790 table.has-fixed-layout td a:hover, body .elementor-1790 table.has-fixed-layout td a:focus { transform: none; } } /* Same mobile step-down the button widgets take sitewide. */ @media (max-width: 767px) { body .elementor-1790 table.has-fixed-layout td a { padding: 12px 20px; font-size: 14px; line-height: 24px; } }/* End custom CSS */