Therapist footer 13

Pattern HTML

<!-- wp:group {"className":"site-footer","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"backgroundColor":"five","layout":{"type":"constrained"}} --> <div class="wp-block-group site-footer has-five-background-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:columns {"verticalAlignment":"center"} --> <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"28%","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} --> <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:group {"className":"footer-info","layout":{"type":"constrained"}} --> <div class="wp-block-group footer-info"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:image {"id":1151,"sizeSlug":"full","linkDestination":"none","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|15"}}}} --> <figure class="wp-block-image size-full" style="margin-bottom:var(--wp--preset--spacing--15)"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/08/logo-2.jpg" alt="" class="wp-image-1151"/></figure> <!-- /wp:image --> <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:group {"className":"footer-phone-email","style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":"var:preset|spacing|15"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} --> <div class="wp-block-group footer-phone-email" style="padding-right:0;padding-left:0"><!-- wp:image {"id":833,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/phone-1.png" alt="" class="wp-image-833"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"17px"}},"textColor":"one"} --> <p class="has-one-color has-text-color has-link-color" style="font-size:17px;font-style:normal;font-weight:400"><a href="tel:7203401031">(720) 340-1031</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"className":"footer-phone-email","style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":"var:preset|spacing|15"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} --> <div class="wp-block-group footer-phone-email" style="padding-right:0;padding-left:0"><!-- wp:image {"id":834,"width":"28px","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/email-1.png" alt="" class="wp-image-834" style="width:28px;height:auto"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"18px"}},"textColor":"one"} --> <p class="has-one-color has-text-color has-link-color" style="font-size:18px;font-style:normal;font-weight:400"><a href="mailto:brian@briancollisoncounseling.com">brian@briancollisoncounseling.com</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center"} --> <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"className":"footer-circle","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"323px"}} --> <div class="wp-block-group footer-circle"><!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one","fontSize":"heading-1"} --> <h2 class="wp-block-heading has-text-align-center has-one-color has-text-color has-link-color has-heading-1-font-size">Contact now</h2> <!-- /wp:heading --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons"><!-- wp:button {"className":"popmake-143"} --> <div class="wp-block-button popmake-143"><a class="wp-block-button__link wp-element-button">Let's Talk</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","width":"28%","style":{"spacing":{"blockGap":"var:preset|spacing|15"}}} --> <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:group {"className":"footer-info","layout":{"type":"constrained"}} --> <div class="wp-block-group footer-info"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:group {"className":"footer-phone-email","style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":"var:preset|spacing|15"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","verticalAlignment":"top"}} --> <div class="wp-block-group footer-phone-email" style="padding-right:0;padding-left:0"><!-- wp:image {"id":2111,"width":"14px","sizeSlug":"full","linkDestination":"none","style":{"spacing":{"margin":{"top":"8px"}}}} --> <figure class="wp-block-image size-full is-resized" style="margin-top:8px"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/09/mp.png" alt="" class="wp-image-2111" style="width:14px"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|one"}}},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"18px"}},"textColor":"one"} --> <p class="has-one-color has-text-color has-link-color" style="font-size:18px;font-style:normal;font-weight:400"><a href="mailto:jamieclausencounseling@counselingsecure.com">1109 Oak Park Drive Suite 100,<br>Fort Collins, CO 80525Inquiries</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:group {"className":"social-links","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"blockGap":"var:preset|spacing|15"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} --> <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":830,"width":"11px","sizeSlug":"full","linkDestination":"custom","style":{"spacing":{"margin":{"top":"-5px"}}}} --> <figure class="wp-block-image size-full is-resized" style="margin-top:-5px"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/07/facebook.png" alt="" class="wp-image-830" style="width:11px"/></figure> <!-- /wp:image --> <!-- wp:image {"lightbox":{"enabled":false},"id":2287,"sizeSlug":"full","linkDestination":"custom"} --> <figure class="wp-block-image size-full"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/10/PT-badge-1.png" alt="" class="wp-image-2287"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"},"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one"} --> <p class="has-one-color has-text-color has-link-color" style="font-size:18px"><a href="https://jamieclausen.ghtdev.com/privacy-policy/" data-type="page" data-id="13">Privacy Policy</a></p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"},"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one"} --> <p class="has-one-color has-text-color has-link-color" style="font-size:18px">© [current_year] Brian Collison Counseling, PLLC</p> <!-- /wp:paragraph --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->

Pattern CSS

/* site footer --------------------------------------------- */ footer.wp-block-template-part { margin-top: 0; } footer h2 { padding-bottom: 20px; } footer .wp-block-image a { display: table; } footer .wp-block-image img { display: block; } footer.wp-block-template-part { margin-top: 0; } #site-container footer .wpforms-container .wpforms-layout-column .wpforms-field { padding-bottom: 0; } #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 10px; } #site-container .footer-info .footer-logo { padding: 35px 0 0; } #site-container .footer-form .wpforms-container { margin: 0; max-width: 100%; } .footer-info .wp-block-group { gap: 15px; } #site-container .footer-info { padding-left: 0; padding-top: 0; } .footer-info figure.wp-block-image.size-full { display: flex; justify-content: center; } body .pum-theme-default-theme { background-color: rgba( 0, 0, 0, 0.9) !important; } #footer-popup_form { padding: 0 0 0 0; position: relative; display: flex; align-items: center; overflow: hidden; margin-bottom: 60px; } #footer-popup_form .popup-form-box { max-width: 665px; padding: 50px 0 0; margin: 0 auto; width: 100%; } .popmake-content .wp-block-columns .wp-block-column .wp-block-image, .popmake-content .pum-container.pum-responsive img, .popmake-content .wp-block-columns .wp-block-column .wp-block-image a { height:100%; } body .pum-container.pum-responsive img { object-fit:cover; height: 100% !important; } body .pum.pum-overlay .pum-container.popmake .wpforms-field:first-child { padding-top: 0; } #footer-popup_form .popup-form-box h2 { color: #fff; font-weight: 700; line-height: normal; text-align: center; padding-bottom: 0; margin-bottom: 10px; } #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 .popmake-content .wp-block-columns { gap:0 !important; } body .popmake-content .wp-block-columns .wp-block-column { } 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: left; } body#site-container .pum.pum-overlay .pum-container.popmake input, body#site-container .pum.pum-overlay .pum-container.popmake select, body#site-container .pum.pum-overlay .pum-container.popmake textarea { background: #fff; border-radius: 0; border: none; font-size: 18px; color: #000; font-family: inherit; padding: 11px 20px; height: 45px; } #site-container .pum.pum-overlay .wpforms-submit-container button { height: auto; background: var(--wp--preset--color--one); border-radius: 0; border: none; color: var(--wp--preset--color--two); padding: 15px 30px; font-family: var(--wp--preset--font-family--one); font-size: 16px; font-style: normal; font-weight: 700; line-height: 166%; /* 26.56px */ letter-spacing: 0.32px; text-transform: uppercase; } #site-container .pum.pum-overlay .wpforms-submit-container button:hover{ background: var(--wp--preset--color--four) !important; color: var(--wp--preset--color--two) !important; } 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; font-weight: 400; } body#site-container .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha label, body#site-container .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha .wpforms-captcha-math { display: inline-block; vertical-align: middle; color: var(--wp--preset--color--one); } body#site-container .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha label { font-weight: 400; margin: 0 5px 4px 0; font-size: 18px; color: var(--wp--preset--color--one); } body#site-container .pum.pum-overlay .pum-container.popmake .wpforms-field-captcha .wpforms-captcha-math span { color: var(--wp--preset--color--one); } 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; } 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 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: 60px; color: transparent; top: 10px; background: url("assets/images/close.png") no-repeat; } .wpforms-field.wpforms-field-layout{ padding-bottom:0 !important; } #site-container .pum.pum-overlay .wpforms-field-label { margin-bottom:10px ; } @media only screen and (max-width: 980px) { #site-container footer .wp-block-group * { text-align: center; justify-content: center; } } @media only screen and (max-width: 600px) {