.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for theme-post-content, class: .elementor-element-5c1c25f4 */& h2 { font-family: var(--font-heading); font-size: var(--size-h2); margin: 2.5rem 0 1rem; max-width: 56rem; } & h3 { font-family: var(--font-heading); font-size: 1.25rem; margin: 1.75rem 0 0.5rem; max-width: 56rem; } & p, & li { font-family: var(--font-body); font-size: var(--size-body); line-height: 1.6; color: var(--brand-grey); } & p, & ul, & ol { max-width: 56rem; } & ul, & ol { padding-left: 1.25rem; margin: 0 0 1rem; } & li { margin-bottom: 0.4rem; } & a { color: var(--brand-red); } & .ebr-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; margin: 1rem 0 2rem; } & .ebr-cards-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } & .ebr-card { display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid var(--light-grey); border-radius: 4px; overflow: hidden; text-decoration: none; transition: box-shadow 0.2s, border-color 0.2s; } & a.ebr-card:hover { border-color: var(--brand-red); box-shadow: 0 6px 18px rgba(0,0,0,0.08); } & .ebr-card img { display: block; width: 100%; height: auto; border-bottom: 1px solid var(--light-grey); } & .ebr-card h3 { font-size: 1.2rem; line-height: 1.25; color: var(--black); margin: 1rem 1rem 0.25rem; } & .ebr-card .ebr-card-code { font-size: var(--size-small); font-weight: 600; color: var(--brand-red); margin: 0 1rem 0.5rem; } & .ebr-card p { font-size: 0.9375rem; margin: 0 1rem 1rem; } & figure.wp-block-table { margin: 0 0 1rem; overflow-x: auto; -webkit-overflow-scrolling: touch; } & table { width: 100%; border-collapse: collapse; font-family: var(--font-body); font-size: 0.9375rem; color: var(--brand-grey); min-width: 40rem; } & th, & td { border: 1px solid var(--light-grey); padding: 0.6rem 0.75rem; text-align: center; vertical-align: middle; } & thead th { background: var(--brand-red); color: var(--white); font-weight: 600; border-color: var(--brand-red); } & tbody th { text-align: left; background: #F4F4F4; font-weight: 600; color: var(--brand-grey); } & tbody tr:nth-child(even) td { background: #FAFAFA; } & .ebr-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 2rem 0; } & .ebr-stats > div { background: #F4F4F4; border-top: 3px solid var(--brand-red); padding: 1.25rem 1rem; } & .ebr-stats strong { display: block; font-family: var(--font-heading); font-size: 2rem; color: var(--brand-red); line-height: 1.1; } & .ebr-stats span { display: block; margin-top: 0.35rem; font-size: var(--size-small); color: var(--brand-grey); } & .ebr-faq { border-top: 1px solid var(--light-grey); margin: 0 0 1rem; max-width: 56rem; } & .ebr-faq details { border-bottom: 1px solid var(--light-grey); } & .ebr-faq summary { cursor: pointer; list-style: none; padding: 1rem 2.5rem 1rem 0; position: relative; font-family: var(--font-heading); font-weight: 600; font-size: 1.125rem; color: var(--black); } & .ebr-faq summary::-webkit-details-marker { display: none; } & .ebr-faq summary::after { content: '+'; position: absolute; right: 0.25rem; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--brand-red); } & .ebr-faq details[open] summary::after { content: '\2212'; } & .ebr-faq details > p { margin: 0 0 1rem; } @media (max-width: 1024px) { & .ebr-cards, & .ebr-cards-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { & .ebr-cards, & .ebr-cards-4 { grid-template-columns: 1fr; } } @media (max-width: 767px) { & .ebr-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }/* End custom CSS */