/* ARGU Hover Roll for Divi 5 - front end + shared */

/* ---------------------------------------------------------------- Roll units */
/* The row height follows the FONT SIZE of the text it holds (never less than its line-height), so big titles, small
   texts and the alternative font (--hr-floor) are never cut. Masks sit on the text baseline (overflow:clip keeps it). */
.argu-hr .hr-mask{display:inline-block;overflow:hidden;height:1.5em;height:max(1lh,var(--hr-floor,1em));vertical-align:top;white-space:pre}
@supports (overflow:clip){.argu-hr .hr-mask{overflow:clip;vertical-align:baseline}}
.argu-hr .hr-col{display:inline-grid;grid-template-rows:repeat(2,1.5em);grid-template-rows:repeat(2,1lh);vertical-align:baseline;line-height:inherit;line-height:max(1lh,var(--hr-floor,1em));white-space:pre;transition:transform var(--hr-duration,170ms) cubic-bezier(.215,.61,.355,1);transition-delay:calc(var(--i,0) * min(var(--hr-stagger,10ms), 1000ms / max(1, var(--hr-n,1))))}
.argu-hr .hr-mask>.hr-col:only-child{display:grid}
.argu-hr .hr-col::after{content:attr(data-hr)}
.argu-hr .hr-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.argu-hr .hr-vis,.argu-hr .hr-mask,.argu-hr .hr-col{text-decoration:inherit}

/* Pure CSS roll (Word / Text / Line). Letter Roll is driven by hover-roll.js, this is only its no-JS fallback. */
@media (hover:hover) and (pointer:fine){
	.argu-hr--word:hover .hr-col,.argu-hr--text:hover .hr-col,.argu-hr--line:hover .hr-col{transform:translateY(-50%)}
	:root:not(.hr-js) .argu-hr--letter:hover .hr-col{transform:translateY(-50%)}
}
.argu-hr--word:focus-visible .hr-col,.argu-hr--text:focus-visible .hr-col,.argu-hr--line:focus-visible .hr-col,
.argu-hr--word:has(:focus-visible) .hr-col,.argu-hr--text:has(:focus-visible) .hr-col,.argu-hr--line:has(:focus-visible) .hr-col,
:root:not(.hr-js) .argu-hr--letter:focus-visible .hr-col{transform:translateY(-50%)}
.hr-js .argu-hr--letter .hr-col{transition:none}

/* ---------------------------------------------------------------- Divi's own hover motion is turned off */
/* Button / Payment button: the padding shift and the icon sliding in. Resting values are measured by hover-roll.js
   (custom properties on the button); the fallbacks are Divi's defaults. Hover colours / background / border stay Divi's. */
:is(html body #page-container .et_pb_section, html body.et-db #page-container #et-boc .et-l .et_pb_section, html body) a.argu-hr-btn.argu-hr-btn.argu-hr-btn:hover{padding:var(--hr-pad,.3em 1em) !important}
:is(html body #page-container .et_pb_section, html body.et-db #page-container #et-boc .et-l .et_pb_section, html body) a.argu-hr-btn.argu-hr-btn.argu-hr-btn:hover::after{opacity:var(--hr-a-op,0) !important;margin-left:var(--hr-a-ml,0) !important;left:var(--hr-a-l,auto) !important;right:var(--hr-a-r,auto) !important;transition:none !important}
:is(html body #page-container .et_pb_section, html body.et-db #page-container #et-boc .et-l .et_pb_section, html body) a.argu-hr-btn.argu-hr-btn.argu-hr-btn:hover::before{opacity:var(--hr-b-op,0) !important;margin-left:var(--hr-b-ml,0) !important;left:var(--hr-b-l,auto) !important;right:var(--hr-b-r,auto) !important;transition:none !important}

/* Menu: Divi fades the link on hover ("opacity:.7"), the roll replaces it. Link colours stay Divi's. */
:is(html body #page-container .et_pb_section, html body.et-db #page-container #et-boc .et-l .et_pb_section, html body) .et-menu a.argu-hr-link.argu-hr-link:hover{opacity:1 !important}

@media (prefers-reduced-motion:reduce){
	.argu-hr .hr-col{transition:none}
	.argu-hr .hr-col,.argu-hr:hover .hr-col,.argu-hr:focus-visible .hr-col,.hr-js .argu-hr .hr-col{transform:none !important}
}

/* ---------------------------------------------------------------- Alternative font */
/* Italic text of a module where "Alternative Font" is On. --argu-alt-font comes from Settings > ARGU Alt Font;
   --argu-alt-size / -t / -p are printed on the module (percent of the surrounding text). */
.argu-alt.argu-alt em,.argu-alt.argu-alt i:not([class]){font-family:var(--argu-alt-font,"Segoe Script","Brush Script MT",cursive);font-style:normal;font-weight:400;font-size:var(--argu-alt-size,100%);--hr-floor:1.35em}
@media (max-width:980px){
	.argu-alt.argu-alt em,.argu-alt.argu-alt i:not([class]){font-size:var(--argu-alt-size-t,var(--argu-alt-size,100%))}
}
@media (max-width:767px){
	.argu-alt.argu-alt em,.argu-alt.argu-alt i:not([class]){font-size:var(--argu-alt-size-p,var(--argu-alt-size-t,var(--argu-alt-size,100%)))}
}