/* =========================================================
   WORKAFELLA MAIN FONT - blog + events pages
   The home page uses Inter. style.css (needed for the shared header/footer) sets
   "DINPro-Regular, Trebuchet MS" on body and headings, which is why these pages looked different.
   To change the font on the blog and event pages, change --wf-font below
   (and the matching Google Fonts <link> in blogs.php, blogs/index.php, events/index.php, events/event.php).
========================================================= */
:root{--wf-font:Inter,Arial,sans-serif}

body.defult-home{font-family:var(--wf-font) !important}

/* (!important: the copy of style.css used by the blog pages forces DINPro on html/headings with !important)
   page content: headings, text, form fields, buttons - icon fonts are left alone, and so is anything the
   editor set to a different font (wf-ff-* classes, see the end of this file) */
.wf-blog-page,
.wf-events-page,
.wf-blog-page :is(h1,h2,h3,h4,h5,h6,p,a,li,ul,ol,span,div,small,strong,b,em,label,input,select,textarea,button,blockquote,td,th,figcaption,time):not([class*="fa-"]):not(.fa):not([class*="flaticon"]):not([class*="icofont"]):not([class*="wf-ff-"]):not([class*="wf-ff-"] *),
.wf-events-page :is(h1,h2,h3,h4,h5,h6,p,a,li,ul,ol,span,div,small,strong,b,em,label,input,select,textarea,button,blockquote,td,th,figcaption,time):not([class*="fa-"]):not(.fa):not([class*="flaticon"]):not([class*="icofont"]):not([class*="wf-ff-"]):not([class*="wf-ff-"] *){
  font-family:var(--wf-font) !important;
}

/* shared header and footer links/text, same as on the home page (footer headings keep their home-page style) */
.full-width-header :is(a,li,span,p,button):not([class*="fa-"]):not(.fa),
.rs-footer :is(a,li,p,span):not([class*="fa-"]):not(.fa),
.footer-bottom :is(a,li,p,span,em,strong):not([class*="fa-"]):not(.fa){
  font-family:var(--wf-font) !important;
}

/* =========================================================
   FONT FAMILY + SIZE CHOSEN IN THE BLOG / EVENTS EDITOR
   The editor saves choices as classes (wf-ff-*, wf-fs-*); see wf_font_classes() in cms/bootstrap.php.
   Open Sans is loaded by a Google Fonts <link> in blogs.php and events/event.php.
========================================================= */.wf-art-body .wf-ff-open-sans,.wf-evd-body .wf-ff-open-sans{font-family:'Open Sans',Arial,sans-serif !important}
.wf-art-body .wf-ff-inter,.wf-evd-body .wf-ff-inter{font-family:Inter,Arial,sans-serif !important}
.wf-art-body .wf-ff-arial,.wf-evd-body .wf-ff-arial{font-family:Arial,Helvetica,sans-serif !important}
.wf-art-body .wf-ff-georgia,.wf-evd-body .wf-ff-georgia{font-family:Georgia,'Times New Roman',serif !important}
.wf-art-body .wf-ff-times,.wf-evd-body .wf-ff-times{font-family:'Times New Roman',Times,serif !important}
.wf-art-body .wf-ff-verdana,.wf-evd-body .wf-ff-verdana{font-family:Verdana,Geneva,sans-serif !important}
.wf-art-body .wf-ff-trebuchet,.wf-evd-body .wf-ff-trebuchet{font-family:'Trebuchet MS',Arial,sans-serif !important}
.wf-art-body .wf-ff-courier,.wf-evd-body .wf-ff-courier{font-family:'Courier New',Courier,monospace !important}
.wf-art-body .wf-fs-12,.wf-evd-body .wf-fs-12{font-size:12px !important}
.wf-art-body .wf-fs-14,.wf-evd-body .wf-fs-14{font-size:14px !important}
.wf-art-body .wf-fs-16,.wf-evd-body .wf-fs-16{font-size:16px !important}
.wf-art-body .wf-fs-18,.wf-evd-body .wf-fs-18{font-size:18px !important}
.wf-art-body .wf-fs-20,.wf-evd-body .wf-fs-20{font-size:20px !important}
.wf-art-body .wf-fs-24,.wf-evd-body .wf-fs-24{font-size:24px !important}
.wf-art-body .wf-fs-28,.wf-evd-body .wf-fs-28{font-size:28px !important}
.wf-art-body .wf-fs-32,.wf-evd-body .wf-fs-32{font-size:32px !important}
.wf-art-body .wf-fs-36,.wf-evd-body .wf-fs-36{font-size:36px !important}
.wf-art-body .wf-fs-48,.wf-evd-body .wf-fs-48{font-size:48px !important}
@media(max-width:640px){
  .wf-art-body .wf-fs-48,.wf-evd-body .wf-fs-48{font-size:32px !important}
  .wf-art-body .wf-fs-36,.wf-evd-body .wf-fs-36{font-size:28px !important}
  .wf-art-body .wf-fs-32,.wf-evd-body .wf-fs-32{font-size:26px !important}
  .wf-art-body .wf-fs-28,.wf-evd-body .wf-fs-28{font-size:24px !important}
}