@font-face {
font-family: "Unytour Display Pro";
src: url(//pluginarium.com/wp-content/themes/pluginarium/assets/fonts/UnytourDisplayPro-Bold.woff2) format("woff2"),
url(//pluginarium.com/wp-content/themes/pluginarium/assets/fonts/UnytourDisplayPro-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}@font-face {
font-family: 'League Spartan';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/leaguespartan/v15/kJEnBuEW6A0lliaV_m88ja5Twtx8BWhtkDVmjZvM_oXpBA.ttf) format('truetype');
}
@font-face {
font-family: 'League Spartan';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://fonts.gstatic.com/s/leaguespartan/v15/kJEnBuEW6A0lliaV_m88ja5Twtx8BWhtkDVmjZvMfoTpBA.ttf) format('truetype');
}
@font-face {
font-family: 'League Spartan';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/leaguespartan/v15/kJEnBuEW6A0lliaV_m88ja5Twtx8BWhtkDVmjZvMoITpBA.ttf) format('truetype');
}
@font-face {
font-family: 'League Spartan';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/leaguespartan/v15/kJEnBuEW6A0lliaV_m88ja5Twtx8BWhtkDVmjZvM_oTpBA.ttf) format('truetype');
}
@font-face {
font-family: 'League Spartan';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/leaguespartan/v15/kJEnBuEW6A0lliaV_m88ja5Twtx8BWhtkDVmjZvMzITpBA.ttf) format('truetype');
}
@font-face {
font-family: 'League Spartan';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/leaguespartan/v15/kJEnBuEW6A0lliaV_m88ja5Twtx8BWhtkDVmjZvMIIPpBA.ttf) format('truetype');
}
@font-face {
font-family: 'League Spartan';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/leaguespartan/v15/kJEnBuEW6A0lliaV_m88ja5Twtx8BWhtkDVmjZvMGYPpBA.ttf) format('truetype');
}
@font-face {
font-family: 'League Spartan';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/leaguespartan/v15/kJEnBuEW6A0lliaV_m88ja5Twtx8BWhtkDVmjZvMfoPpBA.ttf) format('truetype');
}
@font-face {
font-family: 'League Spartan';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/leaguespartan/v15/kJEnBuEW6A0lliaV_m88ja5Twtx8BWhtkDVmjZvMV4PpBA.ttf) format('truetype');
}
:root {
--plgnrm-font-family-primary: "Unytour Display Pro", "League Spartan", system-ui, sans-serif;
--plgnrm-font-family-body: "League Spartan", sans-serif;
--plgnrm-font-weight-primary: 700;
--plgnrm-font-weight-body: 400;
--plgnrm-font-weight-emphasis: 600;
--plgnrm-font-size-body: clamp(1.05rem, 1.2vw, 1.25rem);
--plgnrm-font-size-subheading: clamp(1.25rem, 2.2vw, 1.7rem);
--plgnrm-font-size-display: clamp(3rem, 7vw, 5rem);
--plgnrm-font-size-h1: clamp(2.1rem, 5.2vw, 3.75rem);
--plgnrm-font-size-h2: clamp(2rem, 4vw, 3.25rem);
--plgnrm-font-size-h3: clamp(1.5rem, 2.4vw, 2rem);
--plgnrm-font-size-h4: 1.35rem;
--plgnrm-font-size-h5: 1.15rem;
--plgnrm-font-size-h6: 0.85rem;
--plgnrm-font-size-caption: 0.9rem;
--plgnrm-line-height-body: 1.35;
--plgnrm-line-height-heading: 1.1;
--plgnrm-line-height-prose: 1.55;
--plgnrm-line-height-prose-heading: 1.25;
--plgnrm-line-height-input: 1.125;
--plgnrm-line-height-button: 1;
--plgnrm-letter-spacing-heading: -0.01em;
--plgnrm-letter-spacing-eyebrow: 0.08em;
--plgnrm-color-primary: #0E1E5B;
--plgnrm-color-primary-deep: #091442;
--plgnrm-color-primary-mid: #021B79;
--plgnrm-color-secondary: #FAF6E3;
--plgnrm-color-background: #fcfcfc;
--plgnrm-color-background-header: #F3F3F3;
--plgnrm-color-background-card: #F3F3F3;
--plgnrm-color-background-card-premium: #F8E559;
--plgnrm-color-text: #2D1E2C;
--plgnrm-color-text-light: #fcfcfc;
--plgnrm-color-text-muted: rgba(45, 30, 44, 0.68);
--plgnrm-color-border: rgba(14, 30, 91, 0.12);
--plgnrm-color-success: #0D7A5F;
--plgnrm-color-success-soft: #D8F3EB;
--plgnrm-color-link: #0E1E5B;
--plgnrm-color-link-hover: var(--plgnrm-color-primary);
--plgnrm-color-button-background: linear-gradient(90deg, #091442 0%, #021B79 100%);
--plgnrm-color-button-background-hover: linear-gradient(90deg, #091442 0%, #021B79 100%);
--plgnrm-color-background-footer: linear-gradient(90deg, #0575E6 0%, #021B79 100%);
--plgnrm-gradient-background: linear-gradient(180deg, #fcfcfc 0%, #FAF6E3 100%);
--plgnrm-gradient-hero: radial-gradient(ellipse 80% 70% at 20% 40%, rgba(5, 117, 230, 0.55), transparent 55%), radial-gradient(ellipse 60% 50% at 85% 20%, rgba(248, 229, 89, 0.18), transparent 50%), linear-gradient(160deg, #0575E6 0%, #021B79 42%, #091442 100%);
--plgnrm-gradient-hero-product: radial-gradient(ellipse 70% 60% at 85% 15%, rgba(248, 229, 89, 0.55), transparent 55%), linear-gradient(165deg, #FFE566 0%, #F8E559 38%, #F0C93A 100%);
--plgnrm-spacing-root: 1.5rem;
--plgnrm-spacing-input-x: 1rem;
--plgnrm-spacing-input-y: 1rem;
--plgnrm-spacing-button-x: 1.6rem;
--plgnrm-spacing-button-y: 0.95rem;
--plgnrm-spacing-0: .25rem;
--plgnrm-spacing-10: min(.75rem, .75em);
--plgnrm-spacing-20: min(1rem, 1em);
--plgnrm-spacing-30: 1.5rem;
--plgnrm-spacing-40: 2rem;
--plgnrm-spacing-50: 2.5rem;
--plgnrm-spacing-60: 3rem;
--plgnrm-spacing-70: 4rem;
--plgnrm-spacing-80: 5rem;
--plgnrm-spacing-90: clamp(3.5rem, 8vw, 6rem);
--plgnrm-spacing-100: clamp(5rem, 10vw, 7.5rem);
--plgnrm-gap-menu: 1.5em;
--plgnrm-gap-block: 2.5rem;
--plgnrm-gap-block-footer: 1.5rem;
--plgnrm-gap-form: 2rem;
--plgnrm-width-content: min(68rem, 1088px);
--plgnrm-width-content-wide: min(90rem, 1440px);
--plgnrm-site-header-height: calc(var(--plgnrm-spacing-10) * 2 + var(--plgnrm-line-height-body) * var(--plgnrm-font-size-body));
--plgnrm-min-width-column: 22rem;
--plgnrm-min-width-column-3: 15rem;
--plgnrm-min-width-column-4: 19.6875rem;
--plgnrm-max-width-column: 30rem;
--plgnrm-max-width-column-wide: 45rem;
--plgnrm-transition: all 0.3s cubic-bezier(.5,.97,.77,.89);
--plgnrm-border-radius-submenu: .5rem;
--plgnrm-border-radius-inner: .75rem;
--plgnrm-border-radius-outer: 1.25rem;
--plgnrm-border-radius-pill: 999px;
--plgnrm-border-width-button: 1.5px;
--plgnrm-border-width-hr: 2px;
--plgnrm-shadow-block: 1.6px 0.7px 3.6px 0px rgba(0,0,0,0.07), 4.4px 2px 10px 0px rgba(0,0,0,0.1), 10.6px 4.8px 24.1px 0px rgba(0,0,0,0.13), 35px 16px 80px 0px rgba(0,0,0,0.2);
--plgnrm-shadow-block-inner: 1.6px 0.7px 3.6px 0px rgba(0,0,0,0.07), 4.4px 2px 10px 0px rgba(0,0,0,0.1), 10.6px 4.8px 24.1px 0px rgba(0,0,0,0.13);
--plgnrm-shadow-header: 1.6px 0.7px 3.6px 0px rgba(0,0,0,0.07), 4.4px 2px 10px 0px rgba(0,0,0,0.1), 10.6px 4.8px 24.1px 0px rgba(0,0,0,0.13);
--plgnrm-shadow-button: inset 0 0 0 100vmax rgba(0, 0, 0, 0), 1.6px 0.7px 3.6px 0px rgba(0,0,0,0.07), 4.4px 2px 10px 0px rgba(0,0,0,0.1), 10.6px 4.8px 24.1px 0px rgba(0,0,0,0.13); --plgnrm-shadow-button-outline: inset 0 0 0 100vmax rgba(0, 0, 0, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0); --plgnrm-shadow-button-hover: inset 0 0 0 100vmax rgba(0, 0, 0, 0.1), 1.6px 0.7px 3.6px 0px rgba(0,0,0,0), 4.4px 2px 10px 0px rgba(0,0,0,0), 10.6px 4.8px 24.1px 0px rgba(0,0,0,0);
}
p mark {
padding: 0.2em 0.35em 0.1em;
border-radius: 0.25em;
}
.running-devices {
position: absolute;
left: var(--plgnrm-spacing-root);
top: -30vh;
width: auto;
rotate: 5deg;
z-index: 0;
}
.running-devices > * {
max-width: max(400px, 30vw);
}
.running-devices .running-devices-col-1,
.running-devices .running-devices-col-2 {
overflow: hidden;
width: max(200px, 15vw);
}
.content-collapsed .running-devices {
top: 0;
rotate: 90deg;
right: 0;
transform-origin: top center;
translate: 75% 200px;
}
.content-collapsed .running-devices > * {
max-width: 300px;
margin: 0 auto;
}
.content-collapsed .running-device-parent {
min-height: 300px;
}
.squeeze-preview {
position: relative;
height: 100%;
overflow: hidden;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.squeeze-preview .wp-block-image {
position: relative;
box-sizing: border-box;
grid-column: 1 / -1;
grid-row: 1 / -1;
margin: 0;
display: block;
max-height: 100vh;
}
.squeeze-preview .wp-block-image img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
.squeeze-preview .thumbnail-before {
z-index: 1;
}
.squeeze-preview .thumbnail-before img {
clip-path: inset(0 50% 0 0);
}
.ui-slider {
position: absolute;
text-align: left;
height: 100%;
margin: 0 auto;
left: 0;
right: 0;
top: 0;
z-index: 1;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 0.25rem;
height: 100%;
cursor: ew-resize;
touch-action: none;
background: white;
border-left: 1px solid #000;
border-right: 1px solid #000;
left: -0.125rem;
}
.ui-slider .ui-slider-handle::before,
.ui-slider .ui-slider-handle::after {
content: "";
position: absolute;
width: 0;
height: 0;
filter: drop-shadow(1px 0px 0px black) drop-shadow(-1px 0px 0px black);
top: 50%;
margin-top: -0.5em;
}
.ui-slider .ui-slider-handle::before {
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-left: 1em solid white;
left: calc(0.25rem + 3px);
}
.ui-slider .ui-slider-handle::after {
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-right: 1em solid white;
right: calc(0.25rem + 3px);
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.section-explore {
z-index: 1;
position: relative;
}
.section-explore > * {
min-height: 100vh;
}
.explore-item {
min-height: 100vh;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
align-content: center;
}
.explore-item.active {
opacity: 1;
visibility: visible;
}
.explore-item .content-collapsed .device-wrapper {
max-width: 50vw;
}
@keyframes bounce {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
@keyframes elasticDown {
0% {
transform: translateY(0);
}
50% {
transform: translateY(10px);
}
75% {
transform: translateY(6px);
}
100% {
transform: translateY(10px);
}
}
.double-arrow-down {
animation: bounce 1.5s infinite;
transition: transform 0.3s ease-out;
}
.double-arrow-down:hover {
animation: elasticDown 0.5s forwards;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
font-family: var(--plgnrm-font-family-body);
font-size: var(--plgnrm-font-size-body);
font-weight: 400;
line-height: var(--plgnrm-line-height-body);
color: var(--plgnrm-color-text); }
body.header-collapsed .site-header__inner > .container > nav {
display: none;
}
body.header-collapsed .site-header__toggle {
display: flex;
}
body.header-collapsed .site-header__toggle.is-active svg path {
fill: var(--plgnrm-color-primary);
}
body.header-collapsed .site-header__toggle.is-active svg path:nth-child(1) {
display: none;
}
body.header-collapsed .site-header__toggle.is-active svg path:nth-child(2) {
display: block;
}
body.header-collapsed .site-header__mobile-menu {
display: flex;
}
body.header-collapsed .site-header__mobile-menu.is-active {
translate: 0 0;
}
body.header-collapsed.mobile-menu-active .site-title {
color: var(--plgnrm-color-primary);
z-index: 99;
}
body.header-collapsed.mobile-menu-active .site-header.is-loaded.sticky {
top: 0 !important;
opacity: 1 !important;
}
body.header-collapsed.mobile-menu-active .site-header.is-loaded.sticky .site-header__mobile-menu {
padding-top: calc(2.5rem + 1.6em);
}
body.admin-bar .site-header.is-loaded {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .site-header.is-loaded {
top: 46px;
}
}
@media screen and (max-width: 600px) {
body.admin-bar .site-header.is-loaded {
top: 46px;
}
}
@media screen and (max-width: 600px) {
body.admin-bar .site-header.is-loaded.sticky {
top: 0;
}
}
body.header-visible .is-position-sticky {
top: calc(var(--plgnrm-site-header-height) + var(--wp-admin--admin-bar--height, 0px));
max-height: calc(100vh - var(--plgnrm-site-header-height) - var(--wp-admin--admin-bar--height, 0px));
}
body.toc-active article.has-global-padding {
overflow: clip;
}
body.home .site-header.is-transparent :not(.site-header__mobile-menu) > nav ul.menu > li:not(.menu-item--button) .menu-item-arrow svg path {
fill: var(--plgnrm-color-text-light);
}
body.home .site-header.is-transparent :not(.site-header__mobile-menu) > nav ul.menu > li:not(.menu-item--button) > a {
color: var(--plgnrm-color-text-light);
}
.is-position-sticky {
transition: var(--plgnrm-transition);
transition-property: top;
max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
overflow: auto;
}
.content-collapsed .is-position-sticky,
body.header-visible .content-collapsed .is-position-sticky {
top: auto;
max-height: none;
}
.container {
width: 100%;
max-width: var(--plgnrm-width-content);
margin-left: auto;
margin-right: auto;
}
.container.container--full {
max-width: 100%;
}
a {
text-underline-offset: 0.25em;
transition: var(--plgnrm-transition);
cursor: pointer;
outline-offset: 0;
}
img {
max-width: 100%;
}
input[type="checkbox"],
input[type="radio"] {
accent-color: var(--plgnrm-color-primary);
}
.custom-logo {
height: 1.5em;
width: auto;
transition: var(--plgnrm-transition);
}
.site-logo {
z-index: 99;
line-height: 1;
}
.site-title {
font-size: var(--plgnrm-font-size-h4);
color: var(--plgnrm-color-text-light);
font-weight: var(--plgnrm-font-weight-primary);
font-family: var(--plgnrm-font-family-primary);
display: flex;
align-items: center;
}
.site-header {
font-family: var(--plgnrm-font-family-body);
background: var(--plgnrm-color-background-header);
opacity: 0;
transition: var(--plgnrm-transition);
transition-property: opacity, top, background;
position: fixed;
width: 100%;
z-index: 99;
top: 0;
box-shadow: var(--plgnrm-shadow-header);
border-bottom-right-radius: var(--plgnrm-border-radius-inner);
border-bottom-left-radius: var(--plgnrm-border-radius-inner);
}
.site-header.is-loaded {
opacity: 1;
}
.site-header.is-loaded.sticky {
top: 0;
}
.site-header.is-transparent {
background: transparent;
box-shadow: none;
}
body.home:not(.mobile-menu-active) .site-header.is-transparent .custom-logo,
body.page-template-page-documentation-php:not(.mobile-menu-active) .site-header.is-transparent .custom-logo {
filter: brightness(0) invert(1);
}
body.home:not(.mobile-menu-active) .site-header.is-transparent .site-header__toggle svg path,
body.page-template-page-documentation-php:not(.mobile-menu-active) .site-header.is-transparent .site-header__toggle svg path {
fill: var(--plgnrm-color-text-light);
}
.site-header .site-header__inner {
padding: var(--plgnrm-spacing-10) var(--plgnrm-spacing-root);
}
.site-header .site-header__inner > .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.site-header .site-header__inner > .container > nav {
display: flex;
justify-content: center;
flex-direction: column;
}
.site-header .site-header__toggle {
display: none;
padding: 0;
border: none;
align-self: center;
background: transparent;
z-index: 99;
}
.site-header .site-header__toggle svg {
width: 1em;
height: 1em;
}
.site-header .site-header__toggle svg path {
fill: var(--plgnrm-color-primary);
}
.site-header .site-header__toggle svg path:nth-child(2) {
display: none;
}
.site-header__mobile-menu {
display: none;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--plgnrm-color-background);
z-index: 98;
transition: var(--plgnrm-transition);
transition-property: translate;
translate: 100% 0;
padding-top: calc(var(--plgnrm-site-header-height) + var(--wp-admin--admin-bar--height, 0px));
padding-left: var(--plgnrm-spacing-root);
padding-right: var(--plgnrm-spacing-root);
padding-bottom: var(--plgnrm-spacing-root);
}
.site-header__mobile-menu > nav {
width: 100%;
}
.site-header__mobile-menu > nav > ul {
align-items: flex-start;
grid-gap: 0;
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) {
width: 100%;
flex-wrap: wrap;
border-bottom: 1px solid var(--plgnrm-color-primary);
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) > a {
padding: 1em 0;
flex: 1;
color: var(--plgnrm-color-text);
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) > a:hover {
background-color: var(--plgnrm-color-primary);
color: var(--plgnrm-color-text-light);
padding-inline-start: 1em;
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) > a:hover::after {
display: none;
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) > .menu-item-arrow svg path {
fill: var(--plgnrm-color-primary);
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) > .sub-menu,
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) > .children {
position: relative;
width: 100%;
padding: 0;
padding-left: 1em;
display: none;
background: transparent;
box-shadow: none;
border-radius: 0;
border: 0;
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) > .sub-menu.is-active,
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) > .children.is-active {
display: block;
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) > .sub-menu li,
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) > .children li {
padding: 0;
border-bottom: 0;
border-top: 1px solid var(--plgnrm-color-primary);
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button).is-active > .menu-item-arrow {
transform: rotate(180deg);
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button).current-menu-item > a {
opacity: 0.5;
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button)::after {
display: none;
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) .menu-item-arrow {
width: 2em;
justify-content: center;
padding: 0;
box-shadow: none;
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) .menu-item-arrow:hover {
box-shadow: none;
background: transparent;
}
.site-header__mobile-menu > nav > ul li:not(.menu-item--button) .menu-item-arrow svg {
height: 0.5em;
}
ul.menu,
nav.menu > ul {
display: flex;
align-items: center;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
grid-gap: var(--plgnrm-gap-menu);
font-size: var(--plgnrm-font-size-caption);
}
ul.menu li,
nav.menu > ul li {
position: relative;
}
ul.menu li:not(.menu-item--button),
nav.menu > ul li:not(.menu-item--button) {
display: flex;
}
ul.menu li:not(.menu-item--button) > a,
nav.menu > ul li:not(.menu-item--button) > a {
color: var(--plgnrm-color-primary);
display: block;
transition: none;
position: relative;
text-decoration: none;
}
ul.menu li:not(.menu-item--button)::after,
nav.menu > ul li:not(.menu-item--button)::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: var(--plgnrm-color-primary);
transform: scaleX(0);
transform-origin: right top;
transition: var(--plgnrm-transition);
transition-property: transform;
}
ul.menu li:not(.menu-item--button):hover::after,
nav.menu > ul li:not(.menu-item--button):hover::after {
transform: scaleX(1);
transform-origin: left top;
}
ul.menu li:not(.menu-item--button).current-menu-item::after,
nav.menu > ul li:not(.menu-item--button).current-menu-item::after,
ul.menu li:not(.menu-item--button).current_page_parent::after,
nav.menu > ul li:not(.menu-item--button).current_page_parent::after {
transform: scaleX(1);
}
ul.menu li:not(.menu-item--button).menu-item-has-children > a,
nav.menu > ul li:not(.menu-item--button).menu-item-has-children > a {
padding-right: 0;
}
ul.menu li:not(.menu-item--button) > .sub-menu,
nav.menu > ul li:not(.menu-item--button) > .sub-menu {
display: none;
position: absolute;
top: calc(100% - 1px);
left: 0;
padding: 0.75em 1em;
z-index: 99;
box-shadow: var(--plgnrm-shadow-block-inner);
background: rgba(243, 243, 243, 0.75);
border-radius: 0 0 var(--plgnrm-border-radius-submenu) var(--plgnrm-border-radius-submenu);
border: 1px solid var(--plgnrm-color-primary);
}
ul.menu li:not(.menu-item--button) > .sub-menu > li,
nav.menu > ul li:not(.menu-item--button) > .sub-menu > li {
display: block;
}
ul.menu li:not(.menu-item--button) > .sub-menu.is-active,
nav.menu > ul li:not(.menu-item--button) > .sub-menu.is-active {
display: block;
}
@media (hover: none) {
ul.menu li:not(.menu-item--button).is-active,
nav.menu > ul li:not(.menu-item--button).is-active {
z-index: 1;
}
ul.menu li:not(.menu-item--button).is-active > .sub-menu.is-active,
nav.menu > ul li:not(.menu-item--button).is-active > .sub-menu.is-active {
display: block;
}
}
@media (hover: hover) {
ul.menu li:not(.menu-item--button):hover,
nav.menu > ul li:not(.menu-item--button):hover {
z-index: 1;
}
ul.menu li:not(.menu-item--button):hover > .sub-menu,
nav.menu > ul li:not(.menu-item--button):hover > .sub-menu {
display: block;
}
}
ul.menu li:not(.menu-item--button) .menu-item-arrow,
nav.menu > ul li:not(.menu-item--button) .menu-item-arrow {
padding: 0;
background: transparent;
border: none;
box-shadow: none;
align-items: center;
display: flex;
padding-inline-start: 0.25em;
transition: var(--plgnrm-transition);
}
ul.menu li:not(.menu-item--button) .menu-item-arrow:hover,
nav.menu > ul li:not(.menu-item--button) .menu-item-arrow:hover {
box-shadow: none;
background: transparent;
}
ul.menu li:not(.menu-item--button) .menu-item-arrow svg,
nav.menu > ul li:not(.menu-item--button) .menu-item-arrow svg {
height: 0.25em;
width: auto;
}
ul.menu li:not(.menu-item--button):last-child > .sub-menu,
nav.menu > ul li:not(.menu-item--button):last-child > .sub-menu {
right: 0;
left: auto;
}
ul.menu li.menu-item--button > a,
nav.menu > ul li.menu-item--button > a {
display: inline-block;
line-height: 1;
}
.wp-block-columns.is-style-autostack-columns,
.wp-block-group.is-style-autostack-group {
flex-wrap: wrap !important;
}
.wp-block-columns.is-style-autostack-columns.content-collapsed,
.wp-block-group.is-style-autostack-group.content-collapsed {
display: flex;
flex-wrap: nowrap !important;
flex-direction: column;
}
.wp-block-columns.is-style-autostack-columns.content-collapsed > *,
.wp-block-group.is-style-autostack-group.content-collapsed > * {
flex-grow: 1;
width: 100%;
margin: auto;
max-width: var(--plgnrm-max-width-column);
}
.wp-block-columns.is-style-autostack-columns.content-collapsed > * > [style*="min-height:100%"],
.wp-block-group.is-style-autostack-group.content-collapsed > * > [style*="min-height:100%"] {
min-height: 20rem !important;
}
.wp-block-columns.is-style-autostack-columns.content-collapsed > *[style*="flex-basis:66.66%"],
.wp-block-group.is-style-autostack-group.content-collapsed > *[style*="flex-basis:66.66%"] {
max-width: var(--plgnrm-max-width-column-wide);
}
.wp-block-columns.is-style-autostack-columns.content-collapsed .wp-block-cover .wp-block-heading,
.wp-block-group.is-style-autostack-group.content-collapsed .wp-block-cover .wp-block-heading {
text-align: center;
}
.wp-block-columns.is-style-autostack-columns > *,
.wp-block-group.is-style-autostack-group > * {
min-width: min(100%, var(--plgnrm-min-width-column));
}
.wp-block-columns.is-style-autostack-columns.has-3-columns > *,
.wp-block-group.is-style-autostack-group.has-3-columns > * {
min-width: min(100%, var(--plgnrm-min-width-column-3));
}
.wp-block-columns.is-style-autostack-columns.has-4-columns > *,
.wp-block-group.is-style-autostack-group.has-4-columns > * {
min-width: min(100%, var(--plgnrm-min-width-column-4));
}
.wp-block-columns.is-style-autostack-columns.content-collapsed.stacked-on-mobile {
flex-direction: column-reverse;
}
.wp-block-columns.is-style-autostack-columns.content-collapsed .wp-block-heading.is-style-heading-with-icon,
.wp-block-columns.is-style-autostack-columns.content-collapsed .wp-block-buttons {
justify-content: center;
}
.wp-block-columns.is-style-autostack-columns.content-collapsed p.has-subheading-font-size {
text-align: center;
}
.wp-block-columns.is-style-autostack-columns.content-collapsed .wp-block-list > li {
margin-left: auto;
margin-right: auto;
}
.wp-block-columns.is-style-autostack-columns.content-collapsed .preview-wrapper,
.wp-block-columns.is-style-autostack-columns.content-collapsed .mask-image {
max-width: max(300px, 70vw);
margin-left: auto;
margin-right: auto;
}
.wp-block-group.is-style-autostack-group .is-sticky-group {
position: sticky;
top: calc(2rem + var(--wp-admin--admin-bar--height, 0px));
z-index: 1;
}
.wp-block-group.is-style-autostack-group.content-collapsed .is-sticky-group {
top: auto;
position: relative;
}
.wp-block-group.is-style-autostack-group.content-collapsed.is-layout-flex:not(.is-vertical) > * {
min-width: auto;
}
.wp-block-group.is-style-card-group {
position: relative;
z-index: 5;
}
.wp-block-group.is-style-card-group.hero-section .wp-block-cover__inner-container {
opacity: 0;
}
.wp-block-group.is-style-card-group + .wp-block-group.is-style-card-group {
z-index: 4;
}
.wp-block-group.is-style-card-group + .wp-block-group.is-style-card-group + .wp-block-group.is-style-card-group {
z-index: 3;
}
.wp-block-group.is-style-card-group + .wp-block-group.is-style-card-group + .wp-block-group.is-style-card-group + .wp-block-group.is-style-card-group {
z-index: 2;
}
.wp-block-group.is-style-card-group + .wp-block-group.is-style-card-group + .wp-block-group.is-style-card-group + .wp-block-group.is-style-card-group + .wp-block-group.is-style-card-group {
z-index: 1;
}
.site-footer {
background-color: var(--plgnrm-color-background-footer);
background-image: url(//pluginarium.com/wp-content/themes/pluginarium/assets/images/intro-bg.svg);
background-size: cover;
background-position: center top 30%;
color: var(--plgnrm-color-text-light);
font-family: var(--plgnrm-font-family-body);
padding: var(--plgnrm-spacing-60) var(--plgnrm-spacing-root);
position: relative;
}
.site-footer .site-footer__divider {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
z-index: 1;
}
.site-footer .site-footer__divider svg {
position: relative;
display: block;
width: calc(100% + 1.3px);
height: 51px;
}
.site-footer .site-footer__divider svg .shape-fill {
fill: var(--plgnrm-color-secondary);
}
.site-footer::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--plgnrm-color-background-footer);
opacity: 0.8;
}
.site-footer a {
text-decoration: underline;
}
.site-footer a:hover {
text-decoration: none;
}
.site-footer .site-footer__inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-gap: var(--plgnrm-gap-block);
position: relative;
z-index: 1;
}
.site-footer .site-footer__inner .wp-block-heading {
color: var(--plgnrm-color-text-light);
font-size: var(--plgnrm-font-size-body);
}
.site-footer .site-footer__column {
white-space: nowrap;
display: flex;
flex-direction: column;
gap: var(--plgnrm-gap-block);
}
.site-footer .site-footer__copyright {
font-size: var(--plgnrm-font-size-caption);
padding: var(--plgnrm-spacing-30) 0 0;
position: relative;
z-index: 1;
}
.site-footer .site-footer__copyright p {
margin: 0;
}
.text-nowrap {
white-space: nowrap;
}
body.single > article .article__inner {
max-width: min(35rem, 560px);
margin: 0 auto;
padding-top: var(--plgnrm-spacing-70);
padding-bottom: var(--plgnrm-spacing-70);
}
.main-content {
padding-top: calc(var(--plgnrm-spacing-70) + var(--plgnrm-site-header-height) + var(--wp-admin--admin-bar--height, 0px));
padding-bottom: var(--plgnrm-spacing-70);
padding-left: var(--plgnrm-spacing-root);
padding-right: var(--plgnrm-spacing-root);
min-height: 90vh;
background: var(--plgnrm-gradient-background);
}
body.error404 .main-content {
align-content: center;
}
body.page-template-page-documentation-php .main-content {
padding-top: 0;
padding-bottom: 0;
}
.page-title {
margin-top: 0;
margin-bottom: var(--plgnrm-spacing-40);
text-align: center;
font-size: var(--plgnrm-font-size-h2);
}
.text-page {
overflow-x: clip;
}
.text-page__article {
max-width: min(42rem, 672px);
margin-left: auto;
margin-right: auto;
}
.text-page__header {
width: 80vw;
max-width: 80vw;
margin-left: calc(50% - 80vw / 2);
margin-right: calc(50% - 80vw / 2);
margin-bottom: var(--plgnrm-spacing-40);
}
.text-page__header .page-title {
margin-bottom: 0;
text-align: center;
}
.text-page__content {
font-size: var(--plgnrm-font-size-body);
line-height: var(--plgnrm-line-height-prose);
}
.text-page__content > * {
margin-block: 0;
margin-bottom: 1.25rem;
}
.text-page__content > *:first-child {
margin-top: 0;
}
.text-page__content > *:last-child {
margin-bottom: 0;
}
.text-page__content > .alignwide {
width: 80vw;
max-width: 80vw;
margin-left: calc(50% - 80vw / 2);
margin-right: calc(50% - 80vw / 2);
}
.text-page__content > .alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.text-page__content h1,
.text-page__content h2,
.text-page__content h3,
.text-page__content h4,
.text-page__content h5,
.text-page__content h6 {
line-height: var(--plgnrm-line-height-prose-heading);
margin-top: 2rem;
margin-bottom: 0.75rem;
}
.text-page__content h1:first-child,
.text-page__content h2:first-child,
.text-page__content h3:first-child,
.text-page__content h4:first-child,
.text-page__content h5:first-child,
.text-page__content h6:first-child {
margin-top: 0;
}
.text-page__content h1 {
font-size: var(--plgnrm-font-size-h2);
}
.text-page__content h2 {
font-size: var(--plgnrm-font-size-h3);
}
.text-page__content h3 {
font-size: var(--plgnrm-font-size-h4);
}
.text-page__content h4 {
font-size: var(--plgnrm-font-size-h5);
}
.text-page__content p {
margin-bottom: 1.25rem;
}
.text-page__content ul,
.text-page__content ol {
margin-top: 0;
margin-bottom: 1.25rem;
padding-left: 1.5em;
}
.text-page__content li {
margin-bottom: 0.5rem;
}
.text-page__content li:last-child {
margin-bottom: 0;
}
.text-page__content hr {
margin-top: 2rem;
margin-bottom: 2rem;
}
.text-page__content figure,
.text-page__content .wp-block-image,
.text-page__content .wp-block-table,
.text-page__content .wp-block-embed {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.text-page__content .wp-block-image img {
display: block;
max-width: 100%;
height: auto;
border: 1px solid color-mix(in srgb, var(--plgnrm-color-primary) 12%, transparent);
border-radius: var(--plgnrm-border-radius-inner);
box-shadow: var(--plgnrm-shadow-block-inner);
}
.text-page__content .is-style-card-group .wp-block-image img {
border: none;
border-radius: 0;
box-shadow: none;
}
.text-page__content blockquote {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.post-thumbnail {
margin-bottom: var(--plgnrm-spacing-70);
overflow: hidden;
}
.post-thumbnail img {
width: 30rem;
max-width: 100%;
margin: auto;
height: 100%;
display: block;
object-fit: cover;
aspect-ratio: 16 / 9;
border-radius: var(--plgnrm-border-radius-outer);
}
.archive-header {
margin-bottom: var(--plgnrm-spacing-40);
}
.archive-header .page-title {
margin-bottom: 0;
}
.archive-header .search-form {
margin-top: 1em;
}
article .article-title {
font-size: var(--plgnrm-font-size-subheading);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.search-form {
display: flex;
}
.search-form > .form-group {
flex: 1;
}
.search-form input[type="search"] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.search-form [type="submit"] {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0;
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
width: 100%;
padding: var(--plgnrm-spacing-input-y) var(--plgnrm-spacing-input-x);
border: 1px solid var(--plgnrm-color-primary);
border-radius: 99em;
line-height: var(--plgnrm-line-height-input);
font-size: var(--plgnrm-font-size-body);
font-family: var(--plgnrm-font-family-body);
color: var(--plgnrm-color-text);
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
outline-offset: 0;
}
textarea,
div.wpforms-container.wpforms-block textarea {
border-radius: var(--plgnrm-border-radius-inner);
}
div.wpforms-container.wpforms-block input[type="text"],
div.wpforms-container.wpforms-block input[type="email"],
div.wpforms-container.wpforms-block input[type="url"],
div.wpforms-container.wpforms-block input[type="tel"],
div.wpforms-container.wpforms-block input[type="password"],
div.wpforms-container.wpforms-block input[type="number"],
div.wpforms-container.wpforms-block input[type="date"],
div.wpforms-container.wpforms-block input[type="month"],
div.wpforms-container.wpforms-block input[type="week"],
div.wpforms-container.wpforms-block input[type="time"],
div.wpforms-container.wpforms-block input[type="datetime"],
div.wpforms-container.wpforms-block input[type="datetime-local"],
div.wpforms-container.wpforms-block input[type="color"],
div.wpforms-container.wpforms-block .wpforms-form textarea,
div.wpforms-container.wpforms-block select {
padding: var(--plgnrm-spacing-input-y) var(--plgnrm-spacing-input-x);
font-size: var(--plgnrm-font-size-body);
line-height: var(--plgnrm-line-height-input);
min-height: auto;
height: auto;
}
div.wpforms-container.wpforms-block:not(:empty) {
margin: 0 auto;
}
div.wpforms-container.wpforms-block .wpforms-field,
.wp-core-ui div.wpforms-container.wpforms-block .wpforms-field {
padding: 0;
}
.wpforms-container.wpforms-block .wpforms-form .wpforms-field-container {
display: flex;
flex-direction: column;
gap: var(--plgnrm-gap-form);
}
div.wpforms-container.wpforms-block .wpforms-form .wpforms-submit-container {
text-align: center;
margin-top: var(--plgnrm-gap-form);
}
input[type="submit"],
button,
div.wpforms-container.wpforms-block input[type=submit],
div.wpforms-container.wpforms-block button[type=submit],
div.wpforms-container.wpforms-block .wpforms-page-button,
.wp-core-ui div.wpforms-container.wpforms-block input[type=submit],
.wp-core-ui div.wpforms-container.wpforms-block button[type=submit],
.wp-core-ui div.wpforms-container.wpforms-block .wpforms-page-button {
padding: var(--plgnrm-spacing-button-y) var(--plgnrm-spacing-button-x);
border-radius: 99em;
background: var(--plgnrm-color-button-background);
color: var(--plgnrm-color-text-light);
font-size: var(--plgnrm-font-size-body);
line-height: var(--plgnrm-line-height-button);
border: var(--plgnrm-border-width-button) solid var(--plgnrm-color-primary);
box-shadow: var(--plgnrm-shadow-button);
transition: var(--plgnrm-transition);
cursor: pointer;
outline-offset: 0;
height: auto;
font-weight: 400;
}
input[type="submit"]:hover,
button:hover,
div.wpforms-container.wpforms-block input[type=submit]:hover,
div.wpforms-container.wpforms-block button[type=submit]:hover,
div.wpforms-container.wpforms-block .wpforms-page-button:hover,
.wp-core-ui div.wpforms-container.wpforms-block input[type=submit]:hover,
.wp-core-ui div.wpforms-container.wpforms-block button[type=submit]:hover,
.wp-core-ui div.wpforms-container.wpforms-block .wpforms-page-button:hover {
background: var(--plgnrm-color-button-background-hover);
box-shadow: var(--plgnrm-shadow-button-hover);
}
.cursor {
display: none;
}
@media (any-pointer: fine) {
.cursor {
position: fixed;
top: 0;
left: 0;
display: block !important;
pointer-events: none;
z-index: 9999;
mix-blend-mode: difference;
}
}
.cursor .cursor__inner {
z-index: 9999999999;
pointer-events: none;
position: absolute;
border-radius: 50%;
}
@media (any-pointer: fine) {
.cursor .cursor__inner {
fill: #fff;
stroke: none;
stroke-width: 1px;
opacity: 1;
}
}
.toc {
font-size: var(--plgnrm-font-size-caption);
}
.toc .toc__title {
font-size: var(--plgnrm-font-size-body);
margin: 0 0 var(--plgnrm-spacing-20);
}
.toc > ul {
list-style: none;
padding: 0;
margin: 0;
}
.toc > ul > li {
margin-bottom: var(--plgnrm-spacing-10);
}
.toc--sticky {
position: fixed;
right: var(--plgnrm-spacing-30);
bottom: var(--plgnrm-spacing-30);
z-index: 90;
width: min(16rem, calc(100vw - var(--plgnrm-spacing-40) * 2));
max-height: min(50vh, 24rem);
overflow: auto;
padding: var(--plgnrm-spacing-20);
margin: 0;
background-color: var(--plgnrm-color-background-card);
border-radius: var(--plgnrm-border-radius-inner);
box-shadow: var(--plgnrm-shadow-block-inner);
}
.toc--sticky > ul > li:last-child {
margin-bottom: 0;
}
@media (max-width: 600px) {
.toc--sticky {
right: var(--plgnrm-spacing-20);
bottom: var(--plgnrm-spacing-20);
max-height: 40vh;
}
}
.header-collapsed .toc--sticky {
position: static;
right: auto;
bottom: auto;
width: auto;
max-height: none;
box-shadow: none;
border-radius: 0;
}
.content-collapsed .toc-wrapper,
.header-collapsed .toc-wrapper:has(.toc--sticky),
.header-collapsed .text-page:not(:has(.is-style-autostack-columns)):not(:has(.is-style-autostack-group)) .toc-wrapper {
position: fixed;
top: 50% !important;
bottom: 0;
right: 0;
transition: var(--plgnrm-transition);
translate: 0 100%;
z-index: 99;
background-color: var(--plgnrm-color-background-card);
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
box-shadow: none !important;
overflow: auto;
padding: var(--plgnrm-spacing-20);
width: min(20rem, 100vw);
}
.content-collapsed .toc-wrapper.is-active,
.header-collapsed .toc-wrapper:has(.toc--sticky).is-active,
.header-collapsed .text-page:not(:has(.is-style-autostack-columns)):not(:has(.is-style-autostack-group)) .toc-wrapper.is-active {
translate: 0 0;
box-shadow: var(--plgnrm-shadow-block-inner) !important;
}
.toc-toggle {
display: none;
position: sticky;
top: 50%;
margin-left: auto !important;
margin-bottom: -3em;
translate: 0 -50%;
background: var(--plgnrm-color-background-card);
padding: var(--plgnrm-spacing-10);
border-radius: var(--plgnrm-border-radius-inner);
box-shadow: var(--plgnrm-shadow-block-inner);
z-index: 90;
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.toc-toggle.is-active {
background: var(--plgnrm-color-text-light);
translate: 100% -50%;
}
.toc-toggle:hover {
background: var(--plgnrm-color-text-light);
}
.toc-toggle svg {
width: 1.5em;
height: 1.5em;
transition: var(--plgnrm-transition);
transition-property: transform;
}
.header-collapsed .toc-toggle {
display: block;
}
.page-template-page-legal .toc-toggle {
position: fixed;
right: 0;
margin-left: 0 !important;
margin-bottom: 0;
}
.squeeze-test-label {
text-decoration: underline;
text-decoration-style: dashed;
cursor: pointer;
text-underline-offset: 0.25em;
font-size: var(--plgnrm-font-size-caption);
}
.squeeze-test-label[for="squeeze-test-convert-webp"] {
text-decoration: none;
font-size: var(--plgnrm-font-size-caption);
display: flex;
gap: 0.5em;
align-items: center;
}
.squeeze-test-label[for="squeeze-test-convert-webp"]::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
border-radius: 0.25rem;
margin-top: -0.25em;
border: 1px solid var(--plgnrm-color-primary);
}
#squeeze-test-file:focus-visible + .squeeze-test-label,
#squeeze-test-convert-webp:focus-visible + .squeeze-test-label,
#squeeze-test-file:focus + .squeeze-test-label,
#squeeze-test-convert-webp:focus + .squeeze-test-label {
outline: auto;
}
#squeeze-test-convert-webp:checked + .squeeze-test-label::before {
content: "✓";
color: var(--plgnrm-color-text-light);
background-color: var(--plgnrm-color-primary);
}
.squeeze-savings-after.positive {
background-color: #4db86b !important;
}
.squeeze-savings-after.negative {
background-color: #f44336 !important;
}
.squeeze-savings-after.zero {
background-color: #f0f0f0 !important;
}
body:not(.editor-styles-wrapper) .wp-block-cover .wp-block-cover__background {
z-index: 0;
}
body:not(.editor-styles-wrapper) .wp-block-cover .wp-block-cover__background + .wp-block-cover__image-background {
z-index: 0;
}
body:not(.editor-styles-wrapper) .wp-block-cover .wp-block-cover__background + .wp-block-cover__image-background + .wp-block-cover__inner-container {
z-index: 2;
}
.content-collapsed .squeeze-demo-images > .wp-block-image:last-child {
translate: 0 0;
}
.squeeze-demo-images > .wp-block-image:first-child {
padding-right: var(--plgnrm-gap-block);
margin-bottom: 0;
}
.squeeze-demo-images > .wp-block-image:last-child {
padding-left: var(--plgnrm-gap-block);
margin-bottom: 0;
translate: 0 -35%;
text-align: right;
}
.hero-section .content-collapsed .wp-block-group.is-vertical {
align-items: center;
}
.hero-section .content-collapsed .wp-block-group.is-vertical .wp-block-heading {
text-align: center;
}
.squeeze-features .wp-block-columns.is-style-autostack-columns.content-collapsed > * > [style*="min-height:100%"] {
min-height: auto !important;
}
p.monthly-price,
p.lifetime-price {
display: none;
}
.wp-block-button.is-active-plan .wp-block-button__link {
background: var(--plgnrm-color-button-background);
color: var(--plgnrm-color-text-light);
}
.wp-block-button.is-active-plan .wp-block-button__link:hover {
background: var(--plgnrm-color-button-background-hover);
box-shadow: var(--plgnrm-shadow-button-hover);
}