/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
/* change footer text color to white #2499331-zen RF */
.footer-widgets a {
	color: white;
}

/* Hide header on Price List page on mobile - 2499331-zd */
@media only screen and (max-width: 600px) {
	.page-id-200 .header-bg {
		display: none;
	}
}

/* Hide header on Meet the team page on mobile - 2499331-zd */
@media only screen and (max-width: 600px) {
	.page-id-30 .header-bg {
		display: none;
	}
}

/* Hide header on Our Salon page on mobile - 2499331-zd */
@media only screen and (max-width: 600px) {
	.page-id-103 .header-bg {
		display: none;
	}
}

/* Hide header on Gallery page on mobile - 2499331-zd */
@media only screen and (max-width: 600px) {
	.page-id-29 .header-bg {
		display: none;
	}
}

/* Hide header on Blackheath Greenwich Monument price list  page on mobile - 2499331-zd */
@media only screen and (max-width: 600px) {
	.page-id-144 .header-bg {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	.page-id-256 .header-bg {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	.page-id-258 .header-bg {
		display: none;
	}
}

/* Hide header on Offers list  page on mobile - 2499331-zd */
@media only screen and (max-width: 600px) {
	.page-id-32 .header-bg {
		display: none;
	}
}

/* Hide header on Gift Voucher  page on mobile - 2499331-zd */
@media only screen and (max-width: 600px) {
	.page-id-283 .header-bg {
		display: none;
	}
}

/* Hide header on Product stockist  page on mobile - 2499331-zd */
@media only screen and (max-width: 600px) {
	.page-id-288 .header-bg {
		display: none;
	}
}

/* Hide header on Opening times  page on mobile - 2499331-zd */
@media only screen and (max-width: 600px) {
	.page-id-270 .header-bg {
		display: none;
	}
}

/* Change menu link active and hover color - 2499331-zd */
.main-navigation .current_page_item>a, .main-navigation .current-menu-item>a, .main-navigation .menu-item a:hover {
	color: #666;
}

/*--- make stacked coblocks buttons 100% width in mobile / #16609745-hc ck  ---*/
@media (max-width: 600px) {
	.wp-block-coblocks-buttons .is-stacked-on-mobile .wp-block-button, .wp-block-coblocks-buttons .is-stacked-on-mobile .wp-block-button a {
		width: 100%;
	}
}

/* Adjusts font color of phone numbers in the header */
.tel, .tel:hover, .tel:visited {
	color: #FFF;
}

/* Set Make an Appointment to bold and red and bigger font | MJR|16609745- */
.make-an-appointment a {
	color: #662d91;
	font-weight: bold;
	font-size: 15px;
}

/* Make the menu toggle on mobile purple | MJR | 16609745-hc*/
button.menu-toggle {
	background-color: #662d91;
	color: white;
}

/* Resize table titles / 17176001-hc rw */
@media only screen and (max-width: 600px) {
	th {
		font-size: 10px;
	}
}

/*  Edit first column font size / 17176001-hc rw */
td:first-child {
	font-size: 12px;
}

.site-info a {
	display: none;
}

/*Adjust site logo size - 2589597-zd (aam)*/
.site-logo {
	max-height: 110px;
}

/* make coblocks buttons stack on mobile devices | #2659020-zen eD */
@media screen and (max-width: 35em) {
    .wp-block-coblocks-buttons div[class*='flex-align-'] {
      flex-direction: column;
    }
}

/* make button block buttons full-width on mobile | #2659020-zen eD */
@media screen and (max-width: 35em) {
    .wp-block-buttons .wp-block-button {
      width: 100%;
    }

    .wp-block-buttons .wp-block-button a {
      width: 100%;
    }
}

/*applied light blue background to the entire table -hc18176183 -st*/
figure.wp-block-table.hands-and-feet td.has-text-align-left, figure.wp-block-table.hands-and-feet td.has-text-align-center {
    background-color: #e7f5fe;
}

/* Hide "posted on” section on Woo products | JC-18683139-hc */
.single-product .posted-on, .single-product .byline {
  display: none;
}

/* create an availability box on pages sm-18945613-hc
*/
.in-store {
  display: inline-block;
  padding: 10px 20px;
  background-color: #434343;
  color: #fff;
}

/*Reduce list padding on mobile 18977961-hc SB */
@media screen and (max-width: 34.99em){
  ul{
    padding-inline-start: 20px;
  }
}

/*Reduce list padding on mobile 18977961-hc SB */
@media screen and (max-width: 34.99em){
  ol{
    padding-inline-start: 20px;
  }
}

/*  Woo button style on elemis-products page -- 19153489-hc (DOC) */
.page-id-2791 .wp-block-button__link {
  background-color: #0f213a;
  border-radius: 0;
}

/*  Woo button style on elemis-products page -- 19153489-hc (DOC) */
.page-id-2708 .wp-block-button__link {
  background-color: #0f213a;
  border-radius: 0;
}

/*  Woo button style on elemis-products page -- 19153489-hc (DOC) */
.page-id-2968 .wp-block-button__link {
  background-color: #0f213a;
  border-radius: 0;
}

/*  full width WooCommerce pages  -- 19259874-hc (DOC) */
@media only screen and (min-width: 50em) {
  .site-main {
    margin: 0 0 0 0;
  }
}

/* hide theme menu on mobile -mf-hc19386459*/
@media only screen and (max-width: 50em) {
	#site-navigation {
		display: none
	}
}

/*hide header on mobile pages except home -mf-hc19386459*/
@media only screen and (max-width: 50em) {
body:not(.home) .header-bg {
	display: none
}
}

/*  Change the color of the link for the custom HTML || HC-19747357 | MM */
.in-store a {
    color: #fff;
}


/* allow default font size in first column of specific pages 21976131-hc */
.page-id-3715 td:first-child {
	font-size: initial;
}

/* vertically align table content on specific pages /21976131-hc */
.page-id-3715 td {
    vertical-align: top;
}

/* Adjust spacing of list items on COVID-19 page | #22028223-hc JL */
.post-3749 ol {
	line-height: 30px;
}

/* set buttons with white color 20639420-hc lm */ 
.wp-block-button__link.has-white-color.has-text-color.no-border-radius {
    color: #fff;
}