{"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-15T09:58:56","modified_gmt":"2020-01-15T14:58:56","slug":"styles","status":"publish","type":"page","link":"https:\/\/jp2-mqa.org\/mqa\/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=\"\" \/>\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=\"\" \/>\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\/mqa\/wp-content\/uploads\/sites\/3\/2019\/12\/iStock-800317154.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\/mqa\/wp-content\/uploads\/sites\/3\/2019\/12\/iStock-800317154.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 1\">\r\n                Button 1              <\/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\/mqa\/wp-content\/uploads\/sites\/3\/2019\/12\/iStock-800317154.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_5e1f279f49d2e\">\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_5e1f279f49d2e {\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_5e1f279f49d2e .plinkoContent,\r\n  #plinko-block_5e1f279f49d2e .plinkoMedia {\r\n    width: 48.5%;\r\n  }\r\n  #plinko-block_5e1f279f49d2e .plinkoContent .plinkoTitle {\r\n    font-size: 2.25rem;\r\n    font-weight: 700;\r\n  }\r\n  #plinko-block_5e1f279f49d2e .plinkoContent .plinkoText {\r\n    color: #616161;\r\n    font-size: 1.125rem;\r\n  }\r\n  #plinko-block_5e1f279f49d2e .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_5e1f279f49d2e .plinkoContent .plinkoRepeater .plinkoButtons,\r\n  #plinko-block_5e1f279f49d2e .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_5e1f279f49d2e .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_5e1f279f49d2e .plinkoContent .plinkoRepeater .plinkoButtons .theButton:hover,\r\n  #plinko-block_5e1f279f49d2e .plinkoContent .plinkoRepeater .plinkoButtons .theButton:focus {\r\n    background: #FFFFFF;\r\n    color: #006937;\r\n    text-decoration: none;\r\n  }\r\n  #plinko-block_5e1f279f49d2e .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_5e1f279f49d2e .plinkoMedia iframe,\r\n  #plinko-block_5e1f279f49d2e .plinkoMedia img {\r\n    height: 28.875rem;\r\n  }\r\n  #plinko-block_5e1f279f49d2e .plinkoMedia img {\r\n    width: auto;\r\n  }\r\n\r\n  @media screen and (max-width: 1300px){\r\n    #plinko-block_5e1f279f49d2e {\r\n      flex-direction: column;\r\n    }\r\n    #plinko-block_5e1f279f49d2e .plinkoContent,\r\n    #plinko-block_5e1f279f49d2e .plinkoMedia {\r\n      width: 100%;\r\n    }\r\n    #plinko-block_5e1f279f49d2e .plinkoContent {\r\n      margin-bottom: 1rem;\r\n    }\r\n    #plinko-block_5e1f279f49d2e .plinkoContent .plinkoRepeater {\r\n      width: 100%;\r\n    }\r\n    #plinko-block_5e1f279f49d2e .plinkoMedia {\r\n      text-align: center;\r\n    }\r\n  }\r\n  @media screen and (max-width: 768px){\r\n    #plinko-block_5e1f279f49d2e .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 noBG\">\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:#135F8A;\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: 'Cinzel', sans-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: 'Montserrat', 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 noBG\">\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:#135F8A;\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: 'Cinzel', sans-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: 'Montserrat', 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:#135F8A;\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: 'Cinzel', sans-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: 'Montserrat', 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:#135F8A;\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: 'Cinzel', sans-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: 'Montserrat', 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\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" 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\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-large-font-size\">Media &amp; Text Block<\/p>\n\n\n\n<p>That&#8217;s what this is. <\/p>\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='\/mqa\/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'>Company<\/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='naGh4DZbMH2myvBZNmDlBILi8ca16CELpAM6Mhx66rZOe1t+B2fo\/NbDgxbl37OOF7d4Lhynhm+ZrlDou9tm0AuCi73CtUonuRiCf4NTIElFg+U=' \/>\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\/mqa\/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\/mqa\/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' selected='selected'>Select Category<\/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\/mqa\"] );\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\"><\/ul>\n\n<ul class=\"wp-block-latest-posts__list wp-block-latest-posts\"><\/ul>\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/jp2-mqa.org\/mqa\/\" 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\/mqa\/\" 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.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Styles - Mary Queen of Apostles Parish<\/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\/mqa\/styles\/\" \/>\n<link rel=\"next\" href=\"https:\/\/jp2-mqa.org\/mqa\/styles\/2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Styles - Mary Queen of Apostles Parish\" \/>\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\/mqa\/styles\/\" \/>\n<meta property=\"og:site_name\" content=\"Mary Queen of Apostles Parish\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-15T14:58:56+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\/mqa\/styles\/\",\"url\":\"https:\/\/jp2-mqa.org\/mqa\/styles\/\",\"name\":\"Styles - Mary Queen of Apostles Parish\",\"isPartOf\":{\"@id\":\"https:\/\/jp2-mqa.org\/mqa\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/jp2-mqa.org\/mqa\/styles\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/jp2-mqa.org\/mqa\/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-15T14:58:56+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jp2-mqa.org\/mqa\/styles\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jp2-mqa.org\/mqa\/styles\/#primaryimage\",\"url\":\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-1024x787.jpg\",\"contentUrl\":\"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-1024x787.jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jp2-mqa.org\/mqa\/#website\",\"url\":\"https:\/\/jp2-mqa.org\/mqa\/\",\"name\":\"Mary Queen of Apostles Parish\",\"description\":\"Sand Lake, MI\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jp2-mqa.org\/mqa\/?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 - Mary Queen of Apostles Parish","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\/mqa\/styles\/","next":"https:\/\/jp2-mqa.org\/mqa\/styles\/2\/","og_locale":"en_US","og_type":"article","og_title":"Styles - Mary Queen of Apostles Parish","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\/mqa\/styles\/","og_site_name":"Mary Queen of Apostles Parish","article_modified_time":"2020-01-15T14:58:56+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\/mqa\/styles\/","url":"https:\/\/jp2-mqa.org\/mqa\/styles\/","name":"Styles - Mary Queen of Apostles Parish","isPartOf":{"@id":"https:\/\/jp2-mqa.org\/mqa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jp2-mqa.org\/mqa\/styles\/#primaryimage"},"image":{"@id":"https:\/\/jp2-mqa.org\/mqa\/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-15T14:58:56+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jp2-mqa.org\/mqa\/styles\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jp2-mqa.org\/mqa\/styles\/#primaryimage","url":"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-1024x787.jpg","contentUrl":"https:\/\/jp2-mqa.org\/jp2\/wp-content\/uploads\/sites\/4\/2019\/12\/alex-perez-AIfbUyzhKz0-unsplash-e1577393209337-1024x787.jpg"},{"@type":"WebSite","@id":"https:\/\/jp2-mqa.org\/mqa\/#website","url":"https:\/\/jp2-mqa.org\/mqa\/","name":"Mary Queen of Apostles Parish","description":"Sand Lake, MI","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jp2-mqa.org\/mqa\/?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\/mqa\/wp-json\/wp\/v2\/pages\/3505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jp2-mqa.org\/mqa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jp2-mqa.org\/mqa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jp2-mqa.org\/mqa\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jp2-mqa.org\/mqa\/wp-json\/wp\/v2\/comments?post=3505"}],"version-history":[{"count":2,"href":"https:\/\/jp2-mqa.org\/mqa\/wp-json\/wp\/v2\/pages\/3505\/revisions"}],"predecessor-version":[{"id":3533,"href":"https:\/\/jp2-mqa.org\/mqa\/wp-json\/wp\/v2\/pages\/3505\/revisions\/3533"}],"wp:attachment":[{"href":"https:\/\/jp2-mqa.org\/mqa\/wp-json\/wp\/v2\/media?parent=3505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}