/* ------------------------------------------------------------- *
 * Global variables
/* ------------------------------------------------------------- */

:root {
	--tt-main-bg-color: #f3f3f3; /* Change the template background color here (you can play with some light variations). */
	--tt-main-color: #000000; /* Change the template main color here. */
	--tt-ghost-color: #e9e8e5; /* Change the title ghost color here. */
}

/* Header logo 
=============== */
.tt-logo {
	position: relative;
	margin-right: auto;
	line-height: 1;
	pointer-events: initial;
	z-index: 9;
}
.tt-logo a {
	display: inline-block;
	font-size: 21px;
	color: #FFF;
}
.tt-logo img {
	max-height: 48px; /* You may need to change the img height to match your logo type! */
}

.tt-logo-dark{
	display: none;
}

.tt-accordion.tt-ac-borders .tt-accordion-item:last-child {
	border-bottom: 0;
}

/* Logo for small screens */
@media (max-width: 1024px) {
	.tt-logo img {
		max-height: 42px; /* You may need to change the img height to match your logo type! */
	}
}

/* HOMEPAGE */
.header_homepage .ph-caption-title {
	font-size: clamp(38px, 5vw, 78px);
}


/* Overlay menu list links (master parent) */
.tt-ol-menu-list > li > a,
.tt-ol-menu-list > li > .tt-ol-submenu-trigger > a {
	font-size: clamp(34px, 4vw, 52px);
	color: #fff;
}
.tt-ol-menu-list > li.active > a,
.tt-ol-menu-list > li.active > .tt-ol-submenu-trigger > a,
body:not(.is-mobile) .tt-ol-menu-list > li > a:hover,
body:not(.is-mobile) .tt-ol-menu-list > li > .tt-ol-submenu-trigger:hover > a,
.tt-ol-menu-list > li > .tt-ol-submenu-trigger.tt-ol-submenu-open > a {
	/* transform: skew(-15deg, 0deg); */
	transform: none;
}

.tt-ol-menu-list > li > a, 
.tt-ol-menu-list > li > .tt-ol-submenu-trigger > a,
.tt-ol-submenu-list > li a, 
.tt-ol-submenu-list > li > .tt-ol-submenu-trigger > a,
.tt-ol-submenu-caret,
.tt-ol-menu-list > li li .tt-ol-submenu-caret,
.tt-overlay-menu.tt-ol-menu-count .tt-ol-menu-list > li::before,
.tt-ol-menu-social-heading,
.tt-ol-menu-social > li > a {
	color: #fff;
}

.tt-ol-menu-list > li.active > a, 
.tt-ol-menu-list > li.active > .tt-ol-submenu-trigger > a, 
.tt-ol-menu-list > li.active > .tt-ol-submenu-trigger .tt-ol-submenu-caret, 
body:not(.is-mobile) .tt-ol-menu-list > li > a:hover, 
body:not(.is-mobile) .tt-ol-menu-list > li > .tt-ol-submenu-trigger:hover > a, 
body:not(.is-mobile) .tt-ol-menu-list > li > .tt-ol-submenu-trigger:hover .tt-ol-submenu-caret, 
.tt-ol-menu-list > li > .tt-ol-submenu-trigger.tt-ol-submenu-open > a, 
.tt-ol-menu-list > li > .tt-ol-submenu-trigger.tt-ol-submenu-open .tt-ol-submenu-caret,

.tt-ol-submenu-list > li > .tt-ol-submenu-trigger.tt-ol-submenu-open > a, 
.tt-ol-submenu-list > li > .tt-ol-submenu-trigger.tt-ol-submenu-open .tt-ol-submenu-caret, 
.tt-ol-submenu-list > li.active > a, 
.tt-ol-submenu-list > li.active > .tt-ol-submenu-trigger > a, 
.tt-ol-submenu-list > li.active > .tt-ol-submenu-trigger .tt-ol-submenu-caret, 
.tt-ol-submenu-list > li a:hover, 
.tt-ol-submenu-list > li > .tt-ol-submenu-trigger:hover > a, 
.tt-ol-submenu-list > li > .tt-ol-submenu-trigger:hover .tt-ol-submenu-caret,
.tt-ol-menu-social > li > a:hover, 
.tt-ol-menu-social > li > a:focus {
	color: #fff;
}

.tt-ol-menu-list > li li .tt-ol-submenu-caret {
	color: #fff;
}

#tt-header,
.tt-ol-menu-toggle-btn-text {
	color: #fff;
}

body:not(.is-mobile):not(.tt-ol-menu-open) #tt-header,
body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn-text {
	color: #111;
}

.tt-ol-menu-toggle-btn span::before, 
.tt-ol-menu-toggle-btn span::after,
.tt-ol-menu-toggle-btn:hover span {
	background-color: #fff;
}

body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn span::before, 
body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn span::after,
body:not(.is-mobile):not(.tt-ol-menu-open) .tt-ol-menu-toggle-btn:hover span {
	background-color: #111;
}

/* Navigation overlay  */
.tt-overlay-menu {
  background-color: rgba(0,0,0,0.6);
  backdrop-filter: grayscale(1) blur(14px);
  transition: backdrop-filter 1s ease-in-out;
}

/* Hide the counting numbers */
.tt-overlay-menu.tt-ol-menu-count .tt-ol-menu-list > li::before {
	opacity: 0;
}

.tt-ol-menu-social .secondary {
	margin-top: 30px;
}

.home-services .pgi-categories-wrap {
	line-height: 1.6;
	overflow: auto;
	white-space: normal;
}
	.home-services .pgi-category {
		font-size: calc(15px + 0.1vw);
	}