/*
Theme Name: Glow Up 2025
Theme URI:
Author: Glow Up Spa Web Development Team
Author URI:
Description: A block theme with minimum customizations, for use by the Glow Up Laser Spa website.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glowup2025
Tags: full-site-editing
*/


/*** CSS code for Glow Up Spa website ***/

/* global border-box */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* smooth scrolling */
html:has(body:not(.wp-admin)) {
  scroll-behavior: smooth;
}
/* background graphics */
:root {
  --two-white-stars-button-bkg: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzEgMTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN5bWJvbCBpZD0icyIgdmlld0JveD0iMCAwIDE5IDE5Ij48cGF0aCBkPSJNMTguOTk0NyA5LjYzOTE0QzEzLjg2MjUgOS43MTc0NCA5LjcxNzI5IDEzLjg2NjIgOS42NDQyOSAxOUM5LjU1ODU5IDE5IDkuNDMyNyAxOC45OTY4IDkuMzYyODcgMTguOTk0N0M5LjI4MzUyIDEzLjg2MTkgNS4xMzUxOCA5LjcxNjM4IDAuMDAwODEwODQyIDkuNjQzMzdDLTAuMDAxMzA1MTIgOS41NTg3MiAwLjAwMDgxMDg0MyA5LjQ0MDIyIDAuMDA2MTAwNzQgOS4zNjE5MkM1LjEzOTQyIDkuMjgyNTYgOS4yODQ1OCA1LjEzMzgyIDkuMzU4NjQgMEM5LjQzMjcgMCA5LjU2MjgzIDAuMDA1MjkwNDIgOS42NDAwNiAwLjAwNTI5MDQyQzkuNzE4MzUgNS4xMzgwNSAxMy44NjY3IDkuMjgzNjIgMTkgOS4zNTY2M0MxOSA5LjQyMDExIDE4Ljk5NDcgOS41NjA4NCAxOC45OTQ3IDkuNjM4MDhWOS42MzkxNFoiIGZpbGw9IiNmZmYiLz48L3N5bWJvbD48L2RlZnM+PHVzZSBocmVmPSIjcyIgeD0iMCIgIHk9IjQiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIvPjx1c2UgaHJlZj0iI3MiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTkiIGhlaWdodD0iMTkiLz48L3N2Zz4K");
  --three-gold-stars-extra-bkg: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDAgMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMzAuMTIxNCIgeTE9IjAiIHgyPSIzMC4xMjE0IiB5Mj0iNjAuMjQzMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGQkQxMEQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNBQzZDM0IiLz48L2xpbmVhckdyYWRpZW50PjxzeW1ib2wgaWQ9InMiIHZpZXdCb3g9IjAgMCA2MSA2MSI+PHBhdGggZD0iTTMwLjU2NjEgMC4wMTY2MDE2QzMwLjgxNDMgMTYuMjkwOCA0My45NjY5IDI5LjQzNTMgNjAuMjQyOCAyOS42NjdDNjAuMjQyOCAyOS44NjgzIDYwLjIyNjIgMzAuMzE0NyA2MC4yMjYyIDMwLjU1OTZWMzAuNTYyNUM0My45NTM2IDMwLjgxMDkgMzAuODExMiA0My45NjU2IDMwLjU3OTcgNjAuMjQzMkMzMC4zMDgxIDYwLjI0MzIgMjkuOTA4NiA2MC4yMzMzIDI5LjY4NzIgNjAuMjI2NkMyOS40MzU1IDQzLjk1MjMgMTYuMjgyIDMwLjgwNzcgMC4wMDI1OTc2NSAzMC41NzYyQy0wLjAwNDEwNzk4IDMwLjMwNzggMC4wMDI0Mjk0MyAyOS45MzE4IDAuMDE5MTk5MiAyOS42ODM2QzE2LjI5NTMgMjkuNDMyIDI5LjQzODYgMTYuMjc3NyAyOS42NzM1IDBDMjkuOTA4MyAxLjAyMTA3ZS0wNiAzMC4zMjEyIDAuMDE2NjAxNiAzMC41NjYxIDAuMDE2NjAxNloiIGZpbGw9InVybCgjZykiLz48L3N5bWJvbD48L2RlZnM+PHVzZSBocmVmPSIjcyIgeD0iMCIgIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIvPjx1c2UgaHJlZj0iI3MiIHg9IjMwIiAgeT0iNSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+PHVzZSBocmVmPSIjcyIgeD0iOSIgeT0iOSIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5Ii8+PC9zdmc+");
  --contact-address-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS40OTk4NiAwQzQuMDQxNzEgMC4wMDEyODAwMSAyLjY0Mzc3IDAuNTkxOTM0IDEuNjEyNjMgMS42NDE5N0MwLjU4MTQ5OCAyLjY5MjAxIDAuMDAxMjU3MTQgNC4xMTUyNCAwIDUuNTk5OTFDMCA5LjM4NjA0IDUuMDgyMjEgMTUuNjQgNS4yOTkgMTUuOTA0QzUuMzQ4NzIgMTUuOTY0NyA1LjQyMjA2IDE2IDUuNSAxNkM1LjU3Nzk0IDE2IDUuNjUxMjggMTUuOTY0NyA1LjcwMSAxNS45MDRDNS45MTc3OSAxNS42NCAxMSA5LjM4NjA0IDExIDUuNTk5OTFDMTAuOTk4NyA0LjExNTI0IDEwLjQxODYgMi42OTE4NiA5LjM4NzM2IDEuNjQxOTdDOC4zNTYwOSAwLjU5MjA3NiA2Ljk1ODI5IDAuMDAxMjgwMDEgNS41MDAxNCAwSDUuNDk5ODZaTTUuNDk5ODYgOC41MzM0MUM0LjczNTggOC41MzM0MSA0LjAwMzAyIDguMjI0MDcgMy40NjMwMSA3LjY3NDFDMi45MjMgNy4xMjQxMiAyLjYxOTA1IDYuMzc4MTUgMi42MTkwNSA1LjYwMDE5QzIuNjE5MDUgNC44MjIyMyAyLjkyMjg2IDQuMDc2MTMgMy40NjMwMSAzLjUyNjI5QzQuMDAzMTYgMi45NzYzMSA0LjczNTggMi42NjY5OCA1LjQ5OTg2IDIuNjY2OThDNi4yNjM5MiAyLjY2Njk4IDYuOTk2NyAyLjk3NjMxIDcuNTM2NzEgMy41MjYyOUM4LjA3Njg2IDQuMDc2MjcgOC4zODA2NyA0LjgyMjIzIDguMzgwNjcgNS42MDAxOUM4LjM3OTk3IDYuMzc4MTUgOC4wNzYxNyA3LjEyMzU1IDcuNTM2MDEgNy42NzM1M0M2Ljk5NTg2IDguMjIzNSA2LjI2Mzc4IDguNTMyODQgNS40OTk3MiA4LjUzMzU1TDUuNDk5ODYgOC41MzM0MVoiIGZpbGw9IiM3QzM2NEIiLz48L3N2Zz4K");
  --contact-hours-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS41IDE5QzQuMjYxNDMgMTkgMCAxNC43Mzg2IDAgOS41QzAgNC4yNjE0MyA0LjI2MTQzIDAgOS41IDBDMTQuNzM4NiAwIDE5IDQuMjYxNDMgMTkgOS41QzE5IDE0LjczODYgMTQuNzM4NiAxOSA5LjUgMTlaTTkuNSAxLjM1NzE0QzUuMDA5NDkgMS4zNTcxNCAxLjM1NzE0IDUuMDA5NDkgMS4zNTcxNCA5LjVDMS4zNTcxNCAxMy45OTA1IDUuMDA5NDkgMTcuNjQyOSA5LjUgMTcuNjQyOUMxMy45OTA1IDE3LjY0MjkgMTcuNjQyOSAxMy45OTA1IDE3LjY0MjkgOS41QzE3LjY0MjkgNS4wMDk0OSAxMy45OTA1IDEuMzU3MTQgOS41IDEuMzU3MTRaTTEzLjM3MjkgMTMuMzcyOUMxMy42Mzg0IDEzLjEwNzUgMTMuNjM4NCAxMi42NzkyIDEzLjM3MjkgMTIuNDEzNUwxMC4xNzg2IDkuMjE5MTZWNC43NUMxMC4xNzg2IDQuMzc1MDcgOS44NzQ5MyA0LjA3MTQzIDkuNSA0LjA3MTQzQzkuMTI1MDcgNC4wNzE0MyA4LjgyMTQzIDQuMzc1MDcgOC44MjE0MyA0Ljc1VjkuNUM4LjgyMTQzIDkuNjc5ODcgOC44OTI3MiA5Ljg1Mjg2IDkuMDE5OTMgOS45ODAwN0wxMi40MTI4IDEzLjM3MjlDMTIuNTQ1MSAxMy41MDUyIDEyLjcxOSAxMy41NzE0IDEyLjg5MjkgMTMuNTcxNEMxMy4wNjY4IDEzLjU3MTQgMTMuMjQwNiAxMy41MDUyIDEzLjM3MjkgMTMuMzcyOVoiIGZpbGw9IiM3QzM2NEIiLz48L3N2Zz4=");
  --contact-telephone-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4yNDc4NyAwSDIuNzU3OTZDMi4wMjcxNCAwIDEuMzI2MzEgMC4yODk5OTcgMC44MDkxNTUgMC44MDYzMjZDMC4yOTIxNjMgMS4zMjI2NSAwLjAwMDk5OTk4NiAyLjAyMzE1IDAgMi43NTM5OFYxNi4yNDU5QzAuMDAwOTk5OTg2IDE2Ljk3NjUgMC4yOTIxNjMgMTcuNjc3IDAuODA5MTU1IDE4LjE5MzVDMS4zMjYxNSAxOC43MDk4IDIuMDI3MTQgMTguOTk5OCAyLjc1Nzk2IDE4Ljk5OThIOS4yNDc4N0M5LjczMTIgMTguOTk5OCAxMC4yMDU5IDE4Ljg3MjUgMTAuNjI0NSAxOC42MzA4QzExLjA0MyAxOC4zODkgMTEuMzkwMyAxOC4wNDEzIDExLjYzMTggMTcuNjIyN0MxMS44NzMzIDE3LjIwNCAxMi4wMDAyIDE2LjcyOTIgMTEuOTk5OCAxNi4yNDU5VjIuNzU0MTRDMTIuMDAwMiAyLjI3MDgxIDExLjg3MzMgMS43OTU5OCAxMS42MzE4IDEuMzc3MzJDMTEuMzkwMyAwLjk1ODY1OCAxMS4wNDMgMC42MTA5OTUgMTAuNjI0NSAwLjM2OTE2M0MxMC4yMDYgMC4xMjc0OTkgOS43MzEyIDAuMDAwMTY2NjY1IDkuMjQ3ODcgMC4wMDAxNjY2NjVWMFpNNS45OTk5MiAxNy44OTk4QzUuNzM0NzUgMTcuODk5OCA1LjQ4MDI2IDE3Ljc5NDUgNS4yOTI3NiAxNy42MDdDNS4xMDUyNiAxNy40MTk1IDQuOTk5OTMgMTcuMTY1MiA0Ljk5OTkzIDE2Ljg5OThDNC45OTk5MyAxNi42MzQ1IDUuMTA1MjYgMTYuMzgwMiA1LjI5Mjc2IDE2LjE5MjdDNS40ODAyNiAxNi4wMDUyIDUuNzM0NTkgMTUuODk5OSA1Ljk5OTkyIDE1Ljg5OTlDNi4yNjUyNSAxNS44OTk5IDYuNTE5NTggMTYuMDA1MiA2LjcwNzA3IDE2LjE5MjdDNi44OTQ1NyAxNi4zODAyIDYuOTk5OSAxNi42MzQ1IDYuOTk5OSAxNi44OTk4QzYuOTk5OSAxNy4xNjUyIDYuODk0NTcgMTcuNDE5NSA2LjcwNzA3IDE3LjYwN0M2LjUxOTU4IDE3Ljc5NDUgNi4yNjUyNSAxNy44OTk4IDUuOTk5OTIgMTcuODk5OFpNMTAuOTk5OCAxNC42OTk5SDAuOTk5OTg2VjMuMjk5OTdIMTAuOTk5OFYxNC42OTk5WiIgZmlsbD0iIzdDMzY0QiIvPjwvc3ZnPg==");
  --peach-star: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MSA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzAuNTY2MSAwLjAxNjYwMTZDMzAuODE0MyAxNi4yOTA4IDQzLjk2NjkgMjkuNDM1MyA2MC4yNDI4IDI5LjY2N0M2MC4yNDI4IDI5Ljg2ODMgNjAuMjI2MiAzMC4zMTQ3IDYwLjIyNjIgMzAuNTU5NlYzMC41NjI1QzQzLjk1MzYgMzAuODEwOSAzMC44MTEyIDQzLjk2NTYgMzAuNTc5NyA2MC4yNDMyQzMwLjMwODEgNjAuMjQzMiAyOS45MDg2IDYwLjIzMzMgMjkuNjg3MiA2MC4yMjY2QzI5LjQzNTUgNDMuOTUyMyAxNi4yODIgMzAuODA3NyAwLjAwMjU5NzY1IDMwLjU3NjJDLTAuMDA0MTA3OTggMzAuMzA3OCAwLjAwMjQyOTQzIDI5LjkzMTggMC4wMTkxOTkyIDI5LjY4MzZDMTYuMjk1MyAyOS40MzIgMjkuNDM4NiAxNi4yNzc3IDI5LjY3MzUgMEMyOS45MDgzIDEuMDIxMDdlLTA2IDMwLjMyMTIgMC4wMTY2MDE2IDMwLjU2NjEgMC4wMTY2MDE2WiIgZmlsbD0iI2UwYzhiMyIvPjwvc3ZnPg==");
  --cream-star: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MSA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzAuNTY2MSAwLjAxNjYwMTZDMzAuODE0MyAxNi4yOTA4IDQzLjk2NjkgMjkuNDM1MyA2MC4yNDI4IDI5LjY2N0M2MC4yNDI4IDI5Ljg2ODMgNjAuMjI2MiAzMC4zMTQ3IDYwLjIyNjIgMzAuNTU5NlYzMC41NjI1QzQzLjk1MzYgMzAuODEwOSAzMC44MTEyIDQzLjk2NTYgMzAuNTc5NyA2MC4yNDMyQzMwLjMwODEgNjAuMjQzMiAyOS45MDg2IDYwLjIzMzMgMjkuNjg3MiA2MC4yMjY2QzI5LjQzNTUgNDMuOTUyMyAxNi4yODIgMzAuODA3NyAwLjAwMjU5NzY1IDMwLjU3NjJDLTAuMDA0MTA3OTggMzAuMzA3OCAwLjAwMjQyOTQzIDI5LjkzMTggMC4wMTkxOTkyIDI5LjY4MzZDMTYuMjk1MyAyOS40MzIgMjkuNDM4NiAxNi4yNzc3IDI5LjY3MzUgMEMyOS45MDgzIDEuMDIxMDdlLTA2IDMwLjMyMTIgMC4wMTY2MDE2IDMwLjU2NjEgMC4wMTY2MDE2WiIgZmlsbD0iI2YwZTJkNiIvPjwvc3ZnPg==");
  --two-gold-stars-services-cards: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzQgNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnb2xkMSIgeDE9IjMwLjEyMTQiIHkxPSIwIiB4Mj0iMzAuMTIxNCIgeTI9IjYwLjI0MzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjQUM2QzNCIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkJEMTBEIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImdvbGQyIiB4MT0iMzAuMTIxNCIgeTE9IjAiIHgyPSIzMC4xMjE0IiB5Mj0iNjAuMjQzMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGQkQxMEQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNBQzZDM0IiLz48L2xpbmVhckdyYWRpZW50PjxzeW1ib2wgaWQ9InN0YXIiIHZpZXdCb3g9IjAgMCA2MSA2MSI+PHBhdGggZD0iTTMwLjU2NjEgMC4wMTY2MDE2QzMwLjgxNDMgMTYuMjkwOCA0My45NjY5IDI5LjQzNTMgNjAuMjQyOCAyOS42NjdDNjAuMjQyOCAyOS44NjgzIDYwLjIyNjIgMzAuMzE0NyA2MC4yMjYyIDMwLjU1OTZWMzAuNTYyNUM0My45NTM2IDMwLjgxMDkgMzAuODExMiA0My45NjU2IDMwLjU3OTcgNjAuMjQzMkMzMC4zMDgxIDYwLjI0MzIgMjkuOTA4NiA2MC4yMzMzIDI5LjY4NzIgNjAuMjI2NkMyOS40MzU1IDQzLjk1MjMgMTYuMjgyIDMwLjgwNzcgMC4wMDI1OTc2NSAzMC41NzYyQy0wLjAwNDEwNzk4IDMwLjMwNzggMC4wMDI0Mjk0MyAyOS45MzE4IDAuMDE5MTk5MiAyOS42ODM2QzE2LjI5NTMgMjkuNDMyIDI5LjQzODYgMTYuMjc3NyAyOS42NzM1IDBDMjkuOTA4MyAxLjAyMTA3ZS0wNiAzMC4zMjEyIDAuMDE2NjAxNiAzMC41NjYxIDAuMDE2NjAxNloiLz48L3N5bWJvbD48L2RlZnM+PHVzZSBocmVmPSIjc3RhciIgeD0iNyIgIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0idXJsKCNnb2xkMSkiLz48dXNlIGhyZWY9IiNzdGFyIiB4PSIwIiB5PSIyNiIgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiBmaWxsPSJ1cmwoI2dvbGQyKSIvPjwvc3ZnPg==");
  --gold-topborder-gradient: linear-gradient(90deg, #c7952d 0%,  #f1bb46 29%, #f4c331 35%, #fbd10d 47%, #fed700 53%, #c7952d 77%, #864136 100%);
}
/* visible only to screen readers (used for H1 on some pages) */
body:not(.editor-styles-wrapper) .visually-hidden {
  position: absolute;
  z-index: 99999;
  clip: rect(1px,1px,1px,1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}
/* better text wrapping */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
  text-wrap: pretty;
}
.g-text-balance {
  text-wrap: balance;
}
/* links */
:is(.g-content, .g-header, .g-footer) a:not(.wp-element-button) {
  color: inherit;
  text-decoration: none;
}
:is(.g-content, .g-header, .g-footer) a:not(.wp-element-button):is(:hover, :focus-visible) {
  text-decoration: underline;
}
/* buttons (real buttons) */
button {
  font-family: inherit;
  font-size: inherit;
}

/* bullet lists */
ul.g-centered-bullet-list {
  margin-inline: 0;
  padding-inline: 0;
  list-style: none;
}
ul.g-centered-bullet-list li {
  text-align: center;
}
ul.g-centered-bullet-list li::before {
  content: "\2022\00a0";
}
.editor-styles-wrapper ul.g-centered-bullet-list li::before {
  display: none;
}
ul.g-bold-centered-bullet-list li {
  font-weight: 700;
}


/*** CONTENT BUTTONS ***/

/* default */
.g-content .wp-element-button {
  transition: all 0.125s ease-in-out;
}
.g-content .wp-element-button:is(:hover,:focus-visible) {
  color: var(--wp--preset--color--base) !important;
  background-color: var(--wp--preset--color--custom-taupe) !important;
}

/* Buttons with two white stars */

.g-star-button .wp-element-button {
  padding: 0.625rem 2rem 0.4375rem 3.75rem;
  background-image: var(--two-white-stars-button-bkg);
  background-position: 1.4375rem 50%;
  background-size: 1.9375rem 1.1875rem;
  background-repeat: no-repeat;
}


/*** BOOK NOW ***/

.g-booknow-buttons {
  position: relative;
  z-index: 99;
  height: 0;
}
.g-booknow-button {
  position: absolute;
  right: 0;
  top: 16px; /* also see glowup.js */
}
@media (width < 720px) {
  .g-booknow-button {
    right: -12px;
    top: 0;
  }
}
.g-booknow-button .wp-element-button {
  padding: 0.625rem 2rem 0.4375rem 3.75rem;
  background-image: var(--two-white-stars-button-bkg);
  background-position: 1.4375rem 50%;
  background-size: 1.9375rem 1.1875rem;
  background-repeat: no-repeat;
  transition: all 0.125s ease-in-out;
}
.g-booknow-button .wp-element-button:is(:hover,:focus-visible) {
  color: var(--wp--preset--color--base) !important;
  background-color: var(--wp--preset--color--custom-gold-1) !important;
}


/*** SEPARATORS ***/

/* two vertical gold stars (image in WP) */
.g-separator-doublestar {
  position: relative;
  z-index: 8;
  height: 0;
  max-height: 0;
}
.g-separator-doublestar-inner {
  position: absolute;
  inset: -31px 0 auto 0;
  height: 104px;
  background-position: 50% 0%;
  background-size: contain !important;
  background-repeat: no-repeat;
}
/* single gold star (image in WP) */
.g-separator-singlestar {
  position: relative;
  z-index: 8;
  height: 0;
  max-height: 0;
}
.g-separator-singlestar-inner {
  position: absolute;
  inset: -31px 0 auto 0;
  height: 62px;
  background-position: 50% 0%;
  background-size: contain !important;
  background-repeat: no-repeat;
}
/* bands of sparkly things (images in WP) */
.g-separator-sparkleband1 {
  position: relative;
  z-index: 8;
  height: 0;
  max-height: 0;
}
.g-separator-sparkleband1-inner {
  position: absolute;
  inset: -68px 0 auto 0;
  height: 108px;
  background-position: 50% 0%;
  background-size: contain !important;
  background-repeat: repeat-x;
}
.g-separator-sparkleband2 {
  position: relative;
  z-index: 8;
  height: 0;
  max-height: 0;
}
.g-separator-sparkleband2-inner {
  position: absolute;
  inset: -42px 0 auto 0;
  height: 128px;
  background-position: 50% 0%;
  background-size: contain !important;
  background-repeat: repeat-x;
}
.g-separator-sparkleband3 {
  position: relative;
  z-index: 8;
  height: 0;
  max-height: 0;
}
.g-separator-sparkleband3-inner {
  position: absolute;
  inset: -62px 0 auto 0;
  height: 114px;
  background-position: 50% 0%;
  background-size: contain !important;
  background-repeat: repeat-x;
}
.g-separator-sparkleband4 {
  position: relative;
  z-index: -1; /* behind */
  height: 0;
  max-height: 0;
}
.g-separator-sparkleband4-inner {
  position: absolute;
  inset: 0 0 auto 0;
  height: 110px;
  background-position: 50% 0%;
  background-size: contain !important;
  background-repeat: repeat-x;
}
/* star and horizontal line */
.g-separator-star-rule-inner {
  position: relative;
  z-index: 8;
}
.g-separator-star-rule-inner::before {
  content: "";
  position: absolute;
  left: calc(50% - 10px);
  top: -9px;
  width: 20px;
  height: 20px;
  background-image: var(--peach-star);
  background-size: contain;
  background-repeat: no-repeat;
}


/*** NAVIGATION ***/

/* change menu breakpoint - see https://stackoverflow.com/questions/74956603 */
@media (width >= 1180px) {
  .g-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  .g-navigation .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
}
/* neutralize the wp default 600px breakpoint */
@media (width >= 600px) {
  .g-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .g-navigation .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}
/* vlines between items */
@media (width >= 1180px) {
  .g-navigation li.wp-block-navigation-item:nth-child(n+2)::before {
    content: "";
    position: absolute;
    left: -28px;
    top: -0.375rem;
    bottom: -0.375rem;
    width: 1px;
    background-color: var(--wp--preset--color--custom-dusty-rose);
  }
  .g-navigation .wp-block-navigation-item > a:is(:hover,:focus-visible) {
    text-decoration: underline;
  }
  .g-navigation .wp-block-navigation-item.current-menu-item > a {
    font-weight: 700;
  }
}
/* mobile nav */
@media (width < 1180px) {
  .g-navigation .wp-block-navigation__responsive-container-open svg {
    width: 2rem;  /* make the mobile button larger */
    height: 2rem;
  }
  .g-navigation .wp-block-navigation__responsive-container.is-menu-open {
    position: absolute;
    z-index: 99;
    left: -12px;
    top: -2px;
    width: max-content;
    max-width: max-content;
    height: max-content;
    background-color: var(--wp--preset--color--custom-dusty-rose) !important;
    padding: 0;
  }
  .g-navigation .wp-block-navigation__responsive-dialog {
    display: flex;
    flex-flow: column nowrap;
    gap: 28px;
    margin: 0 !important;
    padding: 14px 0 28px 0;
  }
  .g-navigation .wp-block-navigation__responsive-container-close {
    position: relative;
    z-index: 1;
    align-self: center;
  }
  .g-navigation .wp-block-navigation__responsive-container-close svg path {
    fill: #fff;
  }
  .g-navigation .wp-block-navigation__responsive-container-content {
    padding: 0 !important;
  }
  .g-navigation .wp-block-navigation__container {
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch !important;
    gap: 0 !important;
  }
  .g-navigation .wp-block-navigation-item {
    display: block !important;
    position: relative;
    z-index: 1;
  }
  .g-navigation .wp-block-navigation-item::before,
  .g-navigation .wp-block-navigation-item::after {
    content: "";
    position: absolute;
    z-index: 2;
    height: 1px;
    background-color: var(--wp--preset--color--custom-taupe);
  }
  .g-navigation .wp-block-navigation-item::before {
    inset: 0 24px auto 24px;
  }
  .g-navigation .wp-block-navigation-item::after {
    inset: auto 24px 0 24px;
  }
  .g-navigation .wp-block-navigation-item:first-child::before {
    top: -1px;
    height: 2px;
  }
  .g-navigation .wp-block-navigation-item:last-child::after {
    bottom: -1px;
    height: 2px;
  }
  .g-navigation .wp-block-navigation-item > a {
    display: block;
    padding: 12px 50px !important;
    color: var(--wp--preset--color--custom-pink) !important;
    text-align: center !important;
  }
  .g-navigation .wp-block-navigation-item > a:is(:hover, :focus-visible),
  .g-navigation .wp-block-navigation-item.current-menu-item > a {
    color: var(--wp--preset--color--custom-dusty-rose) !important;
    background-color: var(--wp--preset--color--custom-pink);
    text-decoration: none;
  }
}


/*** HEADER ***/

/* header layout */
@media (width >= 720px) {
  .g-header {
    padding-block: 22px 34px;
  }
  .g-header-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "nav   logo  ."
      "title title title"
      "rule  rule  rule";
  }
  .g-header .g-navigation {
    grid-area: nav;
    align-self: start;
  }
  .g-header-logo {
    grid-area: logo;
    max-width: 216px;
    position: relative;
    top: -4px;
  }
  .g-header-pagetitle {
    grid-area: title;
    margin-top: 2.25rem;
  }
  .g-header-star-rule  {
    grid-area: rule;
    width: 100%;
    max-width: 1088px;
    justify-self: center;
  }
  .g-header-logo + .g-header-star-rule {
    /* some headers don't have a page title */
    margin-top: 2.25rem;
  }
}
@media (width < 720px) {
  .g-header {
    padding-block: 2px 34px;
  }
  .g-header-inner {
    display: flex;
    flex-flow: column nowrap;
  }
  .g-header-logo {
    margin-top: 1.25rem;
    align-self: center;
    max-width: 216px;
  }
  .g-header-pagetitle {
    margin-top: 2.25rem;
  }
  .g-header-star-rule  {
    margin-top: 0.25rem;
  }
  .g-header-logo + .g-header-star-rule {
    margin-top: 2.25rem;
  }
}


/*** FOOTERS ***/

.g-footer {
  display: grid;
  align-items: start;
  /* default background colors */
  --bgcoltop: #f3c390;
  --bgcoltopxp: #f3c39000;
  --bgcolleft: #f5c794;
  --bgcolleftxp: #f5c79400;
  --bgcolright: #ebaf7b;
  --bgcolrightxp: #ebaf7b00;
}
.g-footer-logo,
.g-footer-contact,
.g-footer-terms,
.g-footer-credits,
.g-footer-social {
  z-index: 5;
}
/* the background is a block inside the footer */
.g-footer-background {
  z-index: 1;
  place-self: stretch;
}
@media (width >= 1200px) {
  .g-footer-background {
    height: 794px;
    background-position: 50% 0%;
    background-size: contain !important;
    background-repeat: no-repeat;
    position: relative;
  }
  .g-footer-background::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: linear-gradient(90deg, var(--bgcolleft) 0%,
                var(--bgcolleft) calc(50% - 600px), var(--bgcolleftxp) calc(50% - 500px),
                var(--bgcolrightxp) calc(50% + 500px), var(--bgcolright) calc(50% + 600px),
                var(--bgcolright) 100%);
  }
}
@media (width < 1200px) {
  .g-footer-background {
    height: 794px;
    background-position: 50% 0%;
    background-size: cover !important;
    background-repeat: no-repeat;
    position: relative;
  }
}
@media (width < 1112px) {
  .g-footer-background::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: linear-gradient(180deg, var(--bgcoltop) 0%, var(--bgcoltopxp) 100px, var(--bgcoltopxp) 100%);
  }
}
@media (width >= 1112px) {
  .g-footer {
    grid-template-columns: 1fr 204px 44px 220px 30px 120px 30px 220px 12px 176px 1fr;
    grid-template-rows: 40px auto 1fr 40px;
  }
  .g-footer-logo {
    grid-area: 2 / 2;
    position: relative;
    top: -14px;
  }
  .g-footer-contact {
    grid-area: 2 / 4;
  }
  .g-footer-terms {
    grid-area: 2 / 6;
  }
  .g-footer-credits {
    grid-area: 2 / 8;
  }
  .g-footer-social {
    grid-area: 2 / 10;
  }
  .g-footer-background {
    grid-area: 1 / 1 / -1 / -1;
  }
}
@media (width < 1112px) {
  .g-footer {
    grid-template-columns: 48px max-content 44px max-content 44px 1fr 48px;
    grid-template-rows: 40px auto 2px auto 1fr 40px;
    background-color: var(--bgcoltop) !important;
  }
  .g-footer-logo {
    grid-area: 2 / 2;
    position: relative;
    top: -14px;
  }
  .g-footer-contact {
    grid-area: 2 / 4;
  }
  .g-footer-social {
    grid-area: 2 / 6;
  }
  .g-footer-terms {
    grid-area: 4 / 4;
  }
  .g-footer-credits {
    grid-area: 4 / 6;
  }
  .g-footer-background {
    grid-area: 3 / 1 / -1 / -1;
  }
}
@media (width < 840px) {
  .g-footer {
    grid-template-columns: 24px auto 44px auto 44px 1fr 24px;
  }
}
@media (width < 740px) {
  .g-footer {
    grid-template-columns: 24px 1fr 24px;
    grid-template-rows: 40px auto 24px auto 24px auto 24px auto 24px auto 1fr 40px;
    background-color: var(--bgcoltop) !important;
    justify-items: center;
    text-align: center;
  }
  .g-footer-logo {
    grid-area: 2 / 2;
  }
  .g-footer-contact {
    grid-area: 4 / 2;
  }
  .g-footer-credits {
    grid-area: 6 / 2;
  }
  .g-footer-terms {
    grid-area: 8 / 2;
  }
  .g-footer-social {
    grid-area: 10 / 2;
  }
  .g-footer-background {
    grid-area: 7 / 1 / -1 / -1;
  }
}

/* home page */
.g-home-footer {
  --bgcoltop: #f6cc9a;
  --bgcoltopxp: #f6cc9a00;
  --bgcolleft: #f5cb9a;
  --bgcolleftxp: #f5cb9a00;
  --bgcolright: #f5cb9a;
  --bgcolrightxp: #f5cb9a00;
}
@media (width < 1200px) {
  .g-home-footer-background {
    background-position-x: 75%;
  }
}
/* about */
.g-about-footer {
  --bgcoltop: #ffcf9e;
  --bgcoltopxp: #ffcf9e00;
  --bgcolleft: #fec99a;
  --bgcolleftxp: #fec99a00;
  --bgcolright: #fdc899;
  --bgcolrightxp: #fdc89900;
}
@media (width < 1200px) {
  .g-about-footer-background {
    background-position-x: 70%;
  }
}
/* services */
.g-services-footer {
  --bgcoltop: #fcd1a6;
  --bgcoltopxp: #fcd1a600;
  --bgcolleft: #ffd6a8;
  --bgcolleftxp: #ffd6a800;
  --bgcolright: #f7ce9d;
  --bgcolrightxp: #f7ce9d00;
}
@media (width < 1200px) {
  .g-services-footer-background {
    background-position-x: 48%;
  }
}
/* blog */
.g-blog-footer {
  /* use defaults */
}
@media (width < 1200px) {
  .g-blog-footer-background {
    background-position-x: 48%;
  }
}
/* post option 1 */
.g-post1-footer {
  --bgcoltop: #f1c292;
  --bgcoltopxp: #f1c29200;
  --bgcolleft: #f4ca97;
  --bgcolleftxp: #f4ca9700;
  --bgcolright: #f1c290;
  --bgcolrightxp: #f1c29000;
}
@media (width < 1200px) {
  .g-post1-footer-background {
    background-position-x: 42%;
  }
}
/* post option 2 */
.g-post2-footer {
  --bgcoltop: #facea5;
  --bgcoltopxp: #facea500;
  --bgcolleft: #f9cfa0;
  --bgcolleftxp: #f9cfa000;
  --bgcolright: #fdcf9e;
  --bgcolrightxp: #fdcf9e00;
}
@media (width < 1200px) {
  .g-post2-footer-background {
    background-position-x: 74%;
  }
}


/*** HOME PAGE ***/

/*** header section ***/
.g-home-header {
  display: grid;
}
/* the background is a block inside the section */
.g-home-header-background {
  position: relative;
  z-index: 1;
  place-self: stretch;
  --bgcoltop: #fcc79f;
  --bgcoltopxp: #fcc79f00;
  --bgcolleft: #e4b284;
  --bgcolleftxp: #e4b28400;
  --bgcolright: #ffcfa8;
  --bgcolrightxp: #ffcfa800;
}
.g-home-header-navlogo {
  position: relative;
  z-index: 6;
}
.g-home-header-text {
  position: relative;
  z-index: 5;
}
@media (width >= 720px) {
  .g-home-header {
    height: 890px;
    grid-template-columns: 12px 1fr 12px;
    grid-template-rows: auto auto 1fr;
  }
  .g-home-header-navlogo {
    grid-area: 1 / 2;
    width: min(100%, 1350px);
    justify-self: center;
  }
  .g-home-header-text {
    grid-area: 2 / 2;
    justify-self: center;
    padding-top: 1.75rem;
  }
  .g-home-header-background {
    grid-area: 1 / 1 / -1 / -1;
    background-size: auto !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .g-home-header-background::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: linear-gradient(90deg, var(--bgcolleft) 0%,
                var(--bgcolleft) calc(50% - 900px), var(--bgcolleftxp) calc(50% - 800px),
                var(--bgcolrightxp) calc(50% + 800px), var(--bgcolright) calc(50% + 900px),
                var(--bgcolright) 100%);
  }
}
@media (width >= 720px) and (width < 940px) {
  .g-home-header-background {
    background-position: 45% 50%;
  }
}
@media (width < 720px) {
  .g-home-header {
    height: 660px;
    grid-template-columns: 12px 1fr 12px;
    grid-template-rows: auto auto 1fr;
  }
  .g-home-header-navlogo {
    grid-area: 1 / 2;
    justify-self: stretch;
  }
  .g-home-header-text {
    grid-area: 2 / 2;
    justify-self: center;
    padding-top: 1.25rem;
  }
  .g-home-header-background {
    grid-area: 1 / 1 / -1 / -1;
    background-size: auto !important;
    background-position: 53.5% calc(100% + 40px);
    background-size: auto 640px !important;
    background-repeat: no-repeat;
  }
  .g-home-header-background::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: linear-gradient(180deg, var(--bgcoltop) 0%,
                var(--bgcoltop) calc(100% - 600px), var(--bgcoltopxp) calc(100% - 560px),
                var(--bgcoltopxp) 100%);
  }
}
/* home navigation and logo */
@media (width >= 720px) {
  .g-home-header-navlogo {
    padding-top: 22px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto;
  }
  .g-home-header .g-navigation {
    grid-area: 1 / 1;
    justify-self: start;
    align-self: start;
  }
  .g-home-header-logo {
    grid-area: 1 / 2;
    justify-self: center;
    align-self: start;
    max-width: 216px;
    position: relative;
    top: -4px;
  }
}
@media (width < 720px) {
  .g-home-header-navlogo {
    padding-top: 2px;
    display: flex;
    flex-flow: column nowrap;
  }
  .g-home-header-logo {
    margin-top: 0.5rem;
    align-self: center;
    max-width: 216px;
  }
}
/* home header text */
.g-home-header-text {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.25rem;
}
/* we're a little extra */
.g-home-header-extra p {
  font-size: clamp(2.00rem, calc(1.375rem + 6.500vw), 4.75rem) !important; /* arrived at by experimentation */
}
.g-home-header-extra .sparkle {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.g-home-header-extra .sparkle::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: -0.12em;
  top: -0.22em;
  width: 0.4em;
  height: 0.28em;
  background-image: var(--three-gold-stars-extra-bkg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}
/* mobile contact information */
:where(body:not(.editor-styles-wrapper)) .g-home-mobile-contact {
  display: none;
}
@media (width < 720px) {
  .g-home-mobile-contact {
    display: block;
  }
}
.g-home-mobile-contact-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
.g-home-mobile-contact-inner p.address a {
  display: block;
  padding-top: 1.5rem;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-image: var(--contact-address-icon);
}
.g-home-mobile-contact-inner p.hours {
  padding-top: 1.5rem;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-image: var(--contact-hours-icon);
}
.g-home-mobile-contact-inner p.telephone a {
  display: block;
  padding-top: 1.5rem;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-image: var(--contact-telephone-icon);
}
@media (width < 400px) {
  .g-home-mobile-contact-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
/*** intro section ***/
.g-home-intro-inner {
  display: flex;
  flex-flow: column nowrap;
  gap: clamp(30px, calc(15px + 3.75vw), 60px); /* 30@400w - 60@1200w */
  position: relative;
  z-index: 2;
  padding-block: clamp(74px, calc(55px + 4.75vw), 112px) /* 74@400w - 112@1200w */
                 clamp(16px, calc(40px - 2vw), 32px); /* 32@400w - 16@1200w */
}
/* seal */
@media (width >= 1000px) {
  .g-home-intro-seal {
    position: absolute;
    z-index: 2;
    right: 0px;
    top: -102px;
  }
  .editor-styles-wrapper .g-home-intro-seal {
    position: static;
  }
}
/* our services heading */
.g-home-intro-services-head-inner {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  gap: 48px;
  align-items: center;
}
.g-home-intro-services-head-inner :is(.left, .right) {
  position: relative;
  z-index: 1;
}
.g-home-intro-services-head-inner :is(.left, .right)::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -9px;
  width: 20px;
  height: 20px;
  background-image: var(--peach-star);
  background-size: contain;
  background-repeat: no-repeat;
}
.g-home-intro-services-head-inner .left::before {
  right: -34px;
}
.g-home-intro-services-head-inner .right::before {
  left: -34px;
}
/* our services grid */
@media (width >= 720px) {
  .g-home-intro-services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(3, auto);
    gap: 1.25rem 2rem;
  }
  .g-home-intro-services-card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row-start: span 3;
  }
  .g-home-intro-services-card .heading {
    align-self: center;
  }
  .g-home-intro-services-grid:not(:has(> div:nth-child(3))) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width < 720px) {
  .g-home-intro-services-grid {
    display: flex;
    flex-flow: column nowrap;
    gap: 2rem;
  }
  .g-home-intro-services-card {
    display: flex;
    flex-flow: column nowrap;
    gap: 1.25rem;
  }
}
.g-home-intro-services-card {
  padding-top: 4.75rem;
  position: relative;
  z-index: 1;
}
.g-home-intro-services-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3.75rem;
  background-image: var(--two-gold-stars-services-cards);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.g-home-intro-services-card:nth-child(even)::before {
  transform:scaleY(-1);
}
/*** our extras section ***/
.g-home-extras {
  background-size: 330px 364px !important;
  background-repeat: no-repeat;
  background-position: calc(50% - 580px) center;
}
/*** come stop by section ***/
.g-home-stopby {
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
}
@media (width >= 1200px) {
  .g-home-stopby {
    height: 700px;
    background-size: auto !important;
  }
}
@media (width >= 800px) and (width < 1200px) {
  .g-home-stopby {
    aspect-ratio: 1200 / 700;
    background-size: cover !important;
  }
}
@media (width < 800px) {
  .g-home-stopby {
    background-size: contain !important;
    background-position: 50% 100% !important;
    background-color: transparent !important;
  }
}
.g-home-stopby-inner {
  display: grid;
  grid-template-columns: 62fr minmax(344px, 344fr) 682fr;
  grid-template-rows: auto minmax(270px, 1fr);
  grid-template-rows: auto 1fr;
  grid-template-areas: ". text ." ". . .";
  gap: 0;
}
@media (width < 800px) {
  .g-home-stopby-inner {
    grid-template-columns: 1fr minmax(100px, 344px) 1fr;
    grid-template-rows: auto 33vw;
  }
}
.g-home-stopby-textbox {
  grid-area: text;
}
/*** true beauty section ***/
.g-home-truebeauty {
  display: grid;
}
/* the background is a block inside the section */
.g-home-truebeauty-background {
  position: relative;
  z-index: 1;
  place-self: stretch;
  --bgcolleft: #f5cba0;
  --bgcolleftxp: #f5cba000;
  --bgcolright: #ebbb86;
  --bgcolrightxp: #ebbb8600;
}
/* foreground elements */
.g-home-truebeauty-inner {
  position: relative;
  z-index: 5;
}
@media (width >= 680px) {
  .g-home-truebeauty {
    height: 700px;
    grid-template-columns: 12px 1fr 12px;
    grid-template-rows: 1fr;
  }
  .g-home-truebeauty-inner {
    grid-area: 1 / 2;
    justify-self: center;
    align-self: stretch;
    max-width: 1088px;
    display: grid;
    grid-template-columns: 1fr min(404px, 55%);
    grid-template-rows: auto 1fr;
  }
  .g-home-truebeauty-textbox {
    grid-area: 1 / 2;
    padding: 112px 32px 96px 32px;
  }
  .g-home-truebeauty-goldbox {
    grid-area: 2 / 2;
    align-self: stretch;
    margin-block: -48px -32px !important;
  }
  .g-home-truebeauty-background {
    grid-area: 1 / 1 / -1 / -1;
    background-size: auto !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .g-home-truebeauty-background::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: linear-gradient(90deg, var(--bgcolleft) 0%,
                var(--bgcolleft) calc(50% - 900px), var(--bgcolleftxp) calc(50% - 800px),
                var(--bgcolrightxp) calc(50% + 800px), var(--bgcolright) calc(50% + 900px),
                var(--bgcolright) 100%);
  }
}
@media (width < 680px) {
  .g-home-truebeauty {
    grid-template-columns: 12px 1fr 12px;
    grid-template-rows: 1fr;
    margin-bottom: 1rem;
  }
  .g-home-truebeauty-inner {
    grid-area: 1 / 2;
    display: grid;
    grid-template-columns: 1fr minmax(100px, 404px) 1fr;
    grid-template-rows: 52vw auto 1fr;
  }
  .g-home-truebeauty-textbox {
    grid-area: 2 / 2;
    padding: 48px 32px 64px 32px;
  }
  .g-home-truebeauty-goldbox {
    grid-area: 3 / 2;
    align-self: stretch;
    margin-block: -32px -32px !important;
  }
  .g-home-truebeauty-background {
    grid-area: 1 / 1 / -1 / -1;
    aspect-ratio: 1200 / 700;
    background-size: cover !important;
    background-size: auto 60vw !important;
    background-position: 38% 0%;
    background-repeat: no-repeat;
  }
}
/*** what can i expect section ***/
.g-home-expect-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (width < 720px) {
  .g-home-expect-columns {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}
.g-home-expect-column2 {
  container-type: inline-size;
  container-name: g-home-expect-column2
}
.g-home-expect-tagrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 44px 32px;
  justify-items: center;
  align-items: start;
}
.g-home-expect-tagrid .g-treatmentarea {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 90px auto;
  gap: 0.75rem;
  justify-items: center;
  align-items: center;
}
.g-home-expect-tagrid .g-treatmentarea p {
  text-align: center;
}
@container g-home-expect-column2 (width <= 400px) {
  .g-home-expect-tagrid {
    grid-template-columns: 1fr 1fr;
  }
}
/*** testimonials section ***/
.g-home-testimonials-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem 16px;
}
.g-home-testimonial-text {
  padding-right: 10%
}
@media (width < 780px) {
  .g-home-testimonials-grid {
    grid-template-columns: 1fr;
  }
  .g-home-testimonial-text {
    padding-right: 5%
  }
}


/*** ABOUT PAGE ***/

/*** intro section ***/
/* intro background and layout */
.g-about-intro {
  display: grid;
}
/* the background is a block inside the section */
.g-about-intro-background {
  position: relative;
  z-index: 1;
  place-self: stretch;
  --bgcolleft: #f6bf8d;
  --bgcolleftxp: #f6bf8d00;
  --bgcolright: #ffc78d;
  --bgcolrightxp: #ffc78d00;
  --bgcolbot: #fed3a8;
  --bgcolbotxp: #fed3a800;
}
.g-about-intro-text {
  position: relative;
  z-index: 5;
}
.g-about-intro .g-about-intro-text a {
  color: var(--wp--preset--color--custom-dusty-rose);
}
@media (width >= 800px) {
  .g-about-intro {
    height: 1000px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
  }
  .g-about-intro-text {
    grid-area: 2 / 1;
    align-self: end;
  }
  .g-about-intro-background {
    grid-area: 1 / 1 / -1 / -1;
    background-size: auto !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .g-about-intro-background::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: linear-gradient(90deg, var(--bgcolleft) 0%,
                var(--bgcolleft) calc(50% - 900px), var(--bgcolleftxp) calc(50% - 800px),
                var(--bgcolrightxp) calc(50% + 800px), var(--bgcolright) calc(50% + 900px),
                var(--bgcolright) 100%);
  }
}
@media (width >= 800px) and (width < 980px) {
  .g-about-intro-background {
    background-position: 62% 50% !important;
  }
}
@media (width < 800px) {
  .g-about-intro {
    height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: 450px 1fr;
  }
  .g-about-intro-text {
    grid-row: 2;
    grid-column: 1;
    align-self: end;
  }
  .g-about-intro-background {
    grid-area: 1 / 1 / -1 / -1;
    background-size: 1200px 667px !important;
    background-position: 61.5% 0%;
    background-repeat: no-repeat;
  }
  .g-about-intro-background::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: linear-gradient(180deg, var(--bgcolbotxp) 0%,
                var(--bgcolbotxp) calc(0% + 567px), var(--bgcolbot) calc(0% + 667px),
                var(--bgcolbot) 100%);
  }
}
/*** how we're different section ***/
@media (width >= 800px) {
  .g-about-differencelist {
    display: grid;
    grid-template-columns: repeat(5, minmax(min-content, 1fr));
    gap: 1px;
    align-items: stretch;
    justify-items: stretch;
  }
  .g-about-difference {
    position: relative;
    z-index: 1;
    padding: 0 16px 16px 16px;
    display: flex;
    flex-flow: column nowrap;
    gap: 0.5rem;
    text-align: center;
    text-wrap: balance;
  }
  .g-about-difference:nth-child(n+2)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    width: 1px;
    background-color: #ffffff60;
  }
  .g-about-difference:nth-child(n+2)::after {
    content: "";
    position: absolute;
    top: calc(50% - 11px);
    bottom: calc(50% - 11px);
    left: -11px;
    width: 21px;
    background-image: var(--cream-star);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
}
@media (width < 800px) {
  .g-about-differencelist {
    display: grid;
    grid-template-columns: 1fr;
    gap: 33px;
    justify-items: stretch;
  }
  .g-about-difference {
    position: relative;
    z-index: 1;
  }
  .g-about-difference:nth-child(n+2)::before {
    content: "";
    position: absolute;
    top: -15px;
    left: calc(50% - 66px);
    width: 132px;
    height: 1px;
    background-color: #ffffff60;
  }
  .g-about-difference:nth-child(n+2)::after {
    content: "";
    position: absolute;
    top: -25px;
    left: calc(50% - 10px);
    width: 21px;
    height: 21px;
    background-image: var(--cream-star);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .g-about-difference-number {
    color: #000 !important;
  }
  .g-about-difference p {
    text-align: center;
  }
}
/*** our space section ***/
/* (similar to come stop by on home page) */
.g-about-space {
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
}
@media (width >= 1200px) {
  .g-about-space {
    height: 700px;
    background-size: auto !important;
  }
}
@media (width >= 800px) and (width < 1200px) {
  .g-about-space {
    aspect-ratio: 1200 / 700;
    background-size: cover !important;
  }
}
@media (width < 800px) {
  .g-about-space {
    background-size: contain !important;
    background-position: 50% 0% !important;
    background-color: transparent !important;
  }
}
.g-about-space-inner {
  display: grid;
  grid-template-columns: 554fr minmax(384px, 534fr);
  grid-template-rows: 1fr auto;
  grid-template-areas: ". ." ". text";
  gap: 0;
  height: 100%;
}
@media (width < 800px) {
  .g-about-space-inner {
    grid-template-columns: minmax(20px, 1fr) minmax(100px, 534px) minmax(20px, 1fr);
    grid-template-rows: 33vw auto;
    grid-template-areas: ". . ." ". text .";
    height: auto;
  }
}
.g-about-space-textbox {
  grid-area: text;
}
/*** people section ***/
/* founder */
@media (width >= 980px) {
  .g-about-founder {
    background-size: 330px 364px !important;
    background-repeat: no-repeat;
    background-position: calc(50% - 580px) calc(100% - 20px);
  }
  /* use grid to overlay autograph */
  .g-about-founder-photosig {
    display: grid;
    grid-template-columns: 1fr 44px auto 44px 1fr;
    grid-template-rows: auto;
    gap: 0;
  }
  .g-about-founder-photoframe {
    grid-row: 1;
    grid-column: 2 / span 3;
    z-index: 1;
  }
  .g-about-founder-autograph {
    grid-row: 1;
    grid-column: 4 / span 2;
    z-index: 2;
    justify-self: start;
    align-self: center;
  }
}
@media (width < 980px) {
  .g-about-founder {
    background-size: 330px 364px !important;
    background-repeat: no-repeat;
    background-position: calc(50% - 540px) calc(100% - 140px);
  }
  .g-about-founder-photosig {
    display: flex;
    flex-flow: column nowrap;
    gap: 1rem;
    align-items: center;
  }
  .g-about-founder-autograph-mobile {
    max-width: 50%;
  }
}
/* doctor */
.g-about-doctor {
  background-size: 248px 274px !important;
  background-repeat: no-repeat;
  background-position: calc(50% + 500px) calc(100% - 90px);
}
.g-about-doctor-photosig {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto;
  gap: 0;
}
.g-about-doctor-photoframe {
  grid-area: 1 / 2;
}
/* show/hide founder and doctor photo mobile and desktop versions */
@media (width >= 520px) {
  body:not(.editor-styles-wrapper) .g-about-founder-photosig-mobile,
  body:not(.editor-styles-wrapper) .g-about-doctor-photosig-mobile {
    display: none;
  }
}
@media (width < 520px) {
  body:not(.editor-styles-wrapper) .g-about-founder,
  body:not(.editor-styles-wrapper) .g-about-doctor {
    background-image: none !important;
  }
  body:not(.editor-styles-wrapper) .g-about-founder-photosig,
  body:not(.editor-styles-wrapper) .g-about-doctor-photosig {
    display: none;
  }
}


/*** SERVICES PAGE ***/

/*** intro section ***/
@media (width >= 880px) {
  .g-services-intro-inner {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: auto auto;
    gap: 2rem;
  }
  .g-services-intro-text {
    grid-row: 1;
    grid-column: 1 / span 2;
  }
  .g-services-intro-footnote {
    grid-row: 2;
    grid-column: 2;
    align-self: center;
    justify-self: end;
  }
  .g-services-intro-filters {
    grid-row: 2;
    grid-column: 1;
    align-self: center;
  }
}
@media (width < 880px) {
  .g-services-intro-inner {
    display: flex;
    flex-flow: column nowrap;
    gap: 1.25rem;
  }
  .g-services-intro-filters {
    margin-top: 1rem;
    align-self: center;
  }
}
/*** services grid ***/
.g-services-list {
  container-type: inline-size;
  container-name: g-services-list
}
.g-services-list-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px 16px;
  place-items: stretch;
}
@container g-services-list (width <= 920px) {
  .g-services-list-inner {
    grid-template-columns: 1fr 1fr;
  }
}
@container g-services-list (width <= 580px) {
  .g-services-list-inner {
    grid-template-columns: 1fr;
  }
}
/* service card */
.g-servicecard {
  display: flex;
  place-items: stretch;
}
.g-service {
  position: relative;
  z-index: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
}
.g-service::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0 0 auto 0;
  height: 3px;
  background: var(--gold-topborder-gradient);
}
.g-service-image {
  margin-top: auto;
}
.g-service-button .wp-element-button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.g-service-button .wp-element-button::before {
  content: "";
  display: inline-block;
  width: 48px;
  height: 21px;
  background-image: var(--two-white-stars-button-bkg);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.g-service-button .wp-element-button:is(:hover,:focus-visible) {
  color: var(--wp--preset--color--base) !important;
  background-color: var(--wp--preset--color--custom-dusty-rose) !important;
}
/* filter status for service cards */
.g-services-show-all {
}
.g-services-show-lhr :is(.type-el, .type-lf) {
  display: none;
}
.g-services-show-lhr6 :is(.type-lhr12, .type-el, .type-lf) {
  display: none;
}
.g-services-show-lhr12 :is(.type-lhr6, .type-el, .type-lf) {
  display: none;
}
.g-services-show-el :is(.type-lhr, .type-lf) {
  display: none;
}
.g-services-show-lf :is(.type-lhr, .type-el) {
  display: none;
}
/* service filter controls */
.g-services-filters {
  display: flex;
  align-items: center;
  gap: 24px;
  line-height: 1.2;
}
@media (width < 480px) {
  .g-services-filters {
    flex-flow: column nowrap;
    gap: 16px;
  }
}
/* filter menu button */
.service-select {
  position: relative;
}
.ss-trigger {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 13rem;
  padding: 8px 46px 8px 20px;
  background: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--custom-taupe);
  color: var(--wp--preset--color--contrast);
  cursor: pointer;
  text-align: left;
}
.ss-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ss-trigger::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 10px;
  width: 8px;
  height: 8px;
  border-right: 1px solid var(--wp--preset--color--contrast);
  border-bottom: 1px solid var(--wp--preset--color--contrast);
  transform: rotate(45deg);
  pointer-events: none;
}
.ss-trigger:is(:hover, :focus-visible) {
  text-decoration: none !important;
}
/* filter menu */
.ss-menu {
  display: none;
  position: absolute;
  z-index: 99;
  inset: 100% 0 auto 0;
  background: #fcf2e7; /* not a palette color */
  border: 1px solid var(--wp--preset--color--custom-taupe);
  padding-block: 28px;
}
.service-select.open .ss-menu {
  display: block;
}
.ss-option {
  position: relative;
  z-index: 1;
  padding: 10px 20px;
  cursor: pointer;
  user-select: none;
}
.ss-option:is(:hover,:focus-visible) {
  background: var(--wp--preset--color--custom-peach);
  outline: none;
}
.ss-option.active {
  background: var(--wp--preset--color--custom-peach);
}
.ss-option::before,
.ss-option::after {
  content: "";
  position: absolute;
  z-index: 2;
  height: 1px;
  background-color: #ca962d60; /* translucent gold 1 */
}
.ss-option::before {
  inset: 0 20px auto 20px;
}
.ss-option::after {
  inset: auto 20px 0 20px;
}
.ss-option:first-child::before {
  top: -1px;
  height: 2px;
}
.ss-option:last-child::after {
  bottom: -1px;
  height: 2px;
}
/* LHR sub-options */
.lhr-subopts {
  display: flex;
  gap: 16px;
  visibility: hidden;
}
.lhr-subopts.visible {
  visibility: visible;
}
.lhr-subopt {
  padding: 8px 20px;
  background: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--custom-taupe);
  color: var(--wp--preset--color--contrast);
  white-space: nowrap;
  cursor: pointer;
}
.lhr-subopt:is(:hover, :focus-visible),
.lhr-subopt[aria-pressed="true"] {
  color: var(--wp--preset--color--base) !important;
  background: var(--wp--preset--color--custom-taupe);
  text-decoration: none !important;
}


/*** BLOG POSTS ***/

/* post layouts on wider screens */
@media (width >= 620px) {
  /* layout 0 - freeform */
  .g-post-layout0 {}
  /* layout 1a - image across top, text and left sidebar */
  .g-post-layout1a {
    display: grid;
    grid-template-columns: 348fr 24fr 716fr;
    grid-template-rows: auto auto;
  }
  .g-post-layout1a .g-post-graphic {
    grid-row: 1;
    grid-column: 1 / span 3;
    margin-bottom: 40px;
  }
  .g-post-layout1a .g-post-maintext {
    grid-row: 2;
    grid-column: 3;
  }
  .g-post-layout1a .g-post-sidetext {
    grid-row: 2;
    grid-column: 1;
  }
  .g-post-layout1a .g-post-sidetext-separator {
    display: none;
  }
  /* layout 1b - image across top, text and right sidebar */
  .g-post-layout1b {
    display: grid;
    grid-template-columns: 716fr 24fr 348fr;
    grid-template-rows: auto auto;
  }
  .g-post-layout1b .g-post-graphic {
    grid-row: 1;
    grid-column: 1 / span 3;
    margin-bottom: 40px;
  }
  .g-post-layout1b .g-post-maintext {
    grid-row: 2;
    grid-column: 1;
  }
  .g-post-layout1b .g-post-sidetext {
    grid-row: 2;
    grid-column: 3;
  }
  .g-post-layout1b .g-post-sidetext-separator {
    display: none;
  }
  /* layout 1c - image across top, text and no sidebar */
  .g-post-layout1c {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .g-post-layout1c .g-post-graphic {
    grid-row: 1;
    grid-column: 1;
    margin-bottom: 40px;
  }
  .g-post-layout1c .g-post-maintext {
    grid-row: 2;
    grid-column: 1;
  }
  .g-post-layout1c .g-post-sidetext {
    display: none;
  }
  .g-post-layout1c .g-post-sidetext-separator {
    display: none;
  }
  /* layout 2a - two columns - image and sidebar left, text right */
  .g-post-layout2a {
    display: grid;
    grid-template-columns: 444fr 24fr 620fr;
    grid-template-rows: auto 1fr;
  }
  .g-post-layout2a .g-post-graphic {
    grid-row: 1;
    grid-column: 1;
    margin-bottom: 32px;
  }
  .g-post-layout2a .g-post-maintext {
    grid-row: 1 / span 2;
    grid-column: 3;
  }
  .g-post-layout2a .g-post-sidetext {
    grid-row: 2;
    grid-column: 1;
  }
  .g-post-layout2a .g-post-sidetext-separator {
    display: none;
  }
  /* layout 2b - two columns - image and sidebar right, text left */
  .g-post-layout2b {
    display: grid;
    grid-template-columns: 620fr 24fr 444fr;
    grid-template-rows: auto 1fr;
  }
  .g-post-layout2b .g-post-graphic {
    grid-row: 1;
    grid-column: 3;
    margin-bottom: 32px;
  }
  .g-post-layout2b .g-post-maintext {
    grid-row: 1 / span 2;
    grid-column: 1;
  }
  .g-post-layout2b .g-post-sidetext {
    grid-row: 2;
    grid-column: 3;
  }
  .g-post-layout2b .g-post-sidetext-separator {
    display: none;
  }
}
/* all post layouts on mobile */
@media (width < 620px) {
  .g-post-layout1a,
  .g-post-layout1b,
  .g-post-layout1c,
  .g-post-layout2a,
  .g-post-layout2b {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
  }
  :is(.g-post-layout1a, .g-post-layout1b, .g-post-layout1c, .g-post-layout2a, .g-post-layout2b) .g-post-graphic {
    margin: 0 -12px 10px -12px;
  }
  :is(.g-post-layout1a, .g-post-layout1b, .g-post-layout1c, .g-post-layout2a, .g-post-layout2b) .g-post-graphic img {
    display: block;
    margin-inline: auto;
  }
}

/*** BLOG LISTS ***/

/* grids of post cards - blog page, category pages, related posts */
.g-post-cards {
  container-type: inline-size;
  container-name: g-post-cards;
}
.g-post-cards ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px 16px;
  place-items: stretch;
}
@container g-post-cards (width < 880px) {
  .g-post-cards ul {
    grid-template-columns: 1fr 1fr;
  }
  .g-post-related .g-post-cards ul {  /* related posts */
    grid-template-columns: 1fr;
  }
}
@container g-post-cards (width < 580px) {
  .g-post-cards ul {
    grid-template-columns: 1fr;
  }
}

/* load more button from plugin */
.g-post-cards a.loadMoreBtn {
  display: block;
  width: max-content;
  margin-top: 32px;
  padding: 0.6875rem 2rem 0.5rem 2rem;
  font-family: var(--wp--preset--font-family--aleo);
  font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.227), 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  color: var(--wp--preset--color--base);
  background-color: var(--wp--preset--color--custom-dusty-rose);
  transition: all 0.125s ease-in-out;
  text-decoration: none;
}
.g-post-cards a.loadMoreBtn:is(:hover,:focus-visible) {
  color: var(--wp--preset--color--base);
  background-color: var(--wp--preset--color--custom-taupe);
  text-decoration: none;
}

/* individual cards */
.g-post-card {
  position: relative;
  z-index: 1;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  place-items: stretch;
}
.g-post-related .g-post-card {
  grid-template-rows: auto 1fr;
}
.g-post-card::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: -3px 0 auto 0;
  height: 3px;
  background: var(--gold-topborder-gradient);
}
.g-post-card-text {
  padding: 24px 24px 32px 24px;
}
.g-post-card-image {
  aspect-ratio: 16 / 9; /* 720:405 */
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-post-card-image img {
  aspect-ratio: 16 / 9; /* 720:405 */
  object-fit: cover;
}
.g-post-card-image div {
  display: contents; /* this is for feature videos */
}
@container g-post-cards (width < 880px) and (width >= 620px) {
  .g-post-related .g-post-card { /* only do this in related posts on posts page */
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
/* feature post */
.g-feature-post-cards {
  container-type: inline-size;
  container-name: g-feature-post-cards;
}
.g-feature-post-cards ul {
  display: grid;
  grid-template-columns: 1fr;
  place-items: stretch;
}
@container g-feature-post-cards (width >= 720px) {
  .g-feature-post-card {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px 16px;
    place-items: stretch;
    padding-top: 32px;
  }
  .g-feature-post-card .g-post-card-image {
    grid-column: 1 / span 2;
  }
  .g-feature-post-card .g-post-card-image::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: -32px 0 auto 0;
    height: 3px;
    background: var(--gold-topborder-gradient);
  }
  .g-feature-post-card .g-post-card-text {
    grid-column: 3;
    padding: 32px 24px 32px 4px;
  }
}
@container g-feature-post-cards (width < 720px) {
  .g-feature-post-card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 0;
    place-items: stretch;
    padding-top: 3px;
    margin-inline: -12px;
  }
  .g-feature-post-card::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0 -12px auto -12px;
    height: 3px;
    background: var(--gold-topborder-gradient);
  }
  .g-feature-post-card .g-post-card-image {
    grid-row: 2;
    grid-column: 1;
  }
  .g-feature-post-card .g-post-card-text {
    grid-row: 1;
    grid-column: 1;
    padding: 32px 36px 32px 36px;
  }
}