@charset "UTF-8";
/*
Theme: Barbershop Ads Mailer — Premium
Version: 4.0
Original theme credit: Josh Abbott; design by Sobia Khalid.
Replacement for the supplied theme stylesheet; load after Bootstrap.
Retains LFMVM menu state classes, header assets and profile dimensions.
Uses system fonts; no external font or JavaScript dependencies.
*/
:root {
  --barb-ink: #30251f;
  --barb-muted: #73655c;
  --barb-espresso: #261913;
  --barb-brown: #493025;
  --barb-copper: #a96849;
  --barb-gold: #dfb96c;
  --barb-cream: #faf6ef;
  --barb-line: #e5d8c9;
}
body {
  margin: 0;
  color: var(--barb-ink);
  background-color: var(--barb-cream);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
::selection { background: #dfb96c; color: #261913; }
a { color: #88502e; text-underline-offset: 3px; }
a:hover { color: #59331e; }
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
  outline: 3px solid #b17a2e;
  outline-offset: 3px;
}
/* Preserve the supplied artwork, scaling the desktop header without cropping. */
#headerwrapper { margin: 0 auto; clear: both; background-color: transparent; }
#header { background-color: transparent; background-repeat: no-repeat; background-position: center; }
@media (min-width: 992px) {
  body { background-image: url(/themes/LFMVM_default/images/barb_bg.png); background-repeat: repeat-x; }
  #headerwrapper { width: 100%; max-width: 1200px; }
  #header {
    width: 100%; height: 33.333333vw; max-height: 400px;
    background-image: url(/themes/LFMVM_default/images/barb_head.png);
    background-size: 100% 100%;
  }
}
@media (max-width: 991.98px) {
  body { background-image: url(/themes/LFMVM_default/images/barb_mobile2.png); background-repeat: repeat-x; }
  #headerwrapper { width: 400px; max-width: 100%; height: 100px; }
  #header { width: 100%; height: 100px; background-image: url(/themes/LFMVM_default/images/barb_mobile1.png); background-size: contain; }
}
/* Keep the existing LFMVM tab script in control of visibility.
   The desktop bottom allowance is for its absolutely positioned submenu. */
.lfm_menu_bar {
  background: linear-gradient(115deg, #201610, #493025 55%, #2a1b15);
  border-top: 1px solid #b88453;
  border-bottom: 1px solid #6d4932;
  padding: 8px 0 58px;
  margin-bottom: 28px;
  box-shadow: 0 8px 22px rgba(38,25,19,.16);
}
.lfm_menu_logo { max-height: 35px; width: auto; }
.lfm_menu_bar .navbar-nav > .nav-item > .nav-link {
  position: relative;
  margin: 3px;
  padding: 10px 16px;
  border: 1px solid rgba(223,185,108,.25);
  border-radius: 9px;
  background: rgba(255,255,255,.035);
  color: #f4e5cf;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.lfm_menu_bar .navbar-nav > .nav-item > .nav-link:hover,
.lfm_menu_bar .navbar-nav > .nav-item > .nav-link:focus-visible {
  color: #fff4de;
  background: #5c3d2b;
  border-color: #d5a962;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09);
}
.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link,
.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link:hover {
  color: #2d1d13;
  background: linear-gradient(135deg, #f0d69b, #d6a65b);
  border-color: #e8c78a;
  box-shadow: 0 3px 10px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.4);
}
.lfm_menu_tab {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 999;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 6px 12px;
  list-style: none;
  background: #f5ecde;
  border-top: 1px solid #d7b77e;
  border-bottom: 1px solid #dac7af;
  box-shadow: 0 5px 12px rgba(38,25,19,.07);
  font-weight: 600;
  flex-wrap: wrap;
  align-items: center;
}
li.lfm_tab_opened .lfm_menu_tab { display: flex; }
.lfm_menu_tab > li { list-style: none; }
.lfm_menu_tab > li > a {
  display: block;
  padding: 9px 15px;
  border-radius: 7px;
  color: #583923;
  font-size: 14px;
  line-height: 1.65;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease;
}
.lfm_menu_tab > li > a:hover,
.lfm_menu_tab > li > a:focus-visible,
.lfm_menu_tab > li.show > a {
  background: #e8d6b9;
  color: #302014;
}
.lfm_menu_tab .dropdown-menu {
  padding: 7px;
  min-width: 210px;
  max-width: calc(100vw - 32px);
  background: #fffaf3;
  border: 1px solid #dfceb8;
  border-radius: 11px;
  box-shadow: 0 14px 32px rgba(38,25,19,.18);
}
.lfm_menu_tab .dropdown-menu a {
  display: block;
  padding: 9px 13px;
  border-radius: 6px;
  background: transparent;
  color: #563b2c;
  font-size: 14px;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: break-word;
  text-decoration: none;
}
.lfm_menu_tab .dropdown-menu a:hover,
.lfm_menu_tab .dropdown-menu a:focus-visible {
  color: #2d1d13;
  background: #eeddbf;
}
.lfm_menu_bar .navbar-toggler { padding: 9px 12px; border: 1px solid #bd935d; border-radius: 8px; color: #f4e5cf; }
.lfm_menu_bar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23f4e5cf' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
@media (min-width: 992px) {
  .lfm_menu_logo { margin-right: 18px; }
  .lfm_menu_bar .navbar-nav { flex-wrap: wrap; }
  .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link::after { content: none; }
}
/* Allow a second submenu row on smaller desktop screens. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lfm_menu_bar { padding-bottom: 100px; }
  .lfm_menu_bar .navbar-nav > .nav-item > .nav-link { padding: 9px 11px; font-size: 13px; }
}
@media (max-width: 991.98px) {
  .lfm_menu_bar { padding: 8px 0; margin-bottom: 20px; }
  .lfm_menu_bar .navbar-collapse { padding-top: 8px; }
  .lfm_menu_bar .navbar-nav > .nav-item > .nav-link { margin: 4px 0; padding: 12px 40px 12px 15px; text-align: left; }
  .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_closed > .nav-link { background: #39271f; color: #f4e5cf; border-color: #705037; }
  .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_closed > .nav-link:hover { background: #5c3d2b; }
  .lfm_menu_bar .navbar-nav > .nav-item > .nav-link::after {
    content: ""; position: absolute; right: 18px; top: 50%;
    width: 7px; height: 7px; margin-top: -4px;
    border: solid currentColor; border-width: 0 2px 2px 0;
    transform: rotate(-45deg); transition: transform .18s ease;
  }
  .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link::after { transform: rotate(45deg); }
  .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_closed > .nav-link::after { transform: rotate(-45deg); }
  .lfm_menu_tab {
    position: relative; top: 0; left: 0; flex-direction: column;
    align-items: stretch; padding: 6px; margin: 0 0 8px;
    border: 1px solid #d8c4a8; border-radius: 9px; box-shadow: none;
  }
  li.lfm_tab_closed .lfm_menu_tab { display: none; }
  .lfm_menu_tab > li > a { padding: 11px 16px; width: 100%; }
  .lfm_menu_tab .dropdown-menu { min-width: 0; max-width: 100%; box-shadow: none; }
  .lfm_menu_tab .dropdown-menu a { padding: 11px 22px; }
}
/* Content surfaces and controls: retain Bootstrap sizing and status colors. */
.card { border: 1px solid var(--barb-line); border-radius: 13px; box-shadow: 0 5px 20px rgba(55,34,21,.055); }
.card-header { background-color: #f4ecdf; border-bottom-color: var(--barb-line); font-weight: 700; }
.card-header:first-child { border-radius: 12px 12px 0 0; }
.card-footer { background-color: #faf6ef; border-top-color: var(--barb-line); }
.form-control, .custom-select { border-color: #d8caba; border-radius: 8px; color: #30251f; }
.form-control:focus, .custom-select:focus { border-color: #ad7e3f; box-shadow: 0 0 0 3px rgba(173,126,63,.16); }
.btn { border-radius: 8px; font-weight: 600; }
.buttonlink, .btn-primary {
  display: inline-block; cursor: pointer;
  background: linear-gradient(135deg, #805034, #573522);
  border: 1px solid #573522; border-radius: 8px;
  color: #fff8ec; font-family: inherit; font-weight: 700;
  text-decoration: none; box-shadow: 0 3px 8px rgba(64,39,23,.12);
  transition: background-color .18s ease, box-shadow .18s ease;
}
.buttonlink { font-size: 15px; line-height: 1.5; padding: 10px 19px; margin: 3px 2px; }
.buttonlink:hover, .buttonlink:focus-visible,
.btn-primary:hover, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  color: #fff8ec; background: #493025; border-color: #493025;
  text-decoration: none; box-shadow: 0 4px 12px rgba(64,39,23,.19);
}
.btn-primary:disabled, .btn-primary.disabled { background: #805034; border-color: #805034; }
.btn-outline-primary { color: #805034; border-color: #805034; }
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active { background: #805034; border-color: #805034; color: #fff8ec; }
.table { color: var(--barb-ink); }
.table td, .table th { border-top-color: var(--barb-line); }
.table thead th { border-bottom-color: #d8c4a8; }
.page-link { color: #724529; border-color: #e0d1bf; }
.page-link:hover { color: #493025; background: #f0e4d1; border-color: #d6bf9c; }
.page-item.active .page-link { background: #724529; border-color: #724529; }
.lfm_title { font-family: inherit; font-size: 32px; line-height: 1.25; font-weight: 750; letter-spacing: -.6px; color: #422b1e; margin-bottom: 16px; }
.lfm_descr { font-family: inherit; font-size: 16px; line-height: 1.75; color: #51443a; }
.lfm_descr_bold { font-family: inherit; font-size: 16px; font-weight: 700; color: #30251f; }
.infobar { box-sizing: border-box; width: 100%; padding: 24px 16px; color: #f9f0e2; background: linear-gradient(120deg, #35231a, #64432e); border-top: 1px solid #b58b53; border-bottom: 1px solid #8e6741; }
.infobar h2 { color: #f2d49a; }
.infobar a { color: #ffe0a3; }
.lfm_footer { padding: 26px 16px; color: #eadbca; background: linear-gradient(115deg, #261913, #493025); border-top: 3px solid #b88d50; }
.lfm_footer a { color: #edc986; text-decoration: none; }
.lfm_footer a:hover { color: #fff3da; text-decoration: underline; }
.far, .fas { margin-right: 3px; }
.feedicon { color: #a67136; font-size: 20px; margin-right: 5px; }
.profilepic_small { width: 40px; height: 40px; }
.profilepic_med { width: 75px; height: 75px; }
.profilepic_large { width: 200px; height: 200px; }
.profilepic_small, .profilepic_med, .profilepic_large { object-fit: cover; border-radius: 12%; border: 2px solid #dec8a5; }
.vcenter { display: flex; align-items: center; }
@media (max-width: 575.98px) {
  .lfm_title { font-size: 26px; }
  .lfm_footer { padding: 22px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .lfm_menu_bar a, .lfm_menu_bar a::after, .buttonlink, .btn { transition: none; }
}