a {
    text-decoration-thickness:1px!important;
    text-underline-offset:.1em
}
:where(.wp-site-blocks :focus){
    outline-width:2px;
    outline-style:solid
}
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child){
    margin-bottom:3px
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{
    outline-offset:4px
}
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    outline-offset:0
}
blockquote,caption,figcaption,h1,h2,h3,h4,h5,h6,p{
    text-wrap:pretty
}
.more-link{
    display:block
}
:where(pre){
    overflow-x:auto
}

/* additional styles for Legacy */
/* Tailwind writes styles via a script, so we need to turn them into static rules */
/* otherwise we are dependent on the CDN and a third party site, not good! */

.legacy-cream-to-white-to-purple {
    background-image: linear-gradient(to bottom right, #FAF8F5, #fff, rgb(203 183 226 / 0.2));
}
.legacy-purple-to-green {
    background-image: linear-gradient(to right, rgb(110 63 165 / 0.1), rgb(127 191 155 / 0.1));
}
.legacy-purple-5-to-green-5 {
    background-image: linear-gradient(to right, rgb(110 63 165 / 0.05), rgb(127 191 155 / 0.05));
}
.legacy-purple-to-green-br {
    background-image: linear-gradient(to bottom right, rgb(110 63 165 / 0.1), rgb(127 191 155 / 0.1));
}
.legacy-purple-to-green-br-5 {
    background-image: linear-gradient(to bottom right, rgb(110 63 165 / 0.05), rgb(127 191 155 / 0.05));
}
.legacy-purple-5-to-white-br {
    background-image: linear-gradient(to bottom right, rgb(110 63 165 / 0.05), #fff);
}
.legacy-purple-to-white-br {
    background-image: linear-gradient(to bottom right, rgb(110 63 165 / 0.1), #fff);
}
.legacy-green-5-to-white-br {
    background-image: linear-gradient(to bottom right, rgb(127 191 155 / 0.05), #fff);
}
.legacy-green-to-white-br {
    background-image: linear-gradient(to bottom right, rgb(127 191 155 / 0.1), #fff);
}
.legacy-green-1-to-green-05-br {
    background-image: linear-gradient(to bottom right, rgb(127 191 155 / 0.1), rgb(127 191 155 / 0.05));
}
.legacy-purple20-to-green {
    background-image: linear-gradient(to bottom right, rgb(110 63 165 / 0.2), #fff, rgb(127 191 155 / 0.1));
}
.legacy-purple-to-darkpurple {
    background-image: linear-gradient(to bottom right, #6E3FA5, #562F7F);
}
.legacy-cream-to-white {
    background-image: linear-gradient(to bottom right, #FAF8F5, #fff);
}
.hover-shadow-xl,
.hover-shadow-lg {
    transition: all 0.2s;
}
.hover-shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}
.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}
.shadow-lg,
.hover-shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

.purple-cta-hover {
    transition: all 0.2s;
}
.purple-cta-hover:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}


/* Navigation */
.sticky-nav {
    z-index: 20 !important;
}

nav .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
    padding: 0.25rem 0;
    border-bottom-width: 2px;
    border-color: transparent;
    text-decoration: none;
}
nav .wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
    border-color: var(--wp--preset--color--accent-1);
    color: var(--wp--preset--color--accent-1);
    text-decoration: none;
}
@media ( max-width: 782px ) {
	.wp-block-site-logo.is-default-size img {
		width: 100px;
	}
    .sticky-nav > .wp-block-template-part > .wp-block-group {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
}

/* change WP standard nav block collapse point */
/* set the new collpase point in the first rule */
/* The other rule ensures that it stays displayed correctly in the gap */
@media ( min-width: 1030px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
    }

}

@media ( min-width: 600px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
    }
}


/* General styles to fix UX pilot stuff */
footer {
    margin-top: 0;
}
.footer-pages-col a,
.footer-legal-col a,
.footer-bottom a {
    text-decoration: none;
}
.footer-pages-col a:hover,
.footer-legal-col a:hover {
    color: var(--wp--preset--color--base);
}

footer .icon-hover {
    transition: all 0.2s;
}
footer .icon-hover:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

p {
    font-size: 16px;
    font-weight: 400;
}

.scroll-margin-top {
    scroll-margin-top: 68px;
}

.wp-block-button__link {
    transition: all 0.3s;
}
.wp-block-button__link:hover {
    filter: brightness(80%);
}
.hero-icon-row > .wp-block-group {
    width: calc(33% - (1.2rem / 3))
}

@media ( max-width: 1000px ) {
    #blog-group .wp-block-query .wp-block-post-template-is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media ( max-width: 782px ) {
	.grid-4col-l-2col-s {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media ( max-width: 600px ) {
    #blog-group .wp-block-query .wp-block-post-template-is-layout-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media ( max-width: 450px ) {
	.grid-4col-l-2col-s {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
    .collapse-450 {
        flex-wrap: wrap;
    }
    .collapse-450>.wp-block-group {
        width: 100%;
    }
    .hero-icon-row {
        flex-wrap: wrap;
    }
    .hero-icon-row > .wp-block-group {
    width: 100%;
    }
}



.legacy-table-home {
    overflow-x: auto;
}
.legacy-table-home table {
    min-width: 42rem;
}
    
.legacy-table-home table {
    border-collapse: collapse;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
.legacy-table-home thead {
    border-bottom: 1px solid rgb(110 63 165 / 0.2);
}

.legacy-table-home thead th {
    border: 0;
    font-size: 1.13rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: var(--wp--preset--color--accent-4);
    padding: 1.25rem 1rem;
}
.legacy-table-home thead th:nth-child(1) {
    color: var(--wp--preset--color--contrast);
}
.legacy-table-home thead th:nth-child(2) {
    color: var(--wp--preset--color--accent-1);
}
.legacy-table-home tbody tr {
    border-bottom: 1px solid rgb(229 231 235);
}
.legacy-table-home tbody td {
    color: var(--wp--preset--color--contrast);
    border: 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1.25rem 1rem;
}

.legacy-table-home tbody .wp-rich-text-font-awesome-icon {
    font-size: 1.25rem;
}

.legacy-icon-circle {
    width: 3.5rem;
    height: 3.5rem;
    min-width: 3.5rem;
    min-height: 3.5rem;
}
.icon-width-5 {
    min-width: 5rem;
}
.icon-width-4 {
    min-width: 4rem;
}
.icon-width-3 {
    min-width: 3rem;
}
.icon-width-2-5 {
    min-width: 2.5rem;
}
.icon-width-2 {
    min-width: 2rem;
}

ul.list-style-none {
    list-style: none;
    padding-left: 0;
}

ul.list-style-none li {
    margin-top: 0.75rem;
}

ul.list-style-disc {
    list-style: disc;
    padding-left: 1rem;
}
ul.list-style-disc li::marker {
    color: var(--wp--preset--color--accent-1);
}
ul.list-style-disc.green li::marker {
    color: var(--wp--preset--color--accent-2);
}

ul.list-style-checkmark,
ul.list-style-chevron-green,
ul.list-style-chevron-purple {
    padding-left: 0;
}

ul.list-style-checkmark li,
ul.list-style-checkmark-purple li,
ul.list-style-checkmark-only-purple li,
ul.list-style-checkmark-only-green li,
ul.list-style-chevron-green li,
ul.list-style-chevron-purple li {
    list-style: none;
    background-image: url('https://stg-legacysupport-staging.kinsta.cloud/wp-content/uploads/2026/02/Checkmark-icon.svg');
    background-repeat: no-repeat;
    background-position: left 0.25rem;
    background-size: 1rem;
    padding-left: 1.5rem;
    margin-top: 0.75rem;
}
ul.list-style-checkmark-purple li {
    background-image: url('https://stg-legacysupport-staging.kinsta.cloud/wp-content/uploads/2026/02/Checkmark-icon-purple.svg');
}

ul.list-style-chevron-green li {
    background-image: url('https://stg-legacysupport-staging.kinsta.cloud/wp-content/uploads/2026/02/Chevron-right-icon-green.svg');
    background-size: 0.5rem;
}

ul.list-style-chevron-purple li {
    background-image: url('https://stg-legacysupport-staging.kinsta.cloud/wp-content/uploads/2026/02/Chevron-right-icon-purple.svg');
    background-size: 0.5rem;
}
ul.list-style-checkmark-only-purple li {
    background-image: url('https://stg-legacysupport-staging.kinsta.cloud/wp-content/uploads/2026/02/checkmark-only-purple.svg');
}
ul.list-style-checkmark-only-green li {
    background-image: url('https://stg-legacysupport-staging.kinsta.cloud/wp-content/uploads/2026/02/checkmark-only-green.svg');
}

ul li:first-child {
    margin-top: 0;
}

.img-100-width img {
    width: 100%;
}
.group-100-width {
    width: 100%;
}
.box-height-100 {
    height: 100%;
    justify-content: space-between;
}
.box-height-100-nospace {
    height: 100%;
}
.box-height-100-center {
    height: 100%;
    justify-content: center;
}
.box-height-100 figure.size-full {
    height: auto !important;
}

.image-w100-h280 img {
    width: 100%;
    height: 280px;
}

.image-w100-h192 img {
    width: 100%;
    height: 280px;
}

.image-w100-h256-op30 img {
    width: 100%;
    height: 280px;
    opacity: 0.3;
}

.overflow-clip {
    overflow: clip;
}

figure.radius-figure {
    border-radius: 1.5rem;
}

.hero-icon-row .wp-font-awesome-icon {
    font-size: 1.25rem;
}

.offset-rotate-bg::before {
    content: "";
    position: absolute;
    inset: 0;                 /* same size as card */
    background-color: rgb(110 63 165 / 0.25);
    border-radius: inherit;   /* copy rounding */
    z-index: -1;              /* move behind card */
    mix-blend-mode: multiply;
    transform: rotate(2deg);
}

.sticky-policy-nav {
    top: 88px;
}
.policy-col h3 {
    scroll-margin-top: 88px;
}
.policy-nav-link a {
    text-decoration: none;
    transition: all 0.2s;
}
.policy-nav-link a:hover {
    text-decoration: none;
    color: var(--wp--preset--color--contrast);
}

.policy-nav-link {
    background-color: transparent;
    padding: 0.5rem;
    border-radius: 0.5rem;
    margin-block-start: 0.6rem;
    transition: all 0.2s;
}
.policy-nav-link:hover {
    background-color: var(--wp--preset--color--base);
}

@media ( max-width: 1100px ) {
    .collapse-1100 {
        flex-direction: column;
    }
}


.frm-fluent-form label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.ff-default .ff-el-form-control {
    font-family: "Inter", sans-serif;
}
.ff-default .ff-btn-submit {
    background-color: var(--wp--preset--color--accent-1) !important;
    color: var(--wp--preset--color--base) !important;
    padding: 1rem 2.5rem;
    font-size: 1.12rem;
}

.ff-default .frm-fluent-form .ff-el-form-control:focus,
.ff-default .frm-fluent-form .ff-el-form-control:active,
.ff-default .frm-fluent-form input:active,
.ff-default .frm-fluent-form textarea:active,
.ff-default .frm-fluent-form select:active {
    border-color: var(--wp--preset--color--accent-1) !important;
}

/* Cookie Yes */
.cky-banner-element {
    background-color: var(--wp--preset--color--accent-1);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    color: var(--wp--preset--color--base);
    font-family: var(--wp--preset--font-family--inter);
    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.4), 1.13rem);
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    padding-top: 0.88rem;
    padding-right: 0.88rem;
    padding-bottom: 0.88rem;
    padding-left: 0.88rem;
    transition: all 0.3s;
    display: inline-block;
}
.cky-banner-element:hover {
    filter: brightness(80%);
}
.cky-audit-table-element h3:first-of-type {
    margin-top: 0 !important;
}
.cky-btn-revisit-wrapper {
    background-color: var(--wp--preset--color--accent-1) !important;
}
.cky-btn.cky-btn-reject,
.cky-btn.cky-btn-preferences,
.cky-btn.cky-btn-customize {
    border-color: var(--wp--preset--color--accent-1) !important;
    color: var(--wp--preset--color--accent-1) !important;
}
.cky-btn.cky-btn-accept {
    border-color: var(--wp--preset--color--accent-1) !important;
    background-color: var(--wp--preset--color--accent-1) !important;
    color: var(--wp--preset--color--base) !important;
}

/* Login/registration forms */
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount), body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount), body.user-registration-page #user-registration:not(.user-registration-MyAccount), body.user-registration-page .user-registration:not(.user-registration-MyAccount) {
    max-width: none;
    margin: 0 auto;
    border-radius: 0;
    border: 0;
}
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login, body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login {
    margin: 0 auto;
    box-shadow: none !important;
}
.user-registration.ur-frontend-form {
    background: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid {
    padding: 0;
}
.ur-frontend-form.login {
    padding: 0;
    border-radius: 0;
}
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error), body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error), body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error), body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error) {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}


/* Blog Pages */
.wp-block-post-excerpt__more-text a {
    color: var(--wp--preset--color--accent-1);
    font-weight: 700;
    text-decoration: none;
}