/* Site header font family */
.wf-active #hero-header .site-title {
	font-size:4.5em;
	letter-spacing:1px;
	text-shadow: 2px 2px 2px black;
}
/* Skull branding */
.wf-active #hero-header .site-title::before {
  content: '';
  display: block;
  width: 250px;
  height: 230px;
  background-image: url('https://heavymetaltherapy.co.uk/wp-content/uploads/2026/08/hmt-skull-white.png');
  background-size: contain;
	position:absolute;
	left:39%;
	bottom:115px;
}
/* Custom hero background desktop */
.has-header-image #hero-header {
    padding: 22.6vh 3.5em 12.6vh;
	background: url("https://heavymetaltherapy.co.uk/wp-content/uploads/2026/08/hmt-hero.jpg") 10% 70%;
}
/* Custom cursor */
a:-webkit-any-link{
cursor:url("data:application/octet-stream;base64,AAACAAEAICACAAUAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP8AAAH/gAAB/4AAA/+AAAP/wAAH/8AABf/AAAX/wAAF/8AAAf7AAAG2wAABtsAAAbDAAAGAwAABgMAAAYDAAAGAwAABgAAAAYAAAAAAAAA//////////////////////////////////////////////////////gB///4Af//+AH///AA///wAP//4AD//+AAf//AAH//wAB//8AAf//AAH//4AB///AAf//wAH//8AB///A4f//w+H//8Ph///D4f//w/P//8P////n///8="), auto;
}
/**/
  .post-template-default.has-header-image #hero-header .site-title::before,.page-template-default.has-header-image #hero-header .site-title::before,.category.has-header-image #hero-header .site-title::before {
		display:none;
}
/* Search input overlay width desktop */
form.search-form input.search-field{
  width:91%;
}
/* White titles for entries */
.entry-title a,.entry-title a:visited, h1.entry-title{
  color:#f5f5f3;
}
/* Styling updates to menu for tablet / desktop */
@media only screen and (min-width:768px){
.main-navigation{
  font-size:20px;
  font-weight:600;
}
nav#site-navigation.main-navigation{
  margin-top:10px;
}
li.menu-item ul.sub-menu li a{
  padding-bottom:0px;
	font-size:17px;
}
li.menu-item ul.sub-menu{
  border-radius: 0px 0px 8px 8px;
	padding-bottom:8px;
	box-shadow:0px 0px 5px black;
}
}
/*CTA & search Button styling updates */
.more-link,.more-link:visited{
  margin-top:10px;	
}
.more-link,.more-link:visited{
  color:#ffffff;
  background-color:#820f14;
	border:2px solid #820f14;
  transition: background-color 0.75s;
	padding:5px 10px;
	border-radius:25px
}
.more-link:hover{
  background-color:rgba(130, 15, 20, 0.35);
	color:#ffffff;
}
/* Cookie button colours */
button.cky-btn.cky-btn-reject,button.cky-btn.cky-btn-accept,button.cky-btn.cky-btn-preferences{
  background-color:#820f14!important;
  border-color:#820f14!important;
  transition: background-color 0.75s;
}
button.cky-btn.cky-btn-reject:hover,button.cky-btn.cky-btn-accept:hover,button.cky-btn.cky-btn-preferences:hover{
  background-color:rgba(130, 15, 20, 0.35)!important;
}
.cky-btn-revisit-wrapper{
  background-color:#000000!important;	
}
@media only screen and (max-width:767px){
/* Search input overlay width mobile */
form.search-form input.search-field{
  width:74%;
}
/* Mobile site header font size */
.wf-active #hero-header .site-title {
  font-size:3em;
}
/* Mobile more link centering */
	.more-link,.more-link:visited{
		margin:10px auto 0px;
	}
/* Skull branding mobile */
	.has-header-image #hero-header {
    padding: 10vh 3.5em 1vh;
}
.wf-active #hero-header .site-title::before {
    width: 168px;
    height: 150px;
    left: 21%;
    bottom: 87%;
}
/* Mobile hero background image */
.has-header-image #hero-header {
background:url("https://heavymetaltherapy.co.uk/wp-content/uploads/2026/09/hmt-hero-mob.jpg") 83% 66%
}
}
@media only screen and (min-width:768px){
/* Reduce hero size on pages, posts & categories */
  .post-template-default.has-header-image #hero-header,.page-template-default.has-header-image #hero-header,.category.has-header-image #hero-header {
 padding: 1vh 3.5em;
}
}
/* Skull branding tablet */
@media only screen and (min-width:768px) and (max-width:992px){
.has-header-image #hero-header {
    padding: 9.5vh 3.5em 0.5vh;
}
.wf-active #hero-header .site-title::before {
    width: 175px;
    height: 162px;
    left: 38%;
    bottom: 205px;
}
}