.sc-countdown-timer {
display: flex;
justify-content: center;
}
.sc-countdown-timer.aligncenter {
text-align: center;
}
.sc-countdown-timer.alignright { text-align: right;
}
:where(.sc-countdown-timer) {
box-shadow: none;
text-decoration: none;
border-radius: 9999px;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
.sc-countdown-timer.has-custom-width {
max-width: none;
width: 100%;
}
.sc-countdown-timer__width-100 .sc-upsell-countdown-timer {
width: 100%;
flex-basis: 100%;
}
.sc-countdown-timer__width-25 .sc-upsell-countdown-timer{
width: 25% !important;
}
.sc-countdown-timer__width-50 .sc-upsell-countdown-timer{
width: 50% !important;
}
.sc-countdown-timer__width-75 .sc-upsell-countdown-timer{
width: 75% !important;
}
.sc-countdown-timer.is-style-squared {
border-radius: 0;
}
.sc-countdown-timer.no-border-radius {
border-radius: 0 !important;
}
.sc-countdown-timer.is-style-outline > .sc-countdown-timer,
.sc-countdown-timer.is-style-outline {
border: 2px solid currentColor;
padding: 0.667em 1.333em;
}
.sc-countdown-timer.is-style-outline > .sc-countdown-timer:not(.has-text-color),
.sc-countdown-timer.is-style-outline:not(.has-text-color) {
color: currentColor;
}
.sc-countdown-timer.is-style-outline > .sc-countdown-timer:not(.has-background),
.sc-countdown-timer.is-style-outline:not(.has-background) {
background-color: transparent;
background-image: none;
}
.sc-countdown-timer:where(.has-border-color) {
border-width: initial;
}
.sc-countdown-timer:where([style*='border-top-color']) {
border-top-width: initial;
}
.sc-countdown-timer:where([style*='border-right-color']) {
border-right-width: initial;
}
.sc-countdown-timer:where([style*='border-bottom-color']) {
border-bottom-width: initial;
}
.sc-countdown-timer:where([style*='border-left-color']) {
border-left-width: initial;
}
.sc-countdown-timer:where([style*='border-style']) {
border-width: initial;
}
.sc-countdown-timer:where([style*='border-top-style']) {
border-top-width: initial;
}
.sc-countdown-timer:where([style*='border-right-style']) {
border-right-width: initial;
}
.sc-countdown-timer:where([style*='border-bottom-style']) {
border-bottom-width: initial;
}
.sc-countdown-timer:where([style*='border-left-style']) {
border-left-width: initial;
}.sc-block-button__link {
cursor: pointer;
display: inline-block;
text-align: center;
word-break: break-word;
box-sizing: border-box !important;
width: 100%;
}
.sc-block-button__link.aligncenter {
text-align: center;
}
.sc-block-button__link.alignright { text-align: right;
}
:where(.sc-block-button__link) {
box-shadow: none;
text-decoration: none;
border-radius: 9999px;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
.sc-block-button[style*="text-decoration"] .sc-block-button__link {
text-decoration: inherit;
}
.sc-block-buttons > .sc-block-button.has-custom-width {
max-width: none;
}
.sc-block-button.has-custom-width .sc-block-button__link {
width: 100%;
}
.sc-block-buttons > .sc-block-button.has-custom-font-size .sc-block-button__link {
font-size: inherit;
}
.sc-block-buttons > .sc-block-button.has-custom-width {
width: 100%;
}
.sc-block-button {
display: inline-block
}
.sc-block-buttons > .sc-block-button.sc-block-button__width-25,
.sc-block-button.sc-block-button__width-25 {
width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75));
}
.sc-block-buttons > .sc-block-button.sc-block-button__width-50,
.sc-block-button.sc-block-button__width-50 {
width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5));
}
.sc-block-buttons > .sc-block-button.sc-block-button__width-75,
.sc-block-button.sc-block-button__width-75 {
width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25));
}
.sc-block-buttons > .sc-block-button.sc-block-button__width-100,
.sc-block-button.sc-block-button__width-100 {
width: 100%;
flex-basis: 100%;
}
.sc-block-buttons.is-vertical > .sc-block-button.sc-block-button__width-25 {
width: 25%;
}
.sc-block-buttons.is-vertical > .sc-block-button.sc-block-button__width-50 {
width: 50%;
}
.sc-block-buttons.is-vertical > .sc-block-button.sc-block-button__width-75 {
width: 75%;
}
.sc-block-button.is-style-squared, .sc-block-button__link.sc-block-button.is-style-squared {
border-radius: 0;
}
.sc-block-button.no-border-radius, .sc-block-button__link.no-border-radius {
border-radius: 0 !important;
}
.sc-block-button.is-style-outline > .sc-block-button__link, .sc-block-button .sc-block-button__link.is-style-outline {
border: 2px solid currentColor;
padding: 0.667em 1.333em;
}
.sc-block-button.is-style-outline > .sc-block-button__link:not(.has-text-color), .sc-block-button .sc-block-button__link.is-style-outline:not(.has-text-color) {
color: currentColor;
}
.sc-block-button.is-style-outline > .sc-block-button__link:not(.has-background), .sc-block-button .sc-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent;
background-image: none;
}
.sc-block-button .sc-block-button__link:where(.has-border-color) {
border-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*="border-top-color"]) {
border-top-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*="border-right-color"]) {
border-right-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*="border-bottom-color"]) {
border-bottom-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*="border-left-color"]) {
border-left-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*="border-style"]) {
border-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*="border-top-style"]) {
border-top-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*="border-right-style"]) {
border-right-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*="border-bottom-style"]) {
border-bottom-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*="border-left-style"]) {
border-left-width: initial;
}.sc-block-button__link {
cursor: pointer;
display: inline-block;
text-align: center;
word-break: break-word;
box-sizing: border-box !important;
width: 100%;
}
.sc-block-button__link.aligncenter {
text-align: center;
}
.sc-block-button__link.alignright { text-align: right;
}
:where(.sc-block-button__link) {
box-shadow: none;
text-decoration: none;
border-radius: 9999px;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
.sc-block-button[style*='text-decoration'] .sc-block-button__link {
text-decoration: inherit;
}
.sc-block-button.has-custom-width .sc-block-button__link {
width: 100%;
}
.sc-block-buttons
> .sc-block-button.has-custom-font-size
.sc-block-button__link {
font-size: inherit;
}
.sc-block-buttons > .sc-block-button.has-custom-width {
width: 100%;
}
.sc-block-button {
display: inline-block;
}
.sc-block-buttons > .sc-block-button.sc-block-button__width-25,
.sc-block-button.sc-block-button__width-25 {
width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75));
}
.sc-block-buttons > .sc-block-button.sc-block-button__width-50,
.sc-block-button.sc-block-button__width-50 {
width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5));
}
.sc-block-buttons > .sc-block-button.sc-block-button__width-75,
.sc-block-button.sc-block-button__width-75 {
width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25));
}
.sc-block-buttons > .sc-block-button.sc-block-button__width-100,
.sc-block-button.sc-block-button__width-100 {
width: 100%;
flex-basis: 100%;
}
.sc-block-buttons.is-vertical > .sc-block-button.sc-block-button__width-25 {
width: 25%;
}
.sc-block-buttons.is-vertical > .sc-block-button.sc-block-button__width-50 {
width: 50%;
}
.sc-block-buttons.is-vertical > .sc-block-button.sc-block-button__width-75 {
width: 75%;
}
.sc-block-button.is-style-squared,
.sc-block-button__link.sc-block-button.is-style-squared {
border-radius: 0;
}
.sc-block-button.no-border-radius,
.sc-block-button__link.no-border-radius {
border-radius: 0 !important;
}
.sc-block-button .sc-block-button__link:where(.has-border-color) {
border-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*='border-top-color']) {
border-top-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*='border-right-color']) {
border-right-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*='border-bottom-color']) {
border-bottom-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*='border-left-color']) {
border-left-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*='border-style']) {
border-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*='border-top-style']) {
border-top-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*='border-right-style']) {
border-right-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*='border-bottom-style']) {
border-bottom-width: initial;
}
.sc-block-button .sc-block-button__link:where([style*='border-left-style']) {
border-left-width: initial;
}
.wp-block-surecart-upsell-no-thanks.is-style-outline,
.wp-block-surecart-upsell-no-thanks.is-style-outline:hover {
background-color: transparent;
background-image: none;
}.wp-block-frontblocks-text-animation.frbl-text-animation {
display: block;
width: fit-content;
margin-left: 0;
margin-right: auto;
color: var(--frbl-color);
transition: color 0.3s ease;
}
.frbl-text-animation {
color: var(--frbl-color);
transition: color 0.3s ease;
}
.wp-block-frontblocks-text-animation.frbl-text-animation:hover {
color: var(--frbl-color-hover);
}
span.frbl-text-animation {
display: inline;
} .block-editor-block-inspector .frbl-fontsize-row {
display: flex;
gap: 8px;
align-items: stretch;
}
.block-editor-block-inspector .frbl-fontsize-row .components-base-control,
.block-editor-block-inspector .frbl-fontsize-row .components-select-control__input {
margin-bottom: 0 !important;
} .frbl-text-animation .frbl-char {
display: inline-block;
white-space: pre;
} @keyframes frblFadeIn {
from { opacity: 0; }
to   { opacity: 1; }
} @keyframes frblRotateIn {
from { transform: rotate( -180deg ) scale( 0 ); opacity: 0; }
to   { transform: rotate( 0deg )    scale( 1 ); opacity: 1; }
} @keyframes frblFlipIn {
from { transform: perspective( 400px ) rotateY( -90deg ); opacity: 0; transform-origin: left; }
to   { transform: perspective( 400px ) rotateY( 0deg );   opacity: 1; transform-origin: left; }
} @keyframes frblBounceIn {
0%   { transform: translateY( -50px ); opacity: 0; animation-timing-function: cubic-bezier( 0.8, 0, 1, 1 ); }
50%  { transform: translateY( 15px );  opacity: 1; animation-timing-function: cubic-bezier( 0, 0, 0.2, 1 ); }
75%  { transform: translateY( -5px );  opacity: 1; animation-timing-function: cubic-bezier( 0.8, 0, 1, 1 ); }
100% { transform: translateY( 0 );     opacity: 1; }
} @keyframes frblGlowIn {
0%   { opacity: 0; text-shadow: 0 0 0px transparent; }
50%  { opacity: 1; text-shadow: 0 0 20px currentColor; }
100% { opacity: 1; text-shadow: 0 0 0px transparent; }
} @keyframes frblBlurIn {
from { filter: blur( 12px ); opacity: 0; transform: scale( 1.1 ); }
to   { filter: blur( 0 );    opacity: 1; transform: scale( 1 );   }
} @keyframes frblScaleIn {
from { transform: scale( 0 ); opacity: 0; }
to   { transform: scale( 1 ); opacity: 1; }
} @keyframes frblSlideUp {
from { transform: translateY( 100% ); opacity: 0; }
to   { transform: translateY( 0 );    opacity: 1; }
} @keyframes frblSlideDown {
from { transform: translateY( -100% ); opacity: 0; }
to   { transform: translateY( 0 );     opacity: 1; }
} @keyframes frblSlideLeft {
from { transform: translateX( -100% ); opacity: 0; }
to   { transform: translateX( 0 );     opacity: 1; }
} @keyframes frblSlideRight {
from { transform: translateX( 100% ); opacity: 0; }
to   { transform: translateX( 0 );    opacity: 1; }
} @keyframes frblDropIn {
0%   { transform: translateY( -200% ); opacity: 0; }
60%  { transform: translateY( 20% );   opacity: 1; }
80%  { transform: translateY( -10% );  opacity: 1; }
100% { transform: translateY( 0 );     opacity: 1; }
} @keyframes frblShadowPop {
0%   {
text-shadow: 0 0 rgba( 0,0,0,0 );
transform: translateX( 0 ) translateY( 0 );
opacity: 0;
}
100% {
text-shadow:
1px 1px rgba( 0,0,0,0.35 ),
2px 2px rgba( 0,0,0,0.35 ),
3px 3px rgba( 0,0,0,0.35 ),
4px 4px rgba( 0,0,0,0.35 );
transform: translateX( -4px ) translateY( -4px );
opacity: 1;
}
} @keyframes frblPulseNeon {
0%, 100% { text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 20px #0ff; opacity: 1; }
50%       { text-shadow: 0 0 2px currentColor, 0 0 5px currentColor,  0 0 10px #0ff; opacity: 0.5; }
} @keyframes frblWaterDrop {
0%   { transform: translateY( -100px ) scale( 0.1, 2 );   opacity: 0; }
50%  { transform: translateY( 0 )      scale( 1.5, 0.5 ); opacity: 1; }
100% { transform: translateY( 0 )      scale( 1, 1 );     opacity: 1; }
} @keyframes frblGlitchRGB {
0%   { text-shadow: 2px 0 0 red,  -2px 0 0 blue; opacity: 0; }
20%  { text-shadow: -2px 0 0 red, 2px 0 0 blue;  opacity: 1; }
40%  { text-shadow: 2px 0 0 red,  -2px 0 0 blue; }
60%  { text-shadow: -2px 0 0 red, 2px 0 0 blue; }
80%  { text-shadow: 1px 0 0 red,  -1px 0 0 blue; }
100% { text-shadow: 0px 0 0 transparent;          opacity: 1; }
} @keyframes frblSolidOutline {
0%   { -webkit-text-stroke: 0px transparent;                    color: var( --frbl-stroke-color ); opacity: 0; }
50%  { -webkit-text-stroke: 0px transparent;                    color: var( --frbl-stroke-color ); opacity: 1; }
100% { -webkit-text-stroke: 1px var( --frbl-stroke-color );     color: transparent;                opacity: 1; }
} @keyframes frblBlinkCursor {
0%, 100% { opacity: 1; }
50%       { opacity: 0; }
} @keyframes frblTrackingExpand {
from { letter-spacing: -0.5em; opacity: 0; }
to   { letter-spacing: 0.05em; opacity: 1; }
} @keyframes frblFlicker {
0%, 2%, 4%, 8%, 12%, 16%, 20% { opacity: 0; }
1%, 3%, 5%, 9%, 13%, 17%, 21%, 100% { opacity: 1; }
} @keyframes frblGlitch {
0%   { transform: translate( 0 );           opacity: 0; }
10%  { transform: translate( -2px, 2px );   opacity: 1; }
20%  { transform: translate( -2px, -2px );  opacity: 1; }
30%  { transform: translate( 2px, 2px );    opacity: 1; }
40%  { transform: translate( 2px, -2px );   opacity: 1; }
50%  { transform: translate( -2px, 2px );   opacity: 1; }
60%  { transform: translate( -2px, -2px );  opacity: 1; }
70%  { transform: translate( 2px, 2px );    opacity: 1; }
80%  { transform: translate( 2px, -2px );   opacity: 1; }
90%  { transform: translate( -2px, 2px );   opacity: 1; }
100% { transform: translate( 0 );           opacity: 1; }
} @keyframes frblRollIn {
from { transform: translateX( -100% ) rotate( -120deg ); opacity: 0; }
to   { transform: translateX( 0 )     rotate( 0deg );    opacity: 1; }
} @keyframes frblSqueeze {
0%   { transform: scaleY( 1 );   opacity: 0; }
50%  { transform: scaleY( 0.5 ); opacity: 1; }
100% { transform: scaleY( 1 );   opacity: 1; }
} @keyframes frblStretch {
0%   { transform: scaleX( 1 );   opacity: 0; }
50%  { transform: scaleX( 1.5 ); opacity: 1; }
100% { transform: scaleX( 1 );   opacity: 1; }
} @keyframes frblWave {
0%,  100% { transform: translateY( 0 );     opacity: 1; }
50%        { transform: translateY( -15px ); opacity: 1; }
} @keyframes frblRubberBand {
0%   { transform: scale( 1 );                        opacity: 0; }
30%  { transform: scaleX( 1.25 ) scaleY( 0.75 );    opacity: 1; }
40%  { transform: scaleX( 0.75 ) scaleY( 1.25 );    opacity: 1; }
50%  { transform: scaleX( 1.15 ) scaleY( 0.85 );    opacity: 1; }
65%  { transform: scaleX( 0.95 ) scaleY( 1.05 );    opacity: 1; }
75%  { transform: scaleX( 1.05 ) scaleY( 0.95 );    opacity: 1; }
100% { transform: scale( 1 );                        opacity: 1; }
} @keyframes frblFlash {
0%,  50%, 100% { opacity: 1; }
25%, 75%        { opacity: 0; }
} @keyframes frblPulse {
0%   { transform: scale( 1 );   opacity: 0; }
50%  { transform: scale( 1.2 ); opacity: 1; }
100% { transform: scale( 1 );   opacity: 1; }
} @keyframes frblSwing {
0%   { opacity: 0; transform: rotate( 15deg ); }
20%  { opacity: 1; transform: rotate( 15deg ); }
40%  { opacity: 1; transform: rotate( -10deg ); }
60%  { opacity: 1; transform: rotate( 5deg ); }
80%  { opacity: 1; transform: rotate( -5deg ); }
100% { opacity: 1; transform: rotate( 0deg ); }
} @media ( prefers-reduced-motion: reduce ) {
.frbl-text-animation,
.frbl-text-animation * {
animation: none !important;
transition: none !important;
}
}.frbl-toc,
.frbl-toc--collapsible {
--frbl-toc-accent: #0073aa;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 1em 1.25em;
margin: 0 0 1.5em;
}
.frbl-toc *,
.frbl-toc--collapsible * {
box-sizing: inherit;
}
.frbl-toc__title {
margin: 0 0 0.5em;
font-weight: 600;
}
.frbl-toc--collapsible > summary.frbl-toc__title {
cursor: pointer;
margin: 0;
list-style: none;
}
.frbl-toc--collapsible > summary.frbl-toc__title::-webkit-details-marker {
display: none;
}
.frbl-toc--collapsible > summary.frbl-toc__title::before {
content: '▸';
display: inline-block;
margin-right: 0.4em;
transition: transform 150ms ease;
}
.frbl-toc--collapsible[open] > summary.frbl-toc__title::before {
transform: rotate(90deg);
}
.frbl-toc--collapsible > .frbl-toc__nav {
margin-top: 0.75em;
}
.frbl-toc__list {
margin: 0;
padding: 0 0 0 1.25em;
}
.frbl-toc__list--plain {
list-style: none;
padding-left: 0;
}
.frbl-toc__item {
margin: 0.25em 0;
}
.frbl-toc__item--level-3 {
margin-left: 1em;
}
.frbl-toc__item--level-4 {
margin-left: 2em;
}
.frbl-toc__item--level-5 {
margin-left: 3em;
}
.frbl-toc__item--level-6 {
margin-left: 4em;
}
.frbl-toc__link {
text-decoration: none;
color: inherit;
}
.frbl-toc__link:hover {
text-decoration: underline;
}
.frbl-toc__link[aria-current='location'] {
font-weight: 600;
color: var(--frbl-toc-accent);
}
.frbl-toc__link:focus-visible {
outline: 2px solid var(--frbl-toc-accent);
outline-offset: 2px;
}
.frbl-toc--sticky {
position: sticky;
top: 1em;
max-height: calc(100vh - 2em);
overflow-y: auto;
} [data-frbl-toc-heading]:focus {
outline: 2px solid var(--frbl-toc-accent);
outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
.frbl-toc,
.frbl-toc--collapsible,
.frbl-toc--collapsible > summary.frbl-toc__title::before {
transition: none;
}
html {
scroll-behavior: auto;
}
}