/*
	Theme Name: Home Staffers
	Description: Home Staffers custom theme
	Author: Collective Movement
	
	Version: 3.4.2
	
	Template: genesis
	Template Version: 3.4.2

*/

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../homestaffers/fonts/playfair-display-v40-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('../homestaffers/fonts/playfair-display-v40-latin-800.woff2') format('woff2');
}

@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('../homestaffers/fonts/lora-v37-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url('../homestaffers/fonts/lora-v37-latin-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url('../homestaffers/fonts/lora-v37-latin-600.woff2') format('woff2');
}

@font-face {
  font-family: 'icomoon';
  src:  url('../homestaffers/fonts/icomoon.eot?g4sf6c');
  src:  url('../homestaffers/fonts/icomoon.eot?g4sf6c#iefix') format('embedded-opentype'),
    url('../homestaffers/fonts/icomoon.ttf?g4sf6c') format('truetype'),
    url('../homestaffers/fonts/icomoon.woff?g4sf6c') format('woff'),
    url('../homestaffers/fonts/icomoon.svg?g4sf6c#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tiktok:before {
  content: "\e901";
}
.icon-x:before {
  content: "\e900";
}
.icon-envelope-o:before {
  content: "\f003";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-instagram:before {
  content: "\f16d";
}

/* General */
html { box-sizing: border-box; font-size: 62.5%; -webkit-font-smoothing: antialiased; }
body { display: flex; flex-direction: column; background-color: #fdf6e2; color: #142c43; font-family: 'Lora'; font-size: 1.8rem; font-weight: 400; line-height: 1.625; margin: 0; min-height: 100svh; }
*, *::before, *::after { box-sizing: inherit; }
.clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .site-menu:before, .widget:before, .wrap:before { content: " "; display: table; }
.clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .site-menu:after, .widget:after, .wrap:after { clear: both; content: " "; display: table; }
button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { transition: all 0.2s ease-in-out; }
a { color: #000; text-decoration: none; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-tap-highlight-color: transparent; }
a:focus, a:hover { color: #142c43; text-decoration: none; outline-width: 0; }
:focus { color: #142c43; outline: none; }
ul { margin: 0; padding: 0; }
li { list-style-type: none; }
h1, h2 { margin: 0; padding: 0; }
p { color: #1a1a1a; font-family: 'Lora'; font-size: 1.8rem; font-weight: 400; line-height: 1.6; margin: 0; padding: 0; }
.entry { display: flex; justify-content: center; margin: 0; }
.entry p { font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
h1.entry-title { color: #1a1a1a; font-family: 'Playfair Display'; font-size: 1.8rem; font-weight: 600; letter-spacing: .08em; line-height: 1.2; text-align: center; text-transform: uppercase; }
embed, iframe, img, object, video, .wp-caption { max-width: 100%; }
img { height: auto; vertical-align: top; }
.preload * { -webkit-transition: none !important; transition: none !important; }

/* Screen Reader */
.screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus, .screen-reader-shortcut:focus, .widget_search input[type="submit"]:focus { background: #fff; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto !important; color: #142c43; display: block; font-size: 1em; font-weight: bold; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; }
.more-link { display: inline-block; position: relative; margin-bottom: 30px; }

/* Framework */
.site-container { display: flex; flex-direction: column; word-wrap: break-word; position: relative; min-height: 100dvh; }
.site-inner { clear: both; margin: 0 auto; padding: 0; flex-grow: 1; overflow-y: auto; width: 100%; }

/* Content */
.content { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; padding: 2em; max-width: 1480px; }

/* Widgets */
.widget { margin-bottom: 40px; }
.widget p:last-child, .widget ul > li:last-of-type { margin-bottom: 0; }
.widget ul > li { margin-bottom: 5px; padding-bottom: 5px; }
.widget ul > li:last-of-type { padding-bottom: 0; }
.widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; }
.widget li li { border: 0; margin: 0 0 0 30px; padding: 0; }

/* Skip Links */
.genesis-skip-link { margin: 0; }
.genesis-skip-link .skip-link-hidden { display: none; visibility: hidden; }
.genesis-skip-link li { height: 0; list-style: none; width: 0; }

/* Site Header */
.site-header { display: flex; flex-direction: row; flex-wrap: wrap; flex-shrink: 0; position: relative; min-height: 115px; padding: 0 2em; width: 100%; z-index: 9999; }
.site-header .wrap { display: flex; align-items: center; margin: 0 auto; padding: 0; max-width: 100%; width: 100%; position: relative; }

/* Title Area */
.title-area { display: flex; align-items: center; margin-left: 0; margin-right: auto; padding: .8em 0; }
.title-area a { display: block; }
.title-area img { width: 100%; max-width: 175px; }
.site-title { font-size: 2rem; font-weight: 600; line-height: 1; margin-bottom: 0; }
.site-title a, .site-title a:focus, .site-title a:hover { color: #142c43; text-decoration: none; }
.site-description, .site-title { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; }

/* Site Navigation */
#sitenav { display: flex; align-items: center; }
#sitenav.hidden { display: none; }

.nav-primary .site-menu { width: 100%; height: 100%; }
.nav-primary .site-menu .home-staffers-menu { clear: both; display: flex; align-items: center; width: 100%; height: 100%; }
.nav-primary .site-menu .home-staffers-menu .menu-item {  display: flex; overflow: hidden; flex-wrap: wrap; margin: 0; padding: 0; }
.nav-primary .site-menu .home-staffers-menu .menu-item a { color: #142c43; display: flex; align-items: center; justify-content: center; font-family: 'Lora'; font-size: 1.6rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.4em; text-decoration: none; text-transform: uppercase; padding: 0 20px; height: 100%; }
.nav-primary .site-menu .home-staffers-menu .menu-item a:hover, .nav-primary .site-menu .home-staffers-menu .menu-item a:focus, .nav-primary .site-menu .home-staffers-menu .menu-item.current-menu-item > a, .nav-primary .site-menu .home-staffers-menu .menu-item .sub-menu .current-menu-item > a:hover, .nav-primary .site-menu .home-staffers-menu .menu-item .sub-menu .current-menu-item > a:focus, .nav-primary .site-menu .home-staffers-menu .menu-item.current-menu-parent > a, .nav-primary .site-menu .home-staffers-menu .menu-item .sub-menu .current-menu-parent > a:hover, .nav-primary .site-menu .home-staffers-menu .menu-item .sub-menu .current-menu-parent > a:focus { color: #8a674b; text-decoration: none; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; }

/* Site Navigation Sub-menu */
.nav-primary .site-menu .home-staffers-menu .menu-item.sfHover .sub-menu { opacity: 1;  }

.nav-primary .site-menu .home-staffers-menu .sub-menu { background-color: #f1f1f1; display: flex; flex-direction: column; position: absolute; top: 97px; min-width: 129px; padding: .25em 0; opacity: 0; transition-delay: 500ms; z-index: 9999; }
.nav-primary .site-menu .home-staffers-menu .sub-menu .sub-menu-item { width: 100%; }
.nav-primary .site-menu .home-staffers-menu .sub-menu .sub-menu-item a { color: #142c43; font-size: 1.35rem; font-weight: 400; padding: 12px 10px; word-wrap: break-word; visibility: visible; }
.nav-primary .site-menu .home-staffers-menu .sub-menu .sub-menu-item a:hover { color: #8a674b; }
.nav-primary .site-menu .home-staffers-menu .sub-menu .sub-menu-item.current-menu-item a { color: #142c43; }

/** Menu Button*/
#menu-button { display: block; width: 25px; height: 19px; margin: 0; cursor: pointer; background: transparent; border-radius: 5px; }
#menu-button #hamburger { position: absolute; }
#menu-button #hamburger span { width: 25px; height: 2px; position: relative; top: 0; left: 0; margin: 6px 0; display: block; background: #142c43; border-radius: 2px; }
#menu-button #hamburger span:first-of-type { margin: 0 0 6px; }
#menu-button #hamburger span:last-of-type { margin: 6px 0 0; }

/* Slide Menu
================================================================ */
body.slide-menu-opened { overflow: hidden; }

.nav-mobile { background-color: #1c1b1b; border-color: #555454; display: flex; flex-direction: column; position: fixed; top: 0; right: 0; bottom: 0; min-width: 300px; max-width: 400px; transform: translate3d(100%, 0px, 0px); transition: transform 0.5s ease, width 0.5s ease; -webkit-tap-highlight-color: transparent; width: 100%; z-index: 9999; }
.nav-mobile.opened { transform: translate3d(0px, 0px, 0px); transition: opacity .5s ease .25s, transform .5s ease .25s; }
.nav-mobile *, .nav-mobile :after { transition-duration: .4s; transition-property: none; transition-timing-function: ease; }

.nav-mobile .slide-menu-header { display: flex; justify-content: flex-end; align-items: center; flex-shrink: 0; height: 85px; padding: 1em 1.5em; }
.nav-mobile .slide-menu-header .slide-menu-close { background: #1c1b1b; border: 1px solid #fff; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; padding: 0; width: 30px; height: 30px; }
.nav-mobile .slide-menu-header .slide-menu-close svg { display: inline-block; stroke-width: 1.5px; fill: currentColor; width: 18px; height: 18px; }

.nav-mobile .slide-panel-logo { display: flex; margin: 0 auto; padding: .5em 0; }
.nav-mobile .slide-panel-logo img { max-width: 200px; width: 100%; }
.nav-mobile .slide-panel-tagline { display: flex; flex-wrap: wrap; align-items: center; padding: 12px 30px 8px; }
.nav-mobile .slide-panel-tagline p { color: #fff; font-family: 'Lora'; font-size: 1.6rem; letter-spacing: .02em; line-height: 1.6; margin: 0 0 .8em; padding: 0 10px; text-align: center; }

.nav-mobile .slide-panel { flex-grow: 1; overflow: hidden; position: relative; height: 100%; }
.nav-mobile .site-menu { background: #1c1b1b; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: auto; overscroll-behavior: contain; transition: none; transition-duration: 0s; transform: translate3d(0, 0, 0); visibility: visible; }
.nav-mobile .site-menu .home-staffers-menu { display: block; list-style: none; margin: 0; padding: 20px 30px; touch-action: pan-y; }
.nav-mobile .site-menu .home-staffers-menu .menu-item { border-color: #555454; display: flex; flex-wrap: wrap; margin: 0; padding: 0; position: relative; overflow: hidden; width: 100%; }
.nav-mobile .site-menu .home-staffers-menu .menu-item a { display: block; color: #fff; cursor: pointer; flex-grow: 1; flex-basis: 10%; font-family: 'Lora'; font-size: 1.3rem; font-weight: 500; letter-spacing: .2em; padding: 20px 40px 22px 10px; text-align: left; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; transition: color .2s ease-in-out; overflow: hidden; }
.nav-mobile .site-menu .home-staffers-menu .menu-item.current-menu-item > a { background: #434343; }
.nav-mobile .site-menu .home-staffers-menu .menu-item:after { content: ""; border-color: #555454; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; inset-inline-start: 20px; inset-inline-end: 0; bottom: 0; left: 0; }
.nav-mobile .home-staffers-menu .menu-item #submenu-btn { display: block; background: transparent; border-left-style: none; border-left-width: 0; cursor: pointer; position: absolute; right: 0px; top: 8px; bottom: auto; width: 45px; height: 11px; padding: 20px 10px 22px; }
.nav-mobile .home-staffers-menu .menu-item #submenu-btn:hover { color: #fff; }
.nav-mobile .home-staffers-menu .menu-item #submenu-btn:before { content: ''; background: #fff; border: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); transition: transform .4s ease-in-out, opacity .4s ease-in-out; width: 11px; height: 1px; opacity: 1; }
.nav-mobile .home-staffers-menu .menu-item #submenu-btn:after { content: ''; background-color: #fff; border: none; margin: 0; position: absolute; top: 50%; left: 50%; right: 0; bottom: auto; transform: translate(-50%, -50%) rotate(-90deg); transition: transform .4s ease-in-out, opacity .4s ease-in-out; width: 1px; height: 11px; }
.nav-mobile .home-staffers-menu .menu-item.submenu-open #submenu-btn:before { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }
.nav-mobile .home-staffers-menu .menu-item.submenu-open #submenu-btn:after { transform: translate(-50%, -50%) rotate(90deg); }
.nav-mobile .home-staffers-menu .menu-item .sub-menu { background: transparent; display: block; position: static; padding: 0; transform: none; transition: height .35s ease-in-out, ease-in-out .35s !important; visibility: hidden; overflow: hidden; width: 100%; height: 0; }
.nav-mobile .home-staffers-menu .menu-item.submenu-open .sub-menu { visibility: visible; overflow: visible; }
.nav-mobile .home-staffers-menu .menu-item .sub-menu .sub-menu-item { display: flex; flex-wrap: wrap; margin-left: 15px; padding: 0; overflow: hidden; }
.nav-mobile .home-staffers-menu .menu-item .sub-menu .sub-menu-item:last-of-type { margin-bottom: 1.2em; }
.nav-mobile .home-staffers-menu .menu-item .sub-menu .sub-menu-item a { color: #fff; font-size: 1.2rem; line-height: 1.6em; margin-right: 0; padding: 14px 5px; }
.nav-mobile .home-staffers-menu .menu-item .sub-menu .sub-menu-item:last-of-type a { padding: 14px 5px 8px; }
.nav-mobile .home-staffers-menu .menu-item .sub-menu .sub-menu-item.current-menu-item > a { background: #434343; }
.nav-mobile .slide-panel-footer { background: #1c1b1b; border-top: 1px solid #555454; flex-shrink: 0; padding: 2px 0; height: 48px; }
.nav-mobile .slide-panel-footer-wrapper { display: flex; margin: 0 auto; padding: 0 30px; position: relative; height: 100%; }
.nav-mobile .slide-panel-footer-wrapper a { color: #8e8d8d; font-size: 1.8rem; flex-grow: 1; display: flex; align-items: center; justify-content: center; }

.slide-menu-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; overflow: hidden; visibility: hidden; opacity: 0; transition: bottom 0s ease 0s, width .4s ease, opacity .4s ease .4s, transform .4s ease, -webkit-transform .4s ease; z-index: 999; }
.slide-menu-opened .slide-menu-mask { background: rgba(0, 0, 0, .4); opacity: 0.5; visibility: visible; }
.slide-menu-opened .slide-menu-mask:hover { cursor: pointer; }

/* Pagination */
.pagination { clear: both; }
.adjacent-entry-pagination { margin-bottom: 0; }
.archive-pagination li { display: inline; }
.archive-pagination li a { background-color: #f5f5f5; color: #142c43; cursor: pointer; display: inline-block; font-size: 1.6rem; font-weight: 600; margin-bottom: 4px; padding: 8px 12px; text-decoration: none; }
.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #142c43; color: #fff; }

/* Footer Widgets */
.widget p:last-child, .widget ul > li:last-of-type, .widget-area .widget:last-of-type { margin-bottom: 0; }
.footer-widgets { background-color: #373737; clear: both; padding: 2em 0 0; }
.footer-widgets .footer-inner { margin: 0 auto; padding: 0 2em; }
.footer-widgets .footer-inner .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; max-width: 1480px; }
.footer-widgets .footer-inner .wrap:before, .footer-widgets .footer-inner .wrap:after { content: none; }
.footer-widgets .footer-widget-area .widget { margin-bottom: 0; }

/* Site Footer */
.site-footer { flex-shrink: 0; padding: 0 2em; position: relative; width: 100%; }
.site-footer .wrap { display: flex; justify-content: space-between; margin: 0 auto; padding: 1em 0; max-width: 100%; width: 100%; }

.site-footer .widget { display: flex; flex-direction: column; margin-bottom: 0; }
.site-footer .widget:first-of-type { width: 50%; }
.site-footer .widget:last-of-type { display: flex; justify-content: center; align-items: flex-end; width: 50%; }

.footer-social-contact-widget { display: flex; flex-direction: row; flex-wrap: wrap; line-height: 1.4; }
.footer-social, .footer-contact { display: flex; align-items: center; }
.footer-social-contact-widget a { color: #142c43; display: flex; align-items: center; margin-right: 1.5em; }
.footer-social-contact-widget .footer-icon { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 50%; background-color: #142c43; color: #fff; font-size: 16px; line-height: 1.4; }
.footer-text { color: #142c43; font-family: 'Lora'; font-size: 1.5rem; font-weight: 600; line-height: 1.4em; margin-left: .5em; }

.copyright-privacy-widget { display: flex; justify-content: center; }
.copyright-privacy-widget p { font-size: 1.4rem; margin-left: 0;}
.copyright-privacy-widget a { font-size: 1.4rem; margin-left: .25em; }
.copyright-privacy-widget a:hover { color: #8a674b; }

/* Extras */

/** Mobile Menu Responsive*/
@media (min-width: 64.01em) {
nav:not( .nav-mobile ) { display: block; width: 100%; height: 100%; }
#menu-button { display: none; }
.menu-toggle { display: none; }
}

/* Media Queries */
@media only screen and (max-width: 1480px) {
.title-area img { max-width: 170px; }
}

@media only screen and (max-width: 1280px) {
.site-header { min-height: 110px; }
.title-area img { max-width: 165x; }
}

@media only screen and (max-width: 1024px) {
.site-header { min-height: 105px; }
.title-area img { max-width: 160px; }
.nav-primary { display: none; }
}

@media only screen and (max-width: 820px) {
.site-footer .widget:first-of-type { width: 38%; }
.footer-social { padding: 0 0 .8em; }
.footer-social-contact-widget a { margin-right: 0; }
.site-footer .widget:last-of-type { justify-content: flex-end; margin-bottom: 5px; width: 62%; }
}

@media only screen and (max-width: 768px) {
.site-header { min-height: 100px; padding: 0 1.5em; }
.title-area img { max-width: 155px; }
.nav-mobile .site-menu .home-staffers-menu { padding: 20px 25px; }
.nav-mobile .site-menu .home-staffers-menu .menu-item a { font-size: 1.4rem; }
.nav-mobile .home-staffers-menu .menu-item .sub-menu .sub-menu-item a { font-size: 1.15rem; }
.nav-mobile .slide-panel-logo img { max-width: 190px; }
.nav-mobile .slide-panel-tagline { padding: 12px 25px 8px; }
.content { padding: 2em 1.5em; }
.site-footer { padding: 0 1.5em; }
.footer-widgets .footer-inner { padding: 0 1.5em; }
.site-footer .widget:last-of-type { margin-bottom: 7px;}
.footer-social-contact-widget .footer-icon { width: 30px; height: 30px; }
.footer-text { font-size: 1.4rem; }
.copyright-privacy-widget p { font-size: 1.3rem; }
.copyright-privacy-widget a { font-size: 1.3rem; }
}

@media only screen and (max-width: 640px) {
.title-area img { max-width: 150px; }
.nav-mobile .slide-panel-logo img { max-width: 180px; }
.nav-mobile .slide-panel-footer-wrapper a { font-size: 1.7rem; }
.entry p { font-size: 1.7rem; }
.site-footer .wrap { flex-direction: column; }
.site-footer .widget:first-of-type { width: 100%; }
.site-footer .widget:last-of-type { align-items: center; margin-top: .25em; margin-bottom: 0; width: 100%; }
.footer-social, .footer-contact { width: 50%; }
.footer-contact { justify-content: center; padding: 0 0 .8em; }
}

@media only screen and (max-width: 480px) {
.site-header { padding: 0 1.2em; min-height: 95px; }
.title-area img { max-width: 145px; }
.nav-mobile .site-menu .home-staffers-menu { padding: 20px; }
.nav-mobile .slide-panel-logo img { max-width: 170px; }
.nav-mobile .slide-panel-tagline { padding: 10px 30px 8px; }
.nav-mobile .slide-panel-tagline p { font-size: 1.5rem; }
.nav-mobile .site-menu .home-staffers-menu .menu-item a { font-size: 1.15rem; }
.nav-mobile .home-staffers-menu .menu-item .sub-menu .sub-menu-item a { padding: 12px 5px; }
.nav-mobile .slide-panel-footer-wrapper a { font-size: 1.6rem; }
.content { padding: 2em 1em; }
.entry p { font-size: 1.6rem; }
.site-footer { padding: 0 1.2em; }
.footer-widgets .footer-inner { padding: 0 1em; }
.footer-social { width: 40%; }
.footer-contact { width: 60%; justify-content: flex-end; }
}

@media only screen and (max-width: 420px) {
.site-header { min-height: 90px; }
.title-area img { max-width: 140px; }
.footer-social { width: 35%; }
.footer-contact { width: 65%; }
}