/* Blood, Sweat & Shears visual refresh — preview */
body {
	background: #f7f4ef;
	color: #332d2b;
}

.site-content, .panel-content {
	background: #f7f4ef;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: .025em;
}

.site-title a, .site-description, .main-navigation a, #site-navigation a {
	color: #fff !important;/* Mobile navigation update */
	text-shadow: 0 2px 8px rgba(0,0,0,.55);
}

.main-navigation a, #site-navigation a {
	font-size: .8rem;
	letter-spacing: .08em;
}

.home .entry-title, body.home h1.entry-title {
	display: none;
}

.home .entry-content > a:first-of-type {
	display: inline-block;
	margin: 1.4rem 0;
	padding: .9rem 1.35rem;
	background: #a85f52;
	color: #fff !important;
	border-radius: 2px;
	font-weight: 700;
	letter-spacing: .06em;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(72, 37, 31, .18);
}

.home .entry-content > a:first-of-type:hover {
	background: #87463c;
}

.home .entry-content {
	max-width: 780px;
	font-size: 1.05rem;
	line-height: 1.8;
}

.panel-content {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.widget-area, #colophon {
	background: #2b2523;
	color: #f7f4ef;
}

/* Navigation dropdown contrast */
.main-navigation ul ul,
#site-navigation ul ul {
	background: #2b2523 !important;
	box-shadow: 0 8px 20px rgba(0,0,0,.28);
}

.main-navigation ul ul a,
#site-navigation ul ul a {
	background: #2b2523 !important;
	color: #ffffff !important;
	text-shadow: none !important;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a,
#site-navigation li:hover > a,
#site-navigation li.focus > a,
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus,
#site-navigation ul ul a:hover,
#site-navigation ul ul a:focus {
	background: #a85f52 !important;
	color: #ffffff !important;
	text-shadow: none !important;
}

/* Clear contrast for the main menu and dropdowns */
#top-menu > li > a {
	color: #1f1f1f !important;
	background: #ffffff !important;
	border: 1px solid #4a4a4a !important;
	text-shadow: none !important;
}

#top-menu > li:hover > a,
#top-menu > li > a:focus,
#top-menu > li.current-menu-item > a {
	color: #ffffff !important;
	background: #3a3a3a !important;
	border-color: #3a3a3a !important;
}

#top-menu .sub-menu {
	background: #ffffff !important;
	border: 2px solid #3a3a3a !important;
}

#top-menu .sub-menu a {
	color: #1f1f1f !important;
	background: #ffffff !important;
	text-shadow: none !important;
}

#top-menu .sub-menu li:hover > a,
#top-menu .sub-menu a:hover,
#top-menu .sub-menu a:focus {
	color: #ffffff !important;
	background: #3a3a3a !important;
}

/* Blood, Sweat & Shears visual refresh — preview */
body {
	background: #f7f4ef;
	color: #332d2b;
}

.site-content, .panel-content {
	background: #f7f4ef;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: .025em;
}

.site-title a, .site-description, .main-navigation a, #site-navigation a {
	color: #fff !important;
	text-shadow: 0 2px 8px rgba(0,0,0,.55);
}

.main-navigation a, #site-navigation a {
	font-size: .8rem;
	letter-spacing: .08em;
}

.home .entry-title, body.home h1.entry-title {
	display: none;
}

.home .entry-content > a:first-of-type {
	display: inline-block;
	margin: 1.4rem 0;
	padding: .9rem 1.35rem;
	background: #a85f52;
	color: #fff !important;
	border-radius: 2px;
	font-weight: 700;
	letter-spacing: .06em;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(72, 37, 31, .18);
}

.home .entry-content > a:first-of-type:hover {
	background: #87463c;
}

.home .entry-content {
	max-width: 780px;
	font-size: 1.05rem;
	line-height: 1.8;
}

.panel-content {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.widget-area, #colophon {
	background: #2b2523;
	color: #f7f4ef;
}

/* Navigation dropdown contrast */
.main-navigation ul ul,
#site-navigation ul ul {
	background: #2b2523 !important;
	box-shadow: 0 8px 20px rgba(0,0,0,.28);
}

.main-navigation ul ul a,
#site-navigation ul ul a {
	background: #2b2523 !important;
	color: #ffffff !important;
	text-shadow: none !important;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a,
#site-navigation li:hover > a,
#site-navigation li.focus > a,
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus,
#site-navigation ul ul a:hover,
#site-navigation ul ul a:focus {
	background: #a85f52 !important;
	color: #ffffff !important;
	text-shadow: none !important;
}

/* Main menu without white boxes */
#top-menu > li > a {
	background: transparent !important;
	border: 0 !important;
}

#top-menu > li:hover > a, #top-menu > li > a:focus, #top-menu > li.current-menu-item > a {
	background: #3a3a3a !important;
	border: 0 !important;
}

/* Floating black navigation over the header photo */
.menu-primary-container,
#top-menu,
#top-menu > li,
#top-menu > li > a,
.main-navigation li,
#site-navigation li {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

#top-menu > li > a,
.main-navigation a,
#site-navigation a {
	color: #111111 !important;
	text-shadow: none !important;
}

#top-menu > li:hover > a,
#top-menu > li > a:focus {
	color: #111111 !important;
	background: transparent !important;
}

/* Fine white outline for floating navigation text */
#top-menu > li > a,
.main-navigation a,
#site-navigation a {
	color: #111111 !important;
	text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff !important;
}

/* White floating navigation with a fine black outline */
#top-menu > li > a,
.main-navigation a,
#site-navigation a {
	color: #ffffff !important;
	text-shadow: -1px -1px 0 #111111, 1px -1px 0 #111111, -1px 1px 0 #111111, 1px 1px 0 #111111 !important;
}

/* Unified classic typography */
body, button, input, select, textarea,
.site-title, .site-title a, .site-description,
.main-navigation, .main-navigation a, #site-navigation, #site-navigation a,
h1, h2, h3, h4, h5, h6, .entry-title, .widget-title {
	font-family: Georgia, "Times New Roman", serif !important;
}

/* Show footer social links only on the home page */
body:not(.home) .jetpack-social-navigation {
	display: none !important;
}

/* Mobile main-menu text: clean black with no outline */
@media screen and (max-width: 768px) {
	#top-menu > li > a,
	  .main-navigation > div > ul > li > a,
	  #site-navigation > div > ul > li > a {
		color: #111111 !important;
		text-shadow: none !important;
	}
}/* Hide WordPress.com Like sections on all pages */.like-post-wrapper, .sd-like {  display: none !important;}
/* Mobile menu contrast */@media screen and (max-width: 768px) {  #top-menu > li > a, .main-navigation > div > ul > li > a, #site-navigation > div > ul > li > a { color: #ffffff !important; text-shadow: -1px -1px 0 #111111, 1px -1px 0 #111111, -1px 1px 0 #111111, 1px 1px 0 #111111 !important; }  #top-menu .sub-menu a, .main-navigation ul ul a, #site-navigation ul ul a { color: #111111 !important; background: #ffffff !important; text-shadow: none !important; }}/* Stronger mobile menu outline */@media screen and (max-width: 768px) {  #top-menu > li > a, .main-navigation > div > ul > li > a, #site-navigation > div > ul > li > a { text-shadow: -2px -2px 0 #111111, 2px -2px 0 #111111, -2px 2px 0 #111111, 2px 2px 0 #111111 !important; }}/* Page-specific headers */body.page-id-5166 #masthead,body.page-id-5814 #masthead {  min-height: 220px;  background-color: #202020 !important;  background-size: cover !important;  background-position: center !important;  position: relative;}body.page-id-5166 #masthead {  background-image: linear-gradient(rgba(18,18,18,.42), rgba(18,18,18,.42)), url('https://bloodsweatshears.com/wp-content/uploads/2026/09/employment-header.png') !important;}body.page-id-5814 #masthead {  background-image: linear-gradient(rgba(18,18,18,.42), rgba(18,18,18,.42)), url('https://bloodsweatshears.com/wp-content/uploads/2026/09/our-work-header.png') !important;}body.page-id-5166 #masthead .custom-header,body.page-id-5814 #masthead .custom-header { display: none; }@media screen and (max-width: 768px) {  #top-menu > li > a,  .main-navigation > div > ul > li > a,  #site-navigation > div > ul > li > a {    color: #fff !important;    text-shadow: 0 1px 2px rgba(0,0,0,.95) !important;  }  body.page-id-5166 #masthead,  body.page-id-5814 #masthead { min-height: 150px; }  body.page-id-5166 #masthead #top-menu > li > a,  body.page-id-5814 #masthead #top-menu > li > a { text-shadow: none !important; }

}/* Match the home page hero on Our Work and Employment */body.page-id-5166 #masthead,body.page-id-5814 #masthead {  min-height: 0 !important;  background: none !important;  position: relative;}body.page-id-5166 #masthead::before,body.page-id-5814 #masthead::before {  content: "";  display: block;  padding-top: 75%;  background: url('https://i0.wp.com/bloodsweatshears.com/wp-content/uploads/2026/07/img_0813.jpg?fit=1500%2C1125&ssl=1') center / cover no-repeat;}body.page-id-5166 #masthead .header-wrapper,body.page-id-5814 #masthead .header-wrapper {  position: absolute;  inset: 0;  z-index: 1;}@media screen and (max-width: 768px) {  body.page-id-5166 #masthead,  body.page-id-5814 #masthead { min-height: 0 !important; }  body.page-id-5166 #masthead #top-menu > li > a,  body.page-id-5814 #masthead #top-menu > li > a { text-shadow: 0 1px 2px rgba(0,0,0,.95) !important; }}
/* Keep the home hero visible behind the navigation */body.page-id-5166 #masthead .header-wrapper,body.page-id-5814 #masthead .header-wrapper { background: transparent !important; }
/* Full-screen dropdown menus */
#masthead #top-menu>li.menu-item-has-children>.sub-menu{
  left:-999em!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important
}
#masthead #top-menu:not(:has(li.focus))>li.menu-item-has-children:hover>.sub-menu,
#masthead #top-menu>li.menu-item-has-children.focus>.sub-menu{
  position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:100vw!important;height:100vh!important;margin:0!important;padding:100px 20px 32px!important;
  box-sizing:border-box!important;background:#1e1c1b!important;z-index:9998!important;
  overflow-y:auto!important;text-align:center!important;transform:none!important
}
#masthead #top-menu>li.menu-item-has-children>.sub-menu li{
  float:none!important;width:100%!important;margin:0!important;border:0!important
}
#masthead #top-menu>li.menu-item-has-children>.sub-menu a{
  display:block!important;max-width:440px!important;margin:0 auto!important;padding:14px 20px!important;
  color:#fff!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.3)!important;
  text-shadow:none!important
}
#masthead #top-menu>li.menu-item-has-children>.sub-menu a:hover,
#masthead #top-menu>li.menu-item-has-children>.sub-menu a:focus{background:rgba(255,255,255,.12)!important}
#masthead #top-menu>li.menu-item-has-children>a{position:relative;z-index:9999}

/* Keep every header link readable while a menu is open */
#masthead #top-menu:has(li.menu-item-has-children:hover)>li>a,#masthead #top-menu:has(li.focus)>li>a{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.85)!important}

/* Keep the salon name above the open menu */
#masthead .site-branding,#masthead .site-title,#masthead .site-title a{position:relative!important;z-index:9999!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.85)!important}

/* Let the open panel cover the top menu as well */
#masthead #top-menu:not(:has(li.focus))>li.menu-item-has-children:hover>.sub-menu,#masthead #top-menu>li.menu-item-has-children.focus>.sub-menu{z-index:10001!important}

/* Mobile top-level navigation: black text with a light edge */

/* Hide the salon-name home link on phones */


/* Mobile MENU: cover the page behind it */
@media screen and (max-width: 768px) {
  #site-navigation.toggled,
  .main-navigation.toggled,
  #site-navigation:has(.menu-toggle[aria-expanded="true"]),
  .main-navigation:has(.menu-toggle[aria-expanded="true"]) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
    display: block !important;
    box-sizing: border-box !important;
    padding: 88px 20px 32px !important;
    overflow-y: auto !important;
    background: #1e1c1b !important;
  }
  #site-navigation.toggled .menu-toggle,
  .main-navigation.toggled .menu-toggle,
  #site-navigation:has(.menu-toggle[aria-expanded="true"]) .menu-toggle,
  .main-navigation:has(.menu-toggle[aria-expanded="true"]) .menu-toggle {
    position: fixed !important;
    top: 18px !important;
    right: 20px !important;
    z-index: 2147483647 !important;
    color: #fff !important;
  }
  #site-navigation.toggled #top-menu,
  .main-navigation.toggled #top-menu,
  #site-navigation:has(.menu-toggle[aria-expanded="true"]) #top-menu,
  .main-navigation:has(.menu-toggle[aria-expanded="true"]) #top-menu {
    display: block !important;
    background: transparent !important;
  }
  #site-navigation.toggled #top-menu > li > a,
  .main-navigation.toggled #top-menu > li > a,
  #site-navigation:has(.menu-toggle[aria-expanded="true"]) #top-menu > li > a,
  .main-navigation:has(.menu-toggle[aria-expanded="true"]) #top-menu > li > a {
    display: block !important;
    color: #fff !important;
    background: transparent !important;
    text-shadow: none !important;
    border-bottom: 1px solid rgba(255,255,255,.30) !important;
  }
}
/* Keep any open menu above every page */
body:has(#top-menu li.focus) #masthead,
body:has(#top-menu li.menu-item-has-children:hover) #masthead {
  position: relative !important;
  z-index: 2147483646 !important;
}
#masthead #top-menu > li.menu-item-has-children.focus > .sub-menu,
#masthead #top-menu:not(:has(li.focus)) > li.menu-item-has-children:hover > .sub-menu {
  z-index: 2147483647 !important;
}

@media screen and (max-width: 768px) {
  #masthead .site-title,
  #masthead .site-title a {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  #top-menu > li > a,
  .main-navigation > div > ul > li > a,
  #site-navigation > div > ul > li > a {
    color: #171514 !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: 0 0 1px #fff, 0 0 2px #fff !important;
  }
}