/**
*
* Typography Styles
* @package ffb
*
**/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/**
*
* Reset
* @package ffb
*
**/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/**
*
* Color Variables
* @package ffb
*
**/
@font-face {
  font-family: "FFB Dharma";
  src: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/fonts/ffb-dharmagothice-bold-webfont.woff2") format("woff2"), url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/fonts/ffb-dharmagothice-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "FFB Dharma";
  src: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/fonts/ffb-dharmagothice-exbold-webfont.woff2") format("woff2"), url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/fonts/ffb-dharmagothice-exbold-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "FFB Transducer Extended";
  src: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/fonts/ffb-transducer-extendedbold-webfont.woff2") format("woff2"), url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/fonts/ffb-transducer-extendedbold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "FFB Transducer Extended";
  src: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/fonts/ffb-transducer-extendedblack-webfont.woff2") format("woff2"), url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/fonts/ffb-transducer-extendedblack-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SportZone";
  src: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/fonts/sportzone-webfont.woff2") format("woff2"), url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/fonts/sportzone-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
h1 {
  font-family: var(--ffb-headline-font);
  font-size: 36px;
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: 900;
}

h2 {
  font-family: var(--ffb-primary-font);
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 10px 0;
  line-height: 1.3;
  color: var(--ffb-dark-dark-gray);
}

h3 {
  font-family: var(--ffb-primary-font);
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 10px 0;
  line-height: 1.3;
  color: var(--ffb-dark-dark-gray);
}

h4 {
  font-family: var(--ffb-primary-font);
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 10px 0;
  color: var(--ffb-dark-dark-gray);
}

h5 {
  font-family: var(--ffb-primary-font);
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 10px 0;
  color: var(--ffb-dark-dark-gray);
}

h6 {
  font-family: var(--ffb-primary-font);
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
}

p {
  line-height: 1.6;
  padding: 0;
  margin: 0 0 24px 0;
}

ul {
  list-style: disc outside none;
  margin: 0 0 24px 1em;
}

ul li {
  margin: 0 0 6px 0;
  padding: 0 0 0 6px;
  line-height: 1.6;
}

ul li ul {
  margin: 0 0 10px 0;
}

ol {
  counter-reset: li;
  margin: 0 0 25px 0;
  padding: 5px 0 0 0;
  padding: 0;
}

ol > li {
  position: relative;
  margin: 0 0 8px 20px;
  padding-left: 5px;
  list-style: none;
  line-height: 1.6;
}

ol > li:before {
  content: counter(li) ".";
  counter-increment: li;
  position: absolute;
  top: 2px;
  left: -22px;
  width: 22px;
  color: var(--ffb-black);
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  box-sizing: border-box;
}

hr {
  margin: 40px 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 6px solid #006a71;
  border-left: 0;
  width: 100px;
}

a {
  color: var(--ffb-blue);
  text-decoration: none;
  outline: 0;
  transition: var(--ffb-ease-fast);
}
a:hover {
  color: var(--ffb-blue);
}

.ffb-old a,
.ffb-old a:visited {
  color: var(--ffb-green);
}
.ffb-old a:hover,
.ffb-old a:visited:hover {
  color: var(--ffb-green);
}

sup {
  vertical-align: super;
  font-size: smaller;
}

img {
  max-width: 100%;
  height: auto;
}

::selection,
::-moz-selection,
::-webkit-selection {
  background: var(--ffb-green);
  color: var(--ffb-white);
}

.breadcrumb {
  font-size: 14px;
  color: var(--ffb-med-gray);
}
.breadcrumb a {
  color: var(--ffb-med-gray);
}

@media (min-width: 768px) {
  h1 {
    font-size: 44px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 20px;
  }
}
@media (min-width: 960px) {
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 22px;
  }
}
@media (min-width: 1150px) {
  h1 {
    font-size: 54px;
  }
}
@media (min-width: 1280px) {
  h1 {
    font-size: 58px;
  }
}
@media (min-width: 1400px) {
  h1 {
    font-size: 62px;
  }
}
/**
*
* Misc Variables
* @package ffb
*
**/
:root {
  /* ============================================
     PRIMITIVE TOKENS
     ============================================ */
  --color-green: #42ac4d;
  --color-blue: #016cf9;
  --color-gold: #f3d156;
  --color-navy: #0b314f;
  --color-dark-green: #155c16;
  --color-brick: #6e1711;
  --color-rust: #a54d24;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-dark-gray: #222222;
  --color-light-gray: #eeeeee;
  --color-green-100: oklch(from var(--color-green-500) calc(l - 0.2) c h);
  --color-green-200: oklch(from var(--color-green-500) calc(l - 0.15) c h);
  --color-green-300: oklch(from var(--color-green-500) calc(l - 0.1) c h);
  --color-green-400: oklch(from var(--color-green-500) calc(l - 0.05) c h);
  --color-green-500: var(--color-green);
  --color-green-600: oklch(from var(--color-green-500) calc(l + 0.05) c h);
  --color-green-700: oklch(from var(--color-green-500) calc(l + 0.1) c h);
  --color-green-800: oklch(from var(--color-green-500) calc(l + 0.15) c h);
  --color-green-900: oklch(from var(--color-green-500) calc(l + 0.2) c h);
  --color-blue-100: oklch(from var(--color-blue-500) calc(l - 0.2) c h);
  --color-blue-200: oklch(from var(--color-blue-500) calc(l - 0.15) c h);
  --color-blue-300: oklch(from var(--color-blue-500) calc(l - 0.1) c h);
  --color-blue-400: oklch(from var(--color-blue-500) calc(l - 0.05) c h);
  --color-blue-500: var(--color-blue);
  --color-blue-600: oklch(from var(--color-blue-500) calc(l + 0.05) c h);
  --color-blue-700: oklch(from var(--color-blue-500) calc(l + 0.1) c h);
  --color-blue-800: oklch(from var(--color-blue-500) calc(l + 0.15) c h);
  --color-blue-900: oklch(from var(--color-blue-500) calc(l + 0.2) c h);
  --color-gold-100: oklch(from var(--color-gold-500) calc(l - 0.2) c h);
  --color-gold-200: oklch(from var(--color-gold-500) calc(l - 0.15) c h);
  --color-gold-300: oklch(from var(--color-gold-500) calc(l - 0.1) c h);
  --color-gold-400: oklch(from var(--color-gold-500) calc(l - 0.05) c h);
  --color-gold-500: var(--color-gold);
  --color-gold-600: oklch(from var(--color-gold-500) calc(l + 0.05) c h);
  --color-gold-700: oklch(from var(--color-gold-500) calc(l + 0.1) c h);
  --color-gold-800: oklch(from var(--color-gold-500) calc(l + 0.15) c h);
  --color-gold-900: oklch(from var(--color-gold-500) calc(l + 0.2) c h);
  /* ============================================
     SEMANTIC TOKENS
     ============================================ */
  --color-primary: var(--color-green-500);
  --color-primary-hover: var(--color-green-600);
  --color-secondary: var(--color-blue-500);
  --color-secondary-hover: var(--color-blue-600);
  --color-tertiary: var(--color-gold-500);
  --color-tertiary-hover: var(--color-gold-600);
  --brand-color-youtube: #ff0000;
  --brand-color-apple-pod: #6730ce;
  --brand-color-sleeper: #243455;
  --brand-color-espn: #dd0000;
  --brand-color-yahoo: #7d2eff;
  --brand-color-nfl: #00aacc;
  --brand-color-discord: #5865f2;
  --brand-color-twitter: #ffffff;
  --brand-color-tiktok: #25f4ee;
  --color-surface: var(--color-white);
  --color-surface-90: oklch(from var(--color-surface) calc(l - 0.05) c h);
  --color-surface-80: oklch(from var(--color-surface) calc(l - 0.1) c h);
  --color-surface-70: oklch(from var(--color-surface) calc(l - 0.15) c h);
  --color-surface-60: oklch(from var(--color-surface) calc(l - 0.2) c h);
  --color-surface-50: oklch(from var(--color-surface) calc(l - 0.25) c h);
  --color-surface-40: oklch(from var(--color-surface) calc(l - 0.3) c h);
  --color-surface-30: oklch(from var(--color-surface) calc(l - 0.35) c h);
  --color-surface-20: oklch(from var(--color-surface) calc(l - 0.4) c h);
  --color-surface-10: oklch(from var(--color-surface) calc(l - 0.45) c h);
  --color-text: var(--color-dark-gray);
  --color-text-90: oklch(from var(--color-text) calc(l - 0.05) c h);
  --color-text-80: oklch(from var(--color-text) calc(l - 0.1) c h);
  --color-text-70: oklch(from var(--color-text) calc(l - 0.15) c h);
  --color-text-60: oklch(from var(--color-text) calc(l - 0.2) c h);
  --color-text-50: oklch(from var(--color-text) calc(l - 0.25) c h);
  --color-text-40: oklch(from var(--color-text) calc(l - 0.3) c h);
  --color-text-30: oklch(from var(--color-text) calc(l - 0.35) c h);
  --color-text-20: oklch(from var(--color-text) calc(l - 0.4) c h);
  --color-text-10: oklch(from var(--color-text) calc(l - 0.45) c h);
  /* ============================================
     DARK MODE
     ============================================ */
  /* ============================================
     OLD -- LEAVING FOR NOW BUT SHOULD BE REMOVED
     ============================================ */
  --wp-admin-bar-height: 0px;
  --header-offset: 60px;
  --scrolled-header-offset: 60px;
  --promo-header-offset: 94px;
  --feature-height: 56.25vw;
  --feature-slant-offset: calc(56.25vw - 30px);
  --feature-slant-offset-with-ad: calc(56.25vw - 30px + 70px);
  --article-sidebar-left-offset: 0;
  --article-sidebar-right-offset: 0;
  --builder-offset: 30px;
  --headline-offset: -67px;
  --table-header-offset: 60px;
  --udk-table-header-offset: 111px;
  --tool-table-header-offset: 111px;
  --big-space: 0px;
  --ffb-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.2), 0 0 5px 0 rgba(0, 0, 0, 0.14),
    0 0 10px 0 rgba(0, 0, 0, 0.12);
  --ffb-black: #000000;
  --ffb-white: #ffffff;
  --ffb-green: #42ac4d;
  --ffb-green-rgb: 66, 172, 77;
  --ffb-blue: #016cf9;
  --ffb-gold: #f3d156;
  --ffb-navy: #0b314f;
  --ffb-dark-green: #155c16;
  --ffb-brick: #6e1711;
  --ffb-rust: #a54d24;
  --ffb-tan: #ece7dc;
  --ffb-light-gray: #d8d8d8;
  --ffb-light-light-gray: #ebebeb;
  --ffb-dark-gray: #555555;
  --ffb-dark-dark-gray: #222222;
  --ffb-med-gray: #888888;
  --ffb-red: #eb0000;
  --ffb-med-red: #840000;
  --ffb-dark-red: #49120e;
  --ffb-dark-gold: #ac9500;
  --ffb-bright-gold: #f3b23e;
  --ffb-purple: #823fc2;
  --ffb-orange: #ff4200;
  --ffb-pink: #ff424d;
  --ffb-brand-youtube: #ff0000;
  --ffb-brand-apple-pod: #6730ce;
  --ffb-brand-sleeper: #243455;
  --ffb-brand-espn: #dd0000;
  --ffb-brand-yahoo: #7d2eff;
  --ffb-brand-nfl: #00aacc;
  --ffb-brand-discord: #5865f2;
  --ffb-brand-twitter: #ffffff;
  --ffb-brand-tiktok: #25f4ee;
  --ffb-ease-extra-fast: all 0.1s ease-out;
  --ffb-ease-fast: all 0.2s ease-out;
  --ffb-ease-med: all 0.3s ease-out;
  --ffb-ease-slow: all 0.4s ease-out;
  --ffb-ease-load: transform 1000ms cubic-bezier(0, 0, 0, 1), opacity 800ms ease-out,
    width 1000ms cubic-bezier(0, 0, 0, 1);
  --ffb-headline-font: "refrigerator-deluxe", Helvetica, Arial, sans-serif;
  --ffb-primary-font: "Montserrat", Helvetica, Arial, sans-serif;
  --ffb-product-font: "SportZone", Helvetica, Arial, sans-serif;
  --ffb-new-product-font: "Montserrat", Helvetica, Arial, sans-serif;
  --ffb-condensed-font: "FFB Dharma", Helvetica, Arial, sans-serif;
  --ffb-extended-font: "FFB Transducer Extended", Helvetica, Arial, sans-serif;
  --ffb-icon-font: "FFB-Icons";
}
:root [data-theme=dark] {
  --color-surface: var(--color-black);
  --color-light-gray: var(--color);
}

body.admin-bar {
  --wp-admin-bar-height: 46px;
}

@media screen and (min-width: 768px) {
  :root {
    --header-offset: 111px;
    --scrolled-header-offset: 71px;
    --promo-header-offset: 154px;
    --feature-height: 440px;
    --feature-slant-offset: 400px;
    --feature-slant-offset-with-ad: 400px;
    --builder-offset: 40px;
    --headline-offset: -76px;
    --table-header-offset: 71px;
    --udk-table-header-offset: 121px;
    --tool-table-header-offset: 122px;
  }
  body.admin-bar {
    --wp-admin-bar-height: 32px;
  }
}
@media screen and (min-width: 960px) {
  :root {
    --article-sidebar-right-offset: -40px;
    --promo-header-offset: 151px;
    --builder-offset: 45px;
    --headline-offset: -88px;
  }
}
@media screen and (min-width: 1150px) {
  :root {
    --header-offset: 114px;
    --scrolled-header-offset: 74px;
    --promo-header-offset: 154px;
    --article-sidebar-left-offset: -15px;
    --article-sidebar-right-offset: -50px;
    --builder-offset: 45px;
    --headline-offset: -108px;
    --table-header-offset: 74px;
    --udk-table-header-offset: 148px;
    --tool-table-header-offset: 134px;
  }
}
@media screen and (min-width: 1280px) {
  :root {
    --header-offset: 120px;
    --scrolled-header-offset: 80px;
    --promo-header-offset: 160px;
    --article-sidebar-left-offset: -5px;
    --article-sidebar-right-offset: -45px;
    --table-header-offset: 80px;
    --udk-table-header-offset: 154px;
    --tool-table-header-offset: 140px;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --feature-height: 500px;
    --feature-slant-offset: 430px;
    --feature-slant-offset-with-ad: 430px;
    --article-sidebar-left-offset: -20px;
    --article-sidebar-right-offset: -70px;
    --headline-offset: -109px;
  }
}
@media screen and (min-width: 2000px) {
  :root {
    --feature-height: 550px;
    --feature-slant-offset: 480px;
    --feature-slant-offset-with-ad: 480px;
    --article-sidebar-left-offset: -10px;
    --article-sidebar-right-offset: -85px;
  }
}
/**
*
* Default Grid Template
* @package ffb
*
**/
.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 5px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.container .column,
.container .columns {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .container .columns.one, .container .columns.two, .container .columns.three, .container .columns.four, .container .columns.five, .container .columns.six {
    width: 50%;
  }
  .container .columns.seven, .container .columns.eight, .container .columns.nine, .container .columns.ten, .container .columns.eleven, .container .columns.twelve {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .container {
    flex-wrap: nowrap;
  }
  .container .columns.one {
    width: 8.3333%;
  }
  .container .columns.two {
    width: 16.6666%;
  }
  .container .columns.three {
    width: 25%;
  }
  .container .columns.four {
    width: 33.3333%;
  }
  .container .columns.five {
    width: 41.6666%;
  }
  .container .columns.six {
    width: 50%;
  }
  .container .columns.seven {
    width: 58.3333%;
  }
  .container .columns.eight {
    width: 66.6666%;
  }
  .container .columns.nine {
    width: 75%;
  }
  .container .columns.ten {
    width: 83.3333%;
  }
  .container .columns.eleven {
    width: 91.6666%;
  }
  .container .columns.twelve {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .container {
    width: 90%;
    padding: 0;
    max-width: 1800px;
  }
}
/**
*
* Basic Body Elements
* @package ffb
*
**/
body {
  font-family: var(--ffb-primary-font);
  color: var(--ffb-dark-gray);
  background: var(--ffb-white);
  font-weight: 400;
  font-size: 16px;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
body.noscroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}
body .hidden-svg {
  display: none;
}

/**
*
* Header
* @package ffb
*
**/
header {
  position: fixed;
  width: 100%;
  z-index: 99996;
}
header .header--primary {
  display: flex;
  justify-content: space-between;
  background: var(--ffb-green);
  background: linear-gradient(115deg, var(--ffb-black) 20%, var(--ffb-dark-green) 60%, var(--ffb-green) 100%);
  padding: 6px 20px;
}
header .header--util {
  display: flex;
  justify-content: flex-end;
}
header .header--search {
  position: absolute;
  padding: 0 20px;
  left: 0;
  right: 0;
  top: 60px;
  background: var(--ffb-black);
  height: 0;
  overflow: hidden;
  transition: var(--ffb-ease-fast);
  z-index: 99996;
}
header .header--search #searchform {
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  position: relative;
  padding-left: 27px;
  opacity: 0;
  visibility: hidden;
  transition: var(--ffb-ease-fast);
}
header .header--search #searchform::before {
  content: "";
  display: block;
  position: absolute;
  left: 9px;
  top: 9px;
  width: 18px;
  height: 18px;
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/search-white.svg) center no-repeat;
  background-size: 18px;
}
header .header--search [type=text] {
  background: none;
  border: 0;
  color: var(--ffb-white);
  width: calc(100% - 18px);
  font-size: 14px;
  padding: 9px;
  margin: 0;
}
header .header--search [type=text]::placeholder {
  color: var(--ffb-white);
  opacity: 1;
}
header .header--search [type=text]:focus {
  border: 0;
}
header .header--search input[type=submit] {
  display: none;
}
header .header--search.open {
  height: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: visible;
}
header .header--search.open #searchform {
  opacity: 1;
  visibility: visible;
}
header .header--overlay {
  background: var(--ffb-dark-dark-gray);
  position: fixed;
  z-index: 99997;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  transition: var(--ffb-ease-med);
}
header .header--overlay.open {
  width: 100%;
}
header .header--udk, header .header--dfs {
  background: linear-gradient(-45deg, var(--ffb-med-gray) 0%, var(--ffb-light-light-gray) 10%, var(--ffb-white) 25%, var(--ffb-light-gray) 40%, var(--ffb-light-gray) 55%, var(--ffb-white) 70%, var(--ffb-light-gray) 85%, var(--ffb-med-gray) 100%);
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  transition: var(--ffb-ease-fast);
  z-index: 2;
}
header .header--udk--button, header .header--dfs--button {
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-weight: 600;
  cursor: pointer;
  color: var(--ffb-black);
  text-align: center;
  border-bottom: 1px solid var(--ffb-med-gray);
}
header .header--udk--button .ffb, header .header--dfs--button .ffb {
  margin-right: 12px;
}
header .header--udk--logo, header .header--dfs--logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 50px;
}
header .header--udk--logo a, header .header--dfs--logo a {
  display: block;
  opacity: 0.8;
}
header .header--udk--logo a .ffb, header .header--dfs--logo a .ffb {
  width: 48px;
  height: 48px;
}
header .header--udk--logo a:hover, header .header--dfs--logo a:hover {
  opacity: 1;
}
header .header--udk nav.udk,
header .header--udk nav.dfs, header .header--dfs nav.udk,
header .header--dfs nav.dfs {
  height: 0;
  overflow: hidden;
  transition: var(--ffb-ease-med);
}
header .header--udk nav.udk > div,
header .header--udk nav.dfs > div, header .header--dfs nav.udk > div,
header .header--dfs nav.dfs > div {
  display: flex;
  align-items: flex-start;
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
}
header .header--udk nav.udk.open,
header .header--udk nav.dfs.open, header .header--dfs nav.udk.open,
header .header--dfs nav.dfs.open {
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
}
header .header--udk ul.menu, header .header--dfs ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  height: calc(100vh - 170px);
  height: calc(var(--vh, 1vh) * 100 - 170px);
}
header .header--udk ul.menu > li, header .header--dfs ul.menu > li {
  width: 50%;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
}
header .header--udk ul.menu > li a, header .header--dfs ul.menu > li a {
  color: var(--ffb-black);
  font-size: 15px;
  padding: 12px 15px;
  display: block;
}
header .header--udk ul.menu > li > a, header .header--dfs ul.menu > li > a {
  text-align: center;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
header .header--udk ul.menu > li > a .ffb, header .header--dfs ul.menu > li > a .ffb {
  flex-basis: 100%;
  width: 30px;
  height: 30px;
}
header .header--udk ul.menu > li.disabled > a, header .header--dfs ul.menu > li.disabled > a {
  opacity: 0.2;
}
header .header--udk ul.menu > li.disabled > ul, header .header--dfs ul.menu > li.disabled > ul {
  display: none !important;
}
header .header--udk ul.menu > li ul li.disabled a, header .header--dfs ul.menu > li ul li.disabled a {
  opacity: 0.3;
}
header .header--udk ul.menu > li ul li.udk-plus, header .header--dfs ul.menu > li ul li.udk-plus {
  position: relative;
}
header .header--udk ul.menu > li ul li.udk-plus::after, header .header--dfs ul.menu > li ul li.udk-plus::after {
  content: "+";
  display: block;
  position: absolute;
  font-weight: 600;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  font-size: 18px;
  background: linear-gradient(45deg, transparent 49.9%, var(--ffb-blue) 50%);
  color: var(--ffb-white);
  line-height: 20px;
  text-align: right;
  padding-right: 4px;
  box-sizing: border-box;
}
header .header--udk ul.menu > li.udk-plus::after, header .header--dfs ul.menu > li.udk-plus::after {
  content: "+";
  display: block;
  position: absolute;
  font-weight: 600;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  font-size: 18px;
  background: linear-gradient(45deg, transparent 49.9%, var(--ffb-blue) 50%);
  color: var(--ffb-white);
  line-height: 20px;
  text-align: right;
  padding-right: 4px;
  box-sizing: border-box;
}
header .header--udk ul.menu > li.udk-plus.disabled::after, header .header--dfs ul.menu > li.udk-plus.disabled::after {
  opacity: 0.2;
}
header .header--udk ul.menu > li ul, header .header--dfs ul.menu > li ul {
  margin: 0;
  padding: 15px 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
header .header--udk ul.menu > li ul li, header .header--dfs ul.menu > li ul li {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}
header .header--udk ul.menu > li ul li.menu-item-has-children, header .header--dfs ul.menu > li ul li.menu-item-has-children {
  width: 50%;
}
header .header--udk ul.menu > li ul li.menu-item-has-children > a, header .header--dfs ul.menu > li ul li.menu-item-has-children > a {
  font-weight: 600;
  cursor: default;
}
header .header--udk ul.menu > li ul li.menu-item-has-children ul, header .header--dfs ul.menu > li ul li.menu-item-has-children ul {
  padding-top: 0;
}
header .header--udk ul.menu > li ul li a, header .header--dfs ul.menu > li ul li a {
  display: block;
  padding: 5px 0;
  font-size: 16px;
  text-align: center;
}
header .header--udk ul.menu > li ul li a svg, header .header--dfs ul.menu > li ul li a svg {
  fill: var(--ffb-dark-dark-gray);
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
header .header--udk ul.menu.sub-open, header .header--dfs ul.menu.sub-open {
  padding: 15px 20px;
  height: calc(100vh - 140px);
  height: calc(var(--vh, 1vh) * 100 - 140px);
  overflow-y: scroll;
}
header .header--udk ul.menu.sub-open > li, header .header--dfs ul.menu.sub-open > li {
  display: none;
}
header .header--udk ul.menu.sub-open > li.open, header .header--dfs ul.menu.sub-open > li.open {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
header .header--udk ul.menu.sub-open > li.open > a, header .header--dfs ul.menu.sub-open > li.open > a {
  border-bottom: 1px solid var(--ffb-med-gray);
  padding: 15px;
  font-size: 18px;
  position: relative;
}
header .header--udk ul.menu.sub-open > li.open > a svg, header .header--dfs ul.menu.sub-open > li.open > a svg {
  fill: var(--ffb-green);
}
header .header--udk ul.menu.sub-open > li.open > a::before, header .header--dfs ul.menu.sub-open > li.open > a::before {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  top: calc(50% - 25px);
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/arrow-left.svg) center no-repeat;
  background-size: 25px 25px;
  opacity: 0.5;
}
header .header--udk ul.menu.sub-open > li.open ul, header .header--dfs ul.menu.sub-open > li.open ul {
  opacity: 1;
  visibility: visible;
  height: auto;
  width: 100%;
}
header .header--udk ul.menu.sub-open > li.open.udk-plus > a svg, header .header--dfs ul.menu.sub-open > li.open.udk-plus > a svg {
  fill: var(--ffb-blue);
}
header .header--dfs {
  background: linear-gradient(-45deg, var(--ffb-black) 0%, var(--ffb-dark-gray) 10%, var(--ffb-dark-gray) 25%, var(--ffb-dark-dark-gray) 40%, var(--ffb-dark-dark-gray) 55%, var(--ffb-dark-gray) 70%, var(--ffb-dark-dark-gray) 85%, var(--ffb-black) 100%);
}
header .header--dfs--button {
  color: var(--ffb-white);
  border-bottom: 1px solid var(--ffb-black);
}
header .header--dfs--button svg {
  fill: var(--ffb-white);
}
header .header--dfs--logo .ffb {
  fill: var(--ffb-gold);
}
header .header--dfs ul.menu > li a {
  color: var(--ffb-white);
}
header .header--dfs ul.menu > li a svg {
  fill: var(--ffb-white);
}
header .header--dfs ul.menu.sub-open > li.open > a {
  border-bottom: 1px solid var(--ffb-black);
}
header .header--dfs ul.menu.sub-open > li.open > a svg {
  fill: var(--ffb-gold);
}
header .header--dfs ul.menu.sub-open > li.open > a::before {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/arrow-left-white.svg) center no-repeat;
  background-size: 25px 25px;
}
header .header--promo {
  position: relative;
  z-index: 1;
}
header .header--promo .elementor-section,
header .header--promo .elementor-section:last-child {
  padding: 0;
}
header .header--promo .elementor-section-full_width > .elementor-container {
  width: 100%;
  padding: 0;
}
header .header--promo .elementor-section-full_width {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
header .header .logo {
  transition: var(--ffb-ease-fast);
  width: 156px;
}
header .header .logo a {
  display: block;
}
header .header .logo a img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
header .header .nav--mobile {
  display: flex;
}
header .header .nav--mobile--button {
  display: block;
  width: 48px;
  height: 48px;
  position: relative;
  background: none;
  border: none;
  position: relative;
  z-index: 99999;
  cursor: pointer;
}
header .header .nav--mobile--button .bar {
  width: 34px;
  height: 3px;
  background: var(--ffb-white);
  position: absolute;
  left: 7px;
  border-radius: 2px;
  transition: var(--ffb-ease-fast);
}
header .header .nav--mobile--button .bar.top {
  top: 13px;
}
header .header .nav--mobile--button .bar.middle {
  top: 23px;
}
header .header .nav--mobile--button .bar.bottom {
  top: 33px;
}
header .header .nav--mobile--button.open .bar {
  background: var(--ffb-green);
}
header .header .nav--mobile--button.open .bar.top {
  transform: rotate(45deg);
  width: 40px;
  top: 22px;
  left: 4px;
}
header .header .nav--mobile--button.open .bar.middle {
  left: 25px;
  width: 0;
}
header .header .nav--mobile--button.open .bar.bottom {
  transform: rotate(-45deg);
  width: 40px;
  top: 22px;
  left: 4px;
}
header .header .nav--mobile--search {
  display: block;
  width: 48px;
  height: 48px;
  border: none;
  margin-right: 8px;
  background: none;
  cursor: pointer;
  transition: var(--ffb-ease-fast);
  position: relative;
}
header .header .nav--mobile--search img {
  width: 32px;
  height: 32px;
}
header .header .nav--mobile--search::after {
  content: "";
  display: block;
  transition: var(--ffb-ease-fast);
  position: absolute;
  left: calc(50% - 4px);
  bottom: -6px;
  opacity: 0;
  transform: translate(0, 10px);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--ffb-black);
}
header .header .nav--mobile--search.open::after {
  opacity: 1;
  transform: translate(0, 0);
}

.footclan-logged-in nav .footclan-pitch {
  display: none !important;
}

.page-wrap.with-menu header .header--promo {
  margin-top: 50px;
}

@media (min-width: 480px) {
  header .header--search {
    position: relative;
    padding: 0;
    background: none;
    left: auto;
    right: auto;
    top: auto;
    height: 42px;
    margin-top: 3px;
    overflow: visible;
  }
  header .header--search #searchform {
    height: 40px;
    visibility: visible;
    opacity: 1;
  }
  header .header--search #searchform::before {
    left: 12px;
    top: 12px;
  }
  header .header--search input[type=text] {
    width: 130px;
    font-size: 15px;
    padding: 10px;
  }
  header .header--search.open {
    height: auto;
    padding: 0;
  }
  header .header .nav--mobile--search {
    display: none;
  }
  header .header .nav--mobile--button {
    margin-left: 20px;
  }
}
@media (min-width: 768px) {
  header .header--primary {
    padding: 10px 25px;
  }
  header .header--secondary {
    display: flex;
    background: var(--ffb-black);
    height: 40px;
    justify-content: flex-end;
    font-size: 12px;
    font-weight: 400;
    padding: 0 25px;
    overflow: hidden;
    transition: var(--ffb-ease-fast);
  }
  header .header--search {
    margin-top: 6px;
  }
  header .header--udk, header .header--dfs {
    top: 114px;
  }
  header .header.short .header--udk,
  header .header.short .header--dfs {
    top: 71px;
  }
  header .header .logo {
    width: 200px;
    margin-top: -8px;
  }
  header .header.short .logo {
    margin-top: 0;
    width: 155px;
  }
  header .header.short .header--secondary {
    height: 0;
  }
  header .header .nav--mobile--button {
    margin-top: 3px;
  }
}
@media (min-width: 960px) {
  header .header .logo {
    width: 216px;
    margin: -25px 0 0 0;
  }
  header .header--udk, header .header--dfs {
    top: 111px;
  }
}
@media (min-width: 1150px) {
  header .header--search #searchform {
    padding-left: 22px;
  }
  header .header--search #searchform::before {
    left: 9px;
  }
  header .header--udk, header .header--dfs {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
  }
  header .header--udk--button, header .header--dfs--button {
    display: none;
  }
  header .header--udk--logo, header .header--dfs--logo {
    width: 95px;
    height: 74px;
  }
  header .header--udk--logo a .ffb, header .header--dfs--logo a .ffb {
    width: 72px;
    height: 72px;
  }
  header .header--udk nav.udk,
  header .header--udk nav.dfs, header .header--dfs nav.udk,
  header .header--dfs nav.dfs {
    height: auto;
    overflow: visible;
  }
  header .header--udk nav.udk.open,
  header .header--udk nav.dfs.open, header .header--dfs nav.udk.open,
  header .header--dfs nav.dfs.open {
    height: auto;
  }
  header .header--udk nav.udk > div,
  header .header--udk nav.dfs > div, header .header--dfs nav.udk > div,
  header .header--dfs nav.dfs > div {
    height: auto;
  }
  header .header--udk ul.menu, header .header--dfs ul.menu {
    height: 74px;
    padding: 0 20px 0 0;
    align-items: center;
    justify-content: flex-end;
  }
  header .header--udk ul.menu > li, header .header--dfs ul.menu > li {
    width: auto;
    display: block;
  }
  header .header--udk ul.menu > li > a, header .header--dfs ul.menu > li > a {
    padding: 10px;
    display: block;
    text-align: center;
    box-sizing: border-box;
  }
  header .header--udk ul.menu > li > a .ffb, header .header--dfs ul.menu > li > a .ffb {
    display: block;
    margin: 0 auto;
  }
  header .header--udk ul.menu > li > a:hover svg, header .header--dfs ul.menu > li > a:hover svg {
    fill: var(--ffb-green);
  }
  header .header--udk ul.menu > li.wide a .ffb, header .header--dfs ul.menu > li.wide a .ffb {
    width: 45px;
    height: 30px;
  }
  header .header--udk ul.menu > li.udk-plus a:hover svg, header .header--udk ul.menu > li.udk-plus:hover a:hover svg, header .header--dfs ul.menu > li.udk-plus a:hover svg, header .header--dfs ul.menu > li.udk-plus:hover a:hover svg {
    fill: var(--ffb-blue);
  }
  header .header--udk ul.menu > li:last-child > ul, header .header--dfs ul.menu > li:last-child > ul {
    right: -20px;
    left: auto;
  }
  header .header--udk ul.menu > li.current-menu-ancestor > a svg, header .header--udk ul.menu > li.current-menu-item > a svg, header .header--dfs ul.menu > li.current-menu-ancestor > a svg, header .header--dfs ul.menu > li.current-menu-item > a svg {
    fill: var(--ffb-green);
  }
  header .header--udk ul.menu > li.current-menu-ancestor.udk-plus > a svg, header .header--udk ul.menu > li.current-menu-item.udk-plus > a svg, header .header--dfs ul.menu > li.current-menu-ancestor.udk-plus > a svg, header .header--dfs ul.menu > li.current-menu-item.udk-plus > a svg {
    fill: var(--ffb-blue);
  }
  header .header--udk ul.menu > li > ul, header .header--dfs ul.menu > li > ul {
    position: absolute;
    left: -5px;
    padding: 8px 0;
    visibility: hidden;
    opacity: 0;
    transition: var(--ffb-ease-med);
    display: block;
    width: 280px;
    height: auto;
    text-align: left;
    background: var(--ffb-dark-dark-gray);
    transform: translateY(30px);
  }
  header .header--udk ul.menu > li > ul > li, header .header--dfs ul.menu > li > ul > li {
    display: block;
    width: auto;
  }
  header .header--udk ul.menu > li > ul > li a, header .header--dfs ul.menu > li > ul > li a {
    padding: 5px 15px;
    color: var(--ffb-white);
    text-align: left;
    font-size: 15px;
  }
  header .header--udk ul.menu > li > ul > li a svg, header .header--dfs ul.menu > li > ul > li a svg {
    fill: var(--ffb-white);
  }
  header .header--udk ul.menu > li > ul > li a:hover, header .header--dfs ul.menu > li > ul > li a:hover {
    color: var(--ffb-green);
  }
  header .header--udk ul.menu > li.udk-plus > ul > li a:hover, header .header--dfs ul.menu > li.udk-plus > ul > li a:hover {
    color: var(--ffb-blue);
  }
  header .header--udk ul.menu > li.udk-plus:hover > a svg, header .header--dfs ul.menu > li.udk-plus:hover > a svg {
    fill: var(--ffb-blue);
  }
  header .header--udk ul.menu > li:hover > a svg, header .header--dfs ul.menu > li:hover > a svg {
    fill: var(--ffb-green);
  }
  header .header--udk ul.menu > li:hover > ul, header .header--dfs ul.menu > li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  header .header--udk ul.menu > li:hover > ul li ul, header .header--dfs ul.menu > li:hover > ul li ul {
    visibility: visible;
    opacity: 1;
  }
  header .header--udk ul.menu > li.two-col > ul, header .header--dfs ul.menu > li.two-col > ul {
    width: 560px;
    display: flex;
  }
  header .header--udk ul.menu > li.two-col > ul li.menu-item-has-children > a, header .header--dfs ul.menu > li.two-col > ul li.menu-item-has-children > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 5px 0;
    margin: 0 15px;
  }
  header .header--udk ul.menu > li.two-col > ul li.menu-item-has-children > a:hover, header .header--dfs ul.menu > li.two-col > ul li.menu-item-has-children > a:hover {
    color: var(--ffb-white);
  }
  header .header--udk ul.menu > li.two-col > ul li ul, header .header--dfs ul.menu > li.two-col > ul li ul {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding-bottom: 0;
  }
  header .header--dfs ul.menu > li > ul {
    background: var(--ffb-dark-dark-gray);
  }
  header .header--dfs ul.menu > li > ul > li a:hover {
    color: var(--ffb-gold) !important;
  }
  header .header--dfs ul.menu > li.current-menu-ancestor a svg, header .header--dfs ul.menu > li.current-menu-item a svg, header .header--dfs ul.menu > li:hover a svg {
    fill: var(--ffb-gold);
  }
  header .header .logo {
    width: 210px;
    margin: -25px 0 0 0;
  }
  header .header.short .logo {
    width: 165px;
  }
  header .header.short .header--udk,
  header .header.short .header--dfs {
    top: auto;
  }
  header .header .nav--mobile--search {
    display: none;
  }
  header .header .nav--mobile--button {
    display: none;
  }
  header .header .nav--desktop {
    display: flex;
  }
  .page-wrap.with-menu header .header--promo {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  header .header--primary {
    padding: 13px 25px;
  }
  header .header--udk ul.menu, header .header--dfs ul.menu {
    padding: 0;
    justify-content: center;
  }
  header .header--udk ul.menu > li:last-child > ul, header .header--dfs ul.menu > li:last-child > ul {
    right: auto;
    left: -5px;
  }
  header .header--udk ul.menu > li a, header .header--dfs ul.menu > li a {
    padding: 10px 13px;
  }
  header .header .logo {
    width: 230px;
    margin-top: -30px;
  }
}
@media (min-width: 1400px) {
  header .header .logo {
    width: 240px;
  }
  header .header--search input[type=text] {
    width: 150px;
  }
}
@media (max-width: 600px) {
  #wpadminbar {
    position: fixed !important;
  }
}
/**
*
* Header
* @package ffb
*
**/
header .header nav.primary {
  position: fixed;
  top: 60px;
  padding: 25px 0 80px 0;
  overflow-y: scroll;
  right: 0;
  left: 100%;
  bottom: 0;
  border-bottom: 1px solid transparent;
  z-index: 99998;
  transition: var(--ffb-ease-med);
}
header .header nav.primary #mega-menu-wrap-primary,
header .header nav.primary #mega-menu-wrap-primary_test {
  opacity: 0;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test {
  background: none;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item {
  margin-bottom: 8px;
  display: block;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item:hover > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item:hover > a.mega-menu-link {
  background: none;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link {
  font-size: 26px;
  font-weight: 600;
  padding: 10px 25px;
  border-radius: 2px;
  transition: var(--ffb-ease-med);
  height: auto;
  line-height: 1.1;
  position: relative;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-out > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-out > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-out > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-out > a.mega-menu-link {
  color: var(--ffb-gold);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg {
  fill: var(--ffb-gold);
  margin-right: 5px;
  width: 30px;
  height: 30px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link {
  display: block;
  color: transparent;
  background-image: url(../png/footclan-logo-text.png) !important;
  background-size: 180px auto !important;
  background-repeat: no-repeat !important;
  background-position: 20px center !important;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover {
  background-image: url(../png/footclan-logo-text.png) !important;
  background-size: 180px auto !important;
  background-repeat: no-repeat !important;
  background-position: 20px center !important;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:hover > a.mega-menu-link::after,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu:hover > a.mega-menu-link::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu:hover > a.mega-menu-link::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu:hover > a.mega-menu-link::after {
  opacity: 1;
  transform: translate(0, 0);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator {
  width: 48px;
  height: 48px;
  margin-top: -10px;
  margin-right: -6px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after {
  content: "\f347";
  position: absolute;
  top: 12px;
  left: 8px;
  font-size: 20px;
  transform: rotate(-90deg);
  transition: var(--ffb-ease-med);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link {
  background: var(--ffb-green);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link span.mega-indicator::after,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link span.mega-indicator::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link span.mega-indicator::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link span.mega-indicator::after {
  transform: rotate(0deg);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu {
  background: var(--ffb-white);
  padding: 20px 10px;
  border-radius: 2px;
  box-shadow: 2px 4px 4px -1px rgba(0, 0, 0, 0.1), -2px 4px 4px -1px rgba(0, 0, 0, 0.1);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0 10px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4 {
  font-size: 16px;
  margin: 0 0 10px;
  padding: 3px 10px;
  border-radius: 2px;
  font-weight: 600;
  color: var(--ffb-black);
  background: none;
  border-bottom: 1px solid var(--ffb-light-gray);
  display: block;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.green,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.green,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.green,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.green {
  background: var(--ffb-green);
  color: var(--ffb-white);
  border: none;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.blue,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.blue,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.blue,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.blue {
  background: var(--ffb-blue);
  color: var(--ffb-white);
  border: none;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.purple,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.purple,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.purple,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.purple {
  background: var(--ffb-purple);
  color: var(--ffb-white);
  border: none;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.orange,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.orange,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.orange,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.orange {
  background: var(--ffb-orange);
  color: var(--ffb-white);
  border: none;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.pink,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.pink,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.pink,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.pink {
  background: var(--ffb-pink);
  color: var(--ffb-white);
  border: none;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked {
  position: relative;
  overflow: hidden;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked::before,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked::before,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked::before,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 90px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked::after,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  width: 33px;
  height: 33px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.footclan::before,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.footclan::before,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.footclan::before,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.footclan::before {
  background: linear-gradient(45deg, var(--ffb-green) 49.9%, var(--ffb-pink) 50%);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.footclan::after,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.footclan::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.footclan::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.footclan::after {
  background: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/footclan-white.svg") center no-repeat;
  background-size: 19px 19px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.udk::before,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.udk::before,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.udk::before,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.udk::before {
  background: linear-gradient(45deg, var(--ffb-green) 49.9%, var(--ffb-dark-gray) 50%, var(--ffb-med-gray) 100%);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.udk::after,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.udk::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.udk::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.udk::after {
  background: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/udk-bug-white.svg") center no-repeat;
  background-size: 26px 26px;
  right: 2px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.new-col,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.new-col,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.new-col,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.new-col {
  margin-top: 15px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.space-top,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.space-top,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.space-top,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.space-top {
  margin-top: 15px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: var(--ffb-black);
  text-transform: none;
  font-weight: 400;
  font-size: 15px;
  padding: 3px 10px;
  border-radius: 2px;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
  color: var(--ffb-blue);
  background-color: var(--ffb-light-light-gray);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.new a::after,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.new a::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.new a::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.new a::after {
  content: "NEW";
  display: inline-block;
  color: var(--ffb-white);
  background: var(--ffb-blue);
  padding: 0 8px;
  height: 18px;
  border-radius: 9px;
  line-height: 18px;
  font-size: 10px;
  font-weight: 700;
  margin-left: 8px;
  vertical-align: middle;
  margin-bottom: 2px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block {
  display: flex;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  padding: 6px 10px;
  box-sizing: border-box;
  width: 100%;
  background: var(--ffb-light-light-gray);
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 1.2;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a:hover,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a:hover,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a:hover,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a:hover {
  background: var(--ffb-light-gray);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a svg,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a svg,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a svg,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a svg {
  transition: none;
  height: 30px;
  width: 60px;
  margin-left: -10px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked a::after,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked a::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked a::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a {
  background: linear-gradient(45deg, var(--ffb-light-light-gray) 86.9%, var(--ffb-pink) 87%);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a:hover,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a:hover,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a:hover,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a:hover {
  background: linear-gradient(45deg, var(--ffb-light-gray) 86.9%, var(--ffb-pink) 87%);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a::after,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a::after {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/footclan-white.svg) center no-repeat;
  background-size: 18px 18px;
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a {
  background: linear-gradient(45deg, var(--ffb-light-light-gray) 86.9%, var(--ffb-dark-gray) 87%, var(--ffb-med-gray) 100%);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a:hover,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a:hover,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a:hover,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a:hover {
  background: linear-gradient(45deg, var(--ffb-light-gray) 86.9%, var(--ffb-dark-gray) 87%, var(--ffb-med-gray) 100%);
}
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a::after,
header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a::after,
header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a::after {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/udk-bug-white.svg) center no-repeat;
  background-size: 26px 26px;
}
header .header nav.primary .menu-block--post a {
  display: block;
  transition: none;
  border-radius: 2px;
  color: var(--ffb-black);
  position: relative;
  margin-bottom: 10px;
  background-color: none;
  transition: background-color 0.2s ease-out;
}
header .header nav.primary .menu-block--post a:hover {
  text-decoration: none;
}
header .header nav.primary .menu-block--post a:hover h3 {
  color: var(--ffb-blue);
}
header .header nav.primary .menu-block--post a img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
header .header nav.primary .menu-block--post a h3 {
  display: block;
  padding: 5px 10px 10px;
  line-height: 1.4;
  color: var(--ffb-black);
  margin: 0;
  font-size: 14px;
  transition: color 0.2s ease-out;
}
header .header nav.primary .menu-block--post a .badge {
  position: absolute;
  z-index: 2;
  top: 0;
  left: -4px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 2px 6px;
  font-size: 12px;
  background: var(--ffb-green);
  color: var(--ffb-white);
  box-shadow: 2px 2px 0 var(--ffb-black);
}
header .header nav.primary .menu-block--list a {
  transition: none;
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
  transition: background-color 0.2s ease-out;
}
header .header nav.primary .menu-block--list a h3 {
  transition: color 0.2s ease-out;
}
header .header nav.primary .menu-block--list a:hover {
  text-decoration: none;
}
header .header nav.primary .menu-block--list a:hover h3 {
  color: var(--ffb-blue);
}
header .header nav.primary .menu-block--list a img {
  width: 65px;
  height: auto;
}
header .header nav.primary .menu-block--list a h3 {
  display: block;
  width: calc(100% - 75px);
  padding: 0 0 0 10px;
  font-size: 14px;
}
header .header nav.primary .menu-block--image {
  overflow: hidden;
}
header .header nav.primary .menu-block--image img {
  vertical-align: top;
  height: auto;
  transition: transform 0.2s ease-out;
}
header .header nav.primary .menu-block--post a:hover .menu-block--image img, header .header nav.primary .menu-block--list a:hover .menu-block--image img {
  transform: scale(1.05);
}
header .header nav.primary .menu-block--footclan {
  display: block;
  transition: none;
  background: var(--ffb-dark-dark-gray);
  border-radius: 2px;
  color: var(--ffb-white);
  padding: 15px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  transition: background-color 0.2s ease-out;
}
header .header nav.primary .menu-block--footclan .image {
  width: 60px;
}
header .header nav.primary .menu-block--footclan .image img {
  width: 60px;
  min-width: 60px;
  height: auto;
  vertical-align: top;
  transform: scale(1.05);
}
header .header nav.primary .menu-block--footclan .content {
  text-align: left;
  padding-left: 20px;
  box-sizing: border-box;
  width: calc(100% - 100px);
}
header .header nav.primary .menu-block--footclan .content h5 {
  line-height: 1.2;
  font-size: 22px;
  color: var(--ffb-green);
  margin: 0;
}
header .header nav.primary .menu-block--footclan .content p {
  line-height: 1.4;
  font-size: 15px;
  display: block;
  clear: left;
  margin-bottom: 5px !important;
}
header .header nav.primary .menu-block--footclan .content ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
}
header .header nav.primary .menu-block--footclan .content ul li {
  margin-right: 12px;
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
}
header .header nav.primary .menu-block--footclan .content ul li svg {
  width: 16px;
  height: 16px;
  margin-top: -4px;
  margin-right: 0;
  fill: var(--ffb-green);
  transition: none;
}
header .header nav.primary .menu-block--footclan .button {
  width: 100%;
  margin-top: 15px;
}
header .header nav.primary .menu-block--footclan .button a {
  display: block;
  background: var(--ffb-green);
  border-radius: 4px;
  border: 1px solid var(--ffb-green);
  font-family: var(--ffb-primary-font);
  color: var(--ffb-white);
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  line-height: 1.1;
  padding: 12px 24px;
  transition: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
}
header .header nav.primary .menu-block--footclan .button a svg {
  vertical-align: text-top;
}
header .header nav.primary .menu-block--footclan .button a:hover {
  color: var(--ffb-white) !important;
  border-color: var(--ffb-pink);
  background: var(--ffb-pink);
  text-decoration: none;
}
header .header nav.primary .menu-block--footclan .button a:hover::after {
  width: 110%;
}
header .header nav.primary.open {
  left: 0;
}
header .header nav.primary.open #mega-menu-wrap-primary,
header .header nav.primary.open #mega-menu-wrap-primary_test {
  animation-name: ffb-fadeInUp;
  animation-duration: 600ms;
  animation-fill-mode: forwards;
  animation-delay: 200ms;
}
header .header nav.secondary {
  position: fixed;
  top: 0;
  right: 0;
  left: 100%;
  border-bottom: 1px solid transparent;
  z-index: 99998;
  transition: var(--ffb-ease-med);
}
header .header nav.secondary > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  opacity: 0;
  visibility: hidden;
  margin: 0;
  height: 60px;
  margin-right: 80px;
  margin-left: 10px;
  transition: var(--ffb-ease-med);
}
header .header nav.secondary > ul > li {
  flex: 1 1 0px;
  padding: 0;
  margin: 0;
  line-height: 1.1;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--ffb-ease-med);
}
header .header nav.secondary > ul > li > a {
  display: block;
  font-size: 12px;
  padding: 0 8px;
  color: var(--ffb-white);
  text-align: center;
  font-weight: 400;
}
header .header nav.secondary > ul > li > a span {
  display: block;
}
header .header nav.secondary > ul > li > a svg {
  width: 14px;
  height: 14px;
  margin: 0 auto;
  margin-bottom: 2px;
  display: block;
}
header .header nav.secondary > ul > li > a:hover {
  color: var(--ffb-green);
  text-decoration: none;
}
header .header nav.secondary > ul > li > a:hover .ffb {
  fill: var(--ffb-green);
}
header .header nav.secondary > ul > li > a::after {
  display: none;
}
header .header nav.secondary > ul > li:first-child {
  display: none;
}
header .header nav.secondary > ul > li ul {
  display: none;
}
header .header nav.secondary.open {
  left: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
header .header nav.secondary.open > ul {
  opacity: 1;
  visibility: visible;
  transition-delay: 200ms;
}
header .header nav.social {
  display: none;
}

.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link {
  background-image: url(../png/footclan-hq-logo-text.png) !important;
  background-size: 210px auto !important;
}
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover {
  background-image: url(../png/footclan-hq-logo-text.png) !important;
  background-size: 210px auto !important;
}
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link, .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
.footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link {
  background-image: url(../png/footclan-hq-logo-text.png) !important;
  background-size: 210px auto !important;
}

@media (min-width: 768px) {
  header .header nav.primary {
    padding-top: 0;
    margin-top: 55px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link {
    font-size: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg {
    width: 35px;
    height: 35px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator {
    margin-right: 0;
    margin-top: -6px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after {
    font-size: 26px;
    top: 9px;
    left: 6px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
    display: flex;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    width: auto;
    flex: 1;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4 {
    margin-top: 0;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.double,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.double,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.double,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.double {
    width: 200%;
    position: relative;
    z-index: 2;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.triple,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.triple,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.triple,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.triple {
    width: calc(300% + 20px);
    position: relative;
    z-index: 2;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.new-col,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.new-col,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.new-col,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.new-col {
    margin-top: 0;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.space-top,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.space-top,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.space-top,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.space-top {
    margin-top: 15px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.new-col::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.new-col::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.new-col::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.locked.new-col::after {
    top: 0;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .placeholder,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .placeholder,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .placeholder,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .placeholder {
    width: 100%;
    height: 43px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a {
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    width: 100%;
    font-size: 15px;
    min-height: 96px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a svg,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a svg,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a svg,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a svg {
    height: 40px;
    width: 80px;
    margin: 0;
    flex-basis: 100%;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a {
    background: linear-gradient(45deg, var(--ffb-light-light-gray) 82.9%, var(--ffb-pink) 83%);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a:hover,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a:hover,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a:hover,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a:hover {
    background: linear-gradient(45deg, var(--ffb-light-gray) 82.9%, var(--ffb-pink) 83%);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.footclan a::after {
    background-size: 18px 18px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a {
    background: linear-gradient(45deg, var(--ffb-light-light-gray) 82.9%, var(--ffb-dark-gray) 83%, var(--ffb-med-gray) 100%);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a:hover,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a:hover,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a:hover,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a:hover {
    background: linear-gradient(45deg, var(--ffb-light-gray) 82.9%, var(--ffb-dark-gray) 83%, var(--ffb-med-gray) 100%);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked.udk a::after {
    width: 28px;
    height: 28px;
    background-size: 22px 22px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked a::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.locked a::after {
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.short a,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.short a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.short a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.short a {
    justify-content: flex-start;
    min-height: 0;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.short a svg,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.short a svg,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.short a svg,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block.short a svg {
    height: 20px;
    width: 40px;
    flex-basis: auto;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-1-of-4 ul,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-1-of-4 ul,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-1-of-4 ul,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-columns-1-of-4 ul {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.fixed-width,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.fixed-width,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.fixed-width,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.fixed-width {
    width: 240px;
    min-width: 240px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu .mega-menu-column,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu .mega-menu-column,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu .mega-menu-column,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu .mega-menu-column {
    display: flex;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu .mega-menu-column ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu .mega-menu-column ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu .mega-menu-column ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.ffb--grid > ul.mega-sub-menu .mega-menu-column ul.mega-sub-menu {
    display: flex;
    width: 100%;
  }
  header .header nav.primary .menu-block--post a {
    margin-bottom: 0;
  }
  header .header nav.primary .menu-block--footclan {
    flex-wrap: nowrap;
  }
  header .header nav.primary .menu-block--footclan .content {
    width: auto;
  }
  header .header nav.primary .menu-block--footclan .button {
    width: 200px;
    min-width: 200px;
    margin-top: 0;
  }
  header .header nav.primary .menu-block--footclan .button a {
    display: inline-block;
  }
  header .header nav.secondary {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    margin-right: 10px;
    z-index: 99999;
  }
  header .header nav.secondary > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
    height: auto;
  }
  header .header nav.secondary > ul > li {
    height: 40px;
    padding: 0;
    position: relative;
    flex-basis: auto;
  }
  header .header nav.secondary > ul > li > a {
    padding: 0 8px;
  }
  header .header nav.secondary > ul > li > a span {
    display: inline;
  }
  header .header nav.secondary > ul > li > a svg {
    width: 16px;
    height: 16px;
    display: inline;
    margin-right: 4px;
  }
  header .header nav.secondary > ul > li ul {
    position: absolute;
    top: 40px;
    left: -5px;
    width: 160px;
    background: var(--ffb-dark-dark-gray);
    transition: var(--ffb-ease-fast);
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  header .header nav.secondary > ul > li ul li {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  header .header nav.secondary > ul > li ul li a {
    display: block;
    color: var(--ffb-white);
    padding: 8px 15px;
    transition: var(--ffb-ease-fast);
  }
  header .header nav.secondary > ul > li ul li a:hover {
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none;
  }
  header .header nav.secondary > ul > li:hover ul {
    opacity: 1;
    visibility: visible;
  }
  header .header nav.secondary::after {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 40px;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: var(--ffb-ease-med);
  }
  header .header nav.secondary.open {
    border-bottom: none;
  }
  header .header nav.secondary.open::after {
    opacity: 1;
    visibility: visible;
  }
  header .header nav.social {
    display: block;
    position: relative;
    z-index: 99998;
  }
  header .header nav.social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
  header .header nav.social ul li {
    margin: 0 0 0 6px;
    padding: 0;
  }
  header .header nav.social ul li a {
    display: flex;
    align-items: center;
    line-height: 1;
    color: var(--ffb-white);
    transition: var(--ffb-ease-fast);
    height: 40px;
  }
  header .header nav.social ul li a .ffb {
    width: 18px;
    height: 18px;
    transition: var(--ffb-ease-fast);
  }
  header .header nav.social ul li a .ffb.twitter {
    fill: var(--ffb-brand-twitter);
  }
  header .header nav.social ul li a .ffb.discord {
    fill: var(--ffb-brand-discord);
  }
  header .header nav.social ul li a .ffb.youtube {
    fill: var(--ffb-brand-youtube);
  }
  header .header nav.social ul li a .ffb.tiktok {
    fill: var(--ffb-brand-tiktok);
  }
  header .header nav.social ul li a:hover {
    text-decoration: none;
  }
  header .header nav.social ul li a:hover .ffb {
    opacity: 0.7;
  }
}
@media (min-width: 960px) {
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a {
    min-height: 90px;
  }
  header .header nav.secondary > ul > li:first-child {
    display: flex;
  }
}
@media (min-width: 1150px) {
  header .header nav.primary {
    margin: 5px 10px 0 0;
    position: relative;
    top: auto;
    padding: 0;
    overflow: visible;
    right: auto;
    left: auto;
    bottom: auto;
  }
  header .header nav.primary #mega-menu-wrap-primary,
  header .header nav.primary #mega-menu-wrap-primary_test {
    opacity: 1;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item {
    margin: 0;
    display: inline-block;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px;
    padding: 0 3px;
    height: 48px;
    display: flex;
    align-items: center;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-out > a.mega-menu-link svg {
    width: 18px;
    height: 18px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-out > a.mega-menu-link .mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-out > a.mega-menu-link .mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-out > a.mega-menu-link .mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-out > a.mega-menu-link .mega-indicator {
    display: none !important;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after, header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -14px;
    width: 0;
    height: 0;
    left: calc(50% - 10px);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--ffb-light-gray);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link {
    display: block;
    color: transparent;
    background-image: url(../png/footclan-logo-text.png);
    background-size: 110px auto !important;
    background-repeat: no-repeat;
    background-position: center !important;
    min-width: 120px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url(../png/footclan-logo-text.png) !important;
    background-size: 110px auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: scale(1.06);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link, header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url(../png/footclan-logo-text.png) !important;
    background-size: 110px auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: scale(1.06);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan.mega-current-menu-item > a::before, header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan.mega-current-page-ancestor > a::before,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan.mega-current-menu-item > a::before,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan.mega-current-page-ancestor > a::before,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan.mega-current-menu-item > a::before,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan.mega-current-page-ancestor > a::before,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan.mega-current-menu-item > a::before,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan.mega-current-page-ancestor > a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -12px;
    width: 0;
    height: 0;
    left: calc(50% - 10px);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--ffb-light-light-gray);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item:hover > a.mega-menu-link {
    background: rgba(255, 255, 255, 0.1);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.two-third > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.two-third > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.two-third > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.two-third > ul.mega-sub-menu {
    width: 66.66%;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.two-third.left > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.two-third.left > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.two-third.left > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.two-third.left > ul.mega-sub-menu {
    left: 0;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.two-third.right > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.two-third.right > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.two-third.right > ul.mega-sub-menu,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.two-third.right > ul.mega-sub-menu {
    right: 0;
    left: auto;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu.mega-toggle-on > a.mega-menu-link {
    background: rgba(255, 255, 255, 0.1);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:hover > a.mega-menu-link::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu:hover > a.mega-menu-link::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu:hover > a.mega-menu-link::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu:hover > a.mega-menu-link::after {
    opacity: 1;
    transform: translate(0, 0);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0 0 2px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after {
    left: 0;
    top: 0;
    font-size: 10px;
    margin: 0;
    transform: rotate(0);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link::after {
    display: block;
    transition: var(--ffb-ease-med);
    content: "";
    position: absolute;
    left: calc(50% - 7px);
    bottom: 0;
    opacity: 0;
    transform: translate(0, 10px);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--ffb-white);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link:hover::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link:hover::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link:hover::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link:hover::after {
    opacity: 1;
    transform: translate(0, 0);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a {
    min-height: 114px;
  }
  header .header nav.secondary ul li a {
    font-size: 13px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link {
    background-image: url(../png/footclan-hq-logo-text.png) !important;
    background-size: 130px auto !important;
    min-width: 140px;
  }
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover {
    background-image: url(../png/footclan-hq-logo-text.png) !important;
    background-size: 130px auto !important;
    transform: scale(1.06);
  }
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link, .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link {
    background-image: url(../png/footclan-hq-logo-text.png) !important;
    background-size: 130px auto !important;
    transform: scale(1.06);
  }
}
@media (min-width: 1280px) {
  header .header nav.primary {
    margin-right: 15px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 15px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after, header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after {
    border-bottom: 10px solid var(--ffb-light-gray);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan.mega-current-menu-item > a::before, header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan.mega-current-page-ancestor > a::before,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan.mega-current-menu-item > a::before,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan.mega-current-page-ancestor > a::before,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan.mega-current-menu-item > a::before,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan.mega-current-page-ancestor > a::before,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan.mega-current-menu-item > a::before,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan.mega-current-page-ancestor > a::before {
    bottom: -14px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link {
    background-size: 130px auto !important;
    min-width: 145px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover {
    background-size: 130px auto !important;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link, header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link {
    background-size: 130px auto !important;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a {
    min-height: 96px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator {
    width: 12px;
    height: 12px;
    margin: 0 0 0 4px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-megamenu > a.mega-menu-link span.mega-indicator::after {
    font-size: 12px;
  }
}
@media (min-width: 1400px) {
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link {
    padding-right: 7px;
    padding-left: 7px;
    font-size: 16px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after, header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after {
    border-bottom: 10px solid var(--ffb-light-gray);
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link {
    background-size: 145px auto !important;
    min-width: 160px;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover {
    background-size: 145px auto !important;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link, header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link {
    background-size: 145px auto !important;
  }
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.ffb--block a {
    min-height: 90px;
  }
  header .header--udk ul.menu > li a, header .header--dfs ul.menu > li a {
    padding: 10px 18px;
  }
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link {
    background-size: 160px auto !important;
    min-width: 175px;
  }
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan > a.mega-menu-link:hover,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan > a.mega-menu-link:hover {
    background-size: 160px auto !important;
  }
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link, .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan:hover > a.mega-menu-link,
  .footclan-logged-in header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.footclan.mega-toggle-on > a.mega-menu-link {
    background-size: 160px auto !important;
  }
}
@media (min-width: 1500px) {
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item > a.mega-menu-link {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 17px;
  }
}
@media (min-width: 1700px) {
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after, header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-menu-item > a::after,
  header .header nav.primary #mega-menu-wrap-primary_test #mega-menu-primary_test > li.mega-menu-item.udk.logged-in.mega-current-page-ancestor > a::after {
    border-bottom: 10px solid var(--ffb-light-light-gray);
  }
}
.ffb-product-menu {
  background: linear-gradient(-45deg, var(--ffb-med-gray) 0%, var(--ffb-light-light-gray) 10%, var(--ffb-white) 25%, var(--ffb-light-gray) 40%, var(--ffb-light-gray) 55%, var(--ffb-white) 70%, var(--ffb-light-gray) 85%, var(--ffb-med-gray) 100%);
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  transition: var(--ffb-ease-fast);
  z-index: 2;
}
.ffb-product-menu--button {
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-weight: 600;
  cursor: pointer;
  color: var(--ffb-black);
  text-align: center;
  border-bottom: 1px solid var(--ffb-med-gray);
}
.ffb-product-menu--button .ffb {
  margin-right: 12px;
}
.ffb-product-menu--logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 50px;
}
.ffb-product-menu--logo a {
  display: block;
}
.ffb-product-menu--logo a .ffb {
  width: 48px;
  height: 48px;
  transition: var(--ffb-ease-fast);
}
.ffb-product-menu--logo a img {
  height: 38px;
  width: auto;
  transition: var(--ffb-ease-fast);
}
.ffb-product-menu--logo a:hover .ffb,
.ffb-product-menu--logo a:hover img {
  transform: scale(1.05);
}
.ffb-product-menu nav {
  height: 0;
  overflow: hidden;
  transition: var(--ffb-ease-med);
}
.ffb-product-menu nav > div {
  display: flex;
  align-items: flex-start;
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
}
.ffb-product-menu nav.open {
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
}
.ffb-product-menu nav.footclan ul.menu > li > a .ffb {
  width: 60px;
}
.ffb-product-menu ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  height: calc(100vh - 170px);
  height: calc(var(--vh, 1vh) * 100 - 170px);
}
.ffb-product-menu ul.menu > li {
  width: 50%;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
}
.ffb-product-menu ul.menu > li a {
  color: var(--ffb-black);
  font-size: 15px;
  padding: 12px 15px;
  display: block;
}
.ffb-product-menu ul.menu > li > a {
  text-align: center;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
}
.ffb-product-menu ul.menu > li > a .ffb {
  flex-basis: 100%;
  width: 30px;
  height: 30px;
}
.ffb-product-menu ul.menu > li.disabled > a {
  opacity: 0.2;
}
.ffb-product-menu ul.menu > li.disabled > ul {
  display: none !important;
}
.ffb-product-menu ul.menu > li ul li.disabled a {
  opacity: 0.3;
}
.ffb-product-menu ul.menu > li ul li.udk-plus {
  position: relative;
}
.ffb-product-menu ul.menu > li ul li.udk-plus::after {
  content: "+";
  display: block;
  position: absolute;
  font-weight: 600;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  font-size: 18px;
  background: linear-gradient(45deg, transparent 49.9%, var(--ffb-blue) 50%);
  color: var(--ffb-white);
  line-height: 20px;
  text-align: right;
  padding-right: 4px;
  box-sizing: border-box;
}
.ffb-product-menu ul.menu > li.udk-plus::after {
  content: "+";
  display: block;
  position: absolute;
  font-weight: 600;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  font-size: 18px;
  background: linear-gradient(45deg, transparent 49.9%, var(--ffb-blue) 50%);
  color: var(--ffb-white);
  line-height: 20px;
  text-align: right;
  padding-right: 4px;
  box-sizing: border-box;
}
.ffb-product-menu ul.menu > li.udk-plus.disabled::after {
  opacity: 0.2;
}
.ffb-product-menu ul.menu > li ul {
  margin: 0;
  padding: 15px 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.ffb-product-menu ul.menu > li ul li {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}
.ffb-product-menu ul.menu > li ul li.menu-item-has-children {
  width: 50%;
}
.ffb-product-menu ul.menu > li ul li.menu-item-has-children > a {
  font-weight: 600;
  cursor: default;
}
.ffb-product-menu ul.menu > li ul li.menu-item-has-children ul {
  padding-top: 0;
}
.ffb-product-menu ul.menu > li ul li a {
  display: block;
  padding: 5px 0;
  font-size: 16px;
  text-align: center;
}
.ffb-product-menu ul.menu > li ul li a svg {
  fill: var(--ffb-dark-dark-gray);
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.ffb-product-menu ul.menu.sub-open {
  padding: 15px 20px;
  height: calc(100vh - 140px);
  height: calc(var(--vh, 1vh) * 100 - 140px);
  overflow-y: scroll;
}
.ffb-product-menu ul.menu.sub-open > li {
  display: none;
}
.ffb-product-menu ul.menu.sub-open > li.open {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.ffb-product-menu ul.menu.sub-open > li.open > a {
  border-bottom: 1px solid var(--ffb-med-gray);
  padding: 15px;
  font-size: 18px;
  position: relative;
}
.ffb-product-menu ul.menu.sub-open > li.open > a svg {
  fill: var(--ffb-green);
}
.ffb-product-menu ul.menu.sub-open > li.open > a::before {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  top: calc(50% - 25px);
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/arrow-left.svg) center no-repeat;
  background-size: 25px 25px;
  opacity: 0.5;
}
.ffb-product-menu ul.menu.sub-open > li.open ul {
  opacity: 1;
  visibility: visible;
  height: auto;
  width: 100%;
}
.ffb-product-menu ul.menu.sub-open > li.open.udk-plus > a svg {
  fill: var(--ffb-blue);
}
.ffb-product-menu.dfs {
  background: linear-gradient(-45deg, var(--ffb-black) 0%, #524d3f 10%, #524d3f 25%, #3a372c 40%, #3a372c 55%, #524d3f 70%, #3a372c 85%, var(--ffb-black) 100%);
}
.ffb-product-menu.dfs .ffb-product-menu--button {
  color: var(--ffb-white);
  border-bottom: 1px solid var(--ffb-black);
}
.ffb-product-menu.dfs .ffb-product-menu--button svg {
  fill: var(--ffb-white);
}
.ffb-product-menu.dfs .ffb-product-menu--logo .ffb {
  fill: var(--ffb-gold);
}
.ffb-product-menu.dfs ul.menu > li a {
  color: var(--ffb-white);
}
.ffb-product-menu.dfs ul.menu > li a svg {
  fill: var(--ffb-white);
}
.ffb-product-menu.dfs ul.menu.sub-open > li.open > a {
  border-bottom: 1px solid var(--ffb-med-gray);
}
.ffb-product-menu.dfs ul.menu.sub-open > li.open > a svg {
  fill: var(--ffb-gold);
}
.ffb-product-menu.dfs ul.menu.sub-open > li.open > a::before {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/arrow-left-white.svg) center no-repeat;
  background-size: 25px 25px;
}
.ffb-product-menu.footclan {
  background: var(--ffb-light-light-gray);
}
.ffb-product-menu.footclan .ffb-product-menu--button {
  color: var(--ffb-black);
  border-bottom: 1px solid var(--ffb-black);
}
.ffb-product-menu.footclan .ffb-product-menu--button svg {
  fill: var(--ffb-black);
}
.ffb-product-menu.footclan ul.menu > li a {
  color: var(--ffb-black);
}
.ffb-product-menu.footclan ul.menu > li a .ffb {
  transition: var(--ffb-ease-fast);
  --icon-black: #000000;
  --icon-green: #42AB4E;
}
.ffb-product-menu.footclan ul.menu > li.switch-colors a .ffb {
  --icon-black: #42AB4E;
  --icon-green: #000000;
}
.ffb-product-menu.footclan ul.menu > li > a:hover {
  color: var(--ffb-green);
}
.ffb-product-menu.footclan ul.menu > li:hover > a {
  color: var(--ffb-green);
}
.ffb-product-menu.footclan ul.menu.sub-open > li.open > a {
  border-bottom: 1px solid var(--ffb-black);
}
.ffb-product-menu.footclan ul.menu.sub-open > li.open > a .ffb {
  --icon-black: #000000;
  --icon-green: #42AB4E;
}
.ffb-product-menu.footclan ul.menu.sub-open > li.open > a::before {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/arrow-left.svg) center no-repeat;
  background-size: 25px 25px;
}

@media (min-width: 768px) {
  .ffb-product-menu {
    top: 111px;
  }
  .header.short .ffb-product-menu {
    top: 71px;
  }
}
@media (min-width: 1150px) {
  .ffb-product-menu {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
  }
  .ffb-product-menu--button {
    display: none;
  }
  .ffb-product-menu--logo {
    width: 95px;
    height: 74px;
  }
  .ffb-product-menu--logo a .ffb {
    width: 72px;
    height: 72px;
  }
  .ffb-product-menu--logo a img {
    height: 50px;
  }
  .ffb-product-menu nav {
    height: auto;
    overflow: visible;
  }
  .ffb-product-menu nav.open {
    height: auto;
  }
  .ffb-product-menu nav > div {
    height: auto;
  }
  .ffb-product-menu ul.menu {
    height: 74px;
    padding: 0 20px 0 0;
    align-items: center;
    justify-content: flex-end;
  }
  .ffb-product-menu ul.menu > li {
    width: auto;
    display: block;
  }
  .ffb-product-menu ul.menu > li > a {
    padding: 10px 12px;
    display: block;
    text-align: center;
    box-sizing: border-box;
  }
  .ffb-product-menu ul.menu > li > a .ffb {
    display: block;
    margin: 0 auto;
  }
  .ffb-product-menu ul.menu > li > a:hover svg {
    fill: var(--ffb-green);
  }
  .ffb-product-menu ul.menu > li.wide a .ffb {
    width: 45px;
    height: 30px;
  }
  .ffb-product-menu ul.menu > li.udk-plus a:hover svg, .ffb-product-menu ul.menu > li.udk-plus:hover a:hover svg {
    fill: var(--ffb-blue);
  }
  .ffb-product-menu ul.menu > li:last-child > ul {
    right: -20px;
    left: auto;
  }
  .ffb-product-menu ul.menu > li.current-menu-ancestor > a svg, .ffb-product-menu ul.menu > li.current-menu-item > a svg {
    fill: var(--ffb-green);
  }
  .ffb-product-menu ul.menu > li.current-menu-ancestor.udk-plus > a svg, .ffb-product-menu ul.menu > li.current-menu-item.udk-plus > a svg {
    fill: var(--ffb-blue);
  }
  .ffb-product-menu ul.menu > li > ul {
    position: absolute;
    left: -5px;
    padding: 8px 0;
    visibility: hidden;
    opacity: 0;
    transition: var(--ffb-ease-med);
    display: block;
    width: 280px;
    height: auto;
    text-align: left;
    background: var(--ffb-dark-dark-gray);
    transform: translateY(30px);
  }
  .ffb-product-menu ul.menu > li > ul > li {
    display: block;
    width: auto;
  }
  .ffb-product-menu ul.menu > li > ul > li a {
    padding: 5px 15px;
    color: var(--ffb-white);
    text-align: left;
    font-size: 15px;
  }
  .ffb-product-menu ul.menu > li > ul > li a svg {
    fill: var(--ffb-white);
  }
  .ffb-product-menu ul.menu > li > ul > li a:hover {
    color: var(--ffb-green);
  }
  .ffb-product-menu ul.menu > li.udk-plus > ul > li a:hover {
    color: var(--ffb-blue);
  }
  .ffb-product-menu ul.menu > li.udk-plus:hover > a svg {
    fill: var(--ffb-blue);
  }
  .ffb-product-menu ul.menu > li:hover > a svg {
    fill: var(--ffb-green);
  }
  .ffb-product-menu ul.menu > li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .ffb-product-menu ul.menu > li:hover > ul li ul {
    visibility: visible;
    opacity: 1;
  }
  .ffb-product-menu ul.menu > li.two-col > ul {
    width: 560px;
    display: flex;
  }
  .ffb-product-menu ul.menu > li.two-col > ul li.menu-item-has-children > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 5px 0;
    margin: 0 15px;
  }
  .ffb-product-menu ul.menu > li.two-col > ul li.menu-item-has-children > a:hover {
    color: var(--ffb-white);
  }
  .ffb-product-menu ul.menu > li.two-col > ul li ul {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding-bottom: 0;
  }
  .ffb-product-menu.dfs ul.menu > li > ul {
    background: var(--ffb-dark-dark-gray);
  }
  .ffb-product-menu.dfs ul.menu > li > ul > li a:hover {
    color: var(--ffb-gold) !important;
  }
  .ffb-product-menu.dfs ul.menu > li.current-menu-ancestor a svg, .ffb-product-menu.dfs ul.menu > li.current-menu-item a svg, .ffb-product-menu.dfs ul.menu > li:hover a svg {
    fill: var(--ffb-gold);
  }
  .ffb-product-menu.footclan ul.menu > li > ul {
    background: var(--ffb-dark-dark-gray);
  }
  .ffb-product-menu.footclan ul.menu > li > ul > li a {
    color: var(--ffb-white);
  }
  .ffb-product-menu.footclan ul.menu > li > ul > li a:hover {
    color: var(--ffb-green) !important;
  }
  .ffb-product-menu.footclan ul.menu > li.current-menu-ancestor > a, .ffb-product-menu.footclan ul.menu > li.current-menu-item > a, .ffb-product-menu.footclan ul.menu > li:hover > a {
    color: var(--ffb-green);
  }
  .ffb-product-menu.footclan ul.menu > li.current-menu-ancestor > a .ffb, .ffb-product-menu.footclan ul.menu > li.current-menu-item > a .ffb, .ffb-product-menu.footclan ul.menu > li:hover > a .ffb {
    --icon-black: #000000;
    --icon-green: #42AB4E;
  }
  .ffb-product-menu.footclan ul.menu > li.current-menu-ancestor.switch-colors > a .ffb, .ffb-product-menu.footclan ul.menu > li.current-menu-item.switch-colors > a .ffb, .ffb-product-menu.footclan ul.menu > li:hover.switch-colors > a .ffb {
    --icon-black: #42AB4E;
    --icon-green: #000000;
  }
  .header.short .ffb-product-menu {
    top: auto;
  }
}
@media (min-width: 1280px) {
  .ffb-product-menu ul.menu {
    padding: 0;
    justify-content: center;
  }
  .ffb-product-menu ul.menu > li:last-child > ul {
    right: auto;
    left: -5px;
  }
  .ffb-product-menu ul.menu > li a {
    padding: 10px 15px;
  }
}
.ffb-product-menu-new {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  transition: var(--ffb-ease-fast);
  background: linear-gradient(-45deg, var(--ffb-med-gray) 0%, var(--ffb-light-light-gray) 10%, var(--ffb-white) 25%, var(--ffb-light-gray) 40%, var(--ffb-light-gray) 55%, var(--ffb-white) 70%, var(--ffb-light-gray) 85%, var(--ffb-med-gray) 100%);
}
.ffb-product-menu-new.footclan {
  background: var(--ffb-light-light-gray);
}
.ffb-product-menu-new--button {
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: var(--ffb-black);
  text-align: center;
  border-bottom: 1px solid var(--ffb-med-gray);
}
.ffb-product-menu-new--button .ffb {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-bottom: 2px;
}
.ffb-product-menu-new--logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
}
.ffb-product-menu-new--logo a {
  display: block;
}
.ffb-product-menu-new--logo a img {
  height: 32px;
  width: auto;
  transition: var(--ffb-ease-fast);
}
.ffb-product-menu-new--logo a:hover .ffb,
.ffb-product-menu-new--logo a:hover img {
  transform: scale(1.05);
}
.ffb-product-menu-new--close {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  background: none;
  padding: 12px;
  cursor: pointer;
}
.ffb-product-menu-new--close svg {
  width: 15px;
  height: 15px;
}
.ffb-product-menu-new nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--ffb-light-light-gray);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--ffb-ease-fast);
}
.ffb-product-menu-new nav.open {
  animation-name: ffb-fadeIn;
  animation-fill-mode: forwards;
  animation-duration: 200ms;
  visibility: visible;
}
.ffb-product-menu-new nav.open > div {
  display: flex;
  animation-name: ffb-fadeInUp;
  animation-fill-mode: forwards;
  animation-duration: 400ms;
  visibility: visible;
}
.ffb-product-menu-new nav > div {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  padding: 20px;
  padding-bottom: 40px;
  align-items: center;
  justify-content: center;
}
.ffb-product-menu-new ul.menu {
  display: block;
  margin: 0;
  padding: 0;
  transition: var(--ffb-ease-fast);
}
.ffb-product-menu-new ul.menu.child-open {
  transform: translate(-40px, 0);
}
.ffb-product-menu-new ul.menu.child-open > li {
  display: none;
  opacity: 0;
}
.ffb-product-menu-new ul.menu.child-open > li.open {
  display: block;
  padding-left: 40px;
  animation-name: ffb-fadeInRight;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-delay: 0;
}
.ffb-product-menu-new ul.menu > li {
  display: block;
  margin: 0;
  padding: 0;
  transition: var(--ffb-ease-fast);
}
.ffb-product-menu-new ul.menu > li.open > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -30px;
  width: 30px;
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/arrow-left.svg) center no-repeat;
  background-size: 15px 15px;
  opacity: 0.5;
}
.ffb-product-menu-new ul.menu > li.open > ul.sub-menu {
  display: block;
}
.ffb-product-menu-new ul.menu > li.beta {
  position: relative;
}
.ffb-product-menu-new ul.menu > li.beta::after {
  content: "BETA";
  display: block;
  position: absolute;
  top: 16px;
  right: 15px;
  font-size: 8px;
  font-weight: 700;
  height: 14px;
  line-height: 14px;
  border-radius: 8px;
  text-align: center;
  width: 32px;
  background: var(--ffb-blue);
  color: var(--ffb-white);
}
.ffb-product-menu-new ul.menu > li > a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  position: relative;
  color: var(--ffb-black);
}
.ffb-product-menu-new ul.menu > li > a .ffb {
  width: 60px;
  height: 40px;
}
.ffb-product-menu-new ul.menu > li > ul.sub-menu {
  margin: 0;
  padding: 0;
  padding: 5px 10px;
  display: none;
  min-height: 50vh;
}
.ffb-product-menu-new ul.menu > li > ul.sub-menu > li > a {
  display: block;
  padding: 5px 10px;
  font-size: 15px;
  color: var(--ffb-black);
}

@media (min-width: 768px) {
  .ffb-product-menu-new {
    top: 111px;
  }
  .header.short .ffb-product-menu-new {
    top: 71px;
  }
}
@media (min-width: 1150px) {
  .ffb-product-menu-new {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
  }
  .ffb-product-menu-new--button {
    display: none;
  }
  .ffb-product-menu-new--close {
    display: none;
  }
  .ffb-product-menu-new--logo {
    width: 84px;
    height: 84px;
    z-index: 2;
  }
  .ffb-product-menu-new--logo a .ffb {
    width: 72px;
    height: 72px;
  }
  .ffb-product-menu-new--logo a img {
    height: 50px;
  }
  .ffb-product-menu-new nav {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    display: block;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    transition: var(--ffb-ease-fast);
    z-index: 1;
  }
  .ffb-product-menu-new nav > div {
    display: flex;
    opacity: 1;
    visibility: visible;
    position: relative;
    padding: 0;
    height: auto;
  }
  .ffb-product-menu-new ul.menu {
    height: 84px;
    padding: 0 20px 0 0;
    margin: 0;
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
  .ffb-product-menu-new ul.menu > li {
    margin: 0;
    padding: 0;
    width: auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    position: relative;
    transition: var(--ffb-ease-fast);
  }
  .ffb-product-menu-new ul.menu > li.beta::after {
    top: 2px;
    right: 2px;
  }
  .ffb-product-menu-new ul.menu > li > a {
    padding: 0 14px;
    padding-top: 3px;
    text-align: center;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1;
    width: auto;
    color: var(--ffb-black);
    display: block;
    transition: var(--ffb-ease-fast);
  }
  .ffb-product-menu-new ul.menu > li > a .icon {
    display: block;
    text-align: center;
  }
  .ffb-product-menu-new ul.menu > li > a .icon .ffb {
    display: block;
    margin: 0 auto;
    width: 66px;
    height: 44px;
  }
  .ffb-product-menu-new ul.menu > li > a .text {
    opacity: 1;
    visibility: visible;
    transition: var(--ffb-ease-fast);
  }
  .ffb-product-menu-new ul.menu > li > a .text span {
    display: block;
  }
  .ffb-product-menu-new ul.menu > li > ul.sub-menu {
    display: block;
    position: absolute;
    top: 84px;
    left: -5px;
    padding: 8px 0;
    visibility: hidden;
    opacity: 0;
    transition: var(--ffb-ease-fast);
    width: 240px;
    height: auto;
    text-align: left;
    background: var(--ffb-dark-dark-gray);
    transform: translateY(20px);
    min-height: 0;
  }
  .ffb-product-menu-new ul.menu > li > ul.sub-menu li {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    text-align: left;
  }
  .ffb-product-menu-new ul.menu > li > ul.sub-menu li a {
    display: block;
    padding: 7px 15px;
    font-size: 14px;
    text-align: left;
    color: var(--ffb-white);
  }
  .ffb-product-menu-new ul.menu > li > ul.sub-menu li a:hover {
    background: rgba(255, 255, 255, 0.05);
    color: var(--ffb-green);
  }
  .ffb-product-menu-new ul.menu > li:hover > a {
    transition: var(--ffb-ease-fast);
    color: var(--ffb-green);
  }
  .ffb-product-menu-new ul.menu > li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .header.short .ffb-product-menu-new {
    top: auto;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.06), 2px 4px 4px rgba(0, 0, 0, 0.06), 4px 8px 8px rgba(0, 0, 0, 0.06), 8px 16px 16px rgba(0, 0, 0, 0.06), 16px 32px 32px rgba(0, 0, 0, 0.06);
  }
  .header.short .ffb-product-menu-new--logo {
    height: 60px;
  }
  .header.short .ffb-product-menu-new--logo a .ffb {
    width: 72px;
    height: 72px;
  }
  .header.short .ffb-product-menu-new--logo a img {
    height: 40px;
  }
  .header.short .ffb-product-menu-new ul.menu {
    height: 60px;
  }
  .header.short .ffb-product-menu-new ul.menu > li > a {
    padding: 7px 4px;
  }
  .header.short .ffb-product-menu-new ul.menu > li > a .text {
    opacity: 0;
    visibility: hidden;
  }
  .header.short .ffb-product-menu-new ul.menu > li > ul {
    top: 60px;
  }
}
@media (min-width: 1280px) {
  .ffb-product-menu-new ul.menu {
    padding: 0;
    justify-content: center;
  }
}
/**
*
* Main Content Area
* @package ffb
*
**/
.ffb-content {
  border-top: var(--header-offset) solid var(--ffb-black);
  position: relative;
  background: var(--ffb-white);
}
.ffb-content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/studio-background.webp);
  background-position: top center;
  background-repeat: no-repeat;
  height: var(--feature-height);
  background-size: cover;
  z-index: 1;
}
.ffb-content::after {
  content: "";
  position: absolute;
  display: block;
  top: var(--feature-slant-offset);
  left: 0;
  right: 0;
  height: 300px;
  z-index: 2;
  background: var(--ffb-white);
  transform: skewY(-3deg);
  transition: var(--ffb-ease-fast);
}
.ffb-content .hide-on-mobile,
.ffb-content .hide-on-tablet {
  display: none;
}
.ffb-content.with-ad::after {
  top: var(--feature-slant-offset-with-ad);
}
.ffb-content.no-leaderboard {
  padding-top: 15px;
}
.ffb-content .elementor-widget-button.inline {
  display: inline-block;
  width: auto;
  margin: 0 3px;
}
.ffb-content .anchor-offset {
  display: block;
  position: relative;
  top: calc(-1 * (var(--table-header-offset) + 20px));
  visibility: hidden;
}
.ffb-content .udk-anchor-offset {
  display: block;
  position: relative;
  top: calc(-1 * (var(--udk-table-header-offset) + 20px));
  visibility: hidden;
}
.ffb-content section.angled {
  z-index: 4;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.ffb-content section.angled::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  right: 0;
  bottom: -20px;
  left: 0;
  background: inherit;
  transform: skewY(-3deg);
}
.ffb-content section.angled--before {
  padding-bottom: 80px !important;
}
.ffb-content section.angled--after {
  padding-top: 80px !important;
}

.page-wrap.with-menu .ffb-content {
  border-top: calc(var(--header-offset) + 50px) solid var(--ffb-black);
}
.page-wrap.with-menu.with-promo .ffb-content {
  border-top: calc(var(--header-offset) + 84px) solid var(--ffb-black);
}
.page-wrap.udk .ffb-content::before {
  background: url(../jpg/udk-background.jpg) top center no-repeat;
  background-size: cover;
  display: block;
}
.page-wrap.dfs .ffb-content::before {
  background: url(../jpg/udk-background.jpg) top center no-repeat;
  background-size: cover;
  display: block;
}
.page-wrap.footclan .ffb-content::before {
  background: url(../jpg/footclan-background.jpg) top center no-repeat;
  background-size: cover;
  display: block;
}
.page-wrap.with-promo .ffb-content {
  border-top: calc(var(--header-offset) + 34px) solid var(--ffb-black);
}

@media (min-width: 768px) {
  .ffb-content .hide-on-mobile {
    display: block;
  }
  .ffb-content .hide-on-tablet {
    display: none;
  }
  .ffb-content.no-leaderboard {
    padding-top: 25px;
  }
  .ffb-content section.angled::before {
    top: -30px;
    bottom: -30px;
  }
  .ffb-content section.angled--after {
    padding-top: 100px !important;
  }
  .page-wrap.with-promo .ffb-content {
    border-top: calc(var(--header-offset) + 40px) solid var(--ffb-black);
  }
}
@media (min-width: 1150px) {
  .page-wrap.with-menu .ffb-content {
    border-top: calc(var(--header-offset) + 74px) solid var(--ffb-black);
  }
  .page-wrap.with-menu.with-promo .ffb-content {
    border-top: calc(var(--header-offset) + 114px) solid var(--ffb-black);
  }
  .ffb-content.no-leaderboard {
    padding-top: 45px;
  }
}
@media (min-width: 1280px) {
  .ffb-content section.angled::before {
    top: -50px;
    bottom: -50px;
  }
}
@media (min-width: 1400px) {
  .ffb-content .hide-on-tablet {
    display: block;
  }
}
/**
*
* Footer
* @package ffb
*
**/
footer {
  position: relative;
  z-index: 5;
}
footer .footer--awards {
  position: relative;
  z-index: 3;
}
footer .footer--awards--content {
  position: relative;
  text-align: center;
  padding: 25px 0;
  z-index: 4;
}
footer .footer--awards--content img {
  margin-top: -30px;
  margin-bottom: 20px;
  width: 90%;
  max-width: 700px;
  height: auto;
}
footer .footer--awards::before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 2px solid var(--ffb-white);
  background: var(--ffb-light-light-gray);
  transform: skewY(-3deg);
  z-index: 3;
}
footer .footer--awards::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -15px;
  left: 0;
  background: var(--ffb-green);
  transform: skewY(-3deg);
  z-index: 2;
}
footer .footer--content {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/studio-background.webp) center bottom no-repeat;
  background-size: cover;
  padding: 80px 0 10px 0;
  position: relative;
  z-index: 1;
  margin-top: -60px;
}
footer .footer--content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2;
}
footer .footer--content--nav {
  text-align: center;
  position: relative;
  z-index: 3;
}
footer .footer--content--nav .container {
  justify-content: flex-start;
  padding: 20px 0;
}
footer .footer--content--nav .container .column {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
footer .footer--content--nav--widget {
  padding: 0 20px;
}
footer .footer--content--nav--widget h2 {
  font-size: 15px;
  text-transform: uppercase;
  color: var(--ffb-green);
  display: block;
  padding: 6px;
  margin: 0;
}
footer .footer--content--nav--widget ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  line-height: 1.2;
}
footer .footer--content--nav--widget ul li {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.2;
}
footer .footer--content--nav--widget ul li a {
  display: block;
  color: var(--ffb-white);
  padding: 10px 6px;
  margin: 1px 0;
}
footer .footer--content--nav--widget ul li a:hover {
  color: var(--ffb-green);
}
footer .footer--content--nav--widget ul li ul {
  display: none;
}
footer .footer--social {
  text-align: center;
  padding: 20px;
  background: var(--ffb-dark-dark-gray);
}
footer .footer--social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .footer--social ul li {
  display: block;
  margin: 0;
  padding: 0 5px;
}
footer .footer--social ul li a {
  display: block;
}
footer .footer--social ul li a svg {
  vertical-align: top;
  width: 26px;
  height: 26px;
  fill: var(--ffb-white);
  transition: var(--ffb-ease-fast);
}
footer .footer--social ul li a:hover svg {
  fill: var(--ffb-green);
}
footer .footer--partners {
  text-align: center;
  padding: 25px 25px 15px 0;
  background: var(--ffb-black);
}
footer .footer--partners ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer--partners ul li {
  display: block;
  margin: 0;
  padding: 8px 0;
}
footer .footer--partners ul li a {
  display: block;
}
footer .footer--partners ul li img {
  max-width: 100%;
  vertical-align: top;
  max-width: 160px;
  max-height: 50px;
}
footer .footer--copyright {
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  padding: 12px 25px 15px;
  background: var(--ffb-black);
  color: var(--ffb-med-gray);
}

@media (min-width: 768px) {
  footer .footer--content {
    padding: 110px 0 10px 0;
  }
  footer .footer--content--nav {
    text-align: left;
  }
  footer .footer--content--nav .container .column {
    width: 50%;
  }
  footer .footer--social ul li a svg {
    width: 32px;
    height: 32px;
  }
  footer .footer--partners {
    padding-top: 30px;
  }
  footer .footer--partners ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .footer--partners ul li {
    padding: 0 15px;
  }
}
@media (min-width: 960px) {
  footer .footer--content--nav .container {
    justify-content: center;
  }
  footer .footer--content--nav .container .column {
    width: auto;
  }
  footer .footer--content--nav--widget ul li a {
    padding: 6px;
    margin: 0;
  }
}
@media (min-width: 1400px) {
  footer .footer--awards::before {
    top: -70px;
    bottom: -15px;
  }
  footer .footer--awards::after {
    bottom: -30px;
  }
  footer .footer--content {
    padding-top: 140px;
  }
}
/**
*
* Buttons
* @package ffb
*
**/
.ffb-content a.button,
.ffb-content a.button:visited,
.ffb-content button.button,
.ffb-content .elementor-button,
.ffb-content .elementor-button-link,
.ffb-content .elementor-button-link:visited,
.elementor-popup-modal a.button,
.elementor-popup-modal a.button:visited,
.elementor-popup-modal button.button,
.elementor-popup-modal .elementor-button,
.elementor-popup-modal .elementor-button-link,
.elementor-popup-modal .elementor-button-link:visited {
  display: inline-block;
  background: none;
  border-radius: 4px;
  border: 1px solid var(--ffb-green);
  font-family: var(--ffb-primary-font);
  color: var(--ffb-green);
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  line-height: 1.1;
  padding: 15px 24px;
  transition: var(--ffb-ease-fast);
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
}
.ffb-content a.button svg,
.ffb-content a.button:visited svg,
.ffb-content button.button svg,
.ffb-content .elementor-button svg,
.ffb-content .elementor-button-link svg,
.ffb-content .elementor-button-link:visited svg,
.elementor-popup-modal a.button svg,
.elementor-popup-modal a.button:visited svg,
.elementor-popup-modal button.button svg,
.elementor-popup-modal .elementor-button svg,
.elementor-popup-modal .elementor-button-link svg,
.elementor-popup-modal .elementor-button-link:visited svg {
  vertical-align: text-top;
}
.ffb-content a.button::after,
.ffb-content a.button:visited::after,
.ffb-content button.button::after,
.ffb-content .elementor-button::after,
.ffb-content .elementor-button-link::after,
.ffb-content .elementor-button-link:visited::after,
.elementor-popup-modal a.button::after,
.elementor-popup-modal a.button:visited::after,
.elementor-popup-modal button.button::after,
.elementor-popup-modal .elementor-button::after,
.elementor-popup-modal .elementor-button-link::after,
.elementor-popup-modal .elementor-button-link:visited::after {
  content: "";
  display: block;
  position: absolute;
  background: var(--ffb-green);
  height: 500%;
  left: 50%;
  top: 50%;
  width: 0;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%) rotate(25deg);
  transition: var(--ffb-ease-med);
}
.ffb-content a.button:hover,
.ffb-content a.button:visited:hover,
.ffb-content button.button:hover,
.ffb-content .elementor-button:hover,
.ffb-content .elementor-button-link:hover,
.ffb-content .elementor-button-link:visited:hover,
.elementor-popup-modal a.button:hover,
.elementor-popup-modal a.button:visited:hover,
.elementor-popup-modal button.button:hover,
.elementor-popup-modal .elementor-button:hover,
.elementor-popup-modal .elementor-button-link:hover,
.elementor-popup-modal .elementor-button-link:visited:hover {
  color: var(--ffb-white) !important;
  border-color: var(--ffb-green);
  text-decoration: none;
}
.ffb-content a.button:hover::after,
.ffb-content a.button:visited:hover::after,
.ffb-content button.button:hover::after,
.ffb-content .elementor-button:hover::after,
.ffb-content .elementor-button-link:hover::after,
.ffb-content .elementor-button-link:visited:hover::after,
.elementor-popup-modal a.button:hover::after,
.elementor-popup-modal a.button:visited:hover::after,
.elementor-popup-modal button.button:hover::after,
.elementor-popup-modal .elementor-button:hover::after,
.elementor-popup-modal .elementor-button-link:hover::after,
.elementor-popup-modal .elementor-button-link:visited:hover::after {
  width: 110%;
}
.ffb-content a.button.filled,
.ffb-content a.button:visited.filled,
.ffb-content button.button.filled,
.ffb-content .elementor-button.filled,
.ffb-content .elementor-button-link.filled,
.ffb-content .elementor-button-link:visited.filled,
.elementor-popup-modal a.button.filled,
.elementor-popup-modal a.button:visited.filled,
.elementor-popup-modal button.button.filled,
.elementor-popup-modal .elementor-button.filled,
.elementor-popup-modal .elementor-button-link.filled,
.elementor-popup-modal .elementor-button-link:visited.filled {
  color: var(--ffb-white);
  background: var(--ffb-green);
}
.ffb-content a.button.filled::after,
.ffb-content a.button:visited.filled::after,
.ffb-content button.button.filled::after,
.ffb-content .elementor-button.filled::after,
.ffb-content .elementor-button-link.filled::after,
.ffb-content .elementor-button-link:visited.filled::after,
.elementor-popup-modal a.button.filled::after,
.elementor-popup-modal a.button:visited.filled::after,
.elementor-popup-modal button.button.filled::after,
.elementor-popup-modal .elementor-button.filled::after,
.elementor-popup-modal .elementor-button-link.filled::after,
.elementor-popup-modal .elementor-button-link:visited.filled::after {
  background: var(--ffb-black);
}
.ffb-content a.button.filled:hover,
.ffb-content a.button:visited.filled:hover,
.ffb-content button.button.filled:hover,
.ffb-content .elementor-button.filled:hover,
.ffb-content .elementor-button-link.filled:hover,
.ffb-content .elementor-button-link:visited.filled:hover,
.elementor-popup-modal a.button.filled:hover,
.elementor-popup-modal a.button:visited.filled:hover,
.elementor-popup-modal button.button.filled:hover,
.elementor-popup-modal .elementor-button.filled:hover,
.elementor-popup-modal .elementor-button-link.filled:hover,
.elementor-popup-modal .elementor-button-link:visited.filled:hover {
  border-color: var(--ffb-black);
  color: var(--ffb-green) !important;
}
.ffb-content .reversed .elementor-button,
.ffb-content .reversed .elementor-button-link,
.ffb-content .reversed .elementor-button-link:visited,
.elementor-popup-modal .reversed .elementor-button,
.elementor-popup-modal .reversed .elementor-button-link,
.elementor-popup-modal .reversed .elementor-button-link:visited {
  border-color: var(--ffb-white);
  color: var(--ffb-white);
}
.ffb-content .reversed .elementor-button::after,
.ffb-content .reversed .elementor-button-link::after,
.ffb-content .reversed .elementor-button-link:visited::after,
.elementor-popup-modal .reversed .elementor-button::after,
.elementor-popup-modal .reversed .elementor-button-link::after,
.elementor-popup-modal .reversed .elementor-button-link:visited::after {
  background: var(--ffb-green);
}
.ffb-content .reversed .elementor-button:hover,
.ffb-content .reversed .elementor-button-link:hover,
.ffb-content .reversed .elementor-button-link:visited:hover,
.elementor-popup-modal .reversed .elementor-button:hover,
.elementor-popup-modal .reversed .elementor-button-link:hover,
.elementor-popup-modal .reversed .elementor-button-link:visited:hover {
  border-color: var(--ffb-green);
}
.ffb-content .reversed a,
.ffb-content .reversed a:visited,
.elementor-popup-modal .reversed a,
.elementor-popup-modal .reversed a:visited {
  color: var(--ffb-white);
}
.ffb-content .elementor-align-justify a.button:hover::after,
.ffb-content .elementor-align-justify a.button:visited:hover::after,
.ffb-content .elementor-align-justify button.button:hover::after,
.ffb-content .elementor-align-justify .elementor-button:hover::after,
.ffb-content .elementor-align-justify .elementor-button-link:hover::after,
.ffb-content .elementor-align-justify .elementor-button-link:visited:hover::after,
.elementor-popup-modal .elementor-align-justify a.button:hover::after,
.elementor-popup-modal .elementor-align-justify a.button:visited:hover::after,
.elementor-popup-modal .elementor-align-justify button.button:hover::after,
.elementor-popup-modal .elementor-align-justify .elementor-button:hover::after,
.elementor-popup-modal .elementor-align-justify .elementor-button-link:hover::after,
.elementor-popup-modal .elementor-align-justify .elementor-button-link:visited:hover::after {
  height: 1000%;
}

.ffb-button {
  display: inline-block;
  border-radius: 4px;
  font-family: var(--ffb-primary-font);
  background: var(--ffb-green);
  color: var(--ffb-white);
  border: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
  padding: 12px 18px;
  transition: var(--ffb-ease-fast);
  vertical-align: middle;
  position: relative;
}
.ffb-button svg {
  vertical-align: text-top;
}
.ffb-button:hover {
  color: var(--ffb-white) !important;
  box-shadow: var(--ffb-shadow);
}
.ffb-button.solid {
  color: var(--ffb-white);
  background: var(--ffb-med-gray);
}
.ffb-button.solid:hover {
  color: var(--ffb-white) !important;
  background: color-mix(in srgb, var(--ffb-med-gray) 80%, var(--ffb-black));
}
.ffb-button.solid.green {
  background: var(--ffb-green);
}
.ffb-button.solid.green:hover {
  background: color-mix(in srgb, var(--ffb-green) 80%, var(--ffb-black));
}
.ffb-button.solid.gold {
  background: var(--ffb-gold);
  color: var(--ffb-black);
}
.ffb-button.solid.gold:hover {
  color: var(--ffb-black) !important;
  background: color-mix(in srgb, var(--ffb-gold) 95%, var(--ffb-black));
}
.ffb-button.solid.blue {
  background: var(--ffb-blue);
}
.ffb-button.solid.blue:hover {
  background: color-mix(in srgb, var(--ffb-blue) 80%, var(--ffb-black));
}
.ffb-button.solid.red {
  background: var(--ffb-red);
}
.ffb-button.solid.red:hover {
  background: color-mix(in srgb, var(--ffb-red) 80%, var(--ffb-black));
}
.ffb-button.solid.rust {
  background: var(--ffb-rust);
}
.ffb-button.solid.rust:hover {
  background: color-mix(in srgb, var(--ffb-rust) 80%, var(--ffb-black));
}
.ffb-button.solid.brick {
  background: var(--ffb-brick);
}
.ffb-button.solid.brick:hover {
  background: color-mix(in srgb, var(--ffb-brick) 80%, var(--ffb-black));
}
.ffb-button.solid.white {
  background: var(--ffb-white);
  color: var(--ffb-black);
}
.ffb-button.solid.white:hover {
  color: var(--ffb-black) !important;
  background: color-mix(in srgb, var(--ffb-white) 80%, var(--ffb-black));
}
.ffb-button.solid.black {
  background: var(--ffb-black);
}
.ffb-button.solid.espn {
  background-color: var(--ffb-brand-espn);
}
.ffb-button.solid.espn:hover {
  background: color-mix(in srgb, var(--ffb-brand-espn) 80%, var(--ffb-black));
}
.ffb-button.solid.sleeper {
  background-color: var(--ffb-brand-sleeper);
}
.ffb-button.solid.sleeper:hover {
  background: color-mix(in srgb, var(--ffb-brand-sleeper) 80%, var(--ffb-black));
}
.ffb-button.solid.yahoo {
  background-color: var(--ffb-brand-yahoo);
}
.ffb-button.solid.yahoo:hover {
  background: color-mix(in srgb, var(--ffb-brand-yahoo) 80%, var(--ffb-black));
}
.ffb-button.solid.nfl {
  background-color: var(--ffb-brand-nfl);
}
.ffb-button.solid.nfl:hover {
  background: color-mix(in srgb, var(--ffb-brand-nfl) 80%, var(--ffb-black));
}
.ffb-button.solid svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  fill: var(--ffb-white);
}
.ffb-button.solid:disabled {
  background: var(--ffb-med-gray);
  color: var(--ffb-white);
  opacity: 0.5;
  cursor: default;
}
.ffb-button.solid:disabled:hover {
  background: var(--ffb-med-gray);
  color: var(--ffb-white);
  box-shadow: none;
}
.ffb-button.outline {
  border: 1px solid var(--ffb-med-gray);
  color: var(--ffb-med-gray);
  background: none;
}
.ffb-button.outline:hover {
  background: var(--ffb-med-gray);
}
.ffb-button.outline.red {
  color: var(--ffb-red);
  border-color: var(--ffb-red);
}
.ffb-button.outline.red:hover {
  background: var(--ffb-red);
}
.ffb-button.outline.white {
  color: var(--ffb-white);
  border-color: var(--ffb-white);
}
.ffb-button.outline.white:hover {
  color: var(--ffb-black) !important;
  background: var(--ffb-white);
}
.ffb-button.medium {
  font-size: 16px;
  padding: 15px 21px;
}

/**
*
* Page Builder
* @package ffb
*
**/
.ffb-main {
  display: flex;
  flex-wrap: wrap;
  background: var(--ffb-white);
  width: 100%;
  margin: var(--builder-offset) 0 0 0;
  padding: 0;
  max-width: 1800px;
  z-index: 3;
  position: relative;
}
.ffb-main--sidebar section.elementor-section-boxed > .elementor-container {
  width: 100% !important;
}
.ffb-main.no-featured-ad {
  margin-top: calc(var(--builder-offset) + 20px);
}
.ffb-main .article {
  padding: 0;
  flex-grow: 1;
  background: var(--ffb-white);
}
.ffb-main .article .overlap {
  margin-top: var(--headline-offset);
}
.ffb-main .article h1 {
  display: inline;
  background: var(--ffb-black);
  color: var(--ffb-white);
  box-shadow: 12px 0 0 var(--ffb-black), -12px 0 0 var(--ffb-black);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 1.3;
  margin-left: 12px;
}
.ffb-main .article h1 span {
  color: var(--ffb-green);
  margin-right: 10px;
  font-size: 40%;
}
.ffb-main .article .breadcrumb {
  display: none;
  margin-top: -5px;
  margin-bottom: 20px;
}
.ffb-main .article .ffb-breadcrumb {
  display: none;
  margin-top: 25px;
}
.ffb-main .article h2::first-letter {
  text-transform: capitalize;
}
.ffb-main .article table {
  width: 100%;
}
.ffb-main .sidebar {
  width: calc(100% - 50px);
  flex-shrink: 0;
  padding: 15px 15px 110px 15px;
  background: var(--ffb-white);
  margin: 0 auto;
}
.ffb-main .sidebar .widget {
  margin-bottom: 15px;
}
.ffb-main .sidebar .ad {
  background: var(--ffb-white);
}
.ffb-main .sidebar .ad--inner {
  max-width: 325px;
  overflow: hidden;
}
.ffb-main .sidebar .ad #thefantasyfootballers_300x250_320x50_320x100_right_2 > div {
  flex-wrap: wrap !important;
}
.ffb-main img {
  max-width: 100%;
  height: auto;
}
.ffb-main--no-builder {
  padding-bottom: 180px;
}
.ffb-main--no-builder .article {
  padding: 40px 15px 0 15px;
}
.ffb-main--no-builder .article .overlap {
  margin-bottom: 20px;
}
.ffb-main .footclan-exclusive {
  position: absolute;
  top: 15px;
  right: 15px;
  max-width: 130px;
  display: none;
}

.featured-image .ffb-main {
  margin-top: 52vw;
  background: none;
}
.featured-image .ffb-main .article {
  background: none;
}

.ffb-angle .elementor-container {
  z-index: 3;
}
.ffb-angle::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: -70px;
  transform: skewY(-3deg);
  z-index: 2;
}
.ffb-angle.green::before {
  background: var(--ffb-green);
}
.ffb-angle.black::before {
  background: var(--ffb-black);
}
.ffb-angle.light-gray::before {
  background: var(--ffb-light-light-gray);
}

.ffb-page-not-found {
  text-align: center;
  margin-bottom: 100px;
}
.ffb-page-not-found img {
  width: 900px !important;
  vertical-align: top;
  margin: 0;
}
.ffb-page-not-found .textwidget {
  padding-top: 30px;
  border-top: 1px solid var(--ffb-light-gray);
}
.ffb-page-not-found .ffb-content::before {
  display: none;
}
.ffb-page-not-found .ffb-content::after {
  display: none;
}
.ffb-page-not-found .ffb-main {
  margin-top: 0;
}

.ffb-block-button .elementor-widget-wrap {
  padding: 0 !important;
  border-radius: 4px;
  transition: var(--ffb-ease-fast) !important;
  opacity: 1;
}
.ffb-block-button .elementor-widget-wrap:hover {
  opacity: 0.8;
}
.ffb-block-button .elementor-widget-wrap:hover .elementor-icon-box-icon a i {
  transform: scale(1.1);
}
.ffb-block-button .elementor-widget-wrap .elementor-icon-box-icon a {
  display: block;
  padding: 16px 16px 0 16px;
  text-align: center;
}
.ffb-block-button .elementor-widget-wrap .elementor-icon-box-icon a i {
  margin: 0 auto;
  transition: var(--ffb-ease-fast);
}
.ffb-block-button .elementor-widget-wrap .elementor-icon-box-content h2, .ffb-block-button .elementor-widget-wrap .elementor-icon-box-content h3, .ffb-block-button .elementor-widget-wrap .elementor-icon-box-content h4 {
  margin: 0;
}
.ffb-block-button .elementor-widget-wrap .elementor-icon-box-content a {
  display: block;
  padding: 0 16px 16px 16px;
  text-align: center;
}

.megalabowl--content {
  background-size: 160% auto;
  background-repeat: no-repeat;
  background-position: top center;
}
.megalabowl--content--cta {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  color: var(--ffb-white);
  border: 1px solid var(--ffb-white);
  border-radius: 4px;
  padding: 25px;
}
.megalabowl--content--cta h2 {
  color: var(--ffb-green);
}
.megalabowl--content--cta a.button,
.megalabowl--content--cta a.button:visited {
  font-size: 20px;
  color: var(--ffb-white) !important;
  background: var(--ffb-green);
}
.megalabowl--content--cta a.button:hover,
.megalabowl--content--cta a.button:visited:hover {
  background: var(--ffb-blue);
  border-color: var(--ffb-blue);
}
.megalabowl--content--cta a.button::after,
.megalabowl--content--cta a.button:visited::after {
  background: var(--ffb-blue);
}

@media (min-width: 768px) {
  .ffb-main .article {
    padding: 0 10px;
  }
  .ffb-main--no-builder .article {
    padding: 40px 25px 0 25px;
  }
  .ffb-main--no-builder .article .overlap {
    margin-bottom: 20px;
  }
  .ffb-main.no-featured-ad {
    margin-top: calc(var(--builder-offset) + 30px);
  }
  .featured-image .ffb-main {
    margin-top: 310px;
  }
}
@media (min-width: 960px) {
  .ffb-main {
    flex-wrap: nowrap;
  }
  .ffb-main section.elementor-section-boxed > .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
  }
  .ffb-main .article .breadcrumb {
    display: block;
  }
  .ffb-main .article .ffb-breadcrumb {
    display: block;
  }
  .ffb-main .sidebar {
    width: 300px;
    background: linear-gradient(to bottom, var(--ffb-light-light-gray) 0%, var(--ffb-white) 33%);
    margin-top: calc(var(--builder-offset) * -1);
  }
  .ffb-main--sidebar .article {
    width: calc(100% - 350px);
  }
  .ffb-main--no-builder .article .overlap {
    margin-bottom: 25px;
  }
  .ffb-main--no-builder .article .breadcrumb {
    margin-bottom: 20px;
  }
  .ffb-main .footclan-exclusive {
    display: block;
  }
  .featured-image .ffb-main {
    margin-top: 320px;
  }
  .ffb-page-not-found {
    margin-bottom: 120px;
  }
}
@media (min-width: 1150px) {
  .ffb-main {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .ffb-main.no-featured-ad {
    margin-top: calc(var(--builder-offset) + 40px);
  }
  .ffb-main--no-builder .article {
    padding: 60px 30px 0 30px;
  }
  .featured-image .ffb-main {
    margin-top: 320px;
  }
  .ffb-page-not-found {
    margin-bottom: 140px;
  }
}
@media (min-width: 1280px) {
  .featured-image .ffb-main {
    margin-top: 390px;
  }
  .megalabowl--content {
    background-size: 100%;
    background-position: 0 -10vw;
  }
}
@media (min-width: 1400px) {
  .featured-image .ffb-main {
    margin-top: 440px;
  }
  .megalabowl--content {
    background-position: 0 -15vw;
  }
}
/**
*
* Individual Post Template
* @package ffb
*
**/
main article.ffb-content::before {
  display: none;
}
main article.ffb-content.video-open::after {
  top: calc(56.25vw + var(--header-offset));
  transform: skewY(0deg);
}
main article.ffb-content.video-open .page-video {
  height: 56.25vw;
  min-height: 56.25vw;
  max-height: 56.25vw;
}
main article.ffb-content.video-open .page-video .watch-overlay {
  height: 0;
}
main article.ffb-content.video-open .page-video .watch-button {
  width: 142px;
  height: 54px;
  top: 15px;
  right: 15px;
}
main article.ffb-content.video-open .page-video .video-wrap {
  top: 0;
}
main article.ffb-content.video-open .page-video .video-wrap iframe {
  pointer-events: auto;
}
main article.ffb-content.video-open .page-content .article .title {
  margin-top: 5px;
}
main article.ffb-content.video-open .page-content .sidebar--left, main article.ffb-content.video-open .page-content .sidebar--right {
  margin-top: 0;
}
main article.ffb-content.video-open .page-content .sidebar--right {
  padding-bottom: 80px;
}
main article.ffb-content .ffb-dynamic-ads.episode h2 {
  font-size: 18px;
}

.page-ad {
  background: var(--ffb-black);
  padding: 10px 0;
  min-height: 50px;
  overflow-x: hidden;
}
.page-ad iframe {
  background: var(--ffb-white);
}

.page-photo,
.page-video {
  height: var(--feature-height);
  background-size: cover;
  background-position: center 10%;
  background-repeat: no-repeat;
  position: relative;
}

.page-photo cite {
  position: absolute;
  top: 20px;
  right: 25px;
  color: var(--ffb-white);
  font-size: 10px;
  font-style: normal;
  text-align: left;
  z-index: 2;
  transform: rotate(-90deg);
  transform-origin: 100% 0%;
  display: none;
  opacity: 0.6;
}
.page-photo::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
}

.page-video {
  overflow: hidden;
  transition: var(--ffb-ease-fast);
}
.page-video .watch-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.2);
  transition: var(--ffb-ease-fast);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-video .watch-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--ffb-ease-fast);
}
.page-video .watch-button button {
  border: none;
  padding: 15px 20px;
  font-size: 17px;
  color: var(--ffb-green);
  font-family: var(--ffb-primary-font);
  font-weight: 600;
  background: var(--ffb-white);
  border-radius: 4px;
  margin-top: -30px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  transition: var(--ffb-ease-fast);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.page-video .watch-button button::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--ffb-white);
  z-index: -2;
}
.page-video .watch-button button::after {
  content: "";
  display: block;
  position: absolute;
  background: var(--ffb-green);
  height: 500%;
  left: 50%;
  top: 50%;
  width: 0;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%) rotate(25deg);
  transition: var(--ffb-ease-med);
}
.page-video .watch-button button .ffb {
  font-size: 22px;
  margin-right: 8px;
  fill: var(--ffb-green);
}
.page-video .watch-button button:hover {
  color: var(--ffb-white);
  background: transparent;
  transform: scale(1.05);
}
.page-video .watch-button button:hover .ffb {
  fill: var(--ffb-white);
}
.page-video .watch-button button:hover::after {
  width: 120%;
}
.page-video .watch-button button.open {
  display: none;
}
.page-video .video-wrap {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: absolute;
  top: 0;
  z-index: 1;
  transition: var(--ffb-ease-fast);
}
.page-video .video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-content {
  position: relative;
  z-index: 4;
  padding: 20px;
}
.page-content .breadcrumb {
  margin: 15px 0 30px;
  display: none;
}
.page-content table {
  min-width: 100%;
}
.page-content .sidebar {
  width: 100%;
}
.page-content .sidebar--left {
  width: 250px;
  flex-shrink: 0;
  padding-bottom: 20px;
  transition: var(--ffb-ease-fast);
  margin-top: var(--article-sidebar-left-offset);
  display: none;
}
.page-content .sidebar--right {
  width: 100%;
  flex-shrink: 0;
  padding-bottom: 90px;
  transition: var(--ffb-ease-fast);
  margin-top: var(--article-sidebar-right-offset);
}
.page-content .sidebar h4 {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--ffb-dark-dark-gray);
  margin-bottom: 15px;
  margin-top: 0;
}
.page-content .sidebar .widget {
  margin-bottom: 15px;
}
.page-content .sidebar .ad {
  background: var(--ffb-white);
}
.page-content .sidebar .ad--inner {
  max-width: 325px;
  overflow: hidden;
}
.page-content .sidebar .ad #thefantasyfootballers_300x250_320x50_320x100_right_2 > div {
  flex-wrap: wrap !important;
}
.page-content .sidebar .anyplayer {
  background: var(--ffb-black);
}
.page-content .sidebar .anyplayer #ac-lre-player-ph {
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.page-content .sidebar .anyplayer .subscribe {
  color: var(--ffb-white);
  text-align: center;
  padding: 10px;
  font-size: 15px;
}
.page-content .sidebar .anyplayer .subscribe p {
  margin-bottom: 8px;
}
.page-content .sidebar .anyplayer .subscribe a {
  color: var(--ffb-white);
}
.page-content .sidebar .recent-posts--post--image {
  overflow: hidden;
}
.page-content .sidebar .recent-posts--post a {
  color: var(--ffb-black);
  display: block;
  margin-bottom: 8px;
  transition: var(--ffb-ease-fast);
}
.page-content .sidebar .recent-posts--post a img {
  transition: var(--ffb-ease-fast);
}
.page-content .sidebar .recent-posts--post a h5 {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  padding: 2px 4px 4px 4px;
  transition: var(--ffb-ease-fast);
}
.page-content .sidebar .recent-posts--post a:hover img {
  transform: scale(1.05);
}
.page-content .sidebar .recent-posts--post a:hover h5 {
  color: var(--ffb-green);
}
.page-content .article .title {
  padding-left: 10px;
  margin-top: -80px;
  transition: var(--ffb-ease-fast);
}
.page-content .article .title h1 {
  display: inline;
  background: var(--ffb-black);
  color: var(--ffb-white);
  box-shadow: 12px 0 0 var(--ffb-black), -12px 0 0 var(--ffb-black);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
.page-content .article .ad {
  margin: 35px auto;
}
.page-content .article .ad.spaced {
  margin: 50px auto;
}
.page-content .article .internal-article-top {
  margin: 35px 0;
}
.page-content .article .internal-article-top .ffb-ad--inline {
  margin-bottom: 0;
}
.page-content .article h4,
.page-content .article h5 {
  font-size: 18px;
}
.page-content .article a,
.page-content .article a:visited {
  text-decoration: none;
  border-bottom: 3px solid transparent;
}
.page-content .article a:hover,
.page-content .article a:visited:hover {
  color: var(--ffb-green);
  border-bottom: 3px solid var(--ffb-light-gray);
}
.page-content .article h5 {
  color: var(--ffb-black);
  display: inline-block;
}
.page-content .article h5 a,
.page-content .article h5 a:visited {
  color: var(--ffb-black);
}
.page-content .article h5 a:hover,
.page-content .article h5 a:visited:hover {
  color: var(--ffb-green);
}
.page-content .article img {
  max-width: 100%;
  height: auto;
}
.page-content .article img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page-content .article .wp-caption {
  width: 100% !important;
}
.page-content .article .wp-caption-text {
  font-size: 14px;
  line-height: 1.4;
  padding: 10px 0;
}
.page-content .article .wp-caption-text::after {
  content: "";
  display: block;
  width: 100px;
  height: 6px;
  margin-top: 8px;
  background: var(--ffb-light-light-gray);
}
.page-content .article .tags {
  font-size: 12px;
  font-weight: 600;
}
.page-content .article .tags a {
  display: inline-block;
  margin: 0 0 5px 15px;
  position: relative;
  font-size: 11px;
  background: var(--ffb-green);
  color: var(--ffb-white);
  padding: 5px;
  border-bottom: 0;
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
}
.page-content .article .tags a::before {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  left: -8px;
  top: 2px;
  background: var(--ffb-green);
  transform: rotate(45deg);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  z-index: -1;
  transition: var(--ffb-ease-fast);
}
.page-content .article .tags a::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  top: 8px;
  left: -3px;
  background: var(--ffb-white);
}
.page-content .article .tags a:hover {
  border-bottom: 0;
  background: var(--ffb-blue);
  color: var(--ffb-white);
}
.page-content .article .tags a:hover::before {
  background: var(--ffb-blue);
}
.page-content .article .article-vimeo-embed,
.page-content .article .article-youtube-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: 24px;
}
.page-content .article .article-vimeo-embed iframe,
.page-content .article .article-youtube-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-content .article .twitter-tweet {
  margin: 30px auto;
}

.ffb-content .ffb-subscribe h3 {
  font-size: 20px;
  text-align: center;
  margin: margin 0 0 15px 0;
}
.ffb-content .ffb-subscribe--links {
  display: flex;
  flex-wrap: wrap;
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  list-style: none;
  margin: 0 0 24px 0;
  padding: 0;
}
.ffb-content .ffb-subscribe--links li {
  margin: 0;
  padding: 0;
  display: block;
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
}
.ffb-content .ffb-subscribe--links li a,
.ffb-content .ffb-subscribe--links li a:visited {
  display: block;
  padding: 15px 20px;
  text-align: center;
  color: var(--ffb-white);
  font-size: 19px;
  font-weight: 600;
  border-radius: 0;
  border: none !important;
}
.ffb-content .ffb-subscribe--links li a svg,
.ffb-content .ffb-subscribe--links li a:visited svg {
  margin-right: 6px;
}
.ffb-content .ffb-subscribe--links li a::before,
.ffb-content .ffb-subscribe--links li a:visited::before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 4px;
  transition: var(--ffb-ease-med);
}
.ffb-content .ffb-subscribe--links li a:hover,
.ffb-content .ffb-subscribe--links li a:visited:hover {
  transform: scale(1.05);
  color: var(--ffb-white);
}
.ffb-content .ffb-subscribe--links li a:hover::before,
.ffb-content .ffb-subscribe--links li a:visited:hover::before {
  width: 100%;
  left: 0;
}
.ffb-content .ffb-subscribe--links li a::after,
.ffb-content .ffb-subscribe--links li a:visited::after {
  background: var(--ffb-white);
}
.ffb-content .ffb-subscribe--links li.youtube a {
  background: var(--ffb-brand-youtube);
}
.ffb-content .ffb-subscribe--links li.youtube a::before {
  background: var(--ffb-brand-youtube);
}
.ffb-content .ffb-subscribe--links li.youtube a:hover {
  color: var(--ffb-brand-youtube) !important;
}
.ffb-content .ffb-subscribe--links li.youtube a:hover svg {
  fill: var(--ffb-brand-youtube);
}
.ffb-content .ffb-subscribe--links li.apple a {
  background: var(--ffb-brand-apple-pod);
}
.ffb-content .ffb-subscribe--links li.apple a::before {
  background: var(--ffb-brand-apple-pod);
}
.ffb-content .ffb-subscribe--links li.apple a:hover {
  color: var(--ffb-brand-apple-pod) !important;
}
.ffb-content .ffb-subscribe--links li.apple a:hover svg {
  fill: var(--ffb-brand-apple-pod);
}
.ffb-content .ffb-subscribe--links li.spotify a {
  background: var(--ffb-green);
}
.ffb-content .ffb-subscribe--links li.spotify a::before {
  background: var(--ffb-green);
}
.ffb-content .ffb-subscribe--links li.spotify a:hover {
  color: var(--ffb-green) !important;
}
.ffb-content .ffb-subscribe--links li.spotify a:hover svg {
  fill: var(--ffb-green);
}

.author {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.author--name {
  display: flex;
  align-items: center;
  font-weight: 700;
}
.author--date {
  text-align: right;
}
.author--avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--ffb-light-gray);
  margin-right: 12px;
  overflow: hidden;
}
.author--avatar a {
  display: block;
}
.author--avatar a img {
  min-height: 44px;
  min-width: 44px;
  transition: var(--ffb-ease-fast);
  vertical-align: top;
}
.author--meta {
  font-size: 17px;
  line-height: 1.3;
}
.author--meta a {
  color: var(--ffb-black);
}
.author--meta .handle {
  display: block;
  font-size: 13px;
  font-weight: 400;
}
.author--meta .handle a {
  color: var(--ffb-blue);
}
.author--date {
  font-size: 13px;
  margin: 0;
  line-height: 1.3;
}

.player--libsyn, .player--megaphone,
.ffplayer--libsyn,
.ffplayer--megaphone {
  margin-bottom: 30px;
}

.comments {
  margin-top: 30px;
  padding-bottom: 30px;
}
.comments h2 {
  margin: 0;
}
.comments h3 {
  font-size: 20px;
  color: var(--ffb-green);
  margin-bottom: 24px;
}
.comments--header {
  padding: 0 0 24px 0;
}
.comments--comments li {
  margin: 0 0 24px 0;
  padding: 0;
}
.comments--comments li::before {
  display: none;
}
.comments--comments .comment-author {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.comments--comments .comment-author img {
  border-radius: 50%;
  margin-right: 10px;
}
.comments--comments .comment-author cite {
  font-style: normal;
  font-weight: 600;
}
.comments--comments .comment-author .says {
  display: none;
}
.comments--comments .comment-author .reply {
  font-size: 15px;
}
.comments--comments .comment-meta {
  font-size: 15px;
  margin-bottom: 20px;
}
.comments--comments .comment-meta a {
  color: var(--ffb-med-gray);
}
.comments--comments .reply {
  display: none;
}
.comments--respond {
  position: relative;
  margin-top: 40px;
  padding-top: 40px;
}
.comments--respond .comment-reply-title {
  font-size: 20px;
  color: var(--ffb-green);
  margin-bottom: 12px;
}
.comments--respond form {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.comments--respond form label {
  font-size: 15px;
}
.comments--respond form p {
  width: 100%;
}
.comments--respond form .comment-notes {
  display: none;
}
.comments--respond form .comment-form-url {
  display: none;
}
.comments--respond::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 6px;
  margin-top: 8px;
  background: var(--ffb-light-light-gray);
}

@media (min-width: 480px) {
  .page-content .article .title {
    margin-top: -90px;
  }
}
@media (min-width: 768px) {
  .page-video .watch-overlay {
    display: block;
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .page-video .watch-button {
    display: flex;
  }
  .page-video .watch-button button {
    margin-top: 0;
  }
  .page-video .watch-button button.open {
    display: inline-block;
  }
  .page-video .video-wrap {
    top: calc((56.25vw - var(--feature-height)) / 2 * -1);
  }
  .page-content .article h4,
  .page-content .article h5 {
    font-size: 22px;
  }
  .page-ad {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    background: none;
  }
  .comments--respond form .comment-form-author {
    width: calc(50% - 15px);
    padding-right: 15px;
  }
  .comments--respond form .comment-form-email {
    width: calc(50% - 15px);
    padding-left: 15px;
  }
  .ffb-content .ffb-subscribe--links {
    flex-wrap: nowrap;
  }
  .ffb-content .ffb-subscribe--links li a {
    padding: 20px;
  }
}
@media (min-width: 960px) {
  .page-photo cite,
  .page-video cite {
    top: auto;
    bottom: 75px;
    transform: rotate(-3deg);
    display: block;
  }
  .page-content .breadcrumb {
    display: block;
  }
  .page-content .sidebar--right {
    width: 300px;
  }
  .page-content .article {
    padding: 0 40px 80px 0;
  }
  .page-content .article .title {
    margin-top: -100px;
  }
  .page-content .article h4,
  .page-content .article h5 {
    font-size: 24px;
  }
}
@media (min-width: 1150px) {
  .page-photo cite,
  .page-video cite {
    bottom: 90px;
  }
  .page-content {
    padding: 20px 0;
  }
  .page-content .sidebar--right {
    margin-right: 20px;
  }
  .page-content .article {
    padding-left: 25px;
  }
  .page-content .article .title {
    margin-top: -120px;
  }
}
@media (min-width: 1280px) {
  .page-photo cite,
  .page-video cite {
    bottom: 85px;
  }
  .page-content .sidebar--left {
    display: block;
  }
  .page-content .sidebar--left section.elementor-section-boxed {
    padding-top: 0;
    padding-bottom: 0;
  }
  .page-content .sidebar--left section.elementor-section-boxed > .elementor-container {
    width: 100%;
  }
  .page-content .sidebar--right {
    margin-right: 0;
  }
  .page-content .article {
    padding-right: 60px;
    padding-left: 30px;
    margin: 0 0 0 30px;
    border-left: 1px solid;
    border-image-source: linear-gradient(180deg, var(--ffb-light-gray) 0, var(--ffb-white) 800px);
    border-image-slice: 1;
    position: relative;
    max-width: calc(100% - 700px);
  }
  .page-content .article::before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: -1px;
    width: 31px;
    height: 10px;
    border-radius: 4px 0 0 0;
    border-left: 1px solid var(--ffb-light-gray);
    border-top: 1px solid var(--ffb-light-gray);
    z-index: -1;
  }
  .page-content .article .title {
    margin-top: -110px;
  }
}
@media (min-width: 1400px) {
  .page-photo cite,
  .page-video cite {
    bottom: calc(6.5vw + 20px);
  }
  .page-content .article .title {
    margin-top: -120px;
  }
}
/**
*
* Post Archive Template
* @package ffb
*
**/
.ffb-post-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px);
}
.ffb-post-grid--post {
  width: calc(100% - 20px);
  margin: 0 10px 6px 10px;
}
.ffb-post-grid--post--image--ratio {
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.ffb-post-grid--post a {
  display: block;
  transition: var(--ffb-ease-fast);
  color: var(--ffb-dark-dark-gray);
}
.ffb-post-grid--post a img {
  transition: var(--ffb-ease-fast);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  max-width: none !important;
  height: 101% !important;
  width: auto !important;
  transform: translate(-50%, -50%);
}
.ffb-post-grid--post a:hover img {
  transform: translate(-50%, -50%) scale(1.05);
}
.ffb-post-grid--post a:hover h3 {
  color: var(--ffb-green);
}
.ffb-post-grid--post--content {
  position: relative;
  z-index: 2;
  padding: 12px 0;
}
.ffb-post-grid--post h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 0 0 8px 0;
  transition: var(--ffb-ease-fast);
}
.ffb-post-grid--post p {
  font-size: 15px;
  color: var(--ffb-med-gray);
}
.ffb-post-grid--post p .author {
  margin-right: 8px;
  padding-right: 8px;
  margin-bottom: 0;
  border-right: 1px solid var(--ffb-med-gray);
  display: inline-block;
}
.ffb-post-grid--post p .author.no-date {
  border-right: none;
}
.ffb-post-grid--post:first-child {
  width: 100%;
}
.ffb-post-grid.single-column .ffb-post-grid--post {
  margin-bottom: 12px;
}
.ffb-post-grid.single-column .ffb-post-grid--post a {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.ffb-post-grid.single-column .ffb-post-grid--post a h3 {
  font-size: 18px;
}
.ffb-post-grid.single-column .ffb-post-grid--post--image {
  width: 25%;
}
.ffb-post-grid.single-column .ffb-post-grid--post--content {
  width: 75%;
  padding: 0 15px;
}
.ffb-post-grid.single-column .ffb-post-grid--post h3 {
  margin-bottom: 4px;
}
.ffb-post-grid.single-column .ffb-post-grid--post p {
  margin-bottom: 0;
}
.ffb-post-grid.single-column .ffb-post-grid--post:first-child h3 {
  font-size: 20px;
}
.ffb-post-grid.single-column .ffb-post-grid--post:first-child .ffb-post-grid--post--image {
  width: 100%;
}
.ffb-post-grid.single-column .ffb-post-grid--post:first-child .ffb-post-grid--post--content {
  width: 100%;
  padding: 15px;
}

.ffb-post-pagination {
  padding: 15px 0 40px;
  display: flex;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
}
.ffb-post-pagination a,
.ffb-post-pagination span {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  margin: 0 2px;
  font-weight: 400;
  font-size: 15px;
  color: var(--ffb-dark-dark-gray);
}
.ffb-post-pagination a {
  transition: var(--ffb-ease-fast);
}
.ffb-post-pagination a:hover {
  background: var(--ffb-light-gray);
}
.ffb-post-pagination span.current {
  background: var(--ffb-green);
  color: var(--ffb-white);
}
.ffb-post-pagination span.dots {
  width: 15px;
}

@media (min-width: 480px) {
  .ffb-post-grid--post h3 {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .ffb-post-grid--post {
    width: calc(50% - 20px);
  }
  .ffb-post-grid--post h3 {
    font-size: 20px;
  }
  .ffb-post-grid.grid .ffb-post-grid--post:first-child .ffb-post-grid--post--content {
    margin-top: -36px;
    padding: 0 20px;
  }
  .ffb-post-grid.grid .ffb-post-grid--post:first-child a:hover h3 {
    color: var(--ffb-white);
    box-shadow: 8px 0 0 var(--ffb-green), -8px 0 0 var(--ffb-green);
    background: var(--ffb-green);
  }
  .ffb-post-grid.grid .ffb-post-grid--post:first-child h3 {
    font-family: var(--ffb-headline-font);
    font-weight: 800;
    font-size: 44px;
    text-transform: uppercase;
    line-height: 1.1;
    display: inline;
    background: var(--ffb-black);
    color: var(--ffb-white);
    box-shadow: 12px 0 0 var(--ffb-black), -12px 0 0 var(--ffb-black);
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 8px 0 0 var(--ffb-black), -8px 0 0 var(--ffb-black);
    margin: 0 8px;
  }
  .ffb-post-grid.grid .ffb-post-grid--post:first-child p {
    margin-top: 15px;
  }
  .ffb-post-grid.single-column .ffb-post-grid--post {
    width: 100%;
  }
  .ffb-post-pagination a,
  .ffb-post-pagination span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    margin: 0 5px;
  }
  .ffb-post-pagination span.dots {
    width: 30px;
  }
}
@media (min-width: 1400px) {
  .ffb-post-grid--post {
    width: calc(33.33% - 20px);
  }
  .ffb-post-grid--post h3 {
    font-size: 24px;
  }
  .ffb-post-grid.grid .ffb-post-grid--post:first-child {
    margin-bottom: 30px;
  }
  .ffb-post-grid.grid .ffb-post-grid--post:first-child a {
    display: flex;
    align-items: center;
  }
  .ffb-post-grid.grid .ffb-post-grid--post:first-child .ffb-post-grid--post--image {
    width: calc(66.66% - 5px);
  }
  .ffb-post-grid.grid .ffb-post-grid--post:first-child .ffb-post-grid--post--content {
    width: calc(33.33% + 5px);
    margin-top: 0;
    padding: 0;
  }
  .ffb-post-grid.grid .ffb-post-grid--post:first-child .ffb-post-grid--post--content--title {
    margin-left: -150px;
  }
  .ffb-post-grid.grid .ffb-post-grid--post:first-child .ffb-post-grid--post--content p {
    margin-left: 20px;
  }
  .ffb-post-grid.grid .ffb-post-grid--post:first-child .ffb-post-grid--post--content.no-overlap .ffb-post-grid--post--content--title {
    margin-left: -40px;
  }
  .ffb-post-grid.single-column .ffb-post-grid--post {
    width: 100%;
  }
  .ffb-post-grid.single-column .ffb-post-grid--post:first-child h3 {
    font-size: 24px;
  }
  .ffb-main--no-builder .ffb-post-grid--post:first-child .ffb-post-grid--post--image {
    width: 66%;
  }
  .ffb-main--no-builder .ffb-post-grid--post:first-child .ffb-post-grid--post--content {
    width: calc(33.33% + 110px);
  }
}
@media (min-width: 1600px) {
  .ffb-post-grid.grid .ffb-post-grid--post:first-child h3 {
    font-size: 45px;
  }
}
@media (min-width: 1800px) {
  .ffb-post-grid.grid .ffb-post-grid--post:first-child h3 {
    font-size: 50px;
  }
}
/**
*
* Fullwidth Page Template Overrides
* @package ffb
*
**/
.ffb-content--fullwidth::before, .ffb-content--fullwidth::after {
  display: none;
}
.ffb-content--fullwidth section.article {
  position: relative;
  z-index: 3;
}
.ffb-content--fullwidth .elementor > .elementor-section-full_width {
  padding: 0;
  margin: 0;
  width: 100%;
}
.ffb-content--fullwidth .elementor > .elementor-section-full_width > .elementor-container {
  padding: 0;
}
.ffb-content--fullwidth .elementor > .elementor-section-full_width .elementor-inner-section.elementor-section-boxed > .elementor-container {
  width: 100%;
  max-width: 100%;
}
.ffb-content--fullwidth .elementor > .elementor-section-boxed > .elementor-container {
  padding: 0 25px;
}
.ffb-content--fullwidth .elementor > .elementor-section-boxed .elementor-inner-section.elementor-section-boxed > .elementor-container {
  width: 100%;
  max-width: 100%;
}
.ffb-content--fullwidth section.angled {
  z-index: 4;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.ffb-content--fullwidth section.angled::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  right: 0;
  bottom: -20px;
  left: 0;
  background: inherit;
  transform: skewY(-3deg);
}
.ffb-content--fullwidth section.angled--before {
  padding-bottom: 80px !important;
}
.ffb-content--fullwidth section.angled--after {
  padding-top: 80px !important;
}

@media (min-width: 768px) {
  .ffb-content--fullwidth section.angled::before {
    top: -30px;
    bottom: -30px;
  }
  .ffb-content--fullwidth section.angled--after {
    padding-top: 100px !important;
  }
}
@media (min-width: 1150px) {
  .ffb-content--fullwidth::before, .ffb-content--fullwidth::after {
    display: none;
  }
  .ffb-content--fullwidth .elementor > .elementor-section-full_width {
    padding: 0;
    margin: 0;
  }
  .ffb-content--fullwidth .elementor > .elementor-section-full_width > .elementor-container {
    width: 100%;
  }
  .ffb-content--fullwidth .elementor > .elementor-section-boxed > .elementor-container {
    width: calc(90% - 40px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1800px;
    padding: 0;
  }
  .ffb-content--fullwidth .elementor > .elementor-section-boxed.ffb-old > .elementor-container {
    max-width: 1400px;
  }
}
@media (min-width: 1280px) {
  .ffb-content--fullwidth section.angled::before {
    top: -50px;
    bottom: -50px;
  }
}
/**
*
* Elementor Default Overrides
* @package ffb
*
**/
.elementor > .elementor-section.elementor-section-boxed {
  padding-top: 25px;
  padding-bottom: 25px;
}
.elementor > .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1800px !important;
}
.elementor > .elementor-section:last-child {
  padding-bottom: 80px;
}

.ffb-content .elementor-column-gap-default > .elementor-column > .elementor-widget-wrap {
  padding: 0;
}

.ffb-content .elementor-column-gap-narrow > .elementor-column > .elementor-widget-wrap {
  padding: 15px;
}
.ffb-content .elementor-column-gap-default > .elementor-column > .elementor-widget-wrap {
  padding: 15px;
}
.ffb-content .elementor-column-gap-extended > .elementor-column > .elementor-widget-wrap {
  padding: 15px;
}
.ffb-content .elementor-column-gap-wide > .elementor-column > .elementor-widget-wrap {
  padding: 15px;
}
.ffb-content .elementor-column-gap-wider > .elementor-column > .elementor-widget-wrap {
  padding: 15px;
}

.ffb-content .elementor-column.ad-fixed {
  width: 100%;
}
.ffb-content .elementor-column.ad-offset--single {
  width: 100%;
}

.elementor-widget-heading h2.elementor-heading-title {
  line-height: 1.3;
}
.elementor-widget-heading h3.elementor-heading-title {
  line-height: 1.3;
}
.elementor-widget-heading:not(:last-child) {
  margin-bottom: 10px !important;
}
.elementor-widget-heading.block h1, .elementor-widget-heading.block h2, .elementor-widget-heading.block h3, .elementor-widget-heading.block h4, .elementor-widget-heading.block h5, .elementor-widget-heading.block h6 {
  display: inline;
  background: var(--ffb-black);
  color: var(--ffb-white);
  box-shadow: 12px 0 0 var(--ffb-black), -12px 0 0 var(--ffb-black);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 1.3;
}

.elementor-cta__bg-wrapper {
  background: var(--ffb-light-gray);
}
.elementor-cta__bg-wrapper .elementor-cta__bg {
  transition: var(--ffb-ease-fast);
}
.elementor-cta__bg-wrapper:hover .elementor-cta__bg {
  transform: scale(1.05);
}
.elementor-cta__content {
  padding: 30px !important;
  background: none !important;
}
.elementor-cta__content .elementor-cta__title {
  margin-bottom: 5px !important;
}
.elementor-cta__content .elementor-cta__description {
  line-height: 1.6;
}
.elementor-cta__content::after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 0;
  height: 4px;
  width: 0;
  background: var(--ffb-green);
  transition: var(--ffb-ease-fast);
  z-index: 2;
}
.elementor-cta:hover .elementor-cta__bg {
  transform: scale(1.05) !important;
}
.elementor-cta:hover .elementor-cta__content::after {
  width: 100%;
  left: 0;
}

.elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}
.elementor-widget-text-editor:not(:last-child) {
  margin-bottom: 24px !important;
}

.elementor-inner-section.elementor-section-boxed > .elementor-container, .elementor-inner-section.elementor-section-full_width > .elementor-container {
  max-width: 100% !important;
}
.elementor-inner-section.elementor-section-full_width .elementor-column-gap-narrow,
.elementor-inner-section.elementor-section-full_width .elementor-column-gap-default,
.elementor-inner-section.elementor-section-full_width .elementor-column-gap-extended,
.elementor-inner-section.elementor-section-full_width .elementor-column-gap-wide,
.elementor-inner-section.elementor-section-full_width .elementor-column-gap-wider {
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
}

.elementor-widget-tabs.text-content .elementor-tabs-content-wrapper {
  padding: 30px 0;
}

.elementor-widget-icon-box.block-link .elementor-icon-box-icon {
  margin-bottom: 0 !important;
}
.elementor-widget-icon-box.block-link .elementor-icon-box-icon a {
  display: block;
  padding-bottom: 20px;
}
.elementor-widget-icon-box.block-link .elementor-icon-box-icon a i {
  margin: 0 auto;
}
.elementor-widget-icon-box.block-link .elementor-icon-box-title {
  margin-bottom: 0;
}
.elementor-widget-icon-box.block-link .elementor-icon-box-title a {
  display: block;
  padding-bottom: 8px;
}

.elementor-section.back-to-top {
  padding: 0;
}
.elementor-section.back-to-top .elementor-button {
  padding: 12px 12px !important;
  font-size: 15px;
  border-radius: 0 !important;
  background: var(--ffb-black);
  border: none !important;
  position: fixed;
  bottom: 0;
  right: 25px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: var(--ffb-ease-fast);
}
.elementor-section.active .elementor-button {
  opacity: 1;
  visibility: visible;
}

.elementor-widget-alert.hidden {
  display: none !important;
}

@media (min-width: 768px) {
  .ffb-content .elementor-column.ad-fixed {
    width: 300px;
  }
  .ffb-content .elementor-column.ad-offset--single {
    width: calc(100% - 300px);
  }
}
@media (min-width: 1150px) {
  .elementor > .elementor-section.elementor-section-boxed {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .elementor > .elementor-section.elementor-section-boxed > .elementor-container {
    width: calc(90% - 40px);
    max-width: calc(90% - 40px);
  }
  .ffb-content .elementor-column-gap-narrow > .elementor-column > .elementor-widget-wrap {
    padding: 10px;
  }
  .ffb-content .elementor-column-gap-default > .elementor-column > .elementor-widget-wrap {
    padding: 20px;
  }
  .ffb-content .elementor-column-gap-extended > .elementor-column > .elementor-widget-wrap {
    padding: 25px;
  }
  .ffb-content .elementor-column-gap-wide > .elementor-column > .elementor-widget-wrap {
    padding: 30px;
  }
  .ffb-content .elementor-column-gap-wider > .elementor-column > .elementor-widget-wrap {
    padding: 40px;
  }
  .elementor-inner-section.elementor-section-full_width .elementor-column-gap-narrow {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
    max-width: none !important;
  }
  .elementor-inner-section.elementor-section-full_width .elementor-column-gap-default {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    max-width: none !important;
  }
  .elementor-inner-section.elementor-section-full_width .elementor-column-gap-extended {
    margin-left: -25px;
    margin-right: -25px;
    width: calc(100% + 50px);
    max-width: none !important;
  }
  .elementor-inner-section.elementor-section-full_width .elementor-column-gap-wide {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    max-width: none !important;
  }
  .elementor-inner-section.elementor-section-full_width .elementor-column-gap-wider {
    margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 80px);
    max-width: none !important;
  }
}
@media (min-width: 1400px) {
  .elementor > .elementor-section:last-child {
    padding-bottom: 120px;
  }
}
@media (min-width: 2000px) {
  .elementor > .elementor-section:last-child {
    padding-bottom: 150px;
  }
}
@media (max-width: 768px) {
  .elementor-widget-text-editor {
    columns: 1 !important;
  }
}
/**
*
* Ad Spaces Throughout Site
* @package ffb
*
**/
main .ffb-content .ad {
  text-align: center;
}
main .ffb-content .ad.featured {
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  z-index: 3;
  min-height: 50px;
}
main .ffb-content .ad.article-top {
  min-height: 50px;
}
main .ffb-content .sticky {
  top: calc(var(--header-offset) - 25px);
  position: -webkit-sticky;
  position: sticky;
}

.with-menu main .ffb-content .sticky {
  top: calc(var(--header-offset) - 25px + 50px);
}

.footclan-logged-in main .ffb-content .footclan-sticky {
  top: calc(var(--header-offset) - 25px);
  position: -webkit-sticky;
  position: sticky;
}
.footclan-logged-in.with-menu main .ffb-content .footclan-sticky {
  top: calc(var(--header-offset) - 25px + 50px);
}

.ffb-content #insticator-container {
  max-width: calc(100vw - 50px);
}

body .__fs-ancillary {
  display: none !important;
}
body #fs-sticky-footer .__fs-branding {
  display: none !important;
}
body #fs-sticky-footer .fs-close-button {
  right: 10px;
}
body #fs-sticky-footer .fs-sticky-slot-element {
  min-height: 70px !important;
}
body .fs-sticky-footer {
  z-index: 9999 !important;
}

@media (min-width: 480px) {
  body .fs-sticky-footer {
    display: none !important;
  }
}
@media (min-width: 768px) {
  main .ffb-content .ad.featured {
    min-height: 90px;
    padding: 12px 0;
  }
  main .ffb-content .ad.article-top {
    min-height: 90px;
  }
}
@media (min-width: 960px) {
  main .ffb-content .ad.featured {
    padding: 15px 0;
  }
}
@media (min-width: 1150px) {
  .with-menu main .ffb-content .sticky {
    top: calc(var(--header-offset) - 25px + 74px);
  }
  .footclan-logged-in.with-menu main .ffb-content .footclan-sticky {
    top: calc(var(--header-offset) - 25px + 74px);
  }
}
/**
*
* Form Elements
* @package ffb
*
**/
textarea,
input[type=text],
input[type=file],
input[type=tel],
input[type=password],
input[type=number],
input[type=email],
input[type=search] {
  border: none;
  padding: 10px;
  font-size: 16px;
  color: var(--ffb-dark-dark-gray);
  width: 100%;
  font-family: var(--ffb-primary-font);
  background: #fff;
  border: 1px solid var(--ffb-light-gray);
  margin: 0;
  box-sizing: border-box;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
textarea:focus,
input[type=text]:focus,
input[type=file]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=search]:focus {
  border: 1px solid var(--ffb-green);
}
textarea:disabled,
input[type=text]:disabled,
input[type=file]:disabled,
input[type=tel]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=search]:disabled {
  background: var(--ffb-light-light-gray);
  color: var(--ffb-med-gray);
}

input::placeholder {
  color: #999;
}

input[type=submit],
input[type=button],
button[type=submit] {
  background: var(--ffb-green);
  border: 0px;
  color: var(--ffb-white);
  padding: 12px 18px;
  margin: 0 0 20px 0;
  font-family: var(--ffb-primary-font);
  font-size: 14px;
  line-height: 1.2;
  border-radius: 4px;
  font-weight: 700;
  cursor: pointer;
  transition: var(--ffb-ease-fast);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

input[type=submit]:hover,
input[type=button]:hover {
  background: var(--ffb-blue);
  color: var(--ffb-white);
}

input[type=submit]:disabled,
input[type=button]:disabled {
  background: var(--ffb-light-gray);
  color: var(--ffb-dark-gray);
}

select {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--ffb-dark-gray);
  line-height: 1.3;
  padding: 8px 30px 8px 12px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: none;
  box-shadow: none;
  border-radius: 4px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: var(--ffb-light-light-gray);
  background-image: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 10px top 50%, 0 0;
  background-size: 13px auto, 100%;
}
select::-ms-expand {
  display: none;
}
select:hover {
  border-color: #888;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
select:focus {
  outline: none;
}
select option {
  font-weight: normal;
}

.ffb-main .gform_wrapper textarea,
.ffb-main .gform_wrapper input[type=text],
.ffb-main .gform_wrapper input[type=file],
.ffb-main .gform_wrapper input[type=tel],
.ffb-main .gform_wrapper input[type=password],
.ffb-main .gform_wrapper input[type=number],
.ffb-main .gform_wrapper input[type=email],
.ffb-main .gform_wrapper input[type=search] {
  border: none;
  padding: 10px !important;
  font-size: 16px !important;
  color: var(--ffb-dark-dark-gray);
  width: calc(100% - 22px);
  font-family: var(--ffb-primary-font) !important;
  background: #fff;
  border: 1px solid var(--ffb-light-gray);
  margin: 0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.ffb-main .gform_wrapper textarea:focus,
.ffb-main .gform_wrapper input[type=text]:focus,
.ffb-main .gform_wrapper input[type=file]:focus,
.ffb-main .gform_wrapper input[type=tel]:focus,
.ffb-main .gform_wrapper input[type=password]:focus,
.ffb-main .gform_wrapper input[type=number]:focus,
.ffb-main .gform_wrapper input[type=email]:focus,
.ffb-main .gform_wrapper input[type=search]:focus {
  border: 1px solid var(--ffb-green);
}
.ffb-main .gform_wrapper label.gfield_label {
  font-size: 15px;
}
.ffb-main .gform_wrapper input[type=submit],
.ffb-main .gform_wrapper input[type=button],
.ffb-main .gform_wrapper button[type=submit] {
  background: var(--ffb-green);
  border: 0px;
  color: var(--ffb-white);
  padding: 10px 20px;
  margin: 0 0 20px 0;
  font-family: var(--ffb-primary-font);
  font-size: 16px;
  line-height: 1.6;
  border-radius: 4px;
  font-weight: 700;
  cursor: pointer;
  transition: var(--ffb-ease-fast);
}
.ffb-main .gform_wrapper input[type=submit]:hover,
.ffb-main .gform_wrapper input[type=button]:hover {
  background: var(--ffb-blue);
  color: var(--ffb-white);
}
.ffb-main select {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--ffb-dark-gray);
  line-height: 1.3;
  padding: 8px 30px 8px 12px !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: none;
  box-shadow: none;
  border-radius: 4px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: var(--ffb-light-light-gray);
  position: relative;
}
.ffb-main select::-ms-expand {
  display: none;
}
.ffb-main select:hover {
  border-color: #888;
}
.ffb-main select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.ffb-main select:focus {
  outline: none;
}
.ffb-main select::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  background-image: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px auto, 100%;
}
.ffb-main select option {
  font-weight: normal;
}

.ffb-main .nf-form-content {
  max-width: 100%;
}
.ffb-main .nf-form-fields-required {
  display: none;
}

*:focus {
  outline: none;
}

.ffb-content .mp-hide-pw {
  position: relative;
}
.ffb-content button.button.mp-hide-pw {
  background: 0 0;
  border: 1px solid transparent;
  box-shadow: none;
  font-size: 14px;
  min-width: 40px;
  min-height: 40px;
  margin: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.ffb-content button.button.mp-hide-pw::after {
  display: none;
}
.ffb-content button.button.mp-hide-pw:hover {
  color: var(--ffb-blue) !important;
}

/**
*
* Animations to Override Elementor Defaults
* @package ffb
*
**/
@keyframes ffb-fadeInUp {
  from {
    opacity: 0;
    transform: translate(0, 40px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes ffb-fadeInRight {
  from {
    opacity: 0;
    transform: translate(40px, 0);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes ffb-fadeInBottom {
  from {
    opacity: 0;
    transform: translate(0, -40px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes ffb-fadeInLeft {
  from {
    opacity: 0;
    transform: translate(-40px, 0);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes ffb-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ffb-content .fadeInUp {
  animation-name: ffb-fadeInUp;
  animation-fill-mode: forwards;
  animation-duration: 800ms;
}

.ffb-content .fadeInRight {
  animation-name: ffb-fadeInRight;
  animation-fill-mode: forwards;
  animation-duration: 800ms;
}

.ffb-content .fadeInBottom {
  animation-name: ffb-fadeInBottom;
  animation-fill-mode: forwards;
  animation-duration: 800ms;
}

.ffb-content .fadeInLeft {
  animation-name: ffb-fadeInLeft;
  animation-fill-mode: forwards;
  animation-duration: 800ms;
}

/**
*
* Icons
* @package ffb
*
**/
.ffb {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  transition: var(--ffb-ease-fast);
  --icon-black: #000000;
  --icon-green: #42AB4E;
  --icon-gold: #F7ED3B;
  --icon-white: #FFFFFF;
  --icon-youtube-red: #FF0000;
  --icon-player-background: rgba(255, 255, 255, 0.4);
  --icon-player-jersey: rgba(255, 255, 255, 0.8);
  --icon-player-neckline: rgba(255, 255, 255, 0.6);
}
.ffb.white {
  fill: var(--ffb-white);
}

/**
*
* Modal Window Styling
* @package ffb
*
**/
body .fancybox-container {
  z-index: 999999;
}
body .fancybox-bg {
  opacity: 1;
  background: rgba(0, 0, 0, 0.9);
}
body .elementor-popup-modal {
  z-index: 999999;
}
body .elementor-popup-modal section.elementor-section-boxed > .elementor-container {
  width: 100%;
}
body:not(.logged-in) .elementor-popup-modal {
  display: none !important;
}

#searchform .ui-autocomplete {
  position: absolute;
  top: 34px !important;
  z-index: 99999;
  display: none;
  float: left;
  width: calc(100% - 60px);
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: var(--ffb-white);
  color: var(--ffb-dark-dark-gray);
  border: 0px solid var(--ffb-white);
  border-radius: 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  font-family: var(--ffb-primary-font);
}
#searchform .ui-autocomplete > li {
  padding: 0;
  margin: 0;
  border: 0;
}
#searchform .ui-autocomplete > li.ui-state-hover, #searchform .ui-autocomplete > li.ui-state-active, #searchform .ui-autocomplete > li.ui-state-focus, #searchform .ui-autocomplete > li:hover {
  text-decoration: none;
  color: var(--ffb-white);
  cursor: pointer;
  border: 0 solid var(--ffb-blue);
}
#searchform .ui-autocomplete > li.ui-state-hover .player, #searchform .ui-autocomplete > li.ui-state-active .player, #searchform .ui-autocomplete > li.ui-state-focus .player, #searchform .ui-autocomplete > li:hover .player {
  background-color: var(--ffb-blue);
}
#searchform .ui-autocomplete > li.ui-state-hover .player--info span.position, #searchform .ui-autocomplete > li.ui-state-active .player--info span.position, #searchform .ui-autocomplete > li.ui-state-focus .player--info span.position, #searchform .ui-autocomplete > li:hover .player--info span.position {
  color: rgba(255, 255, 255, 0.6);
}
#searchform .ui-autocomplete > li .player {
  display: block;
  padding: 6px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.3;
  border: 0;
}
#searchform .ui-autocomplete > li .player--photo {
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 50%;
  background: var(--ffb-dark-gray);
  float: left;
  margin-right: 8px;
}
#searchform .ui-autocomplete > li .player--photo img {
  width: 36px;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
#searchform .ui-autocomplete > li .player--photo svg {
  width: 36px;
  height: 36px;
}
#searchform .ui-autocomplete > li .player--info {
  padding-left: 8px;
}
#searchform .ui-autocomplete > li .player--info span.position {
  font-size: 12px;
  color: var(--ffb-med-gray);
}
#searchform .ui-autocomplete > li .player.ui-state-hover, #searchform .ui-autocomplete > li .player.ui-state-active, #searchform .ui-autocomplete > li .player.ui-state-focus, #searchform .ui-autocomplete > li .player:hover {
  text-decoration: none;
  color: var(--ffb-white);
  background-color: var(--ffb-blue);
  cursor: pointer;
  border: 0 solid var(--ffb-blue);
}
#searchform .ui-autocomplete > li .player.ui-state-hover .player--info span.position, #searchform .ui-autocomplete > li .player.ui-state-active .player--info span.position, #searchform .ui-autocomplete > li .player.ui-state-focus .player--info span.position, #searchform .ui-autocomplete > li .player:hover .player--info span.position {
  color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 480px) {
  #searchform .ui-autocomplete {
    left: -60px !important;
    width: calc(100% + 60px);
  }
}
/**
*
* Home
* @package ffb
*
**/
.ffb-home > .elementor-container {
  padding: 0 12px !important;
}
.ffb-home--feature {
  margin-top: -50px;
  position: relative;
  z-index: 2;
  min-height: 180px;
}
.ffb-home--feature::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 50px;
  left: 0;
  transform: skewY(-3deg);
  background: var(--ffb-green);
}
.ffb-home--body {
  padding-top: 10px !important;
}
.ffb-home--body > .elementor-container {
  padding: 0 15px !important;
}
.ffb-home--internal-ad-top {
  margin-top: -15px;
  position: relative;
  z-index: 3;
  margin-bottom: 10px !important;
}
.ffb-home--ad-top {
  position: relative;
  z-index: 3;
}
.ffb-home--ad-top .elementor-widget-container {
  min-height: 50px;
}
.ffb-home--ad-inline .elementor-widget-container {
  min-height: 50px;
}
.ffb-home--sidebar.left {
  display: none;
}
.ffb-home--sidebar.left .elementor-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ffb-home--sidebar.left .elementor-container {
  width: 100% !important;
}
.ffb-home--sidebar .elementor-widget-wrap {
  padding: 0 !important;
}
.ffb-home--sidebar #thefantasyfootballers_medrec_right_atf {
  min-height: 250px;
  background: var(--ffb-light-light-gray);
}
.ffb-home--sidebar #thefantasyfootballers_medrec_right_atf iframe {
  background: var(--ffb-white);
}
.ffb-home--content .elementor-widget-wrap {
  padding: 0 !important;
}
.ffb-home--mid-content > .elementor-container {
  flex-wrap: wrap;
}
.ffb-home--mid-content .elementor-widget-wrap {
  padding: 10px 20px 20px 20px !important;
  margin-top: 10px;
  border-left: 1px solid;
  border-right: 1px solid;
  border-image-source: linear-gradient(180deg, var(--ffb-light-gray) 0, var(--ffb-white) 80%);
  border-image-slice: 1;
  position: relative;
}
.ffb-home--mid-content .elementor-widget-wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: -1px;
  right: -1px;
  height: 10px;
  border-radius: 4px 4px 0 0;
  border-top: 1px solid var(--ffb-light-gray);
  border-right: 1px solid var(--ffb-light-gray);
  border-left: 1px solid var(--ffb-light-gray);
}
.ffb-home--mid-content .elementor-column {
  min-width: 100%;
  width: 100% !important;
}
.ffb-home--mid-content .elementor-widget-ffb-icon-link {
  margin: 0 !important;
  padding: 0;
}
.ffb-home--mid-content .elementor-widget-ffb-icon-link a {
  padding: 13px 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: var(--ffb-light-light-gray);
  margin-bottom: 4px;
  border-radius: 4px;
}
.ffb-home--mid-content .elementor-widget-ffb-icon-link a:hover {
  background: var(--ffb-light-gray);
}
.ffb-home--mid-content .elementor-widget-ffb-icon-link svg {
  margin-right: 10px;
}
.ffb-home--mid-content .elementor-widget-ffb-icon-link h4 {
  font-size: 15px;
  margin: 0;
}

@media (min-width: 480px) {
  .ffb-home--body > .elementor-container {
    padding: 0 25px !important;
  }
}
@media (min-width: 768px) {
  .ffb-home > .elementor-container {
    padding: 0 25px !important;
  }
  .ffb-home--ad-top .elementor-widget-container {
    min-height: 90px;
  }
  .ffb-home--sidebar.right {
    width: 300px !important;
  }
  .ffb-home--content {
    width: calc(100% - 320px) !important;
    margin-right: 20px;
  }
}
@media (min-width: 960px) {
  .ffb-home--feature {
    min-height: 175px;
  }
}
@media (min-width: 1150px) {
  .ffb-home > .elementor-container {
    padding: 0 !important;
  }
  .ffb-home--body > .elementor-container {
    padding: 0 !important;
  }
  .ffb-home--internal-ad-top {
    margin-top: -35px;
  }
}
@media (min-width: 1280px) {
  .ffb-home--feature {
    margin-top: -60px;
  }
  .ffb-home--sidebar.left {
    width: 250px !important;
    display: flex;
  }
  .ffb-home--content {
    width: calc(100% - 590px) !important;
    margin-left: 20px;
  }
}
@media (min-width: 1400px) {
  .ffb-home--mid-content .elementor-column {
    min-width: 50%;
    width: 50% !important;
  }
  .ffb-home--mid-content .elementor-column:first-child .elementor-widget-wrap {
    margin-right: 10px;
  }
  .ffb-home--mid-content .elementor-column:last-child .elementor-widget-wrap {
    margin-left: 10px;
  }
}
@media (min-width: 1800px) {
  .ffb-home--feature {
    margin-top: -80px;
    min-height: calc(175px + 1vw);
  }
}
.ffb-sidebar--menu > div > ul > li,
.ffb-sidebar--menu nav > ul > li {
  width: 100%;
}
.ffb-sidebar--menu > div > ul > li a,
.ffb-sidebar--menu nav > ul > li a {
  font-size: 14px;
  padding: 8px 12px !important;
  border-radius: 4px;
  color: var(--ffb-black);
  font-weight: 600;
  border-left: none;
}
.ffb-sidebar--menu > div > ul > li a svg,
.ffb-sidebar--menu nav > ul > li a svg {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.ffb-sidebar--menu > div > ul > li a:hover,
.ffb-sidebar--menu nav > ul > li a:hover {
  padding: 8px 12px;
  color: var(--ffb-black) !important;
  background: var(--ffb-light-light-gray) !important;
  border-left: none;
}
.ffb-sidebar--menu > div > ul > li a::after,
.ffb-sidebar--menu nav > ul > li a::after {
  display: none;
}
.ffb-sidebar--menu > div > ul > li a .sub-arrow,
.ffb-sidebar--menu nav > ul > li a .sub-arrow {
  display: none;
}
.ffb-sidebar--menu > div > ul > li a.active,
.ffb-sidebar--menu nav > ul > li a.active {
  border-radius: 4px 4px 0 0;
  background: var(--ffb-green) !important;
  color: var(--ffb-white) !important;
}
.ffb-sidebar--menu > div > ul > li ul,
.ffb-sidebar--menu nav > ul > li ul {
  background: var(--ffb-light-light-gray);
  display: block !important;
  width: 100%;
  padding-left: 0;
  position: relative !important;
}
.ffb-sidebar--menu > div > ul > li ul a.elementor-sub-item,
.ffb-sidebar--menu nav > ul > li ul a.elementor-sub-item {
  padding: 6px 18px !important;
  border-radius: 0;
  font-size: 13px !important;
}
.ffb-sidebar--menu > div > ul > li ul a.elementor-sub-item:hover,
.ffb-sidebar--menu nav > ul > li ul a.elementor-sub-item:hover {
  background: var(--ffb-light-gray) !important;
  padding: 6px 18px !important;
}
.ffb-sidebar--menu > div > ul > li ul a.elementor-sub-item.has-submenu,
.ffb-sidebar--menu nav > ul > li ul a.elementor-sub-item.has-submenu {
  font-weight: 700;
  cursor: default;
  border-bottom: 1px solid var(--ffb-light-gray);
  padding: 8px 0 4px 0 !important;
  margin: 0 18px !important;
}
.ffb-sidebar--menu > div > ul > li ul a.elementor-sub-item.has-submenu:hover,
.ffb-sidebar--menu nav > ul > li ul a.elementor-sub-item.has-submenu:hover {
  background: var(--ffb-light-light-gray) !important;
}
.ffb-sidebar--menu > div > ul > li > ul,
.ffb-sidebar--menu nav > ul > li > ul {
  max-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  padding-left: 0;
  border-radius: 0 0 4px 4px;
}
.ffb-sidebar--menu > div > ul > li > ul.open,
.ffb-sidebar--menu nav > ul > li > ul.open {
  max-height: 480px;
  padding-bottom: 8px;
}
.ffb-sidebar--menu > div > ul > li.new > a::after,
.ffb-sidebar--menu nav > ul > li.new > a::after {
  content: "New!";
  display: inline;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  background: var(--ffb-blue);
  color: var(--ffb-white);
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
  padding: 0 8px;
  margin-left: 8px;
  opacity: 1 !important;
  width: auto !important;
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
}
.ffb-sidebar--menu.wide-icon > div > ul > li a,
.ffb-sidebar--menu.wide-icon nav > ul > li a {
  padding-left: 4px !important;
}
.ffb-sidebar--menu.wide-icon > div > ul > li a svg,
.ffb-sidebar--menu.wide-icon nav > ul > li a svg {
  width: 36px;
  height: 18px;
}
.ffb-sidebar--menu.wide-icon > div > ul > li a.active .ffb,
.ffb-sidebar--menu.wide-icon nav > ul > li a.active .ffb {
  --icon-green: #ffffff;
}

/**
*
* UDK Elements
* @package ffb
*
**/
.udk--dashboard {
  box-sizing: border-box;
  height: calc(30px + 62vw);
}
.udk--dashboard .elementor-container {
  height: calc(30px + 62vw);
}
.udk--dashboard .elementor-widget-wrap {
  overflow: hidden;
}
.udk--dashboard .line-one {
  position: absolute;
  top: 30px;
  z-index: 2;
  margin-bottom: 0 !important;
}
.udk--dashboard .line-one h1 {
  font-family: var(--ffb-product-font);
  letter-spacing: 1vw;
  font-size: 12vw;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-shadow: 0 0 0.5vw var(--ffb-black);
  margin-left: 1vw;
}
.udk--dashboard .line-two {
  position: absolute;
  top: calc(30px + 5vw);
  z-index: 1;
  margin-bottom: 0 !important;
}
.udk--dashboard .line-two h1 {
  font-family: var(--ffb-product-font);
  font-size: 24vw;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.udk--dashboard .welcome {
  padding: 15px;
  top: 0;
  right: 0;
  margin: 0;
  position: absolute;
  z-index: 2;
}
.udk--dashboard .welcome h4 {
  font-size: 12px;
}
.udk--dashboard .logo {
  position: absolute;
  top: calc(30px + 24vw);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  margin: 0 !important;
}
.udk--dashboard .logo .elementor-widget-container {
  height: 35vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.udk--dashboard .logo img {
  width: auto;
  height: 35vw;
}
.udk--dashboard .player-left,
.udk--dashboard .player-right {
  position: absolute;
  bottom: 0;
  height: calc(30px + 35vw);
  width: auto !important;
  z-index: 3;
  margin-bottom: 0 !important;
}
.udk--dashboard .player-left img,
.udk--dashboard .player-right img {
  height: calc(30px + 35vw);
  width: auto;
}
.udk--dashboard .player-left {
  left: -17vw;
}
.udk--dashboard .player-right {
  right: -17vw;
}
.udk--dashboard--content {
  padding-top: 0 !important;
}
.udk--dashboard--content > .elementor-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.udk--cheatsheets #customizeButton {
  padding: 10px 15px;
  display: inline-block;
}
.udk--cheatsheets #generateCheatsheetButton {
  font-size: 18px;
  display: block;
}
.udk--inline-menu ul.menu {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.udk--inline-menu ul.menu > li {
  width: 100%;
  padding: 0;
  margin: 0 0 20px 0;
}
.udk--inline-menu ul.menu > li > a {
  text-align: center;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--ffb-black);
  margin-bottom: 10px;
  transition: var(--ffb-ease-fast);
}
.udk--inline-menu ul.menu > li > a svg {
  flex-basis: 100%;
  width: 45px;
  height: 45px;
  fill: var(--ffb-green);
  transition: var(--ffb-ease-fast);
}
.udk--inline-menu ul.menu > li > a:hover {
  color: var(--ffb-green);
}
.udk--inline-menu ul.menu > li > a:hover svg {
  transform: scale(1.1);
}
.udk--inline-menu ul.menu > li > ul.sub-menu {
  height: 0;
  max-height: 0;
  overflow: hidden;
  transition: var(--ffb-ease-fast);
}
.udk--inline-menu ul.menu > li > ul.sub-menu li {
  text-align: center;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
.udk--inline-menu ul.menu > li > ul.sub-menu li a {
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  padding: 5px 10px;
}
.udk--inline-menu ul.menu > li > ul.sub-menu li li a {
  font-weight: 400;
  padding: 5px 10px;
}
.udk--inline-menu ul.menu > li > ul.sub-menu.open {
  max-height: 500px;
  height: auto;
}
.udk--inline-menu ul.menu li {
  list-style: none;
}
.udk--inline-menu ul.menu li a {
  transition: var(--ffb-ease-fast);
  color: var(--ffb-black);
}
.udk--inline-menu ul.menu li a:hover {
  color: var(--ffb-green);
}
.udk--locked {
  background: url(../jpg/udk-background.jpg);
  background-size: cover;
}
.udk--locked.not-fullwidth {
  margin-top: -50px;
}
.udk--locked.not-fullwidth section {
  background: none;
}
.udk--login {
  text-align: center;
  overflow: hidden;
}
.udk--login--title, .udk--login--feature {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
}
.udk--login--title {
  padding: 25px 0 15px 0;
  position: relative;
  z-index: 3;
}
.udk--login--title h1 {
  display: inline;
  background: var(--ffb-black);
  color: var(--ffb-white);
  box-shadow: 12px 0 0 var(--ffb-black), -12px 0 0 var(--ffb-black);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 1.3;
}
.udk--login--title p {
  margin: 0;
}
.udk--login--feature {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.udk--login--feature h1 {
  font-family: var(--ffb-new-product-font);
  transform: skew(-10deg);
  text-transform: uppercase;
  font-weight: 900;
  color: var(--ffb-green) !important;
  background: none !important;
  font-size: 30px;
  margin-bottom: 10px;
  line-height: 0.9 !important;
  box-shadow: none !important;
}
.udk--login--feature.blue h1 {
  color: var(--ffb-blue) !important;
}
.udk--login--feature.gold h1 {
  color: #fdcb3d !important;
}
.udk--login--feature h2 {
  color: var(--ffb-white);
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 30px;
}
.udk--login--feature h3 {
  color: var(--ffb-white);
}
.udk--login--feature p {
  margin: 0;
}
.udk--login--feature .icon {
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
}
.udk--login--feature .half {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  z-index: 3;
  color: var(--ffb-white);
}
.udk--login--feature .half img {
  position: relative;
  z-index: 2;
}
.udk--login--feature .half.text {
  padding: 30px 0;
}
.udk--login--feature .half.background {
  display: none;
}
.udk--login--feature .feature {
  max-width: 90%;
}
.udk--login h2 {
  font-weight: 600;
}
.udk--login h3 {
  font-weight: 600;
}
.udk--form-intro {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 15px;
  position: relative;
  z-index: 4;
  background: var(--ffb-white);
  padding-top: 40px;
}
.udk--form-intro h2 {
  font-weight: 600;
}
.udk--twentyfour--dashboard {
  box-sizing: border-box;
  height: calc(70vw + 40px);
}
.udk--twentyfour--dashboard .elementor-container {
  height: calc(70vw + 40px);
}
.udk--twentyfour--dashboard .welcome {
  padding: 15px;
  top: 0;
  right: 0;
  margin: 0;
  position: absolute;
  z-index: 2;
}
.udk--twentyfour--dashboard .welcome h4 {
  font-size: 12px;
}
.udk--twentyfour--dashboard .headline {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  margin: 0 !important;
}
.udk--twentyfour--dashboard .headline img {
  width: 75%;
}
.udk--twentyfour--dashboard .player {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  margin: 0 !important;
  overflow: hidden;
}
.udk--twentyfour--dashboard .player img {
  width: 75%;
  height: auto;
  max-width: none !important;
}
.udk--twentyfour--dashboard .logo {
  position: absolute;
  bottom: -5vw;
  left: 0;
  right: 0;
  z-index: 4;
}
.udk--twentyfour--dashboard .logo img {
  width: 35%;
}
.udk--twentyfour--dashboard--content {
  padding-top: 0 !important;
}
.udk--twentyfour--dashboard--content > .elementor-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.udk--twentyfive--dashboard {
  box-sizing: border-box;
  height: 65vw;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}
.udk--twentyfive--dashboard .elementor-container {
  height: 65vw;
  max-width: 1600px !important;
}
.udk--twentyfive--dashboard .headline,
.udk--twentyfive--dashboard .player,
.udk--twentyfive--dashboard .logo {
  margin-block-end: 0 !important;
}
.udk--twentyfive--dashboard .headline > .elementor-widget-container,
.udk--twentyfive--dashboard .player > .elementor-widget-container,
.udk--twentyfive--dashboard .logo > .elementor-widget-container {
  margin: 0 !important;
}
.udk--twentyfive--dashboard .headline > .elementor-widget-container img,
.udk--twentyfive--dashboard .player > .elementor-widget-container img,
.udk--twentyfive--dashboard .logo > .elementor-widget-container img {
  height: auto;
}
.udk--twentyfive--dashboard .headline {
  position: absolute;
  top: 4vw;
  right: 0;
  left: 0;
  z-index: 2;
  margin: 0 !important;
}
.udk--twentyfive--dashboard .headline img {
  width: 85%;
}
.udk--twentyfive--dashboard .player {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 77% !important;
  z-index: 3;
  margin: 0 !important;
  overflow: hidden;
}
.udk--twentyfive--dashboard .player img {
  width: 100%;
  transform: translate(-6vw, 8vw);
}
.udk--twentyfive--dashboard .player.dynasty img {
  transform: translate(-12vw, 8vw);
}
.udk--twentyfive--dashboard .logo {
  position: absolute;
  bottom: 6vw;
  right: 7vw;
  z-index: 5;
  width: auto !important;
  height: 24vw !important;
}
.udk--twentyfive--dashboard .logo img {
  width: auto !important;
  height: 24vw !important;
  max-height: 200px !important;
}
.udk--twentyfive--dashboard .logo.dynasty {
  height: 27vw !important;
  max-height: 200px !important;
}
.udk--twentyfive--dashboard .logo.dynasty img {
  height: 27vw !important;
  max-height: 200px !important;
}
.udk--twentyfive--dashboard::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 4;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 4vw;
  background-image: url(../png/2025-udk-pitch-frame-bottom.png);
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
}
.udk--twentyfive--edge--top::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  height: 4vw;
  background-image: url(../png/2025-udk-pitch-frame-top.png);
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.udk--twentyfive--edge--top > .elementor-container {
  z-index: 2;
}
.udk--twentyfive--content > .elementor-container {
  max-width: 1440px !important;
}

.elementor > .elementor-section.udk--twentyfive--content > .elementor-container {
  max-width: 1440px !important;
}

.page-wrap.udk .ffb-content--fullwidth::before {
  display: block;
  background: url(../jpg/udk-background.jpg) top center no-repeat;
  background-size: cover;
}
.page-wrap.udk.udk-logged-in .ffb-content--fullwidth::before {
  display: none;
}
.page-wrap.dfs .ffb-content--fullwidth::before {
  display: block;
  background: url(../jpg/dfs-background.jpg) top center no-repeat;
  background-size: cover;
}
.page-wrap.dfs.dfs-logged-in .ffb-content--fullwidth::before {
  display: none;
}

.ffb-content .udk--login a.button,
.ffb-content .udk--login a.button:visited {
  border-color: var(--ffb-white);
  color: var(--ffb-white);
}
.ffb-content .udk--login a.button:hover,
.ffb-content .udk--login a.button:visited:hover {
  border-color: var(--ffb-green);
}

@media (min-width: 768px) {
  .udk--dashboard {
    height: calc(30px + 20vw);
  }
  .udk--dashboard .elementor-container {
    height: calc(30px + 20vw);
  }
  .udk--dashboard .welcome {
    top: 0;
  }
  .udk--dashboard .logo {
    top: calc(30px + 3vw);
  }
  .udk--dashboard .logo .elementor-widget-container {
    height: 13vw;
  }
  .udk--dashboard .logo img {
    height: 13vw;
  }
  .udk--dashboard .line-one {
    top: 30px;
  }
  .udk--dashboard .line-one h1 {
    font-size: 8vw;
  }
  .udk--dashboard .line-two {
    top: calc(30px + 3vw);
  }
  .udk--dashboard .line-two h1 {
    font-size: 18vw;
  }
  .udk--dashboard .player-left,
  .udk--dashboard .player-right {
    height: calc(30px + 20vw);
  }
  .udk--dashboard .player-left img,
  .udk--dashboard .player-right img {
    height: calc(30px + 20vw);
  }
  .udk--dashboard .player-left {
    left: -4vw;
  }
  .udk--dashboard .player-right {
    right: -4vw;
  }
  .udk--twentyfour--dashboard {
    height: calc(20vw + 30px);
    background-position: 50% 65% !important;
  }
  .udk--twentyfour--dashboard .elementor-container {
    height: calc(20vw + 30px);
  }
  .udk--twentyfour--dashboard .welcome {
    top: 0;
  }
  .udk--twentyfour--dashboard .headline {
    top: 35px;
    left: 20px;
    right: auto;
    bottom: auto;
    width: auto !important;
    height: 17vw;
    text-align: left;
    z-index: 2;
  }
  .udk--twentyfour--dashboard .headline img {
    height: 17vw;
    width: auto;
  }
  .udk--twentyfour--dashboard .player {
    left: auto;
    top: 0;
    height: calc(30px + 20vw);
    width: 50% !important;
    text-align: right;
    z-index: 3;
  }
  .udk--twentyfour--dashboard .player img {
    width: 85%;
    margin-top: -8vw;
    margin-right: 0;
  }
  .udk--twentyfour--dashboard .logo {
    bottom: -30px;
    right: 10vw;
    width: auto !important;
    text-align: right;
  }
  .udk--twentyfour--dashboard .logo .elementor-widget-container {
    height: 14vw;
    max-height: 180px;
  }
  .udk--twentyfour--dashboard .logo img {
    height: 14vw;
    max-height: 180px;
    width: auto;
  }
  .udk--twentyfive--dashboard {
    height: 27vw;
  }
  .udk--twentyfive--dashboard .elementor-container {
    height: 27vw;
  }
  .udk--twentyfive--dashboard .headline {
    top: 0;
    right: 0;
    bottom: 0;
    width: 70% !important;
    left: 30% !important;
    display: flex;
    align-items: center;
  }
  .udk--twentyfive--dashboard .headline img {
    width: 90%;
    margin-bottom: 0;
  }
  .udk--twentyfive--dashboard .headline.dynasty img {
    margin-bottom: 3vw !important;
  }
  .udk--twentyfive--dashboard .player {
    left: 0;
    bottom: 0;
    width: 52% !important;
  }
  .udk--twentyfive--dashboard .player img {
    width: 100%;
    transform: translate(-5vw, 9vw);
  }
  .udk--twentyfive--dashboard .player.dynasty img {
    transform: translate(-5vw, 9vw);
  }
  .udk--twentyfive--dashboard .logo {
    bottom: -35px;
    left: 0;
    right: 0;
    text-align: center;
    height: 13vw !important;
    max-height: 180px !important;
  }
  .udk--twentyfive--dashboard .logo img {
    height: 13vw !important;
    max-height: 180px !important;
  }
  .udk--twentyfive--dashboard .logo.dynasty {
    height: 15vw !important;
    max-height: 190px !important;
  }
  .udk--twentyfive--dashboard .logo.dynasty img {
    height: 15vw !important;
    max-height: 190px !important;
  }
  .udk--inline-menu ul.menu > li {
    width: 33.33%;
  }
  .udk--login--title {
    padding: 35px 0 15px 0;
  }
  .udk--login--feature .half {
    width: 50%;
  }
  .udk--login--feature .half.background {
    display: block;
    text-align: center;
  }
  .udk--login--feature .half.background img {
    margin: 20px 0;
    width: 80%;
    max-width: 450px;
  }
  .udk--login--feature h1 {
    font-size: 40px;
  }
  .udk--login--feature h2 {
    font-size: 20px;
    margin-left: 10%;
    margin-right: 10%;
  }
  .udk--login--feature .icon {
    width: 30px;
    height: 30px;
  }
  .udk--locked.not-fullwidth {
    margin-top: -70px;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
  }
}
@media (min-width: 1150px) {
  .udk--dashboard .player-left {
    left: -3.5vw;
  }
  .udk--dashboard .player-right {
    right: -3.5vw;
  }
  .udk--dashboard--content {
    padding-top: 15px !important;
  }
  .udk--locked.not-fullwidth {
    margin-top: -85px;
    margin-left: calc(-5vw - 10px);
    margin-right: calc(-5vw - 10px);
    width: calc(100% + 10vw + 20px);
  }
  .udk--login--feature h1 {
    font-size: 44px;
  }
  .udk--twentyfive--dashboard {
    height: 27vw;
  }
  .udk--twentyfive--dashboard .elementor-container {
    height: 27vw;
  }
}
@media (min-width: 1280px) {
  .udk--inline-menu ul.menu > li {
    width: 25%;
  }
  .udk--twentyfour--dashboard .logo {
    bottom: -45px;
    right: 12vw;
  }
  .udk--twentyfour--dashboard .logo .elementor-widget-container {
    max-height: 200px;
  }
  .udk--twentyfour--dashboard .logo img {
    max-height: 200px;
  }
}
@media (min-width: 1400px) {
  .udk--inline-menu ul.menu > li {
    width: 20%;
  }
  .udk--twentyfive--dashboard {
    height: 380px;
  }
  .udk--twentyfive--dashboard .elementor-container {
    height: 380px;
  }
  .udk--twentyfive--dashboard .headline {
    top: 0;
    right: 0;
    bottom: 0;
    width: 65% !important;
    left: 35% !important;
  }
  .udk--twentyfive--dashboard .headline img {
    width: 882px !important;
  }
  .udk--twentyfive--dashboard .headline.dynasty img {
    margin-bottom: 40px !important;
  }
  .udk--twentyfive--dashboard .player {
    left: 0 !important;
    width: 730px !important;
  }
  .udk--twentyfive--dashboard .player img {
    transform: translate(-70px, 125px);
  }
  .udk--twentyfive--dashboard .player.dynasty img {
    transform: translate(-70px, 125px);
  }
}
@media (min-width: 1600px) {
  .udk--dashboard {
    height: 350px;
  }
  .udk--dashboard .elementor-container {
    height: 350px;
  }
  .udk--dashboard .line-one {
    top: 30px;
  }
  .udk--dashboard .line-one h1 {
    font-size: 128px;
    letter-spacing: 16px;
  }
  .udk--dashboard .line-two {
    top: 78px;
  }
  .udk--dashboard .line-two h1 {
    font-size: 288px;
  }
  .udk--dashboard .welcome h4 {
    font-size: 14px;
  }
  .udk--dashboard .logo {
    top: 78px;
  }
  .udk--dashboard .logo .elementor-widget-container {
    height: 208px;
  }
  .udk--dashboard .logo img {
    height: 208px;
  }
  .udk--dashboard .player-left,
  .udk--dashboard .player-right {
    height: 350px;
    width: 525px;
  }
  .udk--dashboard .player-left img,
  .udk--dashboard .player-right img {
    height: 350px;
    width: 525px;
  }
  .udk--dashboard .player-left {
    left: calc(50vw - 855px);
  }
  .udk--dashboard .player-right {
    right: calc(50vw - 855px);
  }
  .udk--twentyfour--dashboard {
    height: 350px;
    background-position: 50% 70% !important;
  }
  .udk--twentyfour--dashboard .elementor-container {
    height: 350px;
  }
  .udk--twentyfour--dashboard > .elementor-container {
    max-width: 1600px !important;
  }
  .udk--twentyfour--dashboard .headline {
    height: 272px;
  }
  .udk--twentyfour--dashboard .headline img {
    height: 272px;
  }
  .udk--twentyfour--dashboard .player {
    height: 350px;
  }
  .udk--twentyfour--dashboard .player img {
    width: 680px;
    margin-top: -128px;
    margin-left: -192px;
  }
  .udk--twentyfour--dashboard .logo {
    right: 195px;
  }
  .udk--twentyfive--dashboard .player {
    left: 60px !important;
  }
}
@media (min-width: 2000px) {
  .udk--locked.not-fullwidth {
    margin-left: calc((100vw - 1780px) / 2 * -1);
    margin-right: calc((100vw - 1780px) / 2 * -1);
    width: calc(100% + 100vw - 1780px);
  }
  .udk--twentyfive--dashboard {
    height: 450px;
  }
  .udk--twentyfive--dashboard .elementor-container {
    height: 450px;
  }
  .udk--twentyfive--dashboard .player {
    left: 0 !important;
    width: 800px !important;
  }
  .udk--twentyfive--dashboard .player img {
    transform: translate(-40px, 125px);
  }
  .udk--twentyfive--dashboard .player.dynasty img {
    transform: translate(-40px, 125px);
  }
}
/**
*
* UDK Elements
* @package ffb
*
**/
.ffb-dynasty--feature {
  padding: 0 !important;
  background-position: top center;
}
.ffb-dynasty--feature .elementor-widget-wrap {
  height: 50vw;
  max-height: 350px;
  box-sizing: border-box;
  padding-bottom: 10px;
}
.ffb-dynasty--feature .elementor-widget-heading {
  margin-bottom: 0 !important;
}
.ffb-dynasty--feature h2 {
  font-family: var(--ffb-new-product-font);
  transform: skew(-10deg);
  font-size: 4.5vw;
  text-transform: uppercase;
  font-weight: 900;
  text-shadow: 0 0 1vw rgba(0, 0, 0, 0.5);
}
.ffb-dynasty--feature h1 {
  font-family: var(--ffb-new-product-font);
  transform: skew(-10deg);
  font-size: 9.5vw;
  margin-top: -1vw;
  font-weight: 900;
  text-shadow: 0 0 2.5vw rgba(0, 0, 0, 0.5);
}
.ffb-dynasty--content {
  padding-top: 0 !important;
}
.ffb-dynasty--content > .elementor-container.elementor-column-gap-default {
  padding: 10px !important;
}
.ffb-dynasty--content > .elementor-container.elementor-column-gap-no {
  padding: 0 !important;
}
.ffb-dynasty--menu--div {
  margin-bottom: 0 !important;
}
.ffb-dynasty--menu--div ul li {
  margin: 0 4px 4px 4px;
}
.ffb-dynasty--menu--div ul li a {
  display: inline-block;
  background: none;
  border-radius: 4px;
  border: 1px solid var(--ffb-green);
  font-family: var(--ffb-primary-font);
  color: var(--ffb-green);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  line-height: 1.1;
  padding: 8px 10px;
  transition: var(--ffb-ease-fast);
  position: relative;
  z-index: 1;
  overflow: hidden;
  vertical-align: middle;
}
.ffb-dynasty--menu--div ul li a::after {
  content: "";
  display: block;
  position: absolute;
  background: var(--ffb-green);
  height: 500%;
  left: 50%;
  top: 50%;
  width: 0;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%) rotate(25deg);
  transition: var(--ffb-ease-med);
}
.ffb-dynasty--menu--div ul li a:hover {
  color: var(--ffb-white) !important;
  border-color: var(--ffb-green);
  text-decoration: none;
}
.ffb-dynasty--menu--div ul li a:hover::after {
  width: 110%;
}
.ffb-dynasty--menu--div ul li.current-menu-item a {
  color: var(--ffb-white) !important;
  border-color: var(--ffb-green);
  background: var(--ffb-green);
}
.ffb-dynasty--menu--team {
  margin-bottom: 0 !important;
  padding-top: 10px;
}
.ffb-dynasty--menu--team ul li {
  line-height: 1.2;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 12px;
}
.ffb-dynasty--menu--team ul li a {
  font-size: 15px;
  line-height: 15px;
  padding: 0 12px;
}
.ffb-dynasty--menu--team ul li a:hover {
  color: var(--ffb-green);
}
.ffb-dynasty--menu--team ul li:first-child {
  border-left: 0;
}
.ffb-dynasty--menu--div ul, .ffb-dynasty--menu--team ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.ffb-dynasty--menu--div ul li, .ffb-dynasty--menu--team ul li {
  padding: 0;
}
.ffb-dynasty--icon .elementor-icon-box-icon a {
  transition: var(--ffb-ease-fast);
}
.ffb-dynasty--icon .elementor-icon-box-title {
  position: relative;
  transition: var(--ffb-ease-fast);
}
.ffb-dynasty--icon .elementor-icon-box-title a {
  padding-bottom: 10px;
  transition: var(--ffb-ease-fast);
}
.ffb-dynasty--icon .elementor-icon-box-title::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  bottom: 0;
  height: 2px;
  background: var(--ffb-black);
  transition: var(--ffb-ease-fast);
}
.ffb-dynasty--icon .elementor-icon-box-description a {
  display: block;
  color: inherit;
}
.ffb-dynasty--icon:hover .elementor-icon-box-icon a {
  transform: scale(1.1);
}
.ffb-dynasty--icon:hover .elementor-icon-box-title {
  transform: translateY(-5px);
}
.ffb-dynasty--icon:hover .elementor-icon-box-title a {
  color: var(--ffb-black);
}
.ffb-dynasty--icon:hover .elementor-icon-box-title::after {
  left: calc(50% - 50px);
  width: 100px;
}

@media (min-width: 768px) {
  .ffb-dynasty--feature .elementor-widget-wrap {
    max-height: 350px;
    padding-bottom: 45px;
  }
  .ffb-dynasty--feature h2 {
    font-size: 36px;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  }
  .ffb-dynasty--feature h1 {
    font-size: 75px;
    margin-top: -10px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
  .ffb-dynasty--content {
    background: linear-gradient(180deg, var(--ffb-light-light-gray) 0, var(--ffb-white) 800px);
  }
  .ffb-dynasty--content > .elementor-container.elementor-column-gap-default {
    padding: 0 25px !important;
  }
  .ffb-dynasty--content > .elementor-container.elementor-column-gap-no {
    padding: 0 25px !important;
  }
  .ffb-dynasty--content > .elementor-container > .elementor-column {
    background: var(--ffb-white);
    margin-top: -40px;
  }
}
@media (min-width: 1150px) {
  .ffb-dynasty--feature .elementor-widget-wrap {
    max-height: 500px;
    padding-bottom: 65px;
  }
  .ffb-dynasty--feature h2 {
    font-size: 45px;
  }
  .ffb-dynasty--feature h1 {
    font-size: 105px;
    margin-top: -18px;
  }
  .ffb-dynasty--content > .elementor-container.elementor-column-gap-default {
    padding: 0 !important;
  }
  .ffb-dynasty--content > .elementor-container.elementor-column-gap-no {
    padding: 0 !important;
  }
  .ffb-dynasty--content > .elementor-container > .elementor-column {
    margin-top: -60px;
  }
}
@media (min-width: 1700px) {
  .ffb-dynasty--feature {
    background-size: 1700px auto !important;
    background-repeat: no-repeat;
  }
  .ffb-dynasty--feature::before, .ffb-dynasty--feature::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc((100vw - 1700px) * 0.5);
    background: var(--ffb-black);
  }
  .ffb-dynasty--feature::before {
    left: 0;
  }
  .ffb-dynasty--feature::after {
    right: 0;
  }
  .ffb-dynasty--feature .elementor-background-overlay {
    position: relative;
  }
  .ffb-dynasty--feature .elementor-background-overlay::before, .ffb-dynasty--feature .elementor-background-overlay::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 200px;
  }
  .ffb-dynasty--feature .elementor-background-overlay::before {
    left: calc(50vw - 855px);
    background: red;
    background: linear-gradient(90deg, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%);
  }
  .ffb-dynasty--feature .elementor-background-overlay::after {
    right: calc(50vw - 855px);
    background: red;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 80%);
  }
  .ffb-dynasty--feature h2 {
    font-size: 50px;
  }
  .ffb-dynasty--feature h1 {
    font-size: 125px;
    margin-top: -20px;
  }
}
/**
*
* Ranking Pages
* @package ffb
*
**/
.ranking--tabs {
  margin-bottom: 0 !important;
  position: relative;
}
.ranking--tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-end;
  border-bottom: 2px solid var(--ffb-green);
  width: 100%;
  max-width: calc(100vw - 30px);
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ranking--tabs ul::-webkit-scrollbar {
  display: none;
}
.ranking--tabs ul.overset::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
}
.ranking--tabs ul li {
  display: block;
  margin: 0;
  padding: 0;
  flex: 1;
  line-height: 1.2;
}
.ranking--tabs ul li a {
  display: block;
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 600;
  color: var(--ffb-green);
  text-align: center;
  white-space: nowrap;
}
.ranking--tabs ul li a:hover {
  background: var(--ffb-light-light-gray);
}
.ranking--tabs ul li.current-menu-item a,
.ranking--tabs ul li.current-menu-item a:hover, .ranking--tabs ul li.active a,
.ranking--tabs ul li.active a:hover {
  background: var(--ffb-green);
  color: var(--ffb-white);
}
.ranking--tabs select {
  border-radius: 4px 4px 0 0;
  border-bottom: 2px solid var(--ffb-green);
}

@media (min-width: 480px) {
  .ranking--tabs ul li {
    flex: 0;
  }
  .ranking--tabs ul li a {
    padding: 12px 15px;
  }
}
@media (min-width: 768px) {
  .ranking--tabs select {
    display: none;
  }
}
@media (min-width: 1150px) {
  .ranking--tabs ul li a {
    padding: 15px;
  }
}
@media (min-width: 1400px) {
  .ranking--tabs ul#menu-rankings::after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    width: 220px;
    height: 120px;
    background: url(../png/ballers-clipped.png) bottom center no-repeat;
    background-size: contain;
  }
}
/**
*
* Patreon Plugin Styles
* @package ffb
*
**/
.patreon-campaign-banner {
  padding: 0 10px;
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  background-image: none;
  background-position: center 140px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 100px;
}

.patreon-locked-content-message {
  margin-top: -30px;
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.patreon-locked-content-message h1 {
  position: relative;
  z-index: 2;
}

.ffb-content .patreon-responsive-button-wrapper,
.ffb-content .patreon-responsive-button-wrapper-slim-fw,
.login .patreon-responsive-button-wrapper-slim-fw {
  background: var(--ffb-pink) !important;
}

.patreon-patron-button-wrapper {
  margin: 0;
}

.footclan-restricted-image {
  text-align: center;
  position: relative;
  z-index: 2;
}
.footclan-restricted-image img {
  width: 600px;
  max-width: 100%;
  height: auto;
}

.footclan-snipe {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(45deg, var(--ffb-white) 49.9%, var(--ffb-pink) 50%);
}
.footclan-snipe svg {
  margin-left: 18px;
  margin-top: 3px;
  width: 20px;
  height: 20px;
}

.footclan-card {
  background: var(--ffb-white);
  margin: 20px auto 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}
.footclan-card--content {
  width: 100%;
  padding: 30px;
  text-align: center;
  box-sizing: border-box;
  font-size: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.footclan-card--content h2 {
  line-height: 1.2;
}
.footclan-card--content h2 svg {
  fill: var(--ffb-dark-dark-gray);
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 5px;
}
.footclan-card--content p {
  font-size: 18px;
}
.footclan-card--content .patreon-universal-button {
  margin-bottom: 15px;
}
.footclan-card--video {
  background: var(--ffb-black);
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.footclan-card--video--inner {
  width: 100%;
}
.footclan-card--video--inner .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin: 0;
}
.footclan-card--video--inner .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.footclan-subhead {
  text-align: center;
  padding-top: 40px;
}

.footclan-features {
  display: flex;
  flex-wrap: wrap;
}
.footclan-features--item {
  padding-bottom: 50px;
  text-align: center;
  width: 100%;
  position: relative;
}
.footclan-features--item h3 {
  font-family: var(--ffb-headline-font);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 28px;
  display: inline block;
  background: var(--ffb-black);
  color: var(--ffb-white);
  transform: skewY(-3deg);
  margin-bottom: 25px;
  line-height: 1;
  padding: 8px;
}
.footclan-features--item img {
  max-width: 80%;
}
.footclan-features--item::after {
  content: "+";
  display: block;
  position: absolute;
  bottom: 0;
  left: calc(50% - 30px);
  color: var(--ffb-green);
  font-size: 80px;
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.footclan-features--item:last-of-type::after {
  display: none;
}

.footclan-button {
  text-align: center;
  padding-top: 20px;
}

.elementor + .patreon-valid-patron-message {
  margin-top: -70px;
  padding-bottom: 140px;
  margin-left: 20px;
  margin-right: 20px;
  width: calc(100% - 40px);
}

@media (min-width: 768px) {
  .patreon-campaign-banner {
    background-image: url(../jpg/patreon-restricted-bg.jpg);
  }
  .patreon-locked-content-message {
    margin-top: -40px;
  }
  .patreon-patron-button-wrapper {
    margin-bottom: 60px;
  }
  .footclan-snipe {
    width: 80px;
    height: 80px;
  }
  .footclan-snipe svg {
    margin-left: 39px;
    margin-top: 7px;
    width: 35px;
    height: 35px;
  }
  .footclan-card {
    width: 90%;
  }
  .footclan-features {
    flex-wrap: nowrap;
  }
  .footclan-features--item {
    padding-bottom: 0;
    padding-left: 35px;
    padding-right: 35px;
    width: 33.33%;
  }
  .footclan-features--item h3 {
    word-spacing: 300px;
  }
  .footclan-features--item::after {
    bottom: auto;
    left: auto;
    right: -30px;
    top: 20%;
  }
}
@media (min-width: 960px) {
  .patreon-locked-content-message {
    margin-top: -45px;
  }
}
@media (min-width: 1150px) {
  .footclan-card {
    width: 80%;
  }
}
@media (min-width: 1280px) {
  .patreon-locked-content-message {
    margin-top: -55px;
  }
  .footclan-card {
    flex-wrap: nowrap;
  }
  .footclan-card--content {
    width: 50%;
  }
  .footclan-card--video {
    width: 50%;
  }
  .footclan-features {
    flex-wrap: nowrap;
  }
  .footclan-features--item h3 {
    word-spacing: normal;
    font-size: 30px;
  }
}
/**
*
* Account Page
* @package ffb
*
**/
.ffb-content .ffb-mp--wrapper {
  padding: 0 20px 100px 20px;
}
.ffb-content .ffb-mp--container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
  padding-bottom: 120px;
}
.ffb-content .ffb-mp--column {
  width: 100%;
  margin: 0 20px;
}
.ffb-content .ffb-mp--column h2 {
  font-weight: 800;
}
.ffb-content .ffb-mp--column h3 {
  font-weight: 600;
  font-size: 18px;
}
.ffb-content .ffb-mp--column--fields.spacer {
  margin-bottom: 40px;
}
.ffb-content .ffb-mp--column .mepr-submit {
  font-size: 17px;
  padding: 18px 24px;
}
.ffb-content .ffb-mp--column.primary {
  margin-bottom: 30px;
}
.ffb-content .ffb-mp--column .mepr-payment-option-label.payment-option-paypalexpress {
  display: none !important;
}
.ffb-content .ffb-mp--column .mepr-payment-methods-icons img[alt="PayPal Express Checkout"] {
  display: none !important;
}
.ffb-content .membrlogin {
  margin-bottom: 24px;
}
.ffb-content .usercap {
  text-transform: capitalize;
}
.ffb-content .mepr_price {
  font-size: 20px;
  font-weight: 600;
}
.ffb-content .mepr_price .mepr_price_cell {
  color: var(--ffb-green);
}
.ffb-content .mp_wrapper .mp-form-row {
  margin-bottom: 20px;
}
.ffb-content .mp_wrapper label {
  font-size: 15px;
  display: inline-block !important;
  margin-bottom: 5px;
}
.ffb-content .mp_wrapper .mepr_spacer {
  display: none;
}
.ffb-content .mp_wrapper h1 {
  font-weight: 900;
}
.ffb-content .mepr-login-form-wrap {
  padding-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 3;
  background: var(--ffb-white);
}
.ffb-content--fullwidth .mepr-login-form-wrap {
  width: 100%;
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
.ffb-content .mepr-inline-login--wrap {
  margin-top: 24px;
  margin-bottom: 55px;
  float: left;
  width: 100%;
}
.ffb-content .mepr-inline-login--wrap .mepr-login-actions {
  margin-top: -70px;
  margin-left: 110px;
  font-size: 15px;
}
.ffb-content .ptrn-inline-login--wrap {
  text-align: center;
  float: right;
  width: 100%;
  box-sizing: border-box;
  margin: 20px auto 0 auto;
  padding: 20px 25px 25px 25px;
  background: var(--ffb-light-light-gray);
  border-radius: 4px;
}
.ffb-content .ptrn-inline-login--wrap p {
  font-weight: 800;
  font-size: 20px;
  color: var(--ffb-dark-dark-gray);
  margin-bottom: 10px;
  position: relative;
  line-height: 1.2;
}
.ffb-content .ptrn-inline-login--wrap p::before {
  content: "";
  display: block;
  height: 55px;
  margin-bottom: 10px;
  vertical-align: middle;
  background: url(../png/footclan-patreon-logo.png) center no-repeat;
  background-size: contain;
}
.ffb-content .ptrn-inline-login--wrap .patreon-responsive-button-wrapper-slim-fw {
  max-width: 250px !important;
  height: auto !important;
  background: none !important;
}
.ffb-content .ptrn-inline-login--wrap a.ptrn-login {
  display: inline-block;
  border-radius: 4px;
  font-family: var(--ffb-primary-font) !important;
  background: var(--ffb-pink);
  color: var(--ffb-white);
  border: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
  padding: 11px 18px 13px 18px;
  transition: var(--ffb-ease-fast);
  vertical-align: middle;
  position: relative;
}
.ffb-content .ptrn-inline-login--wrap a.ptrn-login img {
  display: none !important;
}
.ffb-content .ptrn-inline-login--wrap a.ptrn-login .patreon-responsive-button {
  font-family: var(--ffb-primary-font) !important;
}
.ffb-content .ptrn-inline-login--wrap a.ptrn-login:hover {
  color: var(--ffb-white) !important;
  background: color-mix(in srgb, var(--ffb-pink) 80%, var(--ffb-black));
}
.ffb-content .mepr_updated {
  font-size: 15px;
  color: var(--ffb-dark-dark-gray);
  padding: 10px !important;
  border-radius: 4px;
  border-color: var(--ffb-green) !important;
  background-color: color-mix(in srgb, var(--ffb-green) 20%, var(--ffb-white)) !important;
}
.ffb-content .mepr_error {
  font-size: 15px;
  color: var(--ffb-dark-dark-gray);
  padding: 10px !important;
  border-radius: 4px;
  border-color: var(--ffb-red) !important;
  background-color: color-mix(in srgb, var(--ffb-red) 20%, var(--ffb-white)) !important;
}
.ffb-content .mepr_error ul {
  padding: 0 !important;
}
.ffb-content .mepr-payment-methods-wrapper {
  margin-top: 10px;
  margin-bottom: 30px;
}
.ffb-content .mepr-payment-method {
  margin-top: 15px;
  margin-bottom: 15px;
}
.ffb-content .ffb-mp--account {
  margin-bottom: 40px;
}
.ffb-content .ffb-mp--login-link {
  margin-bottom: 20px;
}
.ffb-content .ffb-mp--price-table {
  margin-bottom: 30px;
}
.ffb-content .ffb-mp--price-table tr.total {
  border-top: 1px solid var(--ffb-light-gray);
}
.ffb-content .ffb-mp--price-table tr.total td {
  font-weight: 700;
  padding-top: 25px;
  font-size: 22px;
  color: var(--ffb-green);
}
.ffb-content .ffb-mp--price-table tr.discount td {
  font-weight: 700;
  padding-bottom: 25px;
}
.ffb-content .ffb-mp--price-table td {
  padding: 8px 0;
  font-size: 15px;
}
.ffb-content .ffb-mp--price-table td.terms {
  font-size: 14px;
  padding-bottom: 25px;
}
.ffb-content .ffb-mp--price-table td.price {
  text-align: right;
  font-weight: 700;
}
.ffb-content .ffb-mp--subscription-note {
  padding-top: 10px;
}
.ffb-content .ffb-mp--subscription-note p {
  font-size: 13px;
}
.ffb-content .ffb-mp--alert {
  background: var(--ffb-light-light-gray);
  padding: 20px;
  margin: 0 0 40px 0;
  text-align: center;
}

.mfp-bg {
  z-index: 999998;
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
}

.mfp-wrap {
  z-index: 999999;
}
.mfp-wrap .mepr-white-popup .mepr-btn {
  border-radius: 4px !important;
  background: var(--ffb-green) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  border: none !important;
  transition: var(--ffb-ease-fast);
}
.mfp-wrap .mepr-white-popup .mepr-btn:hover {
  background: var(--ffb-blue) !important;
}

@media (min-width: 768px) {
  .ffb-content .ffb-mp--wrapper {
    padding-bottom: 120px;
  }
  .ffb-content .ffb-mp--container {
    flex-wrap: nowrap;
  }
  .ffb-content .ffb-mp--column {
    width: 50%;
  }
  .ffb-content .ffb-mp--column.primary {
    width: 60%;
    margin-bottom: 40px;
  }
  .ffb-content .ffb-mp--column.summary {
    width: 40%;
  }
  .ffb-content .mp_wrapper #mepr_account_form {
    display: flex;
    flex-wrap: wrap;
  }
  .ffb-content .mp_wrapper #mepr_account_form .mepr_first_name {
    width: calc(50% - 20px) !important;
    margin-right: 20px;
  }
  .ffb-content .mp_wrapper #mepr_account_form .mepr_last_name {
    width: calc(50% - 20px) !important;
    margin-left: 20px;
  }
  .ffb-content .mepr-login-form-wrap .mp_login_form {
    max-width: 500px;
    margin: 0 auto;
  }
  .ffb-content .mepr-inline-login--wrap {
    width: calc(50% - 15px);
  }
  .ffb-content .ptrn-inline-login--wrap {
    width: calc(50% - 15px);
  }
  .ffb-content--fullwidth .mepr-login-form-wrap {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (min-width: 960px) {
  .ffb-content .mepr-inline-login--wrap {
    width: 100%;
  }
  .ffb-content .ptrn-inline-login--wrap {
    width: 100%;
  }
}
@media (min-width: 1150px) {
  .ffb-content .ffb-mp--wrapper {
    padding-bottom: 140px;
  }
  .ffb-content--fullwidth .mepr-login-form-wrap {
    padding-left: calc(10% + 25px);
    padding-right: calc(10% + 25px);
  }
  .ffb-content .mepr-inline-login--wrap {
    width: calc(50% - 15px);
  }
  .ffb-content .ptrn-inline-login--wrap {
    width: calc(50% - 15px);
  }
}
@media (min-width: 1280px) {
  .ffb-content .ffb-mp--container {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .ffb-content .ffb-mp--column--fields {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
    margin-bottom: 20px;
  }
  .ffb-content .ffb-mp--column--fields .mp-form-row {
    width: calc(50% - 20px);
    margin: 0 10px;
  }
  .ffb-content .ffb-mp--column.summary {
    width: calc(40% - 40px);
    padding-left: 40px;
  }
  .ffb-content .ffb-mp--alert {
    margin-left: 20px;
    margin-right: 20px;
  }
}
/**
*
* Tool Pages
* @package ffb
*
**/
.x-nav-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-end;
  border-bottom: 2px solid var(--ffb-green);
  width: 100%;
}
.x-nav-tabs li {
  display: block;
  margin: 0;
  padding: 0;
  flex: 1;
  line-height: 1.2;
}
.x-nav-tabs li a {
  display: block;
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 600;
  color: var(--ffb-green);
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}
.x-nav-tabs li a:hover {
  background: var(--ffb-light-light-gray);
}
.x-nav-tabs li.current-menu-item a, .x-nav-tabs li.active a {
  background: var(--ffb-green);
  color: var(--ffb-white);
}

.tool--icon {
  position: absolute !important;
  width: auto !important;
  top: 10px;
  right: 0;
  display: none;
}
.tool--grid {
  margin-left: -2px;
  margin-right: -2px;
  width: calc(100% + 4px) !important;
}
.tool--grid .elementor-column {
  width: calc(50% - 4px) !important;
  margin: 2px;
}
.tool--grid .elementor-column .elementor-widget-wrap {
  align-content: stretch;
}
.tool--grid .elementor-column .elementor-widget-wrap .elementor-widget-ffb-icon-link {
  display: flex;
}
.tool--grid .elementor-column .elementor-widget-wrap .elementor-widget-ffb-icon-link .elementor-widget-container {
  width: 100%;
  display: flex;
}
.tool--grid .elementor-column .elementor-widget-wrap .elementor-widget-ffb-icon-link .elementor-widget-container .ffb-icon--link {
  width: 100%;
  display: flex;
}
.tool--grid .elementor-column .elementor-widget-wrap .elementor-widget-ffb-icon-link .elementor-widget-container .ffb-icon--link a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.tool--grid .elementor-column .elementor-widget-wrap .elementor-widget-ffb-icon-link .elementor-widget-container .ffb-icon--link a h1, .tool--grid .elementor-column .elementor-widget-wrap .elementor-widget-ffb-icon-link .elementor-widget-container .ffb-icon--link a h2, .tool--grid .elementor-column .elementor-widget-wrap .elementor-widget-ffb-icon-link .elementor-widget-container .ffb-icon--link a h3, .tool--grid .elementor-column .elementor-widget-wrap .elementor-widget-ffb-icon-link .elementor-widget-container .ffb-icon--link a h4, .tool--grid .elementor-column .elementor-widget-wrap .elementor-widget-ffb-icon-link .elementor-widget-container .ffb-icon--link a h5, .tool--grid .elementor-column .elementor-widget-wrap .elementor-widget-ffb-icon-link .elementor-widget-container .ffb-icon--link a h6 {
  display: block;
  text-align: center;
  width: 100%;
}
.tool--grid .elementor-column a {
  position: relative;
  width: 100%;
  z-index: 1;
  background: var(--ffb-light-light-gray);
}
.tool--grid .elementor-column a:hover {
  background: var(--ffb-light-gray);
}
.tool--locked::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 55px;
  z-index: 2;
}
.tool--locked::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 33px;
  height: 33px;
  z-index: 3;
}
.tool--locked.udk::before {
  background: linear-gradient(45deg, transparent 49.9%, var(--ffb-dark-gray) 50%, var(--ffb-med-gray) 100%);
}
.tool--locked.udk::after {
  right: 0;
  top: 0;
  background: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/udk-bug-white.svg") center no-repeat;
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}
.tool--locked.udk-plus::before {
  background: linear-gradient(45deg, transparent 49.9%, var(--ffb-blue) 50%);
}
.tool--locked.udk-plus::after {
  right: 0;
  top: 0;
  background: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/plus-white.svg") center no-repeat;
  width: 32px;
  height: 32px;
  background-size: 20px 20px;
}
.tool--locked.footclan::before {
  background: linear-gradient(45deg, transparent 49.9%, var(--ffb-pink) 50%);
}
.tool--locked.footclan::after {
  background: url("https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/footclan-white.svg") center no-repeat;
  background-size: 19px 19px;
}
.tool--locked.coming-soon {
  position: relative;
}
.tool--locked.coming-soon a {
  cursor: default;
}
.tool--locked.coming-soon::before {
  content: "Coming Soon";
  position: absolute;
  display: flex;
  background: rgba(235, 235, 235, 0.8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  font-weight: 600;
  align-items: center;
  word-spacing: 500px;
  justify-content: center;
  text-align: center;
  color: var(--ffb-dark-dark-gray);
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .x-nav-tabs li {
    flex: 0;
  }
  .x-nav-tabs li a {
    padding: 12px 15px;
  }
}
@media (min-width: 960px) {
  .tool--icon {
    display: block;
  }
  .tool--grid .elementor-column {
    width: calc(25% - 4px) !important;
  }
}
@media (min-width: 1150px) {
  .x-nav-tabs li a {
    padding: 15px;
  }
  .tool--icon {
    top: -25px;
    right: 5px;
  }
}
/**
*
* FootClan
* @package ffb
*
**/
.footclan--widgets .elementor-column {
  padding: 0;
  min-width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  border-left: 1px solid;
  border-right: 1px solid;
  border-image-source: linear-gradient(180deg, var(--ffb-light-gray) 0, var(--ffb-white) 80%);
  border-image-slice: 1;
  position: relative;
}
.footclan--widgets .elementor-column::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: -1px;
  right: -1px;
  height: 10px;
  border-radius: 4px 4px 0 0;
  border-top: 1px solid var(--ffb-light-gray);
  border-right: 1px solid var(--ffb-light-gray);
  border-left: 1px solid var(--ffb-light-gray);
}
.footclan--links .ffb-icon--link a {
  text-align: center;
}
.footclan--links .ffb-icon--link a h3 {
  font-size: 18px;
}
.footclan--links .ffb-icon--link a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.footclan-pitch--header {
  background-color: var(--ffb-black);
  padding: 0 !important;
  background-position: top center;
  background-size: cover;
  position: relative;
}
.footclan-pitch--header .elementor-widget-wrap {
  height: 40vw;
  max-height: 400px;
  box-sizing: border-box;
  padding-bottom: 10px;
}
.footclan-pitch--header .elementor-widget-heading {
  margin-bottom: 0 !important;
}
.footclan-pitch--header .logo {
  position: relative;
  z-index: 2;
  margin-bottom: -45px;
}
.footclan-pitch--header .logo img {
  max-height: 120px;
  width: auto !important;
}
.footclan-pitch--benefits .elementor-widget-wrap {
  align-items: flex-start;
  align-content: normal;
}
.footclan-pitch--benefits .elementor-widget-icon-list {
  align-self: flex-start;
}
.footclan-pitch--benefits .elementor-widget-button {
  align-self: flex-end;
}

@media (min-width: 480px) {
  .footclan-pitch--header .logo {
    margin-bottom: -50px;
  }
  .footclan-pitch--header .logo img {
    max-height: 140px;
  }
}
@media (min-width: 768px) {
  .footclan--links > .elementor-container {
    justify-content: center;
  }
  .footclan-pitch--header .logo {
    margin-bottom: -60px;
  }
  .footclan-pitch--header .logo img {
    max-height: 180px;
  }
}
@media (min-width: 960px) {
  .footclan--widgets .elementor-column {
    min-width: 0;
  }
}
@media (min-width: 1150px) {
  .footclan--widgets .elementor-column {
    margin-left: 0;
    margin-right: 0;
  }
  .footclan-pitch--header .logo {
    margin-bottom: -65px;
  }
  .footclan-pitch--header .logo img {
    max-height: 190px;
  }
}
@media (min-width: 1700px) {
  .footclan-pitch--header {
    background-size: 1700px auto !important;
    background-repeat: no-repeat;
  }
  .footclan-pitch--header::before, .footclan-pitch--header::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 180px;
  }
  .footclan-pitch--header::before {
    left: calc((100vw - 1700px) * 0.5);
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .footclan-pitch--header::after {
    right: calc((100vw - 1700px) * 0.5);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  }
}
/**
*
* wpDataTable Overrides
* @package ffb
*
**/
.ffb-content .wpDataTablesWrapper {
  max-width: calc(100vw - 50px);
}
.ffb-content .wpDataTablesWrapper .dt-buttons {
  float: left;
  width: 100%;
  margin: 10px 0;
  justify-content: center;
  display: flex;
  flex-direction: row-reverse;
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button {
  border: none;
  background: var(--ffb-white);
  padding: 8px 0;
  border-radius: 0;
  margin: 0 0 0 10px;
  font-family: var(--ffb-primary-font);
  font-weight: 600;
  font-size: 15px;
  color: var(--ffb-green) !important;
  opacity: 1;
  cursor: pointer;
  transition: var(--ffb-ease-fast);
  position: relative;
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--ffb-green);
  transition: var(--ffb-ease-fast);
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: contain;
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button:hover::after {
  left: 0;
  width: 100%;
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button.buttons-copy::before {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/copy-green.svg) center no-repeat;
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button.buttons-csv::before {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/download-green.svg) center no-repeat;
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button.buttons-print::before {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/print-green.svg) center no-repeat;
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button.buttons-pdf::before {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/pdf-green.svg) center no-repeat;
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button.buttons-excel::before {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/excel-green.svg) center no-repeat;
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button.buttons-expand {
  display: none;
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button.buttons-expand::before {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/images/expand-green.svg) center no-repeat;
}
.ffb-content .wpDataTablesWrapper .dt-buttons .dt-button.buttons-expand.expanded::before {
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/images/contract-green.svg) center no-repeat;
}
.ffb-content .wpDataTablesWrapper .dataTables_length {
  display: none;
}
.ffb-content .wpDataTablesWrapper .dataTables_filter {
  background: var(--ffb-light-gray);
  float: left;
  margin-bottom: 10px;
  padding-left: 40px;
  width: 100%;
  position: relative;
  text-align: left;
  height: 44px !important;
}
.ffb-content .wpDataTablesWrapper .dataTables_filter label {
  position: absolute;
  left: 40px;
  height: 44px;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 0px;
  color: var(--ffb-white);
}
.ffb-content .wpDataTablesWrapper .dataTables_filter input[type=search] {
  width: 100%;
  padding: 10px 10px 10px 0 !important;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: var(--ffb-dark-dark-gray) !important;
  height: auto !important;
  font-family: var(--ffb-primary-font);
  background: var(--ffb-light-gray);
  margin: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid var(--ffb-light-gray);
  transition: var(--ffb-ease-fast);
}
.ffb-content .wpDataTablesWrapper .dataTables_filter input[type=search]:focus {
  border-bottom: 2px solid var(--ffb-green);
}
.ffb-content .wpDataTablesWrapper .dataTables_filter::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/search.svg) center no-repeat;
  background-size: 24px 24px;
  width: 40px;
  height: 44px;
  opacity: 0.4;
}
.ffb-content .wpDataTablesWrapper .clear {
  clear: none;
}
.ffb-content .wpDataTablesWrapper .wpDataTable {
  width: 100%;
  box-shadow: 4px 0 8px -3px rgba(0, 0, 0, 0.25), -4px 0 8px -3px rgba(0, 0, 0, 0.25);
}
.ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th, .ffb-content .wpDataTablesWrapper .wpDataTable thead th {
  background-color: var(--ffb-black) !important;
  background-image: none !important;
  padding: 13px 10px;
  color: var(--ffb-white);
  text-align: left;
  transition: var(--ffb-ease-fast);
  font-size: 13px;
  position: relative;
  z-index: 2;
  vertical-align: middle;
  border: none;
  overflow: visible;
}
.ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_asc, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_desc, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_asc, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_desc {
  cursor: pointer;
  background-image: none !important;
}
.ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting::after, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_asc::after, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_desc::after, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting::after, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_asc::after, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_desc::after {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/icons/arrow-down-white.svg) center no-repeat;
  border: 0;
  background-size: 12px 12px;
  vertical-align: middle;
  margin-left: 4px;
  transition: var(--ffb-ease-fast);
}
.ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting:hover, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_asc:hover, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_desc:hover, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting:hover, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_asc:hover, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_desc:hover {
  background-color: var(--ffb-dark-dark-gray) !important;
  background-image: none !important;
}
.ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting::after, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_asc::after, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting::after, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_asc::after {
  transform: rotate(0deg);
}
.ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_desc::after, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_desc::after {
  transform: rotate(180deg);
}
.ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_asc, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_desc, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_asc, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_desc {
  background-color: var(--ffb-dark-dark-gray) !important;
}
.ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.name, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.name {
  width: 60%;
}
.ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.position, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.position {
  width: 60px;
}
.ffb-content .wpDataTablesWrapper .wpDataTable td {
  padding: 12px 10px;
  vertical-align: middle;
  font-size: 15px;
  line-height: 1.3;
  border: none;
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.notes {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  cursor: pointer;
  transition: var(--ffb-ease-fast);
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.notes.expanded {
  max-width: auto;
  overflow: visible;
  text-overflow: inherit;
  white-space: normal;
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.notes.expanded:hover {
  color: var(--ffb-dark-gray);
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.notes:hover {
  color: var(--ffb-green);
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.numdata {
  text-align: left !important;
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.name {
  font-weight: 600;
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.congplabel {
  font-size: 13px !important;
  background: var(--ffb-light-light-gray) !important;
  color: var(--ffb-dark-gray) !important;
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.darkGreenCell {
  background: var(--ffb-dark-green) !important;
  color: var(--ffb-green);
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.greenCell {
  background: #147b20 !important;
  color: #25ef5b;
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.yellowCell {
  background: var(--ffb-dark-gold) !important;
  color: var(--ffb-gold);
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.redCell {
  background: var(--ffb-dark-red) !important;
  color: var(--ffb-red);
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.sosgood, .ffb-content .wpDataTablesWrapper .wpDataTable td.riskgood {
  background: var(--ffb-green)-20 !important;
  color: var(--ffb-green);
}
.ffb-content .wpDataTablesWrapper .wpDataTable td.sosbad, .ffb-content .wpDataTablesWrapper .wpDataTable td.riskbad {
  background: rgba(255, 0, 0, 0.1) !important;
  color: var(--ffb-red);
}
.ffb-content .wpDataTablesWrapper .wpDataTable tr.odd {
  background: var(--ffb-white);
}
.ffb-content .wpDataTablesWrapper .wpDataTable tr.odd td,
.ffb-content .wpDataTablesWrapper .wpDataTable tr.odd td.sorting_1 {
  background: var(--ffb-white);
}
.ffb-content .wpDataTablesWrapper .wpDataTable tr.odd:hover td,
.ffb-content .wpDataTablesWrapper .wpDataTable tr.odd:hover td.sorting_1 {
  background: var(--ffb-white);
}
.ffb-content .wpDataTablesWrapper .wpDataTable tr.even {
  background: var(--ffb-light-light-gray);
}
.ffb-content .wpDataTablesWrapper .wpDataTable tr.even td,
.ffb-content .wpDataTablesWrapper .wpDataTable tr.even td.sorting_1 {
  background: var(--ffb-light-light-gray);
}
.ffb-content .wpDataTablesWrapper .wpDataTable tr.even:hover td,
.ffb-content .wpDataTablesWrapper .wpDataTable tr.even:hover td.sorting_1 {
  background: var(--ffb-light-light-gray);
}
.ffb-content .wpDataTablesWrapper .wpDataTable tr.even.detail-show + tr.row-detail td {
  background: var(--ffb-light-light-gray) !important;
}
.ffb-content .wpDataTablesWrapper .wpDataTable tr.congp td {
  font-size: 13px !important;
  background: var(--ffb-light-gray);
  color: var(--ffb-dark-gray) !important;
}
.ffb-content .wpDataTablesWrapper .wpDataTable tr.congp td.congplabel {
  background: var(--ffb-light-gray) !important;
  color: var(--ffb-dark-gray) !important;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden > tbody > tr > td {
  position: relative;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden > tbody > tr > td:first-child {
  padding-left: 12px;
  overflow: visible;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden > tbody > tr > td .responsiveExpander {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  border: none;
  cursor: pointer;
  background: none;
  box-shadow: none;
  overflow: visible;
  opacity: 1;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden > tbody > tr > td .responsiveExpander:hover {
  background: none;
  box-shadow: none;
  opacity: 1;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden > tbody > tr > td .responsiveExpander::after {
  content: "+";
  display: block;
  position: absolute;
  top: 5px;
  left: -9px;
  width: 18px;
  height: 18px;
  border: none;
  line-height: 18px;
  box-shadow: none;
  font-weight: 700;
  background: var(--ffb-green) !important;
  color: var(--ffb-white);
  cursor: default;
  text-align: center;
  border-radius: 50%;
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden > tbody > tr.detail-show > td .responsiveExpander {
  background: none;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden > tbody > tr.detail-show > td .responsiveExpander::after {
  content: "-";
  background: var(--ffb-red) !important;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden tr.row-detail > td {
  background-color: var(--ffb-white) !important;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden tr.row-detail > td:first-child {
  padding-left: 10px;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden tr.row-detail > td > ul > li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--ffb-light-light-gray);
  padding: 0.5em 0;
  color: transparent;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden tr.row-detail > td > ul > li .columnTitle {
  font-weight: 700;
  color: var(--ffb-dark-dark-gray);
}
.ffb-content .wpDataTablesWrapper .wpDataTable.has-columns-hidden tr.row-detail > td > ul > li .columnValue {
  padding-right: 10px;
  color: var(--ffb-dark-gray);
}
.ffb-content .wpDataTablesWrapper .wpDataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child {
  padding-left: 12px;
}
.ffb-content .wpDataTablesWrapper .wpDataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child::before {
  top: 5px;
  left: -9px;
  width: 18px;
  height: 18px;
  border: none;
  line-height: 18px;
  box-shadow: none;
  font-weight: 700;
  background: var(--ffb-green);
}
.ffb-content .ffb-table {
  margin-bottom: 20px;
}
.ffb-content .ffb-table p {
  margin-bottom: 0;
}
.ffb-content .ffb-table.overset {
  position: relative;
}
.ffb-content .ffb-table.overset::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 15px;
  background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
  z-index: 99;
}
.ffb-content .ffb-table--wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  width: calc(100vw - 50px);
  position: relative;
}
.ffb-content .ffb-table--wrapper.overset {
  overflow-y: auto;
  overflow-x: scroll;
}
.ffb-content .ffb-table--wrapper table tr:nth-child(2n+1) td {
  background: var(--ffb-light-light-gray);
}
.ffb-content .ffb-table--wrapper table tr:first-child td {
  background: var(--ffb-black);
  color: var(--ffb-white);
  font-weight: 600;
  padding: 12px;
  font-size: 13px;
}
.ffb-content .ffb-table--wrapper table tr td {
  border: 0;
  padding: 12px;
  font-size: 13px;
  text-align: center;
}
.ffb-content .ffb-table--wrapper table tr td:first-child {
  text-align: left;
}

.ffb-data--placeholder {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 20px;
  justify-content: center;
}
.ffb-data--placeholder--image {
  width: 100%;
  text-align: center;
  padding-bottom: 15px;
}
.ffb-data--placeholder--image img {
  max-width: 160px;
}
.ffb-data--placeholder--content {
  width: 100%;
  text-align: center;
}
.ffb-data--placeholder--content h2 {
  color: var(--ffb-green);
  font-size: 28px;
}

span.subline {
  display: block;
  padding: 15px 0 10px 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
}

.legends span {
  display: inline-block;
  padding: 10px;
  font-size: 16px;
}
.legends span.darkGreenCell {
  background: var(--ffb-dark-green) !important;
  color: var(--ffb-green);
}
.legends span.greenCell {
  background: #147b20 !important;
  color: #25ef5b;
}
.legends span.yellowCell {
  background: var(--ffb-dark-gold) !important;
  color: var(--ffb-gold);
}
.legends span.redCell {
  background: var(--ffb-dark-red) !important;
  color: var(--ffb-red);
}

.page-wrap table {
  display: table;
}
.page-wrap table thead {
  display: table-header-group;
}
.page-wrap table tbody {
  display: table-row-group;
}
.page-wrap table tr {
  display: table-row;
}
.page-wrap table th,
.page-wrap table td {
  display: table-cell;
}

@media (min-width: 768px) {
  .ffb-content .wpDataTablesWrapper {
    max-width: auto;
    overflow-x: visible;
  }
  .ffb-content .wpDataTablesWrapper .dt-buttons {
    float: right;
    width: auto;
    margin-top: 15px;
    text-align: left;
  }
  .ffb-content .wpDataTablesWrapper .dataTables_filter {
    width: 240px;
    margin: 15px 0;
  }
  .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th, .ffb-content .wpDataTablesWrapper .wpDataTable thead th {
    font-size: 15px;
    position: sticky;
    top: var(--table-header-offset);
  }
  .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.name, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.name {
    width: 400px;
  }
  .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.position, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.position {
    width: 75px;
  }
  .ffb-content .wpDataTablesWrapper .wpDataTable td {
    font-size: 16px;
  }
  .ffb-data--placeholder {
    flex-wrap: nowrap;
  }
  .ffb-data--placeholder--image {
    width: 160px;
    padding: 0;
  }
  .ffb-data--placeholder--content {
    text-align: left;
    width: auto;
    padding-left: 25px;
  }
  .ffb-data--placeholder--content h2 {
    font-size: 36px;
  }
  .udk .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th,
  .udk .ffb-content .wpDataTablesWrapper .wpDataTable thead th {
    top: var(--udk-table-header-offset);
  }
}
@media (min-width: 960px) {
  .ffb-content .ffb-table--wrapper {
    width: calc(100vw - 390px);
  }
}
@media (min-width: 1150px) {
  .ffb-content .wpDataTablesWrapper .dataTables_filter {
    width: 340px;
  }
  .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_asc, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_desc, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_asc, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_desc {
    min-width: 104px;
  }
  .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting::after, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_asc::after, .ffb-content .wpDataTablesWrapper .wpDataTable > thead > tr > th.sorting_desc::after, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting::after, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_asc::after, .ffb-content .wpDataTablesWrapper .wpDataTable thead th.sorting_desc::after {
    display: inline-block;
  }
}
@media (min-width: 1280px) {
  .ffb-content .wpDataTablesWrapper .dataTables_filter {
    width: 540px;
  }
  .ffb-content .ffb-table--wrapper {
    width: calc(90vw - 700px);
    max-width: 1100px;
  }
}
/**
*
* Tab Module Styles
* @package ffb
*
**/
.ffb-main .elementor-tabs select,
.ffb-content .elementor-tabs select {
  border-radius: 4px 4px 0 0;
  border-bottom: 2px solid var(--ffb-green);
  margin-bottom: 15px;
}
.ffb-main .elementor-tabs .elementor-tabs-wrapper,
.ffb-content .elementor-tabs .elementor-tabs-wrapper {
  border-bottom: 2px solid var(--ffb-green);
  height: auto;
  display: none;
}
.ffb-main .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title,
.ffb-content .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
  padding: 0;
  margin: 0;
  border: none;
}
.ffb-main .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title a,
.ffb-content .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title a {
  display: block;
  padding: 12px 15px;
  font-size: 16px;
  font-weight: 600;
  color: var(--ffb-green);
  line-height: 1.6;
}
.ffb-main .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title a:hover,
.ffb-content .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title a:hover {
  background: var(--ffb-light-light-gray);
}
.ffb-main .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active,
.ffb-content .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
  border: none;
}
.ffb-main .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active a,
.ffb-main .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active a:hover,
.ffb-content .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active a,
.ffb-content .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active a:hover {
  background: var(--ffb-green);
  color: var(--ffb-white);
}
.ffb-main .elementor-tabs .elementor-tabs-content-wrapper,
.ffb-content .elementor-tabs .elementor-tabs-content-wrapper {
  border: none;
  min-height: 300px;
}
.ffb-main .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title,
.ffb-content .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title {
  display: none;
}
.ffb-main .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content,
.ffb-content .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
  padding: 0;
  border: none;
}
.ffb-main .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content p,
.ffb-content .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content p {
  margin-bottom: 0;
}
.ffb-main .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content .ffb_dt-weekly_message,
.ffb-content .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content .ffb_dt-weekly_message {
  margin-top: 30px;
}
.ffb-main .text-content .elementor-tabs .elementor-tabs-content-wrapper,
.ffb-content .text-content .elementor-tabs .elementor-tabs-content-wrapper {
  padding-top: 30px;
}
.ffb-main .text-content .elementor-tabs .elementor-tabs-content-wrapper p,
.ffb-content .text-content .elementor-tabs .elementor-tabs-content-wrapper p {
  margin-bottom: 24px;
}
.ffb-main .text-content .elementor-tabs .elementor-tabs-content-wrapper .divider,
.ffb-content .text-content .elementor-tabs .elementor-tabs-content-wrapper .divider {
  color: var(--ffb-blue);
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 20px;
  text-transform: uppercase;
  display: block;
  position: relative;
}
.ffb-main .text-content .elementor-tabs .elementor-tabs-content-wrapper .divider::after,
.ffb-content .text-content .elementor-tabs .elementor-tabs-content-wrapper .divider::after {
  content: "";
  display: block;
  position: absolute;
  width: 80px;
  height: 4px;
  background: var(--ffb-light-gray);
  left: calc(50% - 40px);
  bottom: 0;
}
.ffb-main .secondary .elementor-tabs .elementor-tabs-wrapper,
.ffb-content .secondary .elementor-tabs .elementor-tabs-wrapper {
  justify-content: center;
  border: none;
  background: none;
  display: flex;
}
.ffb-main .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title,
.ffb-content .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
  padding: 0;
  margin: 0;
  border: none;
  text-align: center;
}
.ffb-main .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title::before, .ffb-main .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title::after,
.ffb-content .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title::before,
.ffb-content .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title::after {
  display: none;
}
.ffb-main .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title a,
.ffb-content .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title a {
  display: block;
  padding: 8px 20px;
  font-size: 15px;
  font-weight: 400;
  color: var(--ffb-green);
  line-height: 24px;
  background: var(--ffb-light-light-gray);
  border-radius: 4px;
  margin: 0 6px;
}
.ffb-main .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title a:hover,
.ffb-content .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title a:hover {
  background: var(--ffb-green);
  color: var(--ffb-white);
}
.ffb-main .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active a,
.ffb-main .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active a:hover,
.ffb-content .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active a,
.ffb-content .secondary .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active a:hover {
  background: var(--ffb-green);
  color: var(--ffb-white);
}
.ffb-main .good-bad .elementor-tabs-wrapper .elementor-tab-title,
.ffb-content .good-bad .elementor-tabs-wrapper .elementor-tab-title {
  flex: 1 1 0;
}
.ffb-main .good-bad .elementor-tabs-wrapper .elementor-tab-title a,
.ffb-content .good-bad .elementor-tabs-wrapper .elementor-tab-title a {
  text-align: center;
}
.ffb-main .good-bad .elementor-tabs-wrapper .elementor-tab-title:last-child a,
.ffb-content .good-bad .elementor-tabs-wrapper .elementor-tab-title:last-child a {
  color: var(--ffb-red);
}
.ffb-main .good-bad .elementor-tabs-wrapper .elementor-tab-title:last-child.elementor-active a,
.ffb-content .good-bad .elementor-tabs-wrapper .elementor-tab-title:last-child.elementor-active a {
  background: var(--ffb-red);
  color: var(--ffb-white);
}

.elementor-tabs > .elementor-section:last-child {
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .ffb-main .elementor-tabs select,
  .ffb-content .elementor-tabs select {
    display: none;
  }
  .ffb-main .elementor-tabs .elementor-tabs-wrapper,
  .ffb-content .elementor-tabs .elementor-tabs-wrapper {
    display: flex;
  }
}
/**
*
* Player Block Styles used in Multi Column Tabs
* @package ffb
*
**/
.ffb-content .elementor-column.ffb-player--image .elementor-image {
  border-radius: 50%;
  overflow: hidden;
  max-width: 260px;
  margin: 5% auto 0 auto;
}
.ffb-content .elementor-section.signed .ffb-player--image .elementor-widget-container, .ffb-content .elementor-section.re-signed .ffb-player--image .elementor-widget-container, .ffb-content .elementor-section.tagged .ffb-player--image .elementor-widget-container, .ffb-content .elementor-section.tendered .ffb-player--image .elementor-widget-container {
  position: relative;
}
.ffb-content .elementor-section.signed .ffb-player--image .elementor-widget-container::after, .ffb-content .elementor-section.re-signed .ffb-player--image .elementor-widget-container::after, .ffb-content .elementor-section.tagged .ffb-player--image .elementor-widget-container::after, .ffb-content .elementor-section.tendered .ffb-player--image .elementor-widget-container::after {
  content: "Signed";
  transform: rotate(-3deg);
  bottom: -5px;
  width: 260px;
  left: calc(50% - 130px);
  display: block;
  position: absolute;
  padding: 8px 10px;
  color: var(--ffb-white);
  background: var(--ffb-green);
  font-family: var(--ffb-headline-font);
  font-weight: 800;
  font-size: 28px;
  text-align: center;
  box-sizing: border-box;
  text-transform: uppercase;
}
.ffb-content .elementor-section.re-signed .ffb-player--image .elementor-widget-container::after {
  content: "Re-Signed";
}
.ffb-content .elementor-section.tagged .ffb-player--image .elementor-widget-container::after {
  content: "Tagged";
}
.ffb-content .elementor-section.tendered .ffb-player--image .elementor-widget-container::after {
  content: "Tendered";
  background: var(--ffb-blue);
}

@media (min-width: 768px) {
  .ffb-content .elementor-column.ffb-player--image {
    width: 220px;
  }
  .ffb-content .elementor-column.ffb-player--content {
    width: calc(100% - 220px);
  }
  .ffb-content .elementor-section.signed .ffb-player--image .elementor-widget-container::after, .ffb-content .elementor-section.re-signed .ffb-player--image .elementor-widget-container::after, .ffb-content .elementor-section.tagged .ffb-player--image .elementor-widget-container::after, .ffb-content .elementor-section.tendered .ffb-player--image .elementor-widget-container::after {
    width: auto;
    left: 0;
    right: 0;
  }
}
/**
*
* Promo Areas
* @package ffb
*
**/
.page .blitz-signup .ck_form.ck_minimal,
.blitz-signup .ck_form.ck_minimal {
  border: none;
  background: none;
  margin: 0;
  background: url(../jpg/blitz-bg.jpg) top center no-repeat;
  background-size: cover;
  padding: 20px;
  text-align: center;
  color: var(--ffb-white);
}
.page .blitz-signup .ck_form.ck_minimal::before,
.blitz-signup .ck_form.ck_minimal::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/the-blitz-logo.svg) center no-repeat;
  background-size: 105px auto;
}
.page .blitz-signup .ck_form.ck_minimal .ck_form_fields,
.blitz-signup .ck_form.ck_minimal .ck_form_fields {
  padding: 0;
}
.page .blitz-signup .ck_form.ck_minimal .ck_form_fields h3.ck_form_title,
.blitz-signup .ck_form.ck_minimal .ck_form_fields h3.ck_form_title {
  display: none;
}
.page .blitz-signup .ck_form.ck_minimal .ck_form_fields p,
.blitz-signup .ck_form.ck_minimal .ck_form_fields p {
  font-size: 16px;
  line-height: 1.2;
  margin: 12px 0;
  font-weight: 600;
  color: var(--ffb-white);
}
.page .blitz-signup .ck_form.ck_minimal .ck_form_fields input,
.blitz-signup .ck_form.ck_minimal .ck_form_fields input {
  border-radius: 4px 4px 0 0;
  width: 100%;
  margin: 0;
}
.page .blitz-signup .ck_form.ck_minimal .ck_form_fields button,
.blitz-signup .ck_form.ck_minimal .ck_form_fields button {
  border-radius: 0 0 4px 4px;
  width: 100%;
  margin: 0;
  background: var(--ffb-green);
  font-size: 16px;
  font-weight: 600;
}
.page .blitz-signup .ck_form.ck_minimal .ck_form_fields .ck_guarantee,
.blitz-signup .ck_form.ck_minimal .ck_form_fields .ck_guarantee {
  display: none;
}
.page .blitz-signup .ck_form.ck_minimal .ck_form_fields #ck_success_msg,
.blitz-signup .ck_form.ck_minimal .ck_form_fields #ck_success_msg {
  background: none;
  border: none;
  padding: 0 10px;
}

.join-footclan {
  text-align: center;
  font-weight: 600;
  margin-bottom: 24px;
}
.join-footclan a {
  color: var(--ffb-pink);
}
.join-footclan a:hover {
  color: var(--ffb-blue);
}
.join-footclan a:hover svg {
  fill: var(--ffb-blue);
}
.join-footclan svg {
  vertical-align: text-bottom;
  fill: var(--ffb-pink);
}

/**
*
* Loading Module
* @package ffb
*
**/
#loading {
  text-align: center;
  background: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/loading.svg) center 20px no-repeat;
  background-size: 80px 80px;
  padding: 100px 25px 25px 25px;
}

/**
*
* Pitch Page Styles
* @package ffb
*
**/
.ffb-udk-pitch-twentyfive--feature {
  background-image: url(../jpg/2025-udk-pitch-background.jpg);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.ffb-udk-pitch-twentyfive--feature > .elementor-container {
  overflow: hidden;
}
.ffb-udk-pitch-twentyfive--feature > .elementor-background-overlay {
  max-width: 1800px;
  margin: 0 auto;
}
.ffb-udk-pitch-twentyfive--feature.dfs {
  background-image: url(../jpg/2025-dfs-pitch-background-reversed.jpg);
}
.ffb-udk-pitch-twentyfive--logo-col .logo {
  text-align: center;
}
.ffb-udk-pitch-twentyfive--logo-col .logo img {
  width: 60%;
  max-width: 240px;
  margin: 0 auto;
}
.ffb-udk-pitch-twentyfive--logo-col .headline {
  margin-bottom: 0 !important;
  margin-top: 5px !important;
  text-align: center;
}
.ffb-udk-pitch-twentyfive--logo-col .headline img {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}
.ffb-udk-pitch-twentyfive--logo-col h1 {
  color: var(--ffb-white);
  font-family: var(--ffb-product-font);
  line-height: 0.8;
  font-size: 11vw;
  margin-bottom: 5px;
}
.ffb-udk-pitch-twentyfive--logo-col h1 span {
  display: block;
  color: var(--ffb-green);
  font-size: 7vw;
  letter-spacing: 1vw;
}
.ffb-udk-pitch-twentyfive--logo-col .elementor-widget-button {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px) !important;
}
.ffb-udk-pitch-twentyfive--logo-col .ballers {
  position: absolute !important;
  width: 80% !important;
  left: 10%;
  bottom: calc(20% - 50px);
  z-index: 4;
}
.ffb-udk-pitch-twentyfive--logo-col.dfs .logo {
  margin-bottom: 0;
}
.ffb-udk-pitch-twentyfive--logo-col.dfs .logo img {
  width: 50%;
  max-width: 230px;
  margin: 0 auto;
}
.ffb-udk-pitch-twentyfive--logo-col.dfs .headline {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}
.ffb-udk-pitch-twentyfive--logo-col.dfs .seal {
  width: 30% !important;
  left: 35%;
  bottom: 6%;
}
.ffb-udk-pitch-twentyfive--video-col .elementor-widget-wrap {
  position: relative;
}
.ffb-udk-pitch-twentyfive--video-col .players {
  position: absolute !important;
  top: 0;
  right: -40px;
  left: -40px;
  width: calc(100% + 80px) !important;
  margin-top: -40%;
  overflow: hidden;
}
.ffb-udk-pitch-twentyfive--video-col .players img {
  margin-left: -5%;
  width: 110% !important;
  max-width: none !important;
}
.ffb-udk-pitch-twentyfive--video-col .video-wrap {
  text-align: center;
  margin-top: -27%;
}
.ffb-udk-pitch-twentyfive--video-col .video {
  position: relative;
  z-index: 5;
  text-align: center;
}
.ffb-udk-pitch-twentyfive--video-col .video--phone {
  position: relative;
  width: 55%;
  z-index: 3;
  margin: 0 auto;
  pointer-events: none;
}
.ffb-udk-pitch-twentyfive--video-col .video--background {
  position: absolute;
  right: -40px;
  left: -40px;
  width: calc(100% + 80px) !important;
  bottom: 6%;
  z-index: 1;
  overflow: hidden;
}
.ffb-udk-pitch-twentyfive--video-col .video--frame {
  position: absolute;
  left: 30.2%;
  width: 40.5%;
  top: 2%;
  bottom: 6%;
  z-index: 2;
  border-radius: 30px;
  background: var(--ffb-black);
}
.ffb-udk-pitch-twentyfive--video-col .video--video {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 10px;
  display: none;
}
.ffb-udk-pitch-twentyfive--video-col .video--video.mobile {
  display: block;
}
.ffb-udk-pitch-twentyfive--video-col.dfs .screens {
  margin-bottom: 6%;
}
.ffb-udk-pitch-twentyfive--video-col.dfs .screens img {
  width: 100% !important;
  max-width: none !important;
  margin-bottom: 3vw;
}
.ffb-udk-pitch-twentyfive--main {
  margin-top: -18%;
  padding-top: 15% !important;
  position: relative;
}
.ffb-udk-pitch-twentyfive--main::before {
  content: "";
  display: block;
  position: absolute;
  top: -4vw;
  right: 0;
  left: 0;
  height: 4vw;
  background-image: url("../png/2025-udk-pitch-frame-bottom.png");
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.ffb-footclan-pitch--feature.temp > .elementor-container {
  height: 90vw;
}
.ffb-footclan-pitch--feature.temp .ffb-footclan-pitch--video-col .players {
  position: absolute !important;
  top: 0;
  right: -25px;
  left: -25px;
  width: calc(100% + 50px) !important;
  margin-top: -5%;
  overflow: hidden;
}
.ffb-footclan-pitch--feature.temp .ffb-footclan-pitch--video-col .players img {
  margin-left: 0%;
  width: 100% !important;
  max-width: none !important;
}
.ffb-footclan-pitch--feature.temp .ffb-footclan-pitch--video-col .video--background {
  transform: translateY(5vw);
}
.ffb-footclan-pitch--feature.no-headline > .elementor-container {
  height: auto;
}
.ffb-footclan-pitch--logo-col .logo {
  text-align: center;
  z-index: 2;
}
.ffb-footclan-pitch--logo-col .logo img {
  width: 140px;
  max-width: 140px;
  margin: 0 auto;
}
.ffb-footclan-pitch--logo-col .headline {
  margin-bottom: 20px !important;
  margin-top: 0 !important;
  text-align: center;
  display: none;
}
.ffb-footclan-pitch--logo-col .headline img {
  width: 90%;
  margin: 0 auto;
}
.ffb-footclan-pitch--logo-col h1 {
  line-height: 0.8;
  font-size: 10vw;
  margin-bottom: 5px;
  font-family: var(--ffb-headline-font);
  color: var(--ffb-white);
}
.ffb-footclan-pitch--logo-col h1 span {
  display: block;
  color: var(--ffb-green);
  font-size: 7vw;
  letter-spacing: 1vw;
}
.ffb-footclan-pitch--logo-col .elementor-widget-button {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px) !important;
}
.ffb-footclan-pitch--logo-col .seal {
  position: absolute !important;
  width: 20% !important;
  left: 40%;
  bottom: calc(18% - 40px);
  z-index: 4;
}
.ffb-footclan-pitch--logo-col.dfs .logo {
  margin-bottom: 0;
}
.ffb-footclan-pitch--logo-col.dfs .logo img {
  width: 50%;
  max-width: 180px;
  margin: 0 auto;
}
.ffb-footclan-pitch--logo-col.dfs .headline {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}
.ffb-footclan-pitch--logo-col.dfs .seal {
  width: 30% !important;
  left: 35%;
  bottom: 6%;
}
.ffb-footclan-pitch--video-col .elementor-widget-wrap {
  position: relative;
}
.ffb-footclan-pitch--video-col .players {
  position: absolute !important;
  top: 0;
  right: -25px;
  left: -25px;
  width: calc(100% + 50px) !important;
  margin-top: -40%;
  overflow: hidden;
}
.ffb-footclan-pitch--video-col .players img {
  margin-left: -5%;
  width: 110% !important;
  max-width: none !important;
}
.ffb-footclan-pitch--video-col .video-wrap {
  text-align: center;
  margin-top: -27%;
}
.ffb-footclan-pitch--video-col .video {
  position: relative;
  z-index: 5;
  text-align: center;
}
.ffb-footclan-pitch--video-col .video--phone {
  position: relative;
  width: 55%;
  z-index: 3;
  margin: 0 auto;
  pointer-events: none;
}
.ffb-footclan-pitch--video-col .video--background {
  position: absolute;
  right: -40px;
  left: -40px;
  width: calc(100% + 80px) !important;
  bottom: 6%;
  z-index: 1;
  overflow: hidden;
}
.ffb-footclan-pitch--video-col .video--frame {
  position: absolute;
  left: 30.2%;
  width: 40.5%;
  top: 2%;
  bottom: 6%;
  z-index: 2;
  border-radius: 30px;
  background: var(--ffb-black);
}
.ffb-footclan-pitch--video-col .video--video {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 10px;
  display: none;
}
.ffb-footclan-pitch--video-col .video--video.mobile {
  display: block;
}
.ffb-footclan-pitch--video-col.dfs .screens {
  margin-bottom: 6%;
}
.ffb-footclan-pitch--video-col.dfs .screens img {
  width: 100% !important;
  max-width: none !important;
  margin-bottom: 3vw;
}
.ffb-footclan-pitch--main {
  margin-top: -75px;
  padding-top: 40px !important;
}

@media (min-width: 500px) {
  .ffb-footclan-pitch--logo-col .seal {
    bottom: calc(36% - 160px);
  }
}
@media (min-width: 768px) {
  .ffb-udk-pitch-twentyfive--feature {
    background-image: none;
  }
  .ffb-udk-pitch-twentyfive--feature > .elementor-background-overlay {
    background-image: url(../jpg/2025-udk-pitch-background.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }
  .ffb-udk-pitch-twentyfive--feature > .elementor-container {
    height: 55vw;
    max-height: 860px;
  }
  .ffb-udk-pitch-twentyfive--feature.dfs > .elementor-background-overlay {
    background-image: url(../jpg/2025-dfs-pitch-background-reversed.jpg);
  }
  .ffb-udk-pitch-twentyfive--logo-col .logo {
    margin-bottom: 15px !important;
    text-align: center;
  }
  .ffb-udk-pitch-twentyfive--logo-col .logo img {
    width: 50%;
  }
  .ffb-udk-pitch-twentyfive--logo-col .headline {
    margin-top: -2% !important;
  }
  .ffb-udk-pitch-twentyfive--logo-col .headline img {
    width: 90%;
    max-width: 600px;
  }
  .ffb-udk-pitch-twentyfive--logo-col h1 {
    font-size: 5vw;
  }
  .ffb-udk-pitch-twentyfive--logo-col h1 span {
    font-size: 3vw;
    letter-spacing: 0.5vw;
  }
  .ffb-udk-pitch-twentyfive--logo-col .seal {
    position: absolute !important;
    width: 20% !important;
    max-width: 200px !important;
    left: -10px;
    bottom: calc(19% - 50px);
    z-index: 5;
  }
  .ffb-udk-pitch-twentyfive--logo-col.dfs .logo {
    margin-bottom: 0;
  }
  .ffb-udk-pitch-twentyfive--logo-col.dfs .logo img {
    width: 45%;
    max-width: 230px;
    margin: 0 auto;
  }
  .ffb-udk-pitch-twentyfive--logo-col.dfs .headline {
    margin-top: -5px !important;
    margin-bottom: 15px !important;
  }
  .ffb-udk-pitch-twentyfive--logo-col.dfs .seal {
    width: 30% !important;
    left: 35%;
    bottom: 6%;
  }
  .ffb-udk-pitch-twentyfive--video-col .elementor-widget-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .ffb-udk-pitch-twentyfive--video-col .players {
    margin-top: 0;
  }
  .ffb-udk-pitch-twentyfive--video-col .players img {
    margin-left: 0%;
    width: 100% !important;
  }
  .ffb-udk-pitch-twentyfive--video-col .video {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
  }
  .ffb-udk-pitch-twentyfive--video-col .video--video {
    display: block;
    top: 1%;
  }
  .ffb-udk-pitch-twentyfive--video-col .video--video.mobile {
    display: none;
  }
  .ffb-udk-pitch-twentyfive--video-col.dfs .screens {
    margin-bottom: 4vw;
  }
  .ffb-udk-pitch-twentyfive--video-col.dfs .screens img {
    width: 75% !important;
    max-width: 600px !important;
  }
  .ffb-udk-pitch-twentyfive--main {
    margin-top: -11%;
    padding-top: 8% !important;
  }
  .ffb-footclan-pitch--feature > .elementor-container {
    height: 55vw;
    max-height: 730px;
    overflow: hidden;
  }
  .ffb-footclan-pitch--feature.temp > .elementor-container, .ffb-footclan-pitch--feature.no-headline > .elementor-container {
    height: 55vw;
    max-height: 690px;
  }
  .ffb-footclan-pitch--feature.temp .ffb-footclan-pitch--video-col .players, .ffb-footclan-pitch--feature.no-headline .ffb-footclan-pitch--video-col .players {
    margin-top: 0;
  }
  .ffb-footclan-pitch--feature.temp .ffb-footclan-pitch--video-col .video--background, .ffb-footclan-pitch--feature.no-headline .ffb-footclan-pitch--video-col .video--background {
    transform: translateY(0);
  }
  .ffb-footclan-pitch--logo-col .logo {
    margin-bottom: 15px !important;
    text-align: center;
  }
  .ffb-footclan-pitch--logo-col .headline {
    display: block;
  }
  .ffb-footclan-pitch--logo-col .headline h1 {
    font-size: 40px;
  }
  .ffb-footclan-pitch--logo-col .headline img {
    max-width: 580px !important;
  }
  .ffb-footclan-pitch--logo-col h1 {
    font-size: 5vw;
  }
  .ffb-footclan-pitch--logo-col h1 span {
    font-size: 3vw;
    letter-spacing: 0.5vw;
  }
  .ffb-footclan-pitch--logo-col .seal {
    width: 30% !important;
    max-width: 200px !important;
    left: 0;
    bottom: 9%;
    top: auto;
  }
  .ffb-footclan-pitch--logo-col .ballers {
    position: relative;
    text-align: center;
  }
  .ffb-footclan-pitch--logo-col .ballers img {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
  .ffb-footclan-pitch--video-col .elementor-widget-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .ffb-footclan-pitch--video-col .players {
    margin-top: 0;
  }
  .ffb-footclan-pitch--video-col .players img {
    margin-left: 0%;
    width: 100% !important;
  }
  .ffb-footclan-pitch--video-col .video {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
  }
  .ffb-footclan-pitch--video-col .video--video {
    display: block;
    top: 1%;
  }
  .ffb-footclan-pitch--video-col .video--video.mobile {
    display: none;
  }
  .ffb-footclan-pitch--main {
    margin-top: -11%;
    padding-top: 8% !important;
  }
}
@media (min-width: 1150px) {
  .ffb-udk-pitch-twentyfive--feature > .elementor-container {
    overflow: visible;
  }
  .ffb-udk-pitch-twentyfive--feature > .elementor-container {
    height: 50vw;
  }
  .ffb-udk-pitch-twentyfive--logo-col .seal {
    bottom: calc(21% - 50px);
    left: 0;
  }
  .ffb-udk-pitch-twentyfive--logo-col .ballers {
    bottom: calc(20% - 50px);
  }
  .ffb-udk-pitch-twentyfive--video-col .video {
    margin-bottom: 7%;
  }
  .ffb-udk-pitch-twentyfive--video-col .video--background {
    left: -80px;
    right: -80px;
    width: calc(100% + 160px) !important;
  }
  .ffb-udk-pitch-twentyfive--video-col .players {
    left: -80px;
    right: -80px;
    width: calc(100% + 160px) !important;
  }
  .ffb-footclan-pitch--feature > .elementor-container {
    overflow: visible;
  }
  .ffb-footclan-pitch--feature.temp > .elementor-container, .ffb-footclan-pitch--feature.no-headline > .elementor-container {
    height: 48vw;
  }
  .ffb-footclan-pitch--logo-col .seal {
    bottom: 10%;
  }
  .ffb-footclan-pitch--logo-col .headline {
    margin-top: 10px !important;
    margin-bottom: 30px !important;
  }
  .ffb-footclan-pitch--logo-col .headline img {
    width: 96%;
  }
  .ffb-footclan-pitch--video-col .video {
    margin-bottom: 7%;
  }
  .ffb-footclan-pitch--video-col .video--background {
    left: -80px;
    right: -80px;
    width: calc(100% + 160px) !important;
  }
}
@media (min-width: 1280px) {
  .ffb-footclan-pitch--logo-col .seal {
    width: 140px !important;
    bottom: 12%;
  }
  .ffb-footclan-pitch--video-col .players {
    right: auto;
    text-align: center;
  }
  .ffb-footclan-pitch--video-col .players img {
    max-width: 720px !important;
  }
}
@media (min-width: 1400px) {
  .ffb-udk-pitch-twentyfive--video-col .video--background {
    left: -100px;
    right: -100px;
    width: calc(100% + 200px) !important;
  }
  .ffb-udk-pitch-twentyfive--video-col .players {
    left: -40px;
    right: -40px;
    width: calc(100% + 80px) !important;
  }
  .ffb-footclan-pitch--feature.temp .ffb-footclan-pitch--video-col .video--background {
    bottom: 25px;
  }
  .ffb-footclan-pitch--logo-col .logo img {
    width: 180px;
    max-width: 180px;
  }
  .ffb-footclan-pitch--logo-col .seal {
    bottom: 100px;
  }
  .ffb-footclan-pitch--main {
    margin-top: -170px;
    padding-top: 120px !important;
  }
}
@media (min-width: 1800px) {
  .ffb-udk-pitch-twentyfive--logo-col h1 {
    font-size: 90px;
  }
  .ffb-udk-pitch-twentyfive--logo-col h1 span {
    font-size: 54px;
    letter-spacing: 9px;
  }
  .ffb-udk-pitch-twentyfive--logo-col .seal {
    bottom: 90px;
    left: 0;
  }
  .ffb-udk-pitch-twentyfive--video-col .players {
    margin-top: -40px;
  }
  .ffb-udk-pitch-twentyfive--video-col .video--background {
    left: -150px;
    right: -150px;
    width: calc(100% + 300px) !important;
  }
  .ffb-udk-pitch-twentyfive--video-col.dfs .screens {
    margin-bottom: 70px;
  }
  .ffb-udk-pitch-twentyfive--main {
    margin-top: -200px;
    padding-top: 145px !important;
  }
  .ffb-udk-pitch-twentyfive--main::before {
    width: 1800px;
    left: calc(50vw - 900px);
    right: calc(50vw - 900px);
  }
}
/**
*
* Default WordPress Login Page Restyling
* @package ffb
*
**/
body.login {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: url(../jpg/login-background.jpg) center center/cover no-repeat;
}
body.login #login {
  padding: 40px 0;
}
body.login h1 a {
  width: 100%;
  background: url(../png/tffb-logo.png) center no-repeat;
  background-size: contain;
  margin: 0;
}
body.login form {
  background: none;
  border: none;
  box-shadow: none;
  font-size: 16px;
  padding-bottom: 10px;
  margin: 0;
  padding: 20px 0;
}
body.login form label {
  color: var(--ffb-white);
}
body.login form .ptrn-wrap {
  padding: 10px 0 25px 0;
}
body.login form .ptrn-wrap p {
  color: var(--ffb-pink);
  font-weight: 600;
  margin-bottom: 5px !important;
}
body.login form .ptrn-login .patreon-responsive-button-wrapper-slim-fw {
  border-radius: 4px;
}
body.login form .forgetmenot {
  float: none;
  margin-bottom: 10px !important;
}
body.login form .button-primary {
  float: none;
  display: block;
  background: var(--ffb-green);
  width: 100%;
  border: none;
  font-size: 18px;
  padding: 15px 0;
  border-radius: 4px;
}
body.login form .button-primary:hover {
  background: var(--ffb-blue);
}
body.login #nav {
  text-align: center;
  color: var(--ffb-white);
  margin-top: 0;
  font-size: 15px;
}
body.login #nav a {
  margin: 0 5px;
  color: var(--ffb-green);
}
body.login #nav a:hover {
  color: var(--ffb-blue);
}
body.login #backtoblog a {
  color: var(--ffb-white);
}
body.login #backtoblog a:hover {
  color: var(--ffb-blue);
}

.ffb-login {
  padding-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
.ffb-login .half {
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
}
.ffb-login .ptrn-wrap {
  padding: 20px;
  background: var(--ffb-light-light-gray);
  text-align: center;
  margin-bottom: 24px;
}
.ffb-login .ptrn-wrap p {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 8px;
  color: var(--ffb-dark-dark-gray);
}
.ffb-login .ptrn-wrap .ptrn-login {
  display: inline-block;
}
.ffb-login .ptrn-wrap .ptrn-login .patreon-responsive-button-wrapper-slim-fw {
  padding-left: 10px;
  padding-right: 10px;
}
.ffb-login .mepr-login-actions {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .ffb-login .half {
    width: calc(50% - 40px);
  }
}
/**
*
* Lineup Generator Styles for Rotowire Tool
* @package ffb
*
**/
.page-wrap main#top .ffb-content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: url(https://s26212.pcdn.co/wp-content/themes/ffb-wp-theme/img/studio-background.webp);
  background-position: top center;
  background-repeat: no-repeat;
  height: var(--feature-height);
  background-size: cover;
  z-index: 1;
}
.page-wrap main#top .ffb-content .page-content .article {
  margin: 0 auto;
}
.page-wrap main#top .ffb-content .page-content .article .site-wrapper {
  background: var(--ffb-white) !important;
}

.dt-print-view h1 {
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--ffb-black);
  font-family: var(--ffb-primary-font);
  font-weight: 600;
  text-transform: none;
}
.dt-print-view table {
  width: 100%;
}
.dt-print-view table th {
  background: var(--ffb-black) !important;
  color: var(--ffb-white) !important;
  padding: 4px !important;
  margin: 0 !important;
  font-weight: 600;
  font-size: 9px;
  position: relative !important;
  top: auto !important;
  text-align: left;
  height: auto !important;
  min-height: 0 !important;
}
.dt-print-view table th span {
  display: none !important;
}
.dt-print-view table th::after {
  display: none !important;
}
.dt-print-view table td {
  padding: 4px;
  font-size: 9px;
}
.dt-print-view table tr:nth-of-type(even) {
  background: var(--ffb-light-light-gray);
}

/**
*
* Elementor Editor-Specific Styles
* @package ffb
*
**/
body.elementor-editor-active header {
  z-index: 1;
}
body.elementor-editor-active .elementor section:hover {
  z-index: 5;
}
body.elementor-editor-active .elementor-add-section:hover {
  z-index: 2;
}

/**
*
* Discord-specific shortcodes
* @package ffb
*
**/
.ffb-content .ets-discord-connection-wrapper {
  padding: 0;
}
.ffb-content .ets-discord-connection-wrapper > label.ets-connection-lbl {
  display: none !important;
}
.ffb-content .ets-discord-connection-wrapper .btn-connect,
.ffb-content .ets-discord-connection-wrapper .btn-disconnect {
  background: var(--ffb-green) !important;
  text-transform: none;
  border-radius: 4px;
  padding: 12px 18px;
}
.ffb-content .ets-discord-connection-wrapper .btn-connect img,
.ffb-content .ets-discord-connection-wrapper .btn-disconnect img {
  vertical-align: middle;
}
.ffb-content .ets-discord-connection-wrapper .btn-connect {
  background: #5865F2 !important;
  color: var(--ffb-white);
}
.ffb-content .ets-discord-connection-wrapper .btn-connect:hover {
  background: var(--ffb-green) !important;
  color: var(--ffb-white);
}
.ffb-content .ets-discord-connection-wrapper .btn-disconnect {
  background: var(--ffb-dark-red) !important;
}
.ffb-content .ets-discord-connection-wrapper .btn-disconnect:hover {
  background: var(--ffb-red) !important;
  color: var(--ffb-white);
}
.ffb-content .ets-discord-connection-wrapper p.ets_assigned_role span {
  margin-top: 5px;
  padding: 4px 12px;
  border-radius: 15px;
}
.ffb-content .mepr-account-form .ets-discord-connection-wrapper {
  display: none !important;
}

/**
*
* Account Templates
* @package ffb
*
**/
.ffb-account--wrapper {
  padding: 0 20px 100px 20px;
}
.ffb-account--nav {
  position: relative;
  margin-bottom: 30px;
}
.ffb-account--nav #mepr-account-nav {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  border-radius: 4px;
  z-index: 2;
  transition: var(--ffb-ease-fast);
  background: var(--ffb-white);
  box-shadow: var(--ffb-shadow);
  border: 1px solid var(--ffb-light-light-gray);
}
.ffb-account--nav #mepr-account-nav span {
  display: block;
  margin: 0;
  padding: 0;
}
.ffb-account--nav #mepr-account-nav span a {
  display: block;
  padding: 10px 15px;
  font-size: 15px;
  transition: var(--ffb-ease-fast);
  white-space: nowrap;
  color: var(--ffb-dark-gray);
}
.ffb-account--nav #mepr-account-nav span a:hover {
  background: var(--ffb-light-light-gray);
}
.ffb-account--nav #mepr-account-nav span.mepr-active-nav-tab {
  font-weight: 700;
}
.ffb-account--nav #mepr-account-nav.active {
  visibility: visible;
  opacity: 1;
}
.ffb-account--nav--mobile-button {
  display: block;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  transition: var(--ffb-ease-fast);
  font-family: var(--ffb-primary-font);
  border: 0;
  background: var(--ffb-light-light-gray);
  color: var(--ffb-dark-gray);
}
.ffb-account--nav--mobile-button svg {
  width: 10px;
  height: 10px;
  margin-left: 6px;
  fill: var(--ffb-dark-gray);
}
.ffb-account--nav--mobile-button:hover {
  background: var(--ffb-light-gray);
}
.ffb-account--nav--mobile-button.active {
  background: var(--ffb-blue);
  color: var(--ffb-white);
}
.ffb-account--nav--mobile-button.active svg {
  fill: var(--ffb-white);
}
.ffb-account--nav + div #mepr-stripe-payment-form .mepr_update_account_table strong {
  display: block;
  font-weight: 800;
  margin-bottom: 24px;
  color: var(--ffb-black);
  font-size: 20px;
}
.ffb-account--nav + div #mepr-stripe-payment-form .mepr_update_account_table .mepr-stripe-elements {
  margin-bottom: 24px;
}
.ffb-account--content {
  padding: 0;
}
.ffb-account--content h2 {
  font-weight: 800;
  margin-bottom: 24px;
}
.ffb-account--content .mepr-account-table {
  border: 1px solid var(--ffb-light-light-gray) !important;
  font-size: 14px;
}
.ffb-account--content .mepr-account-table tr {
  border: 0 !important;
}
.ffb-account--content .mepr-account-table tr.mepr-alt-row {
  background: var(--ffb-light-light-gray) !important;
}
.ffb-account--content .mepr-account-table th {
  padding: 10px !important;
  text-transform: none !important;
  font-size: 12px !important;
  font-weight: 700;
  text-align: left;
  border: 0;
  letter-spacing: 0 !important;
  background: var(--ffb-black);
  color: var(--ffb-white);
}
.ffb-account--content .mepr-account-table td {
  padding: 10px !important;
  border: 0 !important;
  line-height: 1.2;
}
.ffb-account--content .mepr-account-table .mepr-account-terms,
.ffb-account--content .mepr-account-table .mepr-account-subscr-id,
.ffb-account--content .mepr-account-table .mepr-account-rebill {
  margin-top: 4px;
  color: var(--ffb-med-gray);
}
.ffb-account--content .mepr-account-table .mepr-active {
  color: var(--ffb-green);
}
.ffb-account--content .mepr-newpassword-form {
  max-width: 400px;
}
.ffb-account--content .mepr-newpassword-form input[type=submit] {
  margin-bottom: 0;
  margin-right: 4px;
}
.ffb-account--content .mepr-account-form {
  max-width: 800px;
}
.ffb-account--delete-wrapper {
  margin-top: 60px;
}
.ffb-account--cancel-button a {
  display: inline-block;
  border-radius: 4px;
  font-family: var(--ffb-primary-font);
  background: var(--ffb-red);
  color: var(--ffb-white);
  border: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
  padding: 12px 18px;
  transition: var(--ffb-ease-fast);
  vertical-align: middle;
  position: relative;
}
.ffb-account--cancel-button a:hover {
  color: var(--ffb-white) !important;
  box-shadow: var(--ffb-shadow);
  background: color-mix(in srgb, var(--ffb-red) 80%, var(--ffb-black));
}

@media (min-width: 768px) {
  .ffb-account--wrapper {
    padding-bottom: 120px;
    display: flex;
  }
  .ffb-account--wrapper .mepr-preferences-wrapper,
  .ffb-account--wrapper .mepr-delete-wrapper {
    flex: 1;
  }
  .ffb-account--nav {
    width: 200px;
    min-width: 200px;
    border-right: 1px solid var(--ffb-light-light-gray);
  }
  .ffb-account--nav #mepr-account-nav {
    position: relative;
    display: block !important;
    opacity: 1;
    visibility: visible;
    border: 0;
    padding: 0;
    top: auto;
    box-shadow: none !important;
  }
  .ffb-account--nav #mepr-account-nav span {
    display: block;
    border-bottom: 1px solid var(--ffb-light-light-gray);
  }
  .ffb-account--nav #mepr-account-nav span a {
    color: var(--ffb-blue);
    display: block;
    padding: 15px;
    font-size: 15px;
  }
  .ffb-account--nav #mepr-account-nav span.mepr-active-nav-tab a {
    color: var(--ffb-dark-gray);
  }
  .ffb-account--nav--mobile-button {
    display: none;
  }
  .ffb-account--nav + div {
    flex: 1;
  }
  .ffb-account--nav + div #mepr-stripe-payment-form .mepr_update_account_table strong {
    font-size: 24px;
  }
  .ffb-account--content {
    padding-left: 50px;
    padding-right: 25px;
    flex: 1;
  }
}
@media (min-width: 1150px) {
  .ffb-account--wrapper {
    padding-bottom: 180px;
    min-height: 400px;
  }
}
/**
*
* Boxes
* @package ffb
*
**/
.ffb-box {
  border: 1px solid var(--ffb-light-light-gray);
  border-radius: 4px;
  font-size: 15px;
}
.ffb-box--item {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--ffb-light-light-gray);
}
.ffb-box--item:last-child {
  border-bottom: 0;
}
.ffb-box--content {
  padding-bottom: 20px;
  width: 100%;
}
.ffb-box--content h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}
.ffb-box--content p {
  margin-bottom: 4px;
}
.ffb-box--content p:last-of-type {
  margin-bottom: 0;
}
.ffb-box .ffb-button {
  white-space: nowrap;
}
.ffb-box.red {
  border-color: color-mix(in srgb, var(--ffb-red) 20%, var(--ffb-white));
}

@media (min-width: 1150px) {
  .ffb-box--item {
    flex-wrap: nowrap;
  }
  .ffb-box--content {
    padding-bottom: 0;
    padding-right: 30px;
    width: auto;
  }
}