/* ==========================================================================
   Frooition block theme
   Measurements taken from the Avada build (Oct 2026). Breakpoints follow Avada:
   phone <= 640, tablet 641-1024 (menu collapses), desktop >= 1025,
   top-bar buttons from 1100.
   ========================================================================== */

/* ---------- Avada variables still referenced by page HTML ---------- */
:root {
	--awb-color1: #ffffff;
	--awb-color2: #f9f9fb;
	--awb-color3: #f2f3f5;
	--awb-color4: #70b7f6;
	--awb-color5: #a28ccf;
	--awb-color6: #031120;
	--awb-color7: #333333;
	--awb-color8: #141617;
	--awb-typography1-font-family: Poppins, Arial, Helvetica, sans-serif;
	--awb-typography1-font-size: 48px;
	--awb-typography1-line-height: 1.2;
	--awb-typography1-letter-spacing: -0.015em;
	--awb-typography1-text-transform: none;
	--awb-typography1: 600;
	--awb-typography2-font-family: Poppins, Arial, Helvetica, sans-serif;
	--awb-typography2-font-size: 24px;
	--awb-typography2-line-height: 1.1;
	--awb-typography2-letter-spacing: 0;
	--awb-typography2-text-transform: none;
	--awb-typography2: 600;
	--awb-typography3-font-family: Poppins, Arial, Helvetica, sans-serif;
	--awb-typography3-font-size: 16px;
	--awb-typography3-line-height: 1.2;
	--awb-typography3-letter-spacing: 0.015em;
	--awb-typography3-text-transform: none;
	--awb-typography3: 500;
	--awb-typography4-font-family: Poppins, Arial, Helvetica, sans-serif;
	--awb-typography4-font-size: 16px;
	--awb-typography4-line-height: 1.72;
	--awb-typography4-letter-spacing: 0.015em;
	--awb-typography4-text-transform: none;
	--awb-typography4: 400;
	--awb-typography5-font-family: Poppins, Arial, Helvetica, sans-serif;
	--awb-typography5-font-size: 13px;
	--awb-typography5-line-height: 1.72;
	--awb-typography5-letter-spacing: 0.015em;
	--awb-typography5-text-transform: none;
	--awb-typography5: 400;

	--froo-navy: #031120;
	--froo-indigo: #333773;
	--froo-wrap: 1200px;
	--froo-gutter: 30px;
}

/* ---------- Base ---------- */
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(150px + var(--wp-admin--admin-bar--height, 0px)); }
@media (max-width: 640px) { html { scroll-padding-top: 130px; } }
body { margin: 0; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
body .screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; }
body .froo-wrap { box-sizing: border-box; width: 100%; max-width: calc(var(--froo-wrap) + 2 * var(--froo-gutter)); margin-inline: auto; padding-inline: var(--froo-gutter); }
body .froo-icon { display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; flex: none; }
:where(.wp-site-blocks) > * { margin-block: 0; }
body .froo-main { display: block; }

/* ==========================================================================
   Header
   ========================================================================== */
body .froo-header { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 1000; }
@media (max-width: 600px) { body.admin-bar .froo-header { top: 0; } }

/* Red announcement bar */
body .froo-topmsg { background: #c1262d; height: 45px; display: flex; align-items: center; justify-content: center; padding-inline: var(--froo-gutter); box-sizing: border-box; }
body .froo-topmsg p { margin: 0; color: #fff; font-size: 14px; line-height: 24.08px; }
body .froo-topmsg a, body .froo-topmsg a:hover, body .froo-topmsg a:focus { color: #fff; text-decoration: underline; }

/* White top bar */
body .froo-topbar { background: #fff; height: 45px; }
body .froo-topbar .froo-wrap { height: 100%; }
body .froo-topbar__menu { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: center; height: 100%; margin: 0; padding: 0; list-style: none; }
body .froo-topbar__item { display: flex; align-items: center; }
body .froo-topbar__link { display: flex; align-items: center; gap: 14px; padding: 0 10px; font-size: 14px; font-weight: 400; line-height: 14px; letter-spacing: 0.015em; color: var(--froo-indigo); text-decoration: none; }
body .froo-topbar__link:hover, body .froo-topbar__link:focus { color: #3684e4; }
body .froo-topbar__link .froo-icon { width: auto; height: 14px; }
body .froo-topbar__item.free-trial-button > .froo-topbar__link { gap: 7px; }
body .froo-topbar__item + .froo-topbar__item > .froo-topbar__link { border-left: 1px solid #d1d6e3; }
body .froo-topbar__item.login-button > .froo-topbar__link { border-right: 1px solid #d1d6e3; }
/* Button items (Avada classes kept) */
body .froo-topbar__item.get-a-quote-button > .froo-topbar__link, body .froo-topbar__item.free-trial-button > .froo-topbar__link, body .froo-topbar__item.black-friday-button > .froo-topbar__link { display: none; height: 34px; box-sizing: border-box; padding: 10px; border: 0; border-radius: 5px; color: #fff; font-weight: 700; }
body .froo-topbar__item.get-a-quote-button + .froo-topbar__item > .froo-topbar__link, body .froo-topbar__item.free-trial-button + .froo-topbar__item > .froo-topbar__link, body .froo-topbar__item.black-friday-button + .froo-topbar__item > .froo-topbar__link { border-left: 0; }
body .froo-topbar__item.get-a-quote-button > .froo-topbar__link { background: #c1262d; margin: 0 10px; }
body .froo-topbar__item.get-a-quote-button > .froo-topbar__link:hover, body .froo-topbar__item.get-a-quote-button > .froo-topbar__link:focus { background: #cc0000; color: #fff; }
body .froo-topbar__item.free-trial-button > .froo-topbar__link { background: #86b940; margin-left: 10px; }
body .froo-topbar__item.free-trial-button > .froo-topbar__link:hover, body .froo-topbar__item.free-trial-button > .froo-topbar__link:focus { background: #86c040; color: #fff; }
body .froo-topbar__item.black-friday-button > .froo-topbar__link { background: #000; color: #efbf04; margin: 0 10px; }
body .froo-topbar__item.black-friday-button > .froo-topbar__link:hover { background: #efbf04; color: #000; }
body .froo-topbar__item.summer-sale-text > .froo-topbar__link span { color: #333773; font-weight: 700; animation: froo-color-change 2s infinite; }
@keyframes froo-color-change { 0%, 100% { color: #333773; } 50% { color: #ff0000; } }
@media (min-width: 1100px) {
	body .froo-topbar__item.get-a-quote-button > .froo-topbar__link, body .froo-topbar__item.free-trial-button > .froo-topbar__link, body .froo-topbar__item.black-friday-button > .froo-topbar__link { display: flex; }
}
@media (max-width: 1099px) {
	body .froo-topbar__item.login-button > .froo-topbar__link { border-right: 0; }
}

/* Phone top bar (stacked contact lines) */
body .froo-mtopbar { display: none; background: #fff; box-sizing: border-box; min-height: 70px; padding: 10px 0 15px; }
body .froo-mtopbar__menu { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; min-height: 45px; margin: 0; padding: 0 var(--froo-gutter); list-style: none; }
body .froo-mtopbar__menu a { display: flex; align-items: center; gap: 14px; padding: 0 10px; font-size: 14px; line-height: 15px; height: 15px; letter-spacing: 0.015em; color: var(--froo-indigo); text-decoration: none; }
body .froo-mtopbar__menu .froo-icon { width: auto; height: 14px; }
body .froo-mtopbar__menu li + li a { border-left: 1px solid #d1d6e3; }

/* Navy bar with logo + menu */
body .froo-navbar { position: relative; background: var(--froo-navy); height: 52px; }
body .froo-navbar__wrap { position: static; display: flex; justify-content: flex-end; align-items: stretch; height: 100%; }
body .froo-logo { position: absolute; z-index: 3; left: max(var(--froo-gutter), calc((100% - var(--froo-wrap)) / 2)); top: -16px; display: block; line-height: 0; }
body .froo-logo img { display: block; width: 266px; height: auto; }

body .froo-nav { display: flex; height: 100%; }
body .froo-nav__toggle { display: none; }
body .froo-menu { display: flex; align-items: stretch; gap: 10px; margin: 0; padding: 0; list-style: none; height: 100%; }
body .froo-menu__item { display: flex; align-items: center; }
body .froo-menu__link { display: flex; align-items: center; gap: 8px; height: 100%; padding-right: 10px; font-size: 16px; font-weight: 500; line-height: 19.2px; letter-spacing: 0.015em; color: #fff; text-decoration: none; white-space: nowrap; }
body .froo-menu__link:hover, body .froo-menu__link:focus, body .froo-menu__item.is-current > .froo-menu__link { color: #fff; }
body .froo-menu__caret { width: 10.3px; height: 16px; margin-right: 8px; color: #fff; }
body .froo-arrow-blue .froo-menu__caret { color: #3567b2; }
body .froo-arrow-orange .froo-menu__caret { color: #f6ab29; }
body .froo-arrow-green .froo-menu__caret { color: #86b940; }
body .froo-arrow-red .froo-menu__caret { color: #ed1d26; }
body .froo-menu__sub-toggle { display: none; }
body .froo-menu__item.login-mega-menu-hide { display: none; }

/* Mega panel (desktop) */
@media (min-width: 1025px) {
	body .froo-mega { position: absolute; z-index: 10; left: 0; right: 0; top: 100%; background: rgba(3, 17, 32, 0.98); opacity: 0; visibility: hidden; transition: opacity 0.3s cubic-bezier(0.42, 0.01, 0.58, 1), visibility 0.3s; }
	body .froo-menu__item.has-mega:hover > .froo-mega, body .froo-menu__item.has-mega:focus-within > .froo-mega { opacity: 1; visibility: visible; }
	body .froo-menu__item.has-mega.is-closed > .froo-mega { opacity: 0; visibility: hidden; }
	body .froo-mega__inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: var(--froo-wrap); margin: 0 auto; }
	body .froo-mega__col { padding: 30px 20px; }
	body .froo-mega__head { margin-top: 10px; }
	body .froo-mega__head::after { content: ""; display: block; height: 2px; margin-top: 15px; background: #c1262d; }
	body .froo-mega__title { display: block; font-size: 18px; font-weight: 600; line-height: 21.6px; letter-spacing: -0.015em; color: #fff; text-decoration: none; }
	body a.froo-mega__title:hover { color: #71b7f6; }
	body .froo-mega__links { margin: 20px 0 0; padding: 0; list-style: none; }
	body .froo-mega__links a { display: block; font-size: 14px; font-weight: 400; line-height: 32.2px; letter-spacing: 0.015em; color: #fff; text-decoration: none; }
	body .froo-mega__links a:hover, body .froo-mega__links a:focus { color: #71b7f6; }
	body .froo-mega__col--promo { padding: 0; display: flex; justify-content: center; align-items: flex-start; }
	body .froo-mega__col--promo .wp-block-image, body .froo-mega__col--promo figure { margin: 0; }
	body .froo-mega__col--promo img { display: block; width: 215px; height: auto; }
}
/* 1025-1199: the Avada menu wrapped onto two lines here; tighten it instead. */
@media (min-width: 1025px) and (max-width: 1199px) {
	body .froo-menu { gap: 4px; }
	body .froo-menu__link { font-size: 14px; padding-right: 6px; gap: 6px; }
	body .froo-logo img { width: 230px; }
}

/* Phone/tablet menu */
@media (max-width: 1024px) {
	body .froo-nav__toggle { display: block; position: absolute; right: var(--froo-gutter); top: 13.5px; width: 25px; height: 25px; padding: 0; border: 0; background: none; color: #fff; font-size: 25px; line-height: 0; cursor: pointer; }
	body .froo-nav__toggle .froo-icon { width: 25px; height: 25px; }
	body .froo-nav__icon-close { display: none; }
	body .froo-nav.is-open .froo-nav__icon-open { display: none; }
	body .froo-nav.is-open .froo-nav__icon-close { display: inline-block; }
	body .froo-menu { display: none; position: absolute; z-index: 20; left: 0; right: 0; top: 100%; height: auto; flex-direction: column; gap: 0; padding: 0 0 20px; background: var(--froo-navy); max-height: calc(100vh - 142px); overflow-y: auto; }
	body .froo-nav.is-open .froo-menu { display: flex; }
	body .froo-menu__item { position: relative; display: block; border-bottom: 1px solid transparent; }
	body .froo-menu__link { height: 40px; padding: 0 74px 0 24px; font-weight: 400; line-height: 40px; }
	body .froo-menu__caret { display: none; }
	body .froo-menu__item.is-open > .froo-menu__link { color: #71b7f6; }
	body .froo-menu__sub-toggle { display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; width: 74px; height: 40px; padding: 0; border: 0; background: none; color: #fff; cursor: pointer; }
	body .froo-menu__sub-toggle .froo-icon { width: 12px; height: 12px; transition: transform 0.2s; }
	body .is-open > .froo-menu__sub-toggle .froo-icon, body .is-open > .froo-mega__head .froo-menu__sub-toggle .froo-icon { transform: rotate(180deg); }
	body .froo-mega { display: none; }
	body .froo-menu__item.is-open > .froo-mega { display: block; }
	body .froo-mega__col { position: relative; }
	body .froo-mega__col--empty, body .froo-mega__col--promo { display: none; }
	body .froo-mega__head { position: relative; }
	body .froo-mega__title { display: block; height: 40px; padding: 0 74px 0 40px; font-size: 16px; font-weight: 400; line-height: 40px; color: #fff; text-decoration: none; }
	body .froo-mega__col.is-open > .froo-mega__head .froo-mega__title { color: #71b7f6; }
	body .froo-mega__links { display: none; margin: 0; padding: 0; list-style: none; }
	body .froo-mega__col.is-open > .froo-mega__links { display: block; }
	body .froo-mega__links a { display: block; padding: 0 24px 0 56px; font-size: 14px; line-height: 35px; color: #fff; text-decoration: none; }
	body .froo-mega__links a:hover, body .froo-mega__links a:focus { color: #71b7f6; }
	/* Columns made from loose links (Portfolio, About) show their links directly. */
	body .froo-mega__col--loose > .froo-mega__head { display: none; }
	body .froo-mega__col--loose > .froo-mega__links { display: block; }
	body .froo-mega__col--loose > .froo-mega__links a { padding-left: 40px; font-size: 16px; line-height: 40px; }
}

@media (max-width: 640px) {
	body .froo-topmsg, body .froo-topbar { display: none; }
	body .froo-mtopbar { display: block; }
	body .froo-logo { top: -15.5px; }
	body .froo-logo img { width: min(266px, 64.3vw); }
	body .froo-menu { padding-top: 36px; max-height: calc(100vh - 122px); }
	body .froo-menu__item.login-mega-menu-hide { display: block; }
}

/* ==========================================================================
   Footer
   ========================================================================== */
body .froo-footer__main { background: var(--froo-navy); padding: 20px 0 0; color: #fff; }
body .froo-footer__grid { display: grid; grid-template-columns: minmax(0, 340fr) repeat(4, minmax(0, 200fr)); column-gap: 15px; }
body .froo-footer__brand { padding: 18px 0 0; margin-top: 10px; }
body .froo-footer__brand .wp-block-image { margin: 0; }
body .froo-footer__logo a { display: block; line-height: 0; }
body .froo-footer__logo img { display: block; width: 270px; height: auto; }
body .froo-footer__contact { display: flex; gap: 16px; margin-top: 10px; }
body .froo-footer__headset img { display: block; width: 71px; height: auto; }
body .froo-footer__phones { display: flex; flex-direction: column; }
body .froo-footer__kicker { margin: 0; font-size: 12px; font-weight: 300; line-height: 20.64px; color: #d61e26; }
body .froo-footer__phone { margin: 5px 0; font-size: 18px; line-height: 30.96px; color: #fff; }
body .froo-footer__phone a { color: #71b7f6; text-decoration: none; }
body .froo-footer__address { max-width: 308px; margin: 12px 0; font-size: 12px; line-height: 20.64px; color: #fff; }
body .froo-footer__address a { color: #71b7f6; }
body .froo-flag-us::before, body .froo-flag-uk::before { content: ""; display: inline-block; width: 32px; height: 32px; margin-right: 0; vertical-align: middle; margin-right: 4px; background: url(../img/flags.png) no-repeat; }
body .froo-flag-us::before { background-position: -96px -64px; }
body .froo-flag-uk::before { background-position: -64px -32px; }
body .froo-footer__col { padding-top: 52px; }
body .froo-footer__title { margin: -5px 0 20px; font-size: 15px; font-weight: 500; line-height: 25.8px; letter-spacing: 0.015em; color: #fff; }
body .froo-footer__toggle { display: none; }
body .froo-list-menu { margin: 0; padding: 0; list-style: none; }
body .froo-list-menu li { margin-bottom: 3px; }
body .froo-list-menu a { display: block; font-size: 12px; font-weight: 300; line-height: 20.64px; letter-spacing: 0.015em; color: #fff; text-decoration: none; }
body .froo-list-menu a:hover, body .froo-list-menu a:focus { color: #71b7f6; }
body .froo-social.wp-block-social-links { gap: 20px; margin: 0; padding: 0; }
body .froo-social.wp-block-social-links .wp-social-link { font-size: 16px; }
body .froo-social .wp-social-link a { padding: 0; }

body .froo-social .wp-social-link-facebook { color: #3b5998; }
body .froo-social .wp-social-link-x, body .froo-social .wp-social-link-twitter { color: #fff; }
body .froo-social .wp-social-link-instagram { color: #c13584; }
body .froo-social .wp-social-link-youtube { color: #cd201f; }
body .froo-social .wp-social-link-linkedin { color: #0077b5; }
body .froo-footer__bottom { background: #020c17; padding: 15px var(--froo-gutter); }
body .froo-footer__bottom p { margin: 11px 0; font-size: 11px; line-height: 18.92px; letter-spacing: 0.015em; color: #c5ccdb; }

@media (min-width: 1300px) {
	body .froo-footer__grid { grid-template-columns: 341px repeat(4, 209px); }
}
@media (max-width: 1024px) {
	body .froo-footer__grid { grid-template-columns: minmax(0, 1.3fr) repeat(4, minmax(0, 1fr)); }
	body .froo-footer__logo img { width: 180px; }
	body .froo-footer__headset img { width: 46px; }
	body .froo-footer__phone { font-size: 16px; line-height: 1.6; }
}

@media (max-width: 640px) {
	body .froo-footer__grid { display: block; }
	body .froo-footer__brand { text-align: center; padding: 18px 0 20px; border-bottom: 2px solid #fff; margin-bottom: 20px; }
	body .froo-footer__logo img { width: 270px; margin: 0 auto; }
	body .froo-footer__contact { flex-direction: column; align-items: center; gap: 10px; }
	body .froo-footer__headset img { width: 71px; }
	body .froo-footer__phone { font-size: 24px; line-height: 41.28px; margin: 10px 0; }
	body .froo-footer__address { text-align: left; }
	body .froo-footer__col { padding-top: 0; }
	body .froo-footer__col--menu .froo-footer__title { position: relative; margin: 0; padding: 12px 40px 12px 0; font-size: 16px; cursor: pointer; }
	body .froo-footer__col--menu .froo-footer__title::after { content: ""; position: absolute; right: 8px; top: 50%; width: 7px; height: 7px; margin-top: -6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); transition: transform 0.2s; }
	body .froo-footer__col--menu.is-open .froo-footer__title::after { transform: rotate(-135deg); margin-top: -2px; }
	body .froo-footer__col--menu .froo-footer-menu { display: none; padding: 0 0 12px; }
	body .froo-footer__col--menu.is-open .froo-footer-menu { display: block; }
	body .froo-list-menu a { font-size: 14px; line-height: 3; }
	body .froo-footer__col--social .froo-footer__title { display: none; }
	body .froo-social.wp-block-social-links { justify-content: center; padding: 10px 0 0; gap: 20px; }

}

/* Footer social icons: Font Awesome glyphs (as on the Avada footer) instead of the core block's icons */
body .froo-social .wp-social-link svg { display: none; }
body .froo-social .wp-social-link a::before { content: ""; display: block; width: 1em; height: 1em; background: currentColor; -webkit-mask: var(--froo-social-icon) center / contain no-repeat; mask: var(--froo-social-icon) center / contain no-repeat; }
body .froo-social .wp-social-link { font-size: 16px; }
body .froo-social .wp-social-link-facebook { --froo-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E"); }
body .froo-social .wp-social-link-x { --froo-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E"); }
body .froo-social .wp-social-link-twitter { --froo-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E"); }
body .froo-social .wp-social-link-instagram { --froo-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E"); }
body .froo-social .wp-social-link-youtube { --froo-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E"); }
body .froo-social .wp-social-link-linkedin { --froo-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E"); }
@media (max-width: 640px) { body .froo-social.wp-block-social-links .wp-social-link { font-size: 44px; } }
body .froo-list-menu li.is-current > a { color: #71b7f6; }

/* Footer contact form section (posts, archives, 404, how-to). Pages carry it in their content. */
body .froo-footer-form { background: #f5f6f9; padding: 40px 0 0; }
body .froo-footer-form-part--ruled .froo-footer-form { border-top: 5px solid #333773; }

/* ==========================================================================
   Blog: title bars, meta, item check bar
   ========================================================================== */
body .froo-titlebar { padding-top: 30px; }
body .froo-titlebar__title.wp-block-post-title { margin: 10px 0 0; font-size: 40px; font-weight: 600; line-height: 48px; letter-spacing: -0.015em; color: var(--froo-navy); }
body .froo-meta { display: flex; flex-wrap: wrap; align-items: center; column-gap: 15px; margin-top: 35px; padding: 15px 0; min-height: 20px; border-top: 1px solid #e4e7f0; border-bottom: 1px solid #e4e7f0; font-size: 13px; line-height: 20px; color: var(--froo-indigo); }
body .froo-meta a { color: #70b7f6; text-decoration: none; }
body .froo-meta a:hover { color: #8462c0; }
body .froo-meta--foot { margin-top: 30px; }

/* Item check bar (was a Code Block in the Avada title-bar layouts) */
body .froo-optbar { --froo-red: #e30917; --froo-red-dark: #c2262d; --froo-blue: #3567b2; font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: linear-gradient(100deg, var(--froo-navy) 0%, #0a2340 60%, #16406e 100%); border-radius: 8px; padding: 18px 24px 18px 26px; margin: 28px 0 0; position: relative; overflow: hidden; }
body .froo-optbar::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--froo-red); }
body .froo-optbar__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; }
body .froo-optbar__copy { flex: 1 1 300px; min-width: 240px; }
body .froo-optbar__title { font-size: 19px; line-height: 1.25; font-weight: 600; letter-spacing: normal; color: #fff; margin: 0 0 3px; }
body .froo-optbar__title strong { color: #7fb0ff; font-weight: 600; }
body .froo-optbar__sub { font-size: 13.5px; line-height: 1.4; font-weight: 500; color: rgba(255, 255, 255, 0.78); margin: 0; }
body .froo-optbar__widget { flex: 0 1 450px; min-width: 280px; }
body .froo-optbar__widget form, body .froo-optbar__widget > div { display: flex; align-items: center; gap: 8px; margin: 0; flex-grow: 1; }
body .froo-optbar__widget label { display: none; }
body .froo-optbar__widget input[type="text"], body .froo-optbar__widget input[type="number"], body .froo-optbar__widget input[type="search"] { flex: 1 1 auto; min-width: 0; width: auto; height: auto; padding: 11px 14px; font-family: inherit; font-size: 14px; font-weight: 500; color: var(--froo-navy); background: #fff; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 5px; box-shadow: none; margin: 0; }
body .froo-optbar__widget input:focus { outline: 2px solid #7fb0ff; outline-offset: 1px; }
body .froo-optbar__widget button, body .froo-optbar__widget input[type="submit"], body .froo-optbar__widget .button { flex: 0 0 auto; width: auto; margin: 0; padding: 11px 20px; font-family: inherit; font-size: 14px; font-weight: 600; white-space: nowrap; color: #fff; background: var(--froo-red); border: 0; border-radius: 5px; cursor: pointer; transition: background 0.15s ease; }
body .froo-optbar__widget button:hover, body .froo-optbar__widget input[type="submit"]:hover, body .froo-optbar__widget .button:hover { background: var(--froo-red-dark); }
body .froo-optbar--light { background: #f4f7fb; border: 1px solid #dde5f0; }
body .froo-optbar--light .froo-optbar__title { color: var(--froo-navy); }
body .froo-optbar--light .froo-optbar__title strong { color: var(--froo-blue); }
body .froo-optbar--light .froo-optbar__sub { color: #55637a; }
body .froo-optbar--light .froo-optbar__widget input[type="text"] { border-color: #cbd6e4; }
@media (max-width: 880px) {
	body .froo-optbar { padding: 18px 20px; }
	body .froo-optbar__title { font-size: 17px; }
	body .froo-optbar__sub { font-size: 12.5px; }
}


/* Avada's responsive typography (below 800px headings shrink linearly; fitted to the live site) */
@media (max-width: 799px) {
	body .froo-titlebar__title.wp-block-post-title { font-size: clamp(20px, calc(8.91px + 3.886vw), 40px); line-height: 1.2; }
	body .froo-related__title { font-size: clamp(18px, calc(17.82px + 1.022vw), 26px); line-height: 1.2; }
	body .froo-content--post h3 { font-size: clamp(18px, calc(20.36px + 0.205vw), 22px); }
}
@media (max-width: 640px) {
	body .froo-share { flex-direction: column; justify-content: center; text-align: center; }
	body .froo-share__links { justify-content: center; }
}

/* ---------- Content + sidebar layout ---------- */
body .froo-with-sidebar { display: grid; grid-template-columns: minmax(0, 888fr) minmax(0, 264fr); column-gap: 48px; padding-top: 40px; padding-bottom: 20px; }
body .froo-with-sidebar__side > .wp-block-template-part, body .froo-with-sidebar__side > div { height: 100%; }
@media (max-width: 1024px) {
	body .froo-with-sidebar { grid-template-columns: minmax(0, 1fr); row-gap: 40px; }
}

/* Post body */
body .froo-post-image { margin: 0; }
body .froo-post-image img { display: block; width: 100%; height: auto; }
body .froo-share { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 60px; padding: 17.5px; background: #f9f9fb; }
body .froo-share__title { margin: 0; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -0.015em; color: var(--awb-color8); }
body .froo-share__links { display: flex; flex-wrap: wrap; }
body .froo-share__link { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 28px; font-size: 16px; color: var(--awb-color8); }
body .froo-share__link:hover { color: #71b7f6; }
body .froo-share__link .froo-icon { width: 16px; height: 16px; }
body .froo-with-sidebar__main > .froo-share:first-child { margin-top: 0; }
body .froo-content--post { margin-top: 30px; }
body .froo-content--post p { margin: 0 0 20px; }
body .froo-content--post h1, body .froo-content--post h2, body .froo-content--post h3, body .froo-content--post h4, body .froo-content--post h5, body .froo-content--post h6 { margin: 1em 0 0.5em; }
body .froo-content--post h3 { font-size: 22px; }
body .froo-content--post ul, body .froo-content--post ol { margin: 0 0 20px; padding-left: 40px; }
body .froo-content--post img { height: auto; }
body .froo-content--post table { width: 100%; border-collapse: collapse; margin: 0 0 20px; }
body .froo-content--post th, body .froo-content--post td { padding: 8px 10px; border: 1px solid #e4e7f0; text-align: left; }
body .froo-content--post blockquote { margin: 0 0 20px; padding: 15px 20px; border-left: 4px solid var(--awb-color5); background: #f9f9fb; }
body .froo-postnav { display: flex; justify-content: space-between; margin-top: 20px; font-size: 14px; }
body .froo-postnav a { color: var(--froo-indigo); text-decoration: none; }
body .froo-postnav a:hover { color: #8462c0; }
body .froo-postnav .wp-block-post-navigation-link__arrow-previous { margin-right: 8px; }
body .froo-postnav .wp-block-post-navigation-link__arrow-next { margin-left: 8px; }

/* Related posts (Avada showed a 4-up carousel; this is the same 4 cards, static) */
body .froo-related-wrap { padding-top: 30px; padding-bottom: 40px; }
body .froo-related__title { margin: 10px 0 0; text-align: center; font-size: 26px; font-weight: 500; line-height: 31.2px; letter-spacing: -0.015em; color: var(--awb-color8); }
body .froo-related__rule { display: block; width: 100px; height: 4px; margin: 15px auto 20px; background: var(--awb-color5); }
body .froo-related__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
body .froo-related__image { display: block; aspect-ratio: 500 / 383; overflow: hidden; background: #f2f3f5; }
body .froo-related__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
body .froo-related__post-title { margin: 13.6px 0 2.7px; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -0.015em; }
body .froo-related__post-title a { color: #71b7f6; text-decoration: none; }
body .froo-related__post-title a:hover { color: #8462c0; }
body .froo-related__date { margin: 0; font-size: 13px; line-height: 1.5; color: var(--awb-color7); }
@media (max-width: 1024px) { body .froo-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { body .froo-related__grid { grid-template-columns: minmax(0, 1fr); } }

/* How-to article */
body .froo-main--howto .froo-howto__title { margin: 0 0 20px; font-size: 30px; line-height: 36px; color: var(--awb-color8); }
body .froo-main--howto .froo-share { margin-top: 40px; }

/* ---------- Blog sidebar ---------- */
body .froo-sidebar { box-sizing: border-box; height: 100%; padding: 30px 20px; border-radius: 15px; background: rgba(3, 17, 32, 0.2) url(../img/sidebar-gradient.jpg) center top / cover no-repeat; color: #fff; }
body .froo-sidebar__title { margin: 0 0 10px; color: #fff; font-size: 14px; line-height: 24.08px; }
body .froo-sidebar__title strong { font-size: 20px; font-weight: 700; }
body .froo-sidebar__sub { font-size: 14px; }
body .froo-sidebar__sep.wp-block-separator { width: 100%; margin: 30px 0; border: 0; border-top: 1px solid rgba(255, 255, 255, 0.35); opacity: 1; }
body .froo-sidebar__sep + .froo-sidebar__title { margin-top: 0; }
body .froo-sidebar__links { margin: 0; line-height: 24.08px; }
body .froo-sidebar__links a, body .froo-sidebar a { color: #fff; text-decoration: none; }
body .froo-sidebar__links a:hover { color: #71b7f6; }
body .froo-sidebar__search .wp-block-search__inside-wrapper { position: relative; border: 0; padding: 0; }
body .froo-sidebar__search .wp-block-search__inside-wrapper::before { content: ""; position: absolute; left: 20px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: currentColor; color: var(--froo-indigo); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E") center / contain no-repeat; }
body .froo-sidebar__search .wp-block-search__input { box-sizing: border-box; height: 50px; width: 100%; padding: 0 15px 0 50px; border: 2px solid #e4e7f0; border-radius: 50px; background: #fff; font: 400 16px Poppins, Arial, sans-serif; color: var(--froo-indigo); }
body .froo-sidebar__recent { margin: 0; padding: 0; list-style: none; }
body .froo-sidebar__recent li { padding: 13px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.35); }
body .froo-sidebar__recent a { display: block; font-size: 14px; font-weight: 600; line-height: 16.8px; letter-spacing: -0.015em; color: #fff; }
body .froo-sidebar__recent a:hover { color: #71b7f6; }
body .froo-sidebar__recent .wp-block-latest-posts__post-date { display: block; margin-top: 4px; font-size: 13px; line-height: 19.5px; color: #fff; }
body .froo-sidebar__tags.wp-block-tag-cloud, body .froo-sidebar .wp-block-tag-cloud { display: flex; flex-wrap: wrap; gap: 10px; margin: 50px 0 0; }
body .froo-sidebar .wp-block-tag-cloud a { display: inline-flex; margin: 0; padding: 10.5px 14px; border: 1px solid #fff; border-radius: 5px; background: #fff; color: #3567b2; font-size: 14px !important; line-height: 14px; }
body .froo-sidebar .wp-block-tag-cloud a:hover { background: #70b7f6; border-color: #70b7f6; color: #fff; }

/* ---------- Archive ---------- */
body .froo-archivebar { padding: 0 0 40px; background: url(../img/archive-title-bg.jpg) center / cover no-repeat; }
body .froo-archivebar .froo-wrap { background: url(../img/title-shadow.png) center top / min(1200px, 100%) 20px no-repeat; padding-top: 40px; }
body .froo-archivebar__eyebrow.wp-block-heading { margin: 10px 0 0; font-size: 16px; font-weight: 600; line-height: 19.2px; letter-spacing: -0.015em; text-transform: uppercase; color: #8462c0; }
body .froo-archivebar__eyebrow::after { content: ""; display: block; width: 267px; max-width: 100%; height: 2px; margin: 15px auto 10px; background: #a28ccf; }
body .froo-archivebar__title { margin: 0; font-size: 30px; font-weight: 600; line-height: 36px; letter-spacing: -0.015em; color: var(--froo-indigo); }
body .froo-archivebar__check .froo-optbar { margin-top: 28px; }
body .froo-with-sidebar--archive { padding-top: 60px; }
body .froo-cards__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); width: calc(100% + 20px); margin: -10px -10px 0 !important; padding: 0; list-style: none; }
body .froo-cards__grid > li { box-sizing: border-box; padding: 10px; margin: 0 !important; }
body .froo-card { height: 100%; box-sizing: border-box; padding: 20px; background: #fff; display: flex; flex-direction: column; }
body .froo-card__image { margin: 0; aspect-ratio: 1344 / 768; overflow: hidden; }
body .froo-card__image img { display: block; width: 100%; height: 100% !important; object-fit: cover; }
body .froo-card__date { margin-top: 10px; padding: 5px 0; min-height: 26px; font-size: 11px; line-height: 26px; color: #71b7f6; }
body .froo-card__date::before { content: "Published On: "; }
body .froo-card__title.wp-block-post-title { margin: 10px 0 10px; font-size: 16px; font-weight: 600; line-height: 19.2px; letter-spacing: -0.015em; }
body .froo-card__title a { color: var(--froo-indigo); text-decoration: none; }
body .froo-card__title a:hover { color: var(--froo-navy); }
body .froo-card__excerpt { flex: 1; padding-bottom: 20px; border-bottom: 1px solid #f5f6f9; }
body .froo-card__excerpt p { margin: 0; font-size: 12px; font-weight: 300; line-height: 18px; letter-spacing: 0.015em; color: var(--awb-color7); }
body .froo-card__excerpt .wp-block-post-excerpt__more-text { display: none; }
body .froo-card__more.wp-block-read-more { margin-top: 20px; font-size: 12px; font-weight: 600; line-height: 14.4px; color: var(--froo-indigo); text-decoration: none; }
body .froo-card__more:hover { color: #211856; }
body .froo-pagination { margin-top: 30px; gap: 0; font-size: 13px; }
body .froo-pagination .page-numbers, body .froo-pagination .wp-block-query-pagination-next, body .froo-pagination .wp-block-query-pagination-previous { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; box-sizing: border-box; margin: 0 3px; color: #71b7f6; text-decoration: none; }
body .froo-pagination .page-numbers { border: 1px solid #f2f3f5; }
body .froo-pagination .page-numbers.current { background: #a28ccf; border-color: #a28ccf; color: #fff; }
body .froo-pagination .page-numbers.dots { border: 0; }
@media (max-width: 640px) { body .froo-cards__grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------- 404 ---------- */
body .froo-main--404 { padding: 40px 0 34px; }
body .froo-404.wp-block-columns { gap: 48px; margin: 0; }
body .froo-404__ah.wp-block-heading { margin: 10px 0 0; font-size: 48px; font-weight: 600; line-height: 57.6px; color: var(--froo-indigo); }
body .froo-404__image { margin: 15px 0 0; }
body .froo-404__image img { width: 512px; }
body .froo-404__code { margin: 10px 0 0; font-size: 290px; font-weight: 700; line-height: 348px; letter-spacing: -0.015em; color: #e8e8ea; }
body .froo-404__sep.wp-block-separator { margin: 15px 0 0; border: 0; border-top: 5px solid #e8e8ea; opacity: 1; }
body .froo-404__title.wp-block-heading { margin: 30px 0 30px; font-size: 30px; font-weight: 600; line-height: 1.2; color: var(--froo-indigo); }
body .froo-404__btn .wp-block-button__link { padding: 11px 23px; border-radius: 5px; background: var(--froo-indigo); font-size: 13px; font-weight: 500; line-height: 16px; letter-spacing: 0.015em; }
body .froo-404__btn .wp-block-button__link:hover { background: var(--froo-navy); }
body .froo-404__didnt.wp-block-heading { margin-top: 10px; font-size: 30px; line-height: 36px; }
@media (max-width: 1024px) { body .froo-404__code { font-size: 180px; line-height: 1.2; } }

/* ==========================================================================
   Page content from Avada (Code Blocks / converted Custom HTML blocks)
   Avada's base element styles, at zero specificity so page CSS always wins.
   ========================================================================== */
:where(.froo-content) :where(h1) { margin: 0.67em 0; }
:where(.froo-content) :where(h2) { margin: 0 0 1.1em; }
:where(.froo-content) :where(h3) { margin: 1em 0 0.5em; }
:where(.froo-content) :where(h4) { margin: 1.33em 0; }
:where(.froo-content) :where(h5) { margin: 1.67em 0; }
:where(.froo-content) :where(h6) { margin: 2.33em 0; }
:where(.froo-content) :where(p) { margin: 0; }
:where(.froo-content) :where(ul, ol) { margin: 14px 0; padding-left: 40px; }
:where(.froo-content) :where(th) { font-weight: 600; letter-spacing: -0.015em; line-height: 1.2; }
:where(.froo-content) :where(blockquote) { margin: 28px 40px; padding: 15px; }
:where(.froo-content) :where(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select) { box-sizing: border-box; height: 50px; padding: 0 15px; border: 1px solid #f2f3f5; border-radius: 6px; background: #fff; font-family: inherit; font-size: 16px; color: #141617; }
:where(.froo-content) :where(textarea) { box-sizing: border-box; padding: 2px; border: 1px solid #f2f3f5; border-radius: 6px; background: #fff; font-family: inherit; font-size: 16px; color: #141617; }
:where(.froo-content) :where(strong, b) { font-weight: 700; }

/* Content classes from Avada-Child-Theme/style.css */
.drawer { overflow: hidden; width: 100%; text-align: left; height: 44.8px; display: flex; align-items: center; }
.countryselection { display: none; left: -200px; position: relative; text-align: left; cursor: pointer; }
.countryselection span { height: 18px; color: #fff; vertical-align: middle; display: inline-block; }
.countryselector { width: auto; position: relative; text-align: left; cursor: pointer; display: inline-block; }
.countryselector .fa { position: relative; color: #fff; }
.flag { width: 32px; height: 32px; background: url(https://cdn.frooition.com/000000/img/lflags.png) no-repeat; display: inline-block; vertical-align: middle; }
.flag.flag-au { background-position: -32px 0; }
.flag.flag-ca { background-position: -64px 0; }
.flag.flag-de { background-position: -96px 0; }
.flag.flag-es { background-position: 0 -32px; }
.flag.flag-fr { background-position: -32px -32px; }
.flag.flag-gb, .flag.flag-uk { background-position: -64px -32px; }
.flag.flag-ie { background-position: -96px -32px; }
.flag.flag-it { background-position: 0 -64px; }
.flag.flag-nl { background-position: -32px -64px; }
.flag.flag-nz { background-position: -64px -64px; }
.flag.flag-us { background-position: -96px -64px; }
.flag.flag-row { background: url(https://cdn.frooition.com/000000/img/row.png) no-repeat; }
.tagline-box-column-container { display: flex; flex-direction: row; }
.tagline-box-column-left { display: flex; width: 90%; }
.tagline-box-column-right { display: flex; width: 10%; }
.ebay-start-your-journey-section-subsection-title { display: flex; flex-direction: row; margin-bottom: 22px; }
.ebay-start-your-journey-section-subsection-title-column-1 { display: flex; flex-direction: column; flex-grow: 1; }
.ebay-start-your-journey-section-subsection-title-column-2 { display: flex; flex-direction: column; flex-grow: 1; align-items: flex-end; padding-left: 10px; }
.post-content h4.ebay-start-your-journey-section-subsection-title-text { font-size: 25px; font-weight: 500; color: #fff; line-height: 30px; margin-top: 0; margin-bottom: 0; }
.post-content h4.ebay-start-your-journey-section-subsection-title-text-light-blue { font-size: 25px; font-weight: 500; color: #94beff; line-height: 30px; margin-top: 0; margin-bottom: 0; }
.ebay-start-your-journey-section-subsection-description { display: flex; flex-direction: column; }
.ebay-start-your-journey-section-subsection-description-text { font-size: 15px; color: #fff; line-height: 22px; margin-bottom: 22px; font-weight: 400; }
.check-mark-icon { display: flex; width: 51px; height: 51px; background: url(https://cdn.frooition.com/000000/img/CertifiedGoldeBayPartners.png); }
.thirty-days-icon { display: flex; width: 41px; height: 39px; background: url(https://cdn.frooition.com/000000/img/30DaysFree.png); }
.topbar-message { display: flex; align-items: center; height: 45px; }
.topbar-message p { margin-top: 0; margin-bottom: 0; }
.topbar-message a { text-decoration: underline; }

/* Multi-column rows written by the Avada converter: widths are inline, phones stack them. */
@media (max-width: 640px) {
	.froo-cols > * { flex-basis: 100% !important; max-width: 100% !important; }
}