Therapist Footer 2

Pattern HTML

<!-- wp:group {"className":"site-footer","backgroundColor":"third","layout":{"type":"constrained"}} --> <div class="wp-block-group site-footer has-third-background-color has-background"><!-- wp:columns {"verticalAlignment":"center"} --> <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} --> <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"className":"footer-form","style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained","contentSize":"418px"}} --> <div class="wp-block-group footer-form"><!-- wp:image {"id":30,"sizeSlug":"full","linkDestination":"none","align":"center"} --> <figure class="wp-block-image aligncenter size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/03/logo.png" alt="" class="wp-image-30"/></figure> <!-- /wp:image --> <!-- wp:buttons {"className":"white-button","layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons white-button"><!-- wp:button {"className":"popmake-154"} --> <div class="wp-block-button popmake-154"><a class="wp-block-button__link wp-element-button">send message</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"var:preset|spacing|15"}}} --> <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"className":"footer-info","layout":{"type":"constrained"}} --> <div class="wp-block-group footer-info"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":833,"width":"21px","height":"auto","sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full is-resized"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/phone-1.png" alt="" class="wp-image-833" style="width:21px;height:auto"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|first"}}}},"textColor":"first"} --> <p class="has-first-color has-text-color has-link-color"><a href="tel:9785164600">(978) 516-4600</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:image {"id":834,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/email-1.png" alt="" class="wp-image-834"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|first"}}}},"textColor":"first"} --> <p class="has-first-color has-text-color has-link-color"><a href="mailto:info@connectingtogreatness.org">info@connectingtogreatness.org</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"className":"social-links","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group social-links" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:image {"lightbox":{"enabled":false},"id":835,"scale":"cover","sizeSlug":"full","linkDestination":"custom"} --> <figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/fb.png" alt="" class="wp-image-835" style="object-fit:cover"/></figure> <!-- /wp:image --> <!-- wp:image {"lightbox":{"enabled":false},"id":836,"scale":"cover","sizeSlug":"full","linkDestination":"custom"} --> <figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/instagram.png" alt="" class="wp-image-836" style="object-fit:cover"/></figure> <!-- /wp:image --> <!-- wp:image {"lightbox":{"enabled":false},"id":831,"sizeSlug":"full","linkDestination":"custom"} --> <figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/psychologytoday-1.png" alt="" class="wp-image-831"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|first"}}}},"textColor":"first"} --> <p class="has-first-color has-text-color has-link-color"><a href="https://desmondbarnett.ghtdev.com/privacy-policy/" data-type="page" data-id="15">Privacy Policy</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|first"}}}},"textColor":"first"} --> <p class="has-first-color has-text-color has-link-color">© [current_year] Connecting to Greatness</p> <!-- /wp:paragraph --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->

Pattern CSS

/* site footer --------------------------------------------- */ #site-container .entry-content { position: relative; padding-bottom: 50px; } .home#site-container .entry-content { position: relative; padding-bottom: 0; } footer.wp-block-template-part { margin-top: 0; } #site-container footer h2 { margin-bottom: 15px; } #site-container footer .wpforms-container .wpforms-layout-column .wpforms-field { padding-bottom: 0; } #site-container .footer-form { padding: 40px 40px 32px; } #site-container footer .social-links figure.wp-block-image.size-full:first-child { margin-top: -5px; } #site-container .footer-info .wp-block-group { margin: 0 0 23px; } #site-container .footer-info .footer-logo { padding: 35px 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 28px !important; } #site-container .footer-form .wpforms-container { margin: 0; max-width: 100%; } #site-container footer .wpforms-container .wpforms-submit-container { text-align: center; margin-top: 0; } footer a { text-decoration: none; } #site-container footer .social-links { gap: 10px; } #site-container footer input, #site-container footer select, #site-container footer textarea { border-radius: 0; border: 1px solid #0A8290; font-size: 18px; color: #000; font-family: inherit; padding: 11px 20px; height: 49px; font-weight: 400; background-color: #fff; } #site-container footer textarea { height: 81px } footer .wpforms-field-captcha .wpforms-field-label,footer .wpforms-field-captcha .wpforms-captcha-equation { font-weight: 400; text-transform: capitalize; color: #fff } #site-container footer .wpforms-field-captcha .wpforms-field-label{ margin-bottom: 0; } footer .wpforms-field-captcha .wpforms-field-label,footer .wpforms-field-captcha .wpforms-captcha-math { display: inline-block; font-weight: 400; vertical-align: middle } footer .wpforms-field-captcha .wpforms-captcha-math { margin: 0 15px 0; } footer .wpforms-field-captcha .wpforms-field-label { font-weight: 400; font-weight: 400; margin: 0 5px 4px 0 } footer .wpforms-field-captcha .wpforms-captcha-math * { color: #fff; } footer .wpforms-field-captcha .wpforms-captcha-math br { display: none; } footer .wpforms-field-captcha .wpforms-field-captcha { display: flex; justify-content: center; align-items: center; } footer .wpforms-field-captcha .wpforms-captcha-math input { width: 75px; padding: 10px 5px; font-size: 18px; display: inline-block } footer .wpforms-submit-container { padding-top: 0; margin-top: 0 } footer .wpforms-field.wpforms-field-layout { padding-bottom: 0 } #site-container footer div.wpforms-container-full .wpforms-form button[type=submit] { height: auto; color: #FFF; text-align: center; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 700; line-height: 166%; /* 26.56px */ letter-spacing: 1.28px; text-transform: uppercase; padding: 16px 30px; border-radius: 0; background: var(--wp--preset--color--third); } #site-container footer .wpforms-field-captcha { display: flex; align-items: center; justify-content: center; } #site-container footer .wpforms-form button[type=submit]:hover { background-color: var(--wp--preset--color--fifth) !important; color: #fff!important } footer div.wpforms-container-full .wpforms-form button[type=submit]:after { display: none; } #site-container footer .wpforms-container .wpforms-field { padding: 0 0 11px; } #site-container footer .wpforms-container .wpforms-submit-container br { display: none; } footer .wpforms-container-full em.wpforms-error { color: #fff; display: inline-block; margin-top: 0; background: #000; z-index: 9; padding: 5px 5px 5px 10px } footer .wpforms-container-full em.wpforms-error:before { background-color: #fff } #site-container footer div.wpforms-container-full .wpforms-field-label, footer .wpforms-field-captcha .wpforms-captcha-math * { color: #000; font-size: 18px; font-style: normal; font-weight: 400; line-height: 166%; /* 29.88px */ margin-bottom: 0; } #site-container footer .wpforms-container .wpforms-submit-container { text-align: center; } #site-container footer ::-webkit-input-placeholder { color: #000; opacity: 1 } #site-container footer :-moz-placeholder { color: #000; opacity: 1 } #site-container footer ::-moz-placeholder { color: #000; opacity: 1 } #site-container footer :-ms-input-placeholder { color: #000; opacity: 1 } .footer-info .wp-block-group { gap: 15px; } #site-container .footer-info { padding-left: 92px; padding-top: 22px; } #site-container .site-footer { padding: 35px 0 30px; } .footer-info figure.wp-block-image.size-full { display: flex; } .site-footer .footer-info:after { content: ''; display: block; width: 1px; height: 233px; background: rgba(188, 188, 188, 0.20); margin-top: 20px; position: absolute; left: 6px; top: -7px; } /* popup form styling --------------------------------------------------- */ .pum-theme-default-theme-2 { background-color: rgba( 0, 0, 0, 0.5) !important; } #footer-popup_form { padding: 0 0 0 0; position: relative; background: var(--wp--preset--color--third); display: flex; align-items: center; overflow: hidden; } #footer-popup_form .popup-form-box { max-width: 500px; padding: 55px 0; margin: 0 auto; } body .pum.pum-overlay .pum-container.popmake .wpforms-field:first-child { padding-top: 0; } #footer-popup_form .popup-form-box h2 { color: #FFF; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; text-align: center; padding-bottom: 0; margin-bottom: 7px; } #footer-popup_form .wpforms-container label.wpforms-error,#footer-popup_form .wpforms-container em.wpforms-error{ color: #fff !important; } body .pum.pum-overlay .pum-container.popmake { background: transparent; padding: 0; border: none; box-shadow: 0 0 0 0px rgba( 2, 2, 2, 0.23 ); } body .pum.pum-overlay .pum-content.popmake-content { text-align: center; font-weight: 400; } body .pum.pum-overlay .pum-container.popmake .wpforms-container-full { margin: 0 auto; } body .pum.pum-overlay .pum-container.popmake .wpforms-field { padding: 10px 0 0; text-align: center; } body .pum.pum-overlay .pum-container.popmake input, body .pum.pum-overlay .pum-container.popmake select, body .pum.pum-overlay .pum-container.popmake textarea { background: #fff; border-radius: 0; border: 1px solid #999; font-size: 18px; color: #000; font-family: inherit; padding: 11px 20px; height: 45px; } body .pum.pum-overlay .pum-container.popmake textarea { height: 81px; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form :-moz-placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form ::-moz-placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form :-ms-input-placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form ::-ms-input-placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form ::-webkit-input-placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-container .wpforms-form ::placeholder { color: #000; opacity: 1; } body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha label, body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha .wpforms-captcha-equation { font-size: 18px; color: #fff; } body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha label, body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha .wpforms-captcha-math { display: inline-block; vertical-align: middle; } body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha label { font-weight: 400; margin: 0 5px 4px 0; font-size: 18px; color: #fff; } body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha label .wpforms-required-label { display: none; } body .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha .wpforms-captcha-math input { width: 75px; padding: 10px 5px; font-size: 19px; display: inline-block; } body .pum.pum-overlay .pum-container.popmake .wpforms-submit-container { padding-top: 10px; margin-top: 0; text-align: center; } body .pum.pum-overlay .pum-container.popmake .wpforms-submit-container button { height: auto; display: inline-block; padding: 18px 31px; color: #000; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; border-radius: 0; letter-spacing: 0.75px; background-color: #fff; } div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50:last-child { padding-left: 0; } body .pum.pum-overlay .pum-container.popmake .wpforms-submit-container button:after{ display: none; } body .pum.pum-overlay .pum-container.popmake .wpforms-submit-container button:hover { background: var(--wp--preset--color--fourth) !important; color: var(--wp--preset--color--first) !important; } body .pum.pum-overlay .pum-container.popmake button.pum-close.popmake-close { font-family: inherit; background: transparent; font-size: 0 !important; width: 32px; height: 32px; border-radius: 50px; padding: 0; font-weight: 500; line-height: 1; right: 10px; color: transparent; top: 10px; font-size: 35px; background: url("assets/images/close.png") no-repeat; } .pum-theme-default-theme { background: rgba(0, 0, 0, 0.60) !important; } .footer-info p a, .footer-info p { font-size: 16px; } @media only screen and (max-width: 980px) { #site-container .footer-form { padding: 0; } #site-container .footer-info .wp-block-group { margin: 0 0 20px; justify-content: center; text-align: center; } #site-container .footer-info .wp-block-group p { text-align: center; } #site-container .footer-info { padding-left: 0; padding-top: 0; } .site-footer .footer-info:after{ display: none; } } @media only screen and (max-width: 600px) { body .pum.pum-overlay .pum-container.popmake { max-width: 100% !important; min-width: 97% !important; left: 5px !important; } }