{"id":3505,"date":"2019-12-26T16:16:12","date_gmt":"2019-12-26T21:16:12","guid":{"rendered":"https:\/\/jp2-mqa.diocesanweb.org\/st-john-paul-ii-parish\/?page_id=3505"},"modified":"2020-01-30T12:04:12","modified_gmt":"2020-01-30T17:04:12","slug":"styles","status":"publish","type":"page","link":"https:\/\/jp2-mqa.org\/jp2\/styles\/","title":{"rendered":"Styles"},"content":{"rendered":"\n<p>This is paragraph text.<\/p>\n\n\n\n<p><strong>Bold <\/strong>| <em>Italics <\/em>| <span style=\"text-decoration: underline;\">Underline <\/span>| <a href=\"http:\/\/diocesan.com\">Hyperlink<\/a><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Heading 1<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Heading 2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Heading 3<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Heading 4<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Heading 5<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">Heading 6<\/h6>\n\n\n\n<h2 class=\"wp-block-heading\">Line Separators<\/h2>\n\n\n\n<p style=\"text-align:center\">Short Line Separator<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p style=\"text-align:center\">Long Line Separator<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<p style=\"text-align:center\">Dotted Separator<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Lists<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>This<ul><li>is<ul><li>a<\/li><li>bulleted<ul><li>list<\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul>\n\n\n\n<ol class=\"wp-block-list\"><li>This<ol><li>is<ol><li>a<\/li><li>numbered<ol><li>list<\/li><\/ol><\/li><\/ol><\/li><\/ol><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quote\">Quote Blocks<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>This is a large quote block<\/p><cite>&#8211; Diocesan&#8217;s Web Team, 2020<\/cite><\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow\"><p>This is a default quote block<\/p><cite>&#8211; Diocesan&#8217;s Web Team, 2020<\/cite><\/blockquote>\n\n\n\n\n\n<figure class=\"wp-block-pullquote is-style-default\"><blockquote><p>This is a pull quote<\/p><cite>&#8211; Diocesan&#8217;s Web Team, 2020<\/cite><\/blockquote><\/figure>\n\n\n\n<figure class=\"wp-block-pullquote has-very-light-gray-background-color is-style-solid-color\"><blockquote class=\"has-text-color has-very-dark-gray-color\"><p>This is a pull quote with solid color<\/p><cite>&#8211; Diocesan&#8217;s Web Team, 2020<\/cite><\/blockquote><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Audio File<\/h2>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/yoshinori-tanaka-silent-night-key-in-b.mp3\"><\/audio><figcaption>This is the caption to the Silent Night audio file from above.<br> <strong>Silent Night (key in B) by Yoshinori Tanaka \/ \u7530\u4e2d \u82b3\u5178 | https:\/\/soundcloud.com\/yoshinori-tanaka-guitar<br>Music promoted by https:\/\/www.free-stock-music.com<br>Creative Commons Attribution 3.0 Unported License<br>https:\/\/creativecommons.org\/licenses\/by\/3.0\/deed.en_US<\/strong> <\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Button<\/h2>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"diocesan.com\">Button Text<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Files<\/h2>\n\n\n\n<div class=\"wp-block-file\"><a href=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/MQA-Role-of-the-Lector.pdf\">File Test with Download Button<\/a><a href=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/MQA-Role-of-the-Lector.pdf\" class=\"wp-block-file__button\" download>Download<\/a><\/div>\n\n\n\n<div class=\"wp-block-file\"><a href=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/MQA-Role-of-the-Lector.pdf\">File Test without Download Button<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"media-center\">Media Center<\/h2>\n\n\n\n<p>(Block below)<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"accordion\">Accordion<\/h2>\n\n\n<div id=\"accordion-block_5e0622765adff\" class=\"accordionBlock \">\r\n        <div class=\"accordion\">\r\n      \t      \t\t\t<div class=\"accordionSectionTitle\"><h3>Accordion 1<\/h3> <i class=\"fas fa-plus\"><\/i><\/div>\r\n      \t\t\t<div class=\"accordionContent\"><p>Accordion 1 content<\/p>\n<\/div>\r\n      \t\t      \t\t\t<div class=\"accordionSectionTitle\"><h3>Accordion 2<\/h3> <i class=\"fas fa-plus\"><\/i><\/div>\r\n      \t\t\t<div class=\"accordionContent\"><p>Accordion 2 content<\/p>\n<\/div>\r\n      \t\t    <\/div>\r\n\r\n<\/div>\r\n<style type=\"text\/css\">\r\n  #accordion-block_5e0622765adff{\r\n    min-height:50px;\r\n  }\r\n  #accordion-block_5e0622765adff .accordionSectionTitle{\r\n    border:none;\r\n    color:#ffffff;\r\n    background-color:#fff;\r\n    border-bottom: 2px solid #8D230F;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding:18px;\r\n    margin: 25px 0;\r\n  }\r\n  #accordion-block_5e0622765adff .accordionSectionTitle.ui-accordion-header-active,\r\n  #accordion-block_5e0622765adff .accordionSectionTitle:hover{\r\n    \/* background-color:#A7875F; *\/\r\n  }\r\n  #accordion-block_5e0622765adff .accordionSectionTitle h3{\r\n    color:#404040;\r\n  }\r\n  #accordion-block_5e0622765adff .accordionSectionTitle .ui-accordion-header-icon.ui-icon{\r\n    display:none;\r\n  }\r\n  #accordion-block_5e0622765adff .accordionSectionTitle i{\r\n    display: block;\r\n    color: #8D230F;\r\n    font-size:22px;\r\n    transition: transform .3s ease;\r\n  }\r\n  #accordion-block_5e0622765adff .accordionSectionTitle.ui-accordion-header-active i{\r\n    transform:rotate(45deg);\r\n  }\r\n  #accordion-block_5e0622765adff .accordionContent{\r\n    border:none;\r\n  }\r\n<\/style>\r\n\n\n\n<h2 class=\"wp-block-heading\">Sidebar Images<\/h2>\n\n\n<div id=\"left-sidebar-block_5e061e775adf6\" class=\"leftSidebar \">\r\n    <div class=\"sidebar\">\r\n        <img decoding=\"async\" src=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/iStock-172203786.jpg\" \/>\r\n    <\/div>\r\n    <div class=\"sidebarContent\">\r\n        <p>Left Sidebar Image<\/p>\n    <\/div>\r\n<\/div>\r\n<style type=\"text\/css\">\r\n\t#left-sidebar-block_5e061e775adf6 {\r\n    display: flex;\r\n    flex-wrap:wrap;\r\n    justify-content: space-between;\r\n\t}\r\n  #left-sidebar-block_5e061e775adf6 .sidebar{\r\n    width:31%;\r\n    padding:1% 1% 1% 0;\r\n  }\r\n  #left-sidebar-block_5e061e775adf6 .sidebarContent{\r\n    width:64%;\r\n    padding:1% 0 1% 1%;\r\n  }\r\n  @media screen and (max-width:768px){\r\n    #left-sidebar-block_5e061e775adf6 .sidebar{\r\n      width:100%;\r\n      padding:1%;\r\n    }\r\n    #left-sidebar-block_5e061e775adf6 .sidebarContent{\r\n      width:100%;\r\n      padding:1%;\r\n    }\r\n  }\r\n<\/style>\r\n\n\n<div id=\"right-sidebar-block_5e061e9c5adf8\" class=\"rightSidebar \">\r\n    <div class=\"sidebarContent\">\r\n        <p>Right Sidebar Image<\/p>\n    <\/div>\r\n    <div class=\"sidebar\">\r\n        <img decoding=\"async\" src=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/iStock-172203786.jpg\" \/>\r\n    <\/div>\r\n<\/div>\r\n<style type=\"text\/css\">\r\n\t#right-sidebar-block_5e061e9c5adf8 {\r\n    display: flex;\r\n    flex-wrap:wrap;\r\n    justify-content: space-between;\r\n\t}\r\n  #right-sidebar-block_5e061e9c5adf8 .sidebar{\r\n    width:31%;\r\n    padding:1% 0 1% 1%;\r\n  }\r\n  #right-sidebar-block_5e061e9c5adf8 .sidebarContent{\r\n    width:64%;\r\n    padding:1% 1% 1% 0;\r\n  }\r\n  @media screen and (max-width:768px){\r\n    #right-sidebar-block_5e061e9c5adf8 .sidebar{\r\n      width:100%;\r\n      padding:1%;\r\n    }\r\n    #right-sidebar-block_5e061e9c5adf8 .sidebarContent{\r\n      width:100%;\r\n      padding:1%;\r\n    }\r\n  }\r\n<\/style>\r\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cover\">Cover<\/h2>\n\n\n\n<div class=\"wp-block-cover alignfull has-background-dim-40 has-background-dim\" style=\"background-image:url(https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/iStock-172203786.jpg);background-color:#000000;background-position:53.5% 26.865671641791046%\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p style=\"text-align:center\" class=\"has-large-font-size\">This is a paragraph block over the &#8220;Cover&#8221; block.<\/p>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\" href=\"#\">This is crazy&#8230;<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\" href=\"#\">Crazy COOL<\/a><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignwide has-background-dim has-parallax\" style=\"background-image:url(https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/iStock-814812226-1.jpg)\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h2 class=\"wp-block-heading\">This is a heading. <\/h2>\n\n\n\n<p style=\"text-align:center\">This is paragraph text.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover has-background-dim-30 has-background-dim\"><video class=\"wp-block-cover__video-background\" autoplay muted loop src=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/Pexels-Videos-1918465-1.mp4\"><\/video><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p style=\"text-align:center\" class=\"has-large-font-size\">Video in background<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"image-button\">Image Buttons<\/h2>\n\n\n<div id=\"image-buttons-block_5e061eb15adf9\" class=\"imageButtons alignfull\">\r\n        <div class=\"buttons\">\r\n        \r\n                                <div class=\"pageContentButton buttonOne\">\r\n                                                <a class=\"pageContentButtonLink\" href=\"#\" target=\"\" style=\"background-image:url(https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337.jpg);\">\r\n                              <h3>Image Button Full Width<\/h3>\r\n                          <\/a>\r\n                                        <\/div>\r\n                                                                  <\/div>\r\n\r\n<\/div>\r\n<style type=\"text\/css\">\r\n  #image-buttons-block_5e061eb15adf9{\r\n    min-height:50px;\r\n  }\r\n\t#image-buttons-block_5e061eb15adf9 .buttons{\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap:wrap;\r\n\t}\r\n  #image-buttons-block_5e061eb15adf9 .buttons .pageContentButton{\r\n    width: 40%;\r\n    text-align: center;\r\n    height: 250px;\r\n    margin:30px 15px;\r\n  }\r\n  #image-buttons-block_5e061eb15adf9 .buttons .pageContentButtonLink {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-size: cover;\r\n    background-position: center;\r\n    height: 100%;\r\n    text-decoration: none;\r\n    position: relative;\r\n  }\r\n  #image-buttons-block_5e061eb15adf9 .buttons .pageContentButtonLink:after{\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.8;\r\n    transition: background-color .1s linear;\r\n  }\r\n  #image-buttons-block_5e061eb15adf9 .buttons .pageContentButton.buttonOne .pageContentButtonLink:after{\r\n    background-color: #9B4F0F;\r\n  }\r\n  #image-buttons-block_5e061eb15adf9 .buttons .pageContentButton.buttonTwo .pageContentButtonLink:after{\r\n    background-color: #DDA332;\r\n  }\r\n  #image-buttons-block_5e061eb15adf9 .buttons .pageContentButton .pageContentButtonLink:hover:after{\r\n    opacity:.9;\r\n    \/* background-color: #4D8ACB; *\/\r\n  }\r\n  #image-buttons-block_5e061eb15adf9 .buttons .pageContentButtonLink h3 {\r\n      font-weight: 400;\r\n      bottom: 0;\r\n      left: 0;\r\n      padding: 25px;\r\n      margin: 0 auto;\r\n      font-size: 36px;\r\n      font-style: normal;\r\n      line-height: 36px;\r\n      border: none;\r\n      color: #ffffff;\r\n      z-index: 9;\r\n      transition: padding .2s linear, color .2s linear;\r\n  }\r\n  @media screen and (max-width:900px){\r\n    #image-buttons-block_5e061eb15adf9 .buttons .pageContentButton{\r\n      width: 48%;\r\n      text-align: center;\r\n      height: 250px;\r\n      margin:1%;\r\n    }\r\n    #image-buttons-block_5e061eb15adf9 .buttons .pageContentButtonLink h3{\r\n      font-size:30px;\r\n    }\r\n  }\r\n  @media screen and (max-width:768px){\r\n    #image-buttons-block_5e061eb15adf9 .buttons .pageContentButton{\r\n      width: 100%;\r\n      margin:1% 0;\r\n    }\r\n  }\r\n<\/style>\r\n\n\n<div id=\"image-buttons-block_5e061f4b5adfc\" class=\"imageButtons \">\r\n        <div class=\"buttons\">\r\n        \r\n                                <div class=\"pageContentButton buttonOne\">\r\n                                                <a class=\"pageContentButtonLink\" href=\"#\" target=\"\" style=\"background-image:url(https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337.jpg);\">\r\n                              <h3>Image Button Normal Width<\/h3>\r\n                          <\/a>\r\n                                        <\/div>\r\n                                                                  <\/div>\r\n\r\n<\/div>\r\n<style type=\"text\/css\">\r\n  #image-buttons-block_5e061f4b5adfc{\r\n    min-height:50px;\r\n  }\r\n\t#image-buttons-block_5e061f4b5adfc .buttons{\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap:wrap;\r\n\t}\r\n  #image-buttons-block_5e061f4b5adfc .buttons .pageContentButton{\r\n    width: 40%;\r\n    text-align: center;\r\n    height: 250px;\r\n    margin:30px 15px;\r\n  }\r\n  #image-buttons-block_5e061f4b5adfc .buttons .pageContentButtonLink {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-size: cover;\r\n    background-position: center;\r\n    height: 100%;\r\n    text-decoration: none;\r\n    position: relative;\r\n  }\r\n  #image-buttons-block_5e061f4b5adfc .buttons .pageContentButtonLink:after{\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.8;\r\n    transition: background-color .1s linear;\r\n  }\r\n  #image-buttons-block_5e061f4b5adfc .buttons .pageContentButton.buttonOne .pageContentButtonLink:after{\r\n    background-color: #9B4F0F;\r\n  }\r\n  #image-buttons-block_5e061f4b5adfc .buttons .pageContentButton.buttonTwo .pageContentButtonLink:after{\r\n    background-color: #DDA332;\r\n  }\r\n  #image-buttons-block_5e061f4b5adfc .buttons .pageContentButton .pageContentButtonLink:hover:after{\r\n    opacity:.9;\r\n    \/* background-color: #4D8ACB; *\/\r\n  }\r\n  #image-buttons-block_5e061f4b5adfc .buttons .pageContentButtonLink h3 {\r\n      font-weight: 400;\r\n      bottom: 0;\r\n      left: 0;\r\n      padding: 25px;\r\n      margin: 0 auto;\r\n      font-size: 36px;\r\n      font-style: normal;\r\n      line-height: 36px;\r\n      border: none;\r\n      color: #ffffff;\r\n      z-index: 9;\r\n      transition: padding .2s linear, color .2s linear;\r\n  }\r\n  @media screen and (max-width:900px){\r\n    #image-buttons-block_5e061f4b5adfc .buttons .pageContentButton{\r\n      width: 48%;\r\n      text-align: center;\r\n      height: 250px;\r\n      margin:1%;\r\n    }\r\n    #image-buttons-block_5e061f4b5adfc .buttons .pageContentButtonLink h3{\r\n      font-size:30px;\r\n    }\r\n  }\r\n  @media screen and (max-width:768px){\r\n    #image-buttons-block_5e061f4b5adfc .buttons .pageContentButton{\r\n      width: 100%;\r\n      margin:1% 0;\r\n    }\r\n  }\r\n<\/style>\r\n\n\n\n<h2 class=\"wp-block-heading\" id=\"plinko\">Plinko Block<\/h2>\n\n\n\r\n<plinko class=\"plinko\" id=\"plinko-block_5e061fe15adfd\">\r\n  <div class=\"plinkoContent\">\r\n    <h1 class=\"plinkoTitle\">Plinko Title<\/h1>\r\n    <p class=\"plinkoText\">Plinko text<\/p>\r\n          <div class=\"plinkoRepeater\">\r\n                  <div class=\"plinkoButtons\">\r\n                          <a href=\"#\" class=\"button\" target=\"\" title=\"Button\">\r\n                Button              <\/a>\r\n                      <\/div>\r\n                      <\/div>\r\n      <\/div>\r\n  <div class=\"plinkoMedia\">\r\n          <img decoding=\"async\" src=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337.jpg\" alt=\"\" \/>\r\n      <\/div>\r\n<\/plinko>\r\n\r\n<style type=\"text\/css\">\r\n  plinko:nth-of-type(even) {\r\n    flex-direction: row-reverse;\r\n  }\r\n  #plinko-block_5e061fe15adfd {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    background:#FAFAFA;\r\n    padding:0 10%;\r\n    margin-bottom:2.5rem;\r\n    max-width: 100%;\r\n\t}\r\n  #plinko-block_5e061fe15adfd .plinkoContent,\r\n  #plinko-block_5e061fe15adfd .plinkoMedia {\r\n    width: 48.5%;\r\n  }\r\n  #plinko-block_5e061fe15adfd .plinkoContent .plinkoTitle {\r\n    font-size: 2.25rem;\r\n    font-weight: 700;\r\n  }\r\n  #plinko-block_5e061fe15adfd .plinkoContent .plinkoText {\r\n    color: #616161;\r\n    font-size: 1.125rem;\r\n  }\r\n  #plinko-block_5e061fe15adfd .plinkoContent .plinkoRepeater {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: 90%;\r\n    margin-top: 1.5625rem;\r\n  }\r\n  #plinko-block_5e061fe15adfd .plinkoContent .plinkoRepeater .plinkoButtons,\r\n  #plinko-block_5e061fe15adfd .plinkoContent .plinkoRepeater .plinkoIcons {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    justify-content: flex-start;\r\n    flex: 1;\r\n  }\r\n  #plinko-block_5e061fe15adfd .plinkoContent .plinkoRepeater .plinkoButtons .theButton {\r\n    display: table;\r\n    background: #006937;\r\n    color: #FFFFFF;\r\n    font-size: 18px;\r\n    font-style: normal;\r\n    text-transform: uppercase;\r\n    width: fit-content;\r\n    padding: 0.8125rem 3.0625rem;\r\n    border:2px solid #006937;\r\n    border-radius:13px;\r\n    margin-right: 5%;\r\n  }\r\n  #plinko-block_5e061fe15adfd .plinkoContent .plinkoRepeater .plinkoButtons .theButton:hover,\r\n  #plinko-block_5e061fe15adfd .plinkoContent .plinkoRepeater .plinkoButtons .theButton:focus {\r\n    background: #FFFFFF;\r\n    color: #006937;\r\n    text-decoration: none;\r\n  }\r\n  #plinko-block_5e061fe15adfd .plinkoContent .plinkoRepeater i {\r\n    color: #AF854A;\r\n    font-size: 1.75rem;\r\n    margin-right: 5%;\r\n  }\r\n\r\n  #plinko-block_5e061fe15adfd .plinkoMedia iframe,\r\n  #plinko-block_5e061fe15adfd .plinkoMedia img {\r\n    height: 28.875rem;\r\n  }\r\n  #plinko-block_5e061fe15adfd .plinkoMedia img {\r\n    width: auto;\r\n  }\r\n\r\n  @media screen and (max-width: 1300px){\r\n    #plinko-block_5e061fe15adfd {\r\n      flex-direction: column;\r\n    }\r\n    #plinko-block_5e061fe15adfd .plinkoContent,\r\n    #plinko-block_5e061fe15adfd .plinkoMedia {\r\n      width: 100%;\r\n    }\r\n    #plinko-block_5e061fe15adfd .plinkoContent {\r\n      margin-bottom: 1rem;\r\n    }\r\n    #plinko-block_5e061fe15adfd .plinkoContent .plinkoRepeater {\r\n      width: 100%;\r\n    }\r\n    #plinko-block_5e061fe15adfd .plinkoMedia {\r\n      text-align: center;\r\n    }\r\n  }\r\n  @media screen and (max-width: 768px){\r\n    #plinko-block_5e061fe15adfd .plinkoContent .plinkoRepeater .plinkoButtons {\r\n      margin-bottom: 1rem;\r\n    }\r\n  }\r\n<\/style>\r\n\n\n\r\n<plinko class=\"plinko\" id=\"plinko-block_5e1f2a85bb63f\">\r\n  <div class=\"plinkoContent\">\r\n    <h1 class=\"plinkoTitle\">Plinko Title<\/h1>\r\n    <p class=\"plinkoText\">Plinko text<\/p>\r\n          <div class=\"plinkoRepeater\">\r\n                  <div class=\"plinkoButtons\">\r\n                          <a href=\"#\" class=\"button\" target=\"\" title=\"Button\">\r\n                Button              <\/a>\r\n                      <\/div>\r\n                      <\/div>\r\n      <\/div>\r\n  <div class=\"plinkoMedia\">\r\n          <iframe loading=\"lazy\" title=\"Download myParish App\" src=\"https:\/\/player.vimeo.com\/video\/219570148?dnt=1&amp;app_id=122963\" width=\"640\" height=\"360\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>      <\/div>\r\n<\/plinko>\r\n\r\n<style type=\"text\/css\">\r\n  plinko:nth-of-type(even) {\r\n    flex-direction: row-reverse;\r\n  }\r\n  #plinko-block_5e1f2a85bb63f {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    background:#FAFAFA;\r\n    padding:0 10%;\r\n    margin-bottom:2.5rem;\r\n    max-width: 100%;\r\n\t}\r\n  #plinko-block_5e1f2a85bb63f .plinkoContent,\r\n  #plinko-block_5e1f2a85bb63f .plinkoMedia {\r\n    width: 48.5%;\r\n  }\r\n  #plinko-block_5e1f2a85bb63f .plinkoContent .plinkoTitle {\r\n    font-size: 2.25rem;\r\n    font-weight: 700;\r\n  }\r\n  #plinko-block_5e1f2a85bb63f .plinkoContent .plinkoText {\r\n    color: #616161;\r\n    font-size: 1.125rem;\r\n  }\r\n  #plinko-block_5e1f2a85bb63f .plinkoContent .plinkoRepeater {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: 90%;\r\n    margin-top: 1.5625rem;\r\n  }\r\n  #plinko-block_5e1f2a85bb63f .plinkoContent .plinkoRepeater .plinkoButtons,\r\n  #plinko-block_5e1f2a85bb63f .plinkoContent .plinkoRepeater .plinkoIcons {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    justify-content: flex-start;\r\n    flex: 1;\r\n  }\r\n  #plinko-block_5e1f2a85bb63f .plinkoContent .plinkoRepeater .plinkoButtons .theButton {\r\n    display: table;\r\n    background: #006937;\r\n    color: #FFFFFF;\r\n    font-size: 18px;\r\n    font-style: normal;\r\n    text-transform: uppercase;\r\n    width: fit-content;\r\n    padding: 0.8125rem 3.0625rem;\r\n    border:2px solid #006937;\r\n    border-radius:13px;\r\n    margin-right: 5%;\r\n  }\r\n  #plinko-block_5e1f2a85bb63f .plinkoContent .plinkoRepeater .plinkoButtons .theButton:hover,\r\n  #plinko-block_5e1f2a85bb63f .plinkoContent .plinkoRepeater .plinkoButtons .theButton:focus {\r\n    background: #FFFFFF;\r\n    color: #006937;\r\n    text-decoration: none;\r\n  }\r\n  #plinko-block_5e1f2a85bb63f .plinkoContent .plinkoRepeater i {\r\n    color: #AF854A;\r\n    font-size: 1.75rem;\r\n    margin-right: 5%;\r\n  }\r\n\r\n  #plinko-block_5e1f2a85bb63f .plinkoMedia iframe,\r\n  #plinko-block_5e1f2a85bb63f .plinkoMedia img {\r\n    height: 28.875rem;\r\n  }\r\n  #plinko-block_5e1f2a85bb63f .plinkoMedia img {\r\n    width: auto;\r\n  }\r\n\r\n  @media screen and (max-width: 1300px){\r\n    #plinko-block_5e1f2a85bb63f {\r\n      flex-direction: column;\r\n    }\r\n    #plinko-block_5e1f2a85bb63f .plinkoContent,\r\n    #plinko-block_5e1f2a85bb63f .plinkoMedia {\r\n      width: 100%;\r\n    }\r\n    #plinko-block_5e1f2a85bb63f .plinkoContent {\r\n      margin-bottom: 1rem;\r\n    }\r\n    #plinko-block_5e1f2a85bb63f .plinkoContent .plinkoRepeater {\r\n      width: 100%;\r\n    }\r\n    #plinko-block_5e1f2a85bb63f .plinkoMedia {\r\n      text-align: center;\r\n    }\r\n  }\r\n  @media screen and (max-width: 768px){\r\n    #plinko-block_5e1f2a85bb63f .plinkoContent .plinkoRepeater .plinkoButtons {\r\n      margin-bottom: 1rem;\r\n    }\r\n  }\r\n<\/style>\r\n\n\n\n<h2 class=\"wp-block-heading\" id=\"image-banner\">Image Banner<\/h2>\n\n\n<div id=\"image-banner-block_5e061bb85adf1\" class=\"imageBanner \">\r\n      <div class=\"bannerBlock\" style=\"background-image: url(https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/iStock-172203786.jpg)\">\r\n                      <div class=\"imageBannerTitle\">Image Banner Title with Image<\/div>\r\n                            <div class=\"imageBannerContent\">Image Banner Content<\/div>\r\n                            <div class=\"imageBannerButtons\">\r\n                                    <a href=\"\">Button<\/a>\r\n                            <\/div>\r\n            <\/div>\r\n<\/div>\r\n<style type=\"text\/css\">\r\n  #image-banner-block_5e061bb85adf1{\r\n    min-height:50px;\r\n    width:100%;\r\n    margin-bottom:0;\r\n  }\r\n\t#image-banner-block_5e061bb85adf1 .bannerBlock {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n    background-attachment:fixed;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    background-position: center center;\r\n    padding: 90px 15%;\r\n    text-align: center;\r\n    color:#ffffff;\r\n\t}\r\n  #image-banner-block_5e061bb85adf1 .bannerBlock:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    background: #000000;\r\n    opacity: .5;\r\n    z-index: 0;\r\n}\r\n#image-banner-block_5e061bb85adf1 .bannerBlock.noBG{\r\n  background-color:#8D230F;\r\n}\r\n#image-banner-block_5e061bb85adf1 .bannerBlock.noBG:after{\r\n  display: none;\r\n}\r\n  #image-banner-block_5e061bb85adf1 .bannerBlock .imageBannerTitle{\r\n    font-family: 'AmericanaXBdBTWXX-ExtraBold', serif;\r\n    text-transform: uppercase;\r\n    font-size: 30px;\r\n    line-height:30px;\r\n    margin:15px 0;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bb85adf1 .bannerBlock .imageBannerContent{\r\n    font-family: 'Lato', sans-serif;\r\n    font-size: 32px;\r\n    line-height:36px;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bb85adf1 .bannerBlock .imageBannerButtons {\r\n    margin: 30px 0;\r\n    display: flex;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bb85adf1 .bannerBlock a{\r\n    display:block;\r\n    font-size: 18px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding:10px 20px;\r\n    margin: 0px 20px;\r\n    border: 4px solid #ffffff;\r\n    color: #ffffff;\r\n  }\r\n  #image-banner-block_5e061bb85adf1 .bannerBlock a:hover{\r\n    background:#ffffff;\r\n    color: #000000;\r\n  }\r\n  @media screen and (max-width:768px){\r\n    #image-banner-block_5e061bb85adf1 .bannerBlock .imageBannerButtons {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n    #image-banner-block_5e061bb85adf1 .bannerBlock a{\r\n      margin: 10px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\n\n<div id=\"image-banner-block_5e061bfd5adf5\" class=\"imageBanner alignfull\">\r\n      <div class=\"bannerBlock\" style=\"background-image: url(https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/iStock-172203786.jpg)\">\r\n                      <div class=\"imageBannerTitle\">Image Banner Title with Image Full Width<\/div>\r\n                            <div class=\"imageBannerContent\">Image Banner Content<\/div>\r\n                            <div class=\"imageBannerButtons\">\r\n                                    <a href=\"\">Button<\/a>\r\n                            <\/div>\r\n            <\/div>\r\n<\/div>\r\n<style type=\"text\/css\">\r\n  #image-banner-block_5e061bfd5adf5{\r\n    min-height:50px;\r\n    width:100%;\r\n    margin-bottom:0;\r\n  }\r\n\t#image-banner-block_5e061bfd5adf5 .bannerBlock {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n    background-attachment:fixed;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    background-position: center center;\r\n    padding: 90px 15%;\r\n    text-align: center;\r\n    color:#ffffff;\r\n\t}\r\n  #image-banner-block_5e061bfd5adf5 .bannerBlock:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    background: #000000;\r\n    opacity: .5;\r\n    z-index: 0;\r\n}\r\n#image-banner-block_5e061bfd5adf5 .bannerBlock.noBG{\r\n  background-color:#8D230F;\r\n}\r\n#image-banner-block_5e061bfd5adf5 .bannerBlock.noBG:after{\r\n  display: none;\r\n}\r\n  #image-banner-block_5e061bfd5adf5 .bannerBlock .imageBannerTitle{\r\n    font-family: 'AmericanaXBdBTWXX-ExtraBold', serif;\r\n    text-transform: uppercase;\r\n    font-size: 30px;\r\n    line-height:30px;\r\n    margin:15px 0;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bfd5adf5 .bannerBlock .imageBannerContent{\r\n    font-family: 'Lato', sans-serif;\r\n    font-size: 32px;\r\n    line-height:36px;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bfd5adf5 .bannerBlock .imageBannerButtons {\r\n    margin: 30px 0;\r\n    display: flex;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bfd5adf5 .bannerBlock a{\r\n    display:block;\r\n    font-size: 18px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding:10px 20px;\r\n    margin: 0px 20px;\r\n    border: 4px solid #ffffff;\r\n    color: #ffffff;\r\n  }\r\n  #image-banner-block_5e061bfd5adf5 .bannerBlock a:hover{\r\n    background:#ffffff;\r\n    color: #000000;\r\n  }\r\n  @media screen and (max-width:768px){\r\n    #image-banner-block_5e061bfd5adf5 .bannerBlock .imageBannerButtons {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n    #image-banner-block_5e061bfd5adf5 .bannerBlock a{\r\n      margin: 10px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\n\n<div id=\"image-banner-block_5e061bdf5adf3\" class=\"imageBanner \">\r\n      <div class=\"bannerBlock noBG\">\r\n                      <div class=\"imageBannerTitle\">Image Banner Title without Image<\/div>\r\n                            <div class=\"imageBannerContent\">Image Banner Content<\/div>\r\n                            <div class=\"imageBannerButtons\">\r\n                                    <a href=\"\">Button<\/a>\r\n                            <\/div>\r\n            <\/div>\r\n<\/div>\r\n<style type=\"text\/css\">\r\n  #image-banner-block_5e061bdf5adf3{\r\n    min-height:50px;\r\n    width:100%;\r\n    margin-bottom:0;\r\n  }\r\n\t#image-banner-block_5e061bdf5adf3 .bannerBlock {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n    background-attachment:fixed;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    background-position: center center;\r\n    padding: 90px 15%;\r\n    text-align: center;\r\n    color:#ffffff;\r\n\t}\r\n  #image-banner-block_5e061bdf5adf3 .bannerBlock:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    background: #000000;\r\n    opacity: .5;\r\n    z-index: 0;\r\n}\r\n#image-banner-block_5e061bdf5adf3 .bannerBlock.noBG{\r\n  background-color:#8D230F;\r\n}\r\n#image-banner-block_5e061bdf5adf3 .bannerBlock.noBG:after{\r\n  display: none;\r\n}\r\n  #image-banner-block_5e061bdf5adf3 .bannerBlock .imageBannerTitle{\r\n    font-family: 'AmericanaXBdBTWXX-ExtraBold', serif;\r\n    text-transform: uppercase;\r\n    font-size: 30px;\r\n    line-height:30px;\r\n    margin:15px 0;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bdf5adf3 .bannerBlock .imageBannerContent{\r\n    font-family: 'Lato', sans-serif;\r\n    font-size: 32px;\r\n    line-height:36px;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bdf5adf3 .bannerBlock .imageBannerButtons {\r\n    margin: 30px 0;\r\n    display: flex;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bdf5adf3 .bannerBlock a{\r\n    display:block;\r\n    font-size: 18px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding:10px 20px;\r\n    margin: 0px 20px;\r\n    border: 4px solid #ffffff;\r\n    color: #ffffff;\r\n  }\r\n  #image-banner-block_5e061bdf5adf3 .bannerBlock a:hover{\r\n    background:#ffffff;\r\n    color: #000000;\r\n  }\r\n  @media screen and (max-width:768px){\r\n    #image-banner-block_5e061bdf5adf3 .bannerBlock .imageBannerButtons {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n    #image-banner-block_5e061bdf5adf3 .bannerBlock a{\r\n      margin: 10px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\n\n<div id=\"image-banner-block_5e061bf25adf4\" class=\"imageBanner alignfull\">\r\n      <div class=\"bannerBlock noBG\">\r\n                      <div class=\"imageBannerTitle\">Image Banner Title without Image Full Width<\/div>\r\n                            <div class=\"imageBannerContent\">Image Banner Content<\/div>\r\n                            <div class=\"imageBannerButtons\">\r\n                                    <a href=\"\">Button<\/a>\r\n                            <\/div>\r\n            <\/div>\r\n<\/div>\r\n<style type=\"text\/css\">\r\n  #image-banner-block_5e061bf25adf4{\r\n    min-height:50px;\r\n    width:100%;\r\n    margin-bottom:0;\r\n  }\r\n\t#image-banner-block_5e061bf25adf4 .bannerBlock {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n    background-attachment:fixed;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    background-position: center center;\r\n    padding: 90px 15%;\r\n    text-align: center;\r\n    color:#ffffff;\r\n\t}\r\n  #image-banner-block_5e061bf25adf4 .bannerBlock:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    background: #000000;\r\n    opacity: .5;\r\n    z-index: 0;\r\n}\r\n#image-banner-block_5e061bf25adf4 .bannerBlock.noBG{\r\n  background-color:#8D230F;\r\n}\r\n#image-banner-block_5e061bf25adf4 .bannerBlock.noBG:after{\r\n  display: none;\r\n}\r\n  #image-banner-block_5e061bf25adf4 .bannerBlock .imageBannerTitle{\r\n    font-family: 'AmericanaXBdBTWXX-ExtraBold', serif;\r\n    text-transform: uppercase;\r\n    font-size: 30px;\r\n    line-height:30px;\r\n    margin:15px 0;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bf25adf4 .bannerBlock .imageBannerContent{\r\n    font-family: 'Lato', sans-serif;\r\n    font-size: 32px;\r\n    line-height:36px;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bf25adf4 .bannerBlock .imageBannerButtons {\r\n    margin: 30px 0;\r\n    display: flex;\r\n    z-index: 1;\r\n  }\r\n  #image-banner-block_5e061bf25adf4 .bannerBlock a{\r\n    display:block;\r\n    font-size: 18px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding:10px 20px;\r\n    margin: 0px 20px;\r\n    border: 4px solid #ffffff;\r\n    color: #ffffff;\r\n  }\r\n  #image-banner-block_5e061bf25adf4 .bannerBlock a:hover{\r\n    background:#ffffff;\r\n    color: #000000;\r\n  }\r\n  @media screen and (max-width:768px){\r\n    #image-banner-block_5e061bf25adf4 .bannerBlock .imageBannerButtons {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n    #image-banner-block_5e061bf25adf4 .bannerBlock a{\r\n      margin: 10px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\n\n\n<h2 class=\"wp-block-heading\">Media Blocks<\/h2>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:48% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"787\" src=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-1024x787.jpg\" alt=\"\" class=\"wp-image-3481\" srcset=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-1024x787.jpg 1024w, https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-300x230.jpg 300w, https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-768x590.jpg 768w, https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337.jpg 1708w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h2 class=\"wp-block-heading\">Media &amp; Text Block<\/h2>\n\n\n\n<p>That&#8217;s what this is. <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Interst<\/li><li>Hobbies<\/li><li>Time<\/li><li>Is this for you?<\/li><li>Purpose<\/li><li>Responsibilities<\/li><li>Helpful Things<\/li><li>This<\/li><li>Is<\/li><li>Another<\/li><li>Item<\/li><li>How <\/li><li>Many<\/li><li>Can<\/li><li>We<\/li><li>Do<\/li><\/ul>\n\n\n\n<div class=\"wp-block-button alignleft\"><a class=\"wp-block-button__link\" href=\"#\">Button Text<\/a><\/div>\n\n\n\n<div class=\"wp-block-button alignleft\"><a class=\"wp-block-button__link\" href=\"#\">Registration Form<\/a><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\" style=\"grid-template-columns:auto 30%\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2020\/01\/iStock-649070858-1024x683.jpg\" alt=\"\" class=\"wp-image-3621\" srcset=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2020\/01\/iStock-649070858-1024x683.jpg 1024w, https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2020\/01\/iStock-649070858-300x200.jpg 300w, https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2020\/01\/iStock-649070858-768x512.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-large-font-size\">Christifideles<\/p>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background\" href=\"#\" style=\"background-color:#022e54\">LEARN MORE<\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Gravity Forms<\/h2>\n\n\n<script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n\/* ]]> *\/\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework' data-form-theme='legacy' data-form-index='0' id='gform_wrapper_1' >\n                        <div class='gform_heading'>\n                            <h3 class=\"gform_title\">Contact Us<\/h3>\n                            <p class='gform_description'><\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data'  id='gform_1'  action='\/jp2\/wp-json\/wp\/v2\/pages\/3505' data-formid='1' novalidate>\n                        <div class='gform-body gform_body'><ul id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below validation_below'><li id=\"field_1_6\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_6'>URL<\/label><div class='ginput_container'><input name='input_6' id='input_1_6' type='text' value='' autocomplete='new-password'\/><\/div><div class='gfield_description' id='gfield_description_1_6'>This field is for validation purposes and should be left unchanged.<\/div><\/li><li id=\"field_1_1\" class=\"gfield gfield--type-name gf_left_half gfield_contains_required field_sublabel_hidden_label gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label gfield_label_before_complex' >Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name no_last_name no_suffix gf_name_has_1 ginput_container_name gform-grid-row' id='input_1_1'>\n                            \n                            <span id='input_1_1_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <input type='text' name='input_1.3' id='input_1_1_3' value=''   aria-required='true'     \/>\n                                                    <label for='input_1_1_3' class='gform-field-label gform-field-label--type-sub hidden_sub_label screen-reader-text'>First<\/label>\n                                                <\/span>\n                            \n                            \n                            \n                        <\/div><\/li><li id=\"field_1_2\" class=\"gfield gfield--type-email gf_right_half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_2'>Email<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_1_2' type='email' value='' class='medium'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/li><li id=\"field_1_3\" class=\"gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_3'>Subject<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_1_3' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/li><li id=\"field_1_4\" class=\"gfield gfield--type-textarea gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_4'>Message<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_4' id='input_1_4' class='textarea medium'     aria-required=\"true\" aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/li><li id=\"field_1_5\" class=\"gfield gfield--type-captcha field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_5'>CAPTCHA<\/label><div id='input_1_5' class='ginput_container ginput_recaptcha' data-sitekey='6LdwKMoUAAAAADrdS1VWRgI2JCGcZdyGM-vtk_76'  data-theme='light' data-tabindex='-1' data-size='invisible' data-badge='bottomright'><\/div><\/li><\/ul><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Submit'  \/> \n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_1' value='postback' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_1' id='gform_theme_1' value='legacy' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_1' id='gform_style_settings_1' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='1' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='USD' value='bO3VAeVcaYwY61Uk3Q05Nl7i2eneolsS0+q5N39pBwvnRtsI4QEXTueJEbUMDgltTji3hVW0TrcNsA4vixmTiJEjA56P3ngWnPfTvWu3ozn46I0=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsIjM3MDllOThlZDM3NjBjYTRiNDYzMmNmYWQyNTY5NzJhIl0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n gform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https:\/\/jp2-mqa.org\/jp2\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https:\/\/jp2-mqa.org\/jp2\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"1\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_1\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_1\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_1\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 1, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} ); \n\/* ]]> *\/\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">Post Widgets<\/h2>\n\n\n<div class=\"wp-block-categories-dropdown wp-block-categories\"><label class=\"wp-block-categories__label\" for=\"wp-block-categories-1\">Categories<\/label><select  name='category_name' id='wp-block-categories-1' class='postform'>\n\t<option value='-1'>Select Category<\/option>\n\t<option class=\"level-0\" value=\"news-events\">News &amp; Events&nbsp;&nbsp;(2)<\/option>\n<\/select><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n( ( [ dropdownId, homeUrl ] ) => {\n\t\tconst dropdown = document.getElementById( dropdownId );\n\t\tfunction onSelectChange() {\n\t\t\tsetTimeout( () => {\n\t\t\t\tif ( 'escape' === dropdown.dataset.lastkey ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( dropdown.value && dropdown instanceof HTMLSelectElement ) {\n\t\t\t\t\tconst url = new URL( homeUrl );\n\t\t\t\t\turl.searchParams.set( dropdown.name, dropdown.value );\n\t\t\t\t\tlocation.href = url.href;\n\t\t\t\t}\n\t\t\t}, 250 );\n\t\t}\n\t\tfunction onKeyUp( event ) {\n\t\t\tif ( 'Escape' === event.key ) {\n\t\t\t\tdropdown.dataset.lastkey = 'escape';\n\t\t\t} else {\n\t\t\t\tdelete dropdown.dataset.lastkey;\n\t\t\t}\n\t\t}\n\t\tfunction onClick() {\n\t\t\tdelete dropdown.dataset.lastkey;\n\t\t}\n\t\tdropdown.addEventListener( 'keyup', onKeyUp );\n\t\tdropdown.addEventListener( 'click', onClick );\n\t\tdropdown.addEventListener( 'change', onSelectChange );\n\t} )( [\"wp-block-categories-1\",\"https:\/\/jp2-mqa.org\/jp2\"] );\n\/\/# sourceURL=build_dropdown_script_block_core_categories\n\/* ]]> *\/\n<\/script>\n\n<\/div>\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-3 wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/jp2-mqa.org\/jp2\/news-events\/5152\/\">CONFESSION WORKSHOP<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/jp2-mqa.org\/jp2\/news-events\/5131\/\">NEW MASS TIMES<\/a><\/li>\n<\/ul>\n\n<ul class=\"wp-block-latest-posts__list wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/jp2-mqa.org\/jp2\/news-events\/5152\/\">CONFESSION WORKSHOP<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/jp2-mqa.org\/jp2\/news-events\/5131\/\">NEW MASS TIMES<\/a><\/li>\n<\/ul>\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/jp2-mqa.org\/jp2\/\" class=\"wp-block-search__button-outside wp-block-search__text-button wp-block-search\"    ><label class=\"wp-block-search__label\" for=\"wp-block-search__input-1\" >Search<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-1\" placeholder=\"Editable placeholder\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Editable Search Button\" class=\"wp-block-search__button wp-element-button\" type=\"submit\" >Editable Search Button<\/button><\/div><\/form>\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/jp2-mqa.org\/jp2\/\" class=\"wp-block-search__button-outside wp-block-search__text-button wp-block-search\"    ><label class=\"wp-block-search__label\" for=\"wp-block-search__input-2\" >Search<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-2\" placeholder=\"What are you looking for?\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Let&apos;s Find It!\" class=\"wp-block-search__button wp-element-button\" type=\"submit\" >Let&#8217;s Find It!<\/button><\/div><\/form>\n\n\n<h2 class=\"wp-block-heading\">Page Break<\/h2>\n\n\n\n<!--nextpage-->\n\n\n\n<p>This is the information on the second page. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is paragraph text. Bold | Italics | Underline | Hyperlink Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Line Separators Short Line Separator Long Line Separator Dotted Separator Lists This is a bulleted list This is a numbered list Quote Blocks This is a large quote block &#8211; Diocesan&#8217;s Web [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3505","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Styles - St. John Paul II<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jp2-mqa.org\/jp2\/styles\/\" \/>\n<link rel=\"next\" href=\"https:\/\/jp2-mqa.org\/jp2\/styles\/2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Styles - St. John Paul II\" \/>\n<meta property=\"og:description\" content=\"This is paragraph text. Bold | Italics | Underline | Hyperlink Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Line Separators Short Line Separator Long Line Separator Dotted Separator Lists This is a bulleted list This is a numbered list Quote Blocks This is a large quote block &#8211; Diocesan&#8217;s Web [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jp2-mqa.org\/jp2\/styles\/\" \/>\n<meta property=\"og:site_name\" content=\"St. John Paul II\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-30T17:04:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-1024x787.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/styles\\\/\",\"url\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/styles\\\/\",\"name\":\"Styles - St. John Paul II\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/styles\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/styles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2019\\\/12\\\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-1024x787.jpg\",\"datePublished\":\"2019-12-26T21:16:12+00:00\",\"dateModified\":\"2020-01-30T17:04:12+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/styles\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/styles\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2019\\\/12\\\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337.jpg\",\"contentUrl\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2019\\\/12\\\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337.jpg\",\"width\":1708,\"height\":1312},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/#website\",\"url\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/\",\"name\":\"St. John Paul II\",\"description\":\"Cedar Springs, MI\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jp2-mqa.org\\\/jp2\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Styles - St. John Paul II","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jp2-mqa.org\/jp2\/styles\/","next":"https:\/\/jp2-mqa.org\/jp2\/styles\/2\/","og_locale":"en_US","og_type":"article","og_title":"Styles - St. John Paul II","og_description":"This is paragraph text. Bold | Italics | Underline | Hyperlink Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Line Separators Short Line Separator Long Line Separator Dotted Separator Lists This is a bulleted list This is a numbered list Quote Blocks This is a large quote block &#8211; Diocesan&#8217;s Web [&hellip;]","og_url":"https:\/\/jp2-mqa.org\/jp2\/styles\/","og_site_name":"St. John Paul II","article_modified_time":"2020-01-30T17:04:12+00:00","og_image":[{"url":"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-1024x787.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jp2-mqa.org\/jp2\/styles\/","url":"https:\/\/jp2-mqa.org\/jp2\/styles\/","name":"Styles - St. John Paul II","isPartOf":{"@id":"https:\/\/jp2-mqa.org\/jp2\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jp2-mqa.org\/jp2\/styles\/#primaryimage"},"image":{"@id":"https:\/\/jp2-mqa.org\/jp2\/styles\/#primaryimage"},"thumbnailUrl":"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-1024x787.jpg","datePublished":"2019-12-26T21:16:12+00:00","dateModified":"2020-01-30T17:04:12+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jp2-mqa.org\/jp2\/styles\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jp2-mqa.org\/jp2\/styles\/#primaryimage","url":"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337.jpg","contentUrl":"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337.jpg","width":1708,"height":1312},{"@type":"WebSite","@id":"https:\/\/jp2-mqa.org\/jp2\/#website","url":"https:\/\/jp2-mqa.org\/jp2\/","name":"St. John Paul II","description":"Cedar Springs, MI","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jp2-mqa.org\/jp2\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"acf":[],"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/jp2-mqa.org\/jp2\/wp-json\/wp\/v2\/pages\/3505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jp2-mqa.org\/jp2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jp2-mqa.org\/jp2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jp2-mqa.org\/jp2\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jp2-mqa.org\/jp2\/wp-json\/wp\/v2\/comments?post=3505"}],"version-history":[{"count":39,"href":"https:\/\/jp2-mqa.org\/jp2\/wp-json\/wp\/v2\/pages\/3505\/revisions"}],"predecessor-version":[{"id":3639,"href":"https:\/\/jp2-mqa.org\/jp2\/wp-json\/wp\/v2\/pages\/3505\/revisions\/3639"}],"wp:attachment":[{"href":"https:\/\/jp2-mqa.org\/jp2\/wp-json\/wp\/v2\/media?parent=3505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}