/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
html {
	font-family: "Helvetica", "Helvetica Neue", "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
	font-family: var(--font-base,"Helvetica","Helvetica Neue","PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans",sans-serif);
}

/* gallery page & all services sub pages */
body.page-id-69 .entry-header .entry-title,
body.page-id-196 .entry-header .entry-title,
body.page-id-208 .entry-header .entry-title,
body.page-id-210 .entry-header .entry-title,
body.page-id-212 .entry-header .entry-title,
body.page-id-215 .entry-header .entry-title,
body.page-id-217 .entry-header .entry-title,
body.page-id-219 .entry-header .entry-title,
body.page-id-221 .entry-header .entry-title,
body.page-id-223 .entry-header .entry-title,
body.page-id-495 .entry-header .entry-title,
.primary-purple-box {
	background-color: #9400d3;
	color: white;
}

/* about us & contact pages */
body.page-id-8 .entry-header .entry-title,
body.page-id-7 .entry-header .entry-title,
.primary-green-box {
	background-color: #00A0AF;
	color: white;
}

/* testimonials page */
body.page-id-158 .entry-header .entry-title,
.primary-yellow-box {
	background-color: #ffd000;
	color: white;
}

/* services page & Get in touch button */
body.page-id-128 .entry-header .entry-title,
.wp-block-button__link,
.primary-pink-box {
	background-color: #ED1D8f;
	color: white;
}

.primary-dark-green-box {
	background-color: #444D3E;
	color: white;
}

.primary-grey-box {
	background-color: #E4E5E6;
}

/* text colour of sub menus */
.site-header .main-navigation > div > ul > li:hover > a, .site-header .main-navigation > div > ul > li.focus > a, .site-header .main-navigation > div > ul > li.current-menu-item > a {
	color: #00A0AF;
}

/* triangle colour of menu */
.site-header .main-navigation>div>ul>li:hover>ul:before, .site-header .main-navigation>div>ul>li.focus>ul:before, .site-header .main-navigation>div>ul>li.current-menu-item>ul:before {
	border-bottom-color: #00A0AF;
}

/* background colour of drop menu */
.site-header .main-navigation > div > ul > li:hover li > a, .site-header .main-navigation > div > ul > li.focus li > a, .site-header .main-navigation > div > ul > li.current-menu-item li > a {
	background: #00A0AF;
	color: white;
}

/* background colour of drop menu hover style */
.site-header .main-navigation > div > ul > li:hover li:hover > a, .site-header .main-navigation > div > ul > li:hover li.focus > a, .site-header .main-navigation > div > ul > li:hover li.current-menu-item > a, .site-header .main-navigation > div > ul > li.focus li:hover > a, .site-header .main-navigation > div > ul > li.focus li.focus > a, .site-header .main-navigation > div > ul > li.focus li.current-menu-item > a, .site-header .main-navigation > div > ul > li.current-menu-item li:hover > a, .site-header .main-navigation > div > ul > li.current-menu-item li.focus > a, .site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
	background: #black;
}

/* background colour of mobile menu button */
#site-navigation.main-navigation #toggle-menu,
.main-navigation #toggle:focus+#toggle-menu {
	background-color: #00A0AF;
}

/* footer images container */
#custom_html-4 {
	width: calc(100% - 16px);
	text-align: center;
}

body {
	background-color: #FFFFFF;
	color: black;
}