.elementor-2658 .elementor-element.elementor-element-49c37a0e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2658 .elementor-element.elementor-element-49c37a0e:not(.elementor-motion-effects-element-type-background), .elementor-2658 .elementor-element.elementor-element-49c37a0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121837;}.elementor-2658 .elementor-element.elementor-element-49c37a0e > .elementor-container{max-width:1200px;}.elementor-2658 .elementor-element.elementor-element-49c37a0e > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2658 .elementor-element.elementor-element-49c37a0e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:7% 4% 7% 4%;}.elementor-2658 .elementor-element.elementor-element-79effea3 > .elementor-element-populated{padding:1% 5% 0% 5%;}.elementor-widget-text-editor{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 );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-2658 .elementor-element.elementor-element-61f3b248{width:var( --container-widget-width, 101.851% );max-width:101.851%;padding:3% 0% 7% 0%;--container-widget-width:101.851%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:80px;font-weight:700;line-height:1.1em;color:#FFFFFF;}.elementor-2658 .elementor-element.elementor-element-61f3b248.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2658 .elementor-element.elementor-element-f9114b5{width:var( --container-widget-width, 101.851% );max-width:101.851%;padding:3% 0% 7% 0%;--container-widget-width:101.851%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:32px;font-weight:400;line-height:1.1em;color:#FFFFFF;}.elementor-2658 .elementor-element.elementor-element-f9114b5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2658 .elementor-element.elementor-element-3b85333 > .elementor-element-populated{border-style:none;padding:6% 5% 6% 5%;}.elementor-widget-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-2658 .elementor-element.elementor-element-1d9d3a07 img{width:49%;}.elementor-2658 .elementor-element.elementor-element-226d98b{width:var( --container-widget-width, 58% );max-width:58%;padding:4% 0% 0% 0%;--container-widget-width:58%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:52px;font-weight:200;line-height:1.3em;color:#0D0D0D;}.elementor-2658 .elementor-element.elementor-element-226d98b.elementor-element{--align-self:center;}.elementor-2658 .elementor-element.elementor-element-d097fb4{width:var( --container-widget-width, 62% );max-width:62%;padding:3% 0% 1% 0%;--container-widget-width:62%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:58px;font-weight:300;line-height:1.3em;color:#0D0D0D;}.elementor-2658 .elementor-element.elementor-element-d097fb4.elementor-element{--align-self:center;}.elementor-2658 .elementor-element.elementor-element-8998277{width:var( --container-widget-width, 62% );max-width:62%;padding:1% 0% 1% 0%;--container-widget-width:62%;--container-widget-flex-grow:0;text-align:start;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;line-height:1.3em;color:#0D0D0D;}.elementor-2658 .elementor-element.elementor-element-8998277.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-2658 .elementor-element.elementor-element-79effea3{width:63.167%;}.elementor-2658 .elementor-element.elementor-element-3b85333{width:36.747%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2658 .elementor-element.elementor-element-61f3b248{padding:7% 0% 5% 0%;--container-widget-width:489px;--container-widget-flex-grow:0;width:var( --container-widget-width, 489px );max-width:489px;}.elementor-2658 .elementor-element.elementor-element-f9114b5{padding:7% 0% 5% 0%;--container-widget-width:489px;--container-widget-flex-grow:0;width:var( --container-widget-width, 489px );max-width:489px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2658 .elementor-element.elementor-element-226d98b{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;font-size:29px;}.elementor-2658 .elementor-element.elementor-element-d097fb4{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;font-size:29px;}.elementor-2658 .elementor-element.elementor-element-8998277{--container-widget-width:329px;--container-widget-flex-grow:0;width:var( --container-widget-width, 329px );max-width:329px;font-size:29px;}}/* Start custom CSS for html, class: .elementor-element-3bf88aa1 *//* LEFT ALIGNED SHARE BUTTONS */ .pp-share-buttons-left { display: flex; justify-content: flex-start; gap: 10px; flex-wrap: wrap; margin: 15px 0; } /* BUTTON STYLE */ .pp-share-buttons-left .pp-book-button { display: inline-block; padding: 10px 14px; background: #2f6fff; color: #ffffff !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.2; letter-spacing: 0; text-align: center; text-decoration: none !important; border: none; border-radius: 25px !important; cursor: pointer; -webkit-appearance: none; appearance: none; } /* HOVER */ .pp-share-buttons-left .pp-book-button:hover { background: #1f56d6; color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b6908f6 *//* ========================================================= PROUDPARENT — MESSIANIC SCRIPTURE COMPARISON ========================================================= */ /* ========================================================= MASTER SETTINGS Change these values to control the entire component. ========================================================= */ .pp-messianic-comparisons { /* ----------------------------------------------------- FONT ----------------------------------------------------- */ --pp-font-family: "Roboto", Arial, sans-serif; --pp-body-size: 20px; --pp-scripture-size: 20px; --pp-section-heading-size: 36px; --pp-reference-size: 24px; --pp-label-size: 13px; --pp-number-size: 14px; /* ----------------------------------------------------- FONT WEIGHTS ----------------------------------------------------- */ --pp-body-weight: 400; --pp-heading-weight: 700; --pp-reference-weight: 700; --pp-label-weight: 700; --pp-number-weight: 700; /* ----------------------------------------------------- COLORS ----------------------------------------------------- */ --pp-text: #333333; --pp-heading: #222222; --pp-label: #666666; --pp-old-background: #f5f5f5; --pp-new-background: #ffffff; --pp-connection-background: #eeeeee; --pp-border: #dddddd; --pp-number-background: #333333; --pp-number-text: #ffffff; --pp-link-color: #333333; --pp-link-hover: #000000; /* ----------------------------------------------------- WIDTH ----------------------------------------------------- */ --pp-max-width: 1200px; /* ----------------------------------------------------- SPACING ----------------------------------------------------- */ --pp-section-bottom: 60px; --pp-comparison-bottom: 55px; --pp-column-gap: 24px; --pp-scripture-padding: 28px; --pp-connection-padding: 28px; --pp-intro-margin-bottom: 60px; --pp-heading-margin-bottom: 16px; --pp-paragraph-margin-bottom: 16px; /* ----------------------------------------------------- NUMBER ----------------------------------------------------- */ --pp-number-width: 48px; --pp-number-height: 48px; /* ----------------------------------------------------- BORDERS ----------------------------------------------------- */ --pp-border-width: 1px; --pp-border-radius: 6px; /* ----------------------------------------------------- LINE HEIGHT ----------------------------------------------------- */ --pp-body-line-height: 1.65; --pp-scripture-line-height: 1.75; --pp-heading-line-height: 1.25; /* ----------------------------------------------------- SHADOW ----------------------------------------------------- */ --pp-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } /* ========================================================= MAIN CONTAINER ========================================================= */ .pp-messianic-comparisons { width: 100%; max-width: var(--pp-max-width); margin-left: auto; margin-right: auto; box-sizing: border-box; font-family: var(--pp-font-family); font-size: var(--pp-body-size); font-weight: var(--pp-body-weight); color: var(--pp-text); line-height: var(--pp-body-line-height); } /* ========================================================= BOX SIZING ========================================================= */ .pp-messianic-comparisons *, .pp-messianic-comparisons *::before, .pp-messianic-comparisons *::after { box-sizing: border-box; } /* ========================================================= SECTION INTRO ========================================================= */ .pp-section-intro { margin-bottom: var(--pp-intro-margin-bottom); } .pp-section-intro h2 { margin-top: 0; margin-bottom: 22px; color: var(--pp-heading); font-family: var(--pp-font-family); font-size: var(--pp-section-heading-size); font-weight: var(--pp-heading-weight); line-height: var(--pp-heading-line-height); } .pp-section-intro p { margin-top: 0; margin-bottom: var(--pp-paragraph-margin-bottom); font-size: var(--pp-body-size); line-height: var(--pp-body-line-height); } .pp-section-intro p:last-child { margin-bottom: 0; } /* ========================================================= EACH COMPARISON ========================================================= */ .pp-comparison { position: relative; margin-bottom: var(--pp-comparison-bottom); border: var(--pp-border-width) solid var(--pp-border); border-radius: var(--pp-border-radius); overflow: hidden; background: #ffffff; box-shadow: var(--pp-shadow); } /* ========================================================= COMPARISON NUMBER ========================================================= */ .pp-comparison-number { position: absolute; top: 0; left: 0; width: var(--pp-number-width); height: var(--pp-number-height); display: flex; align-items: center; justify-content: center; background: var(--pp-number-background); color: var(--pp-number-text); font-family: var(--pp-font-family); font-size: var(--pp-number-size); font-weight: var(--pp-number-weight); line-height: 1; z-index: 5; } /* ========================================================= SCRIPTURE ROW ========================================================= */ .pp-scripture-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pp-column-gap); padding: var(--pp-scripture-padding); padding-top: calc( var(--pp-scripture-padding) + 8px ); } /* ========================================================= SCRIPTURE COLUMNS ========================================================= */ .pp-scripture { min-width: 0; padding: var(--pp-scripture-padding); border-radius: var(--pp-border-radius); } /* ========================================================= OLD TESTAMENT ========================================================= */ .pp-old-testament { background: var(--pp-old-background); } /* ========================================================= NEW TESTAMENT ========================================================= */ .pp-new-testament { background: var(--pp-new-background); border: var(--pp-border-width) solid var(--pp-border); } /* ========================================================= LABELS ========================================================= */ .pp-label { margin-bottom: 10px; color: var(--pp-label); font-family: var(--pp-font-family); font-size: var(--pp-label-size); font-weight: var(--pp-label-weight); line-height: 1.3; letter-spacing: 1.2px; text-transform: uppercase; } /* ========================================================= SCRIPTURE REFERENCES ========================================================= */ .pp-scripture h3 { margin-top: 0; margin-bottom: var(--pp-heading-margin-bottom); color: var(--pp-heading); font-family: var(--pp-font-family); font-size: var(--pp-reference-size); font-weight: var(--pp-reference-weight); line-height: var(--pp-heading-line-height); } /* ========================================================= SCRIPTURE REFERENCE LINKS ========================================================= */ .pp-scripture h3 a { color: var(--pp-link-color); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: color 0.2s ease, opacity 0.2s ease; } .pp-scripture h3 a:hover { color: var(--pp-link-hover); opacity: 0.7; } /* ========================================================= SCRIPTURE TEXT ========================================================= */ .pp-scripture blockquote { margin: 0; padding: 0; border: 0; color: var(--pp-text); font-family: var(--pp-font-family); font-size: var(--pp-scripture-size); font-weight: var(--pp-body-weight); line-height: var(--pp-scripture-line-height); } /* ========================================================= CONNECTION AREA ========================================================= */ .pp-connection { margin: 0; padding: var(--pp-connection-padding); background: var(--pp-connection-background); border-top: var(--pp-border-width) solid var(--pp-border); } /* ========================================================= CONNECTION LABEL ========================================================= */ .pp-connection-label { margin-bottom: 10px; color: var(--pp-label); font-family: var(--pp-font-family); font-size: var(--pp-label-size); font-weight: var(--pp-label-weight); line-height: 1.3; letter-spacing: 1.2px; text-transform: uppercase; } /* ========================================================= CONNECTION PARAGRAPHS ========================================================= */ .pp-connection p { margin-top: 0; margin-bottom: var(--pp-paragraph-margin-bottom); color: var(--pp-text); font-family: var(--pp-font-family); font-size: var(--pp-body-size); font-weight: var(--pp-body-weight); line-height: var(--pp-body-line-height); } .pp-connection p:last-child { margin-bottom: 0; } /* ========================================================= BOLD EMPHASIS ========================================================= */ .pp-messianic-comparisons strong { color: var(--pp-heading); font-weight: var(--pp-heading-weight); } /* ========================================================= SCRIPTURE LINK STATES ========================================================= */ .pp-messianic-comparisons a:focus { outline: 2px solid var(--pp-link-color); outline-offset: 3px; } /* ========================================================= ALTERNATING COMPARISON BACKGROUND ========================================================= */ /* Every other comparison receives a very subtle gray background around the overall comparison. This helps visually separate the large number of Old Testament / New Testament pairs during a long scroll. */ .pp-comparison:nth-of-type(even) { background: #fafafa; } /* ========================================================= HOVER ========================================================= */ .pp-comparison { transition: box-shadow 0.2s ease, transform 0.2s ease; } .pp-comparison:hover { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07); } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 767px) { .pp-messianic-comparisons { --pp-body-size: 20px; --pp-scripture-size: 20px; --pp-section-heading-size: 30px; --pp-reference-size: 22px; --pp-scripture-padding: 22px; --pp-connection-padding: 22px; } .pp-section-intro { margin-bottom: 45px; } .pp-section-intro h2 { font-size: var(--pp-section-heading-size); } .pp-scripture-row { grid-template-columns: 1fr; gap: 18px; padding: 18px; padding-top: 26px; } .pp-scripture { padding: var(--pp-scripture-padding); } .pp-connection { padding: var(--pp-connection-padding); } } /* ========================================================= SMALL MOBILE ========================================================= */ @media screen and (max-width: 480px) { .pp-messianic-comparisons { --pp-body-size: 20px; --pp-scripture-size: 20px; --pp-section-heading-size: 27px; --pp-reference-size: 21px; --pp-scripture-padding: 18px; --pp-connection-padding: 18px; --pp-column-gap: 14px; } .pp-comparison-number { width: 42px; height: 42px; font-size: 12px; } .pp-scripture-row { padding: 14px; padding-top: 22px; } .pp-scripture blockquote { font-size: 20px; line-height: 1.7; } .pp-connection p { font-size: 20px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d4f55d0 *//* ========================================================= PROUDPARENT CRUCIFIXION — OLD TESTAMENT / NEW TESTAMENT COMPARISONS ========================================================= */ /* ========================================================= MASTER SETTINGS EDIT THESE VALUES TO CONTROL THE ENTIRE COMPONENT ========================================================= */ .pp-crucifixion-fulfillment { /* ===================================================== FONT ===================================================== */ --pp-font-family: "Roboto", Arial, sans-serif; --pp-body-size: 20px; --pp-scripture-size: 20px; --pp-label-size: 13px; --pp-reference-size: 24px; --pp-intro-heading-size: 34px; --pp-conclusion-heading-size: 30px; /* ===================================================== COLORS ===================================================== */ --pp-text: #333333; --pp-heading: #222222; --pp-label: #707070; --pp-old-background: #f5f5f5; --pp-new-background: #ffffff; --pp-connection-background: #eeeeee; --pp-comparison-background: #ffffff; --pp-border: #d8d8d8; --pp-number-background: #333333; --pp-number-text: #ffffff; --pp-link-color: #333333; --pp-link-hover: #000000; /* ===================================================== SPACING ===================================================== */ --pp-section-bottom: 60px; --pp-column-gap: 24px; --pp-scripture-row-padding: 28px; --pp-scripture-padding: 28px; --pp-connection-padding: 28px; --pp-intro-bottom: 60px; --pp-heading-margin-bottom: 16px; --pp-paragraph-margin-bottom: 16px; /* ===================================================== BORDERS ===================================================== */ --pp-border-width: 1px; --pp-border-radius: 6px; /* ===================================================== LINE HEIGHT ===================================================== */ --pp-body-line-height: 1.65; --pp-scripture-line-height: 1.75; } /* ========================================================= MAIN CONTAINER ========================================================= */ .pp-crucifixion-fulfillment { width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; font-family: var(--pp-font-family); font-size: var(--pp-body-size); color: var(--pp-text); line-height: var(--pp-body-line-height); } /* ========================================================= SECTION INTRODUCTION ========================================================= */ .pp-crucifixion-fulfillment .pp-section-intro { margin-bottom: var(--pp-intro-bottom); } .pp-crucifixion-fulfillment .pp-section-intro h2 { margin: 0 0 20px 0; color: var(--pp-heading); font-family: var(--pp-font-family); font-size: var(--pp-intro-heading-size); font-weight: 700; line-height: 1.2; } .pp-crucifixion-fulfillment .pp-section-intro p { margin: 0 0 var(--pp-paragraph-margin-bottom) 0; font-family: var(--pp-font-family); font-size: var(--pp-body-size); font-weight: 400; line-height: var(--pp-body-line-height); } .pp-crucifixion-fulfillment .pp-section-intro p:last-child { margin-bottom: 0; } /* ========================================================= EACH COMPARISON ========================================================= */ .pp-crucifixion-fulfillment .pp-comparison { position: relative; width: 100%; margin: 0 0 var(--pp-section-bottom) 0; padding: 0; border: var(--pp-border-width) solid var(--pp-border); border-radius: var(--pp-border-radius); overflow: hidden; background: var(--pp-comparison-background); box-sizing: border-box; } /* ========================================================= COMPARISON NUMBER ========================================================= */ .pp-crucifixion-fulfillment .pp-comparison-number { position: absolute; top: 0; left: 0; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; background: var(--pp-number-background); color: var(--pp-number-text); font-family: var(--pp-font-family); font-size: 15px; font-weight: 700; line-height: 1; z-index: 5; } /* ========================================================= SCRIPTURE ROW TWO COLUMNS ========================================================= */ .pp-crucifixion-fulfillment .pp-scripture-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pp-column-gap); padding: var(--pp-scripture-row-padding); box-sizing: border-box; } /* ========================================================= SCRIPTURE CARD ========================================================= */ .pp-crucifixion-fulfillment .pp-scripture { min-width: 0; padding: var(--pp-scripture-padding); border-radius: var(--pp-border-radius); box-sizing: border-box; } /* ========================================================= OLD TESTAMENT ========================================================= */ .pp-crucifixion-fulfillment .pp-old-testament { background: var(--pp-old-background); } /* ========================================================= NEW TESTAMENT ========================================================= */ .pp-crucifixion-fulfillment .pp-new-testament { background: var(--pp-new-background); border: var(--pp-border-width) solid var(--pp-border); } /* ========================================================= OLD / NEW LABEL ========================================================= */ .pp-crucifixion-fulfillment .pp-label { margin: 0 0 10px 0; color: var(--pp-label); font-family: var(--pp-font-family); font-size: var(--pp-label-size); font-weight: 700; line-height: 1.2; letter-spacing: 1.3px; text-transform: uppercase; } /* ========================================================= SCRIPTURE REFERENCE ========================================================= */ .pp-crucifixion-fulfillment .pp-scripture h3 { margin: 0 0 var(--pp-heading-margin-bottom) 0; color: var(--pp-heading); font-family: var(--pp-font-family); font-size: var(--pp-reference-size); font-weight: 700; line-height: 1.3; } /* ========================================================= SCRIPTURE TEXT ========================================================= */ .pp-crucifixion-fulfillment .pp-scripture blockquote { margin: 0; padding: 0; border: 0; color: var(--pp-text); font-family: var(--pp-font-family); font-size: var(--pp-scripture-size); font-weight: 400; font-style: normal; line-height: var(--pp-scripture-line-height); } /* ========================================================= CONNECTION AREA ========================================================= */ .pp-crucifixion-fulfillment .pp-connection { margin: 0; padding: var(--pp-connection-padding); background: var(--pp-connection-background); border-top: var(--pp-border-width) solid var(--pp-border); box-sizing: border-box; } /* ========================================================= CONNECTION LABEL ========================================================= */ .pp-crucifixion-fulfillment .pp-connection-label { margin: 0 0 10px 0; color: var(--pp-label); font-family: var(--pp-font-family); font-size: var(--pp-label-size); font-weight: 700; line-height: 1.2; letter-spacing: 1.3px; text-transform: uppercase; } /* ========================================================= CONNECTION TEXT ========================================================= */ .pp-crucifixion-fulfillment .pp-connection p { margin: 0 0 var(--pp-paragraph-margin-bottom) 0; color: var(--pp-text); font-family: var(--pp-font-family); font-size: var(--pp-body-size); font-weight: 400; line-height: var(--pp-body-line-height); } .pp-crucifixion-fulfillment .pp-connection p:last-child { margin-bottom: 0; } /* ========================================================= BOLD EMPHASIS ========================================================= */ .pp-crucifixion-fulfillment strong { color: var(--pp-heading); font-weight: 700; } /* ========================================================= FINAL CONCLUSION ========================================================= */ .pp-crucifixion-fulfillment .pp-fulfillment-conclusion { margin: 10px 0 60px 0; padding: 32px; background: var(--pp-old-background); border: var(--pp-border-width) solid var(--pp-border); border-radius: var(--pp-border-radius); box-sizing: border-box; } .pp-crucifixion-fulfillment .pp-fulfillment-conclusion h2 { margin: 0 0 20px 0; color: var(--pp-heading); font-family: var(--pp-font-family); font-size: var(--pp-conclusion-heading-size); font-weight: 700; line-height: 1.25; } .pp-crucifixion-fulfillment .pp-fulfillment-conclusion p { margin: 0 0 var(--pp-paragraph-margin-bottom) 0; color: var(--pp-text); font-family: var(--pp-font-family); font-size: var(--pp-body-size); font-weight: 400; line-height: var(--pp-body-line-height); } .pp-crucifixion-fulfillment .pp-fulfillment-conclusion p:last-child { margin-bottom: 0; } /* ========================================================= FUTURE SCRIPTURE LINKS ========================================================= The Scripture references can later be converted to links. Example:

Psalm 22:18

The styling below is already prepared for that. ========================================================= */ .pp-crucifixion-fulfillment a { color: var(--pp-link-color); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color 0.2s ease; } .pp-crucifixion-fulfillment a:hover { color: var(--pp-link-hover); } /* ========================================================= TABLET ========================================================= */ @media screen and (max-width: 900px) { .pp-crucifixion-fulfillment .pp-scripture-row { grid-template-columns: 1fr; gap: 18px; } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 767px) { .pp-crucifixion-fulfillment { --pp-body-size: 20px; --pp-scripture-size: 20px; --pp-reference-size: 23px; --pp-intro-heading-size: 29px; --pp-conclusion-heading-size: 27px; --pp-scripture-row-padding: 18px; --pp-scripture-padding: 21px; --pp-connection-padding: 21px; } .pp-crucifixion-fulfillment .pp-section-intro { margin-bottom: 40px; } .pp-crucifixion-fulfillment .pp-scripture-row { grid-template-columns: 1fr; gap: 15px; } .pp-crucifixion-fulfillment .pp-scripture blockquote { font-size: 20px; line-height: 1.7; } .pp-crucifixion-fulfillment .pp-connection p { font-size: 20px; } .pp-crucifixion-fulfillment .pp-fulfillment-conclusion { padding: 22px; } } /* ========================================================= VERY SMALL SCREENS ========================================================= */ @media screen and (max-width: 480px) { .pp-crucifixion-fulfillment { --pp-reference-size: 22px; --pp-intro-heading-size: 27px; --pp-conclusion-heading-size: 25px; --pp-scripture-row-padding: 14px; --pp-scripture-padding: 18px; --pp-connection-padding: 18px; } .pp-crucifixion-fulfillment .pp-comparison-number { width: 38px; height: 38px; font-size: 13px; } .pp-crucifixion-fulfillment .pp-scripture blockquote { font-size: 20px; line-height: 1.65; } .pp-crucifixion-fulfillment .pp-connection p { font-size: 20px; } }/* End custom CSS */