/* global style css - act as theme child style css */

/* begin basic css */

:root {
	--subTitle: clamp(11.5px, calc(11.5px + (13.5 - 11.5) * ((100vw - 375px) / (1920 - 375))), 13.5px);
	--subTittleBiggerMobile: clamp(13px, calc(13px + (13.5 - 13) * ((100vw - 375px) / (1920 - 375))), 13.5px); 
	--white: #fff;
	--black: #0b1014;
	--brandColor: #e84b85;
	--brandColorDarker: #ed367a;
	--gray: rgb(11 16 20/60%);
	--squareRadius: calc(6px + (7.5 - 6) * ((100vw - 375px) / (1920 - 375)));
	--sectionMargin: clamp(75px, calc(75px + (198 - 75) * ((100vw - 480px) / (1920 - 480))), 198px);
	--roundedRadius: 100px;
	--circleRadius: 100%;
}

::-webkit-scrollbar {
	height: 0px;
	width: 0
}

:target:before {
    content: '';
    display: block;
    height: 200px;
    margin: -200px 0 0;
}

html {
    scroll-behavior: smooth;
}

body {
	line-height: 1.525;
	letter-spacing: .05px;
	background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.35)), url(/wp-content/uploads/bg-charcoal.webp);
}

a, a.button {
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .45s;
  width: fit-content
}

a:hover {
  background-size: 100% 2px;
}

a.site-logo {
	background-image: none;
}

mark {
	color: inherit;
	background: none;
}

.italic {
	font-style: normal;
    -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(355deg, 0deg);
    -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(355deg, 0deg);
    -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(355deg, 0deg);
    -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(355deg, 0deg);
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(355deg, 0deg);
    transform: scale(.99) rotate(0deg) translate(0px, 0px) skew(355deg, 0deg);
}

a > span > svg {
	fill: currentcolor;
	width: 1em;
	height: auto;
	aspect-ratio: 1/1
}

a.icon {
	background-image: none;
	line-height: 0;
}

a.with-icon {
	column-gap: .45em
}

.has-box-shadow {
	/* box-shadow: inset 0 0 #1f2327, inset 0 0 #141416, -5px -5px 10px #1f2327, 5px 5px 10px #141416; */
	box-shadow: inset 0 0 #1f2327, inset 0 0 #141416, -5px -5px 8px #18191b, 5px 5px 10px #141416
}

a.button.has-box-shadow {
	padding: 1.15rem 1.75rem;
    border-radius: var(--roundedRadius);
	
}

a.button.has-box-shadow:not(:hover) {
	color: #6e707f;
}

a.button.has-box-shadow:hover {
    /* box-shadow: inset -4px -4px 10px #1f2327, inset 4px 4px 10px #141416, 0 0 #1f2327, 0 0 #141416; */
	box-shadow: inset -4px -4px 10px #18191b, inset 4px 4px 10px #141416, 0 0 #1f2327, 0 0 #141416;
}

a.button.has-box-shadow:hover svg {
	margin-left: calc(2px + .25vw);
    transform-style: preserve-3d;
    /* transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);*/
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(360deg) skew(0deg, 0deg);
}

a.button.has-box-shadow svg {
	transform-style: preserve-3d;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-45deg) skew(0deg, 0deg);
}

a.button.has-box-shadow svg,
a.button.has-box-shadow {
	transition: all .475s cubic-bezier(.215, .61, .355, 1);
}

.has-square-radius {
	border-radius: var(--squareRadius)
}

.has-rounded-radius {
	border-radius: var(--roundedRadius)
}

.has-circle-radius {
	border-radius: var(--circleRadius)
}

/* end basic css */

/* header and nav */
#header {
	padding:  calc(14px + (20 - 14) * ((100vw - 375px) / (1920 - 375))) 0;
	will-change: transform, backdrop-filter;
	z-index: 999
}

button.menu-toggle {
    background-color: #303030;
}

button.menu-toggle:active, button.menu-toggle:focus, button.menu-toggle:hover {
	background-color: #292929;
}

.main-navigation .menu-toggle .gp-icon svg {
	width: 1.25em;
}

.site-branding-container {
	display: flex;
	 align-items: center;
    column-gap: 6px;
}

.site-branding a {
	font-weight: 776;
    background-image: none;
    text-transform: uppercase;
    font-size: larger;
    letter-spacing: -.05px;
}

#header img.is-logo-image {
	filter: invert(.725);
	width: calc(50px + (60 - 50) * ((100vw - 300px) / (1680 - 300)));
	aspect-ratio: 1 / 1;
}

#header,
#header .inner {
	height: fit-content
}

#header .right {
	column-gap: 8px
}

#header .right a.button {
	color: #4e4e4e;
	font-size: 97.5%;
	column-gap: 7px;
	font-weight: 440;
	padding: 11.25px 18.5px;
	border-width: .5px;
    border-style: groove;
    border-color: #a636ed;
    border-color: #5d0dc6;
	border-radius: var(--squareRadius);
	transition: background-color .2s, border-color .2s
}

#header .right a.button.chat:hover {
	border-color: #e3e8ef;
	background-color: #e3e8ef;
    box-shadow: 4px 5px 2px #0a09081a;
    background-image: none;
}

a.button.with-icon svg {
	width: .97em;
    height: auto;
    aspect-ratio: 1 / 1;
}

a.global-bg-button {
    color: var(--white);
    background-color: #072ac8;
    background-image: radial-gradient(circle farthest-corner at 100% 0%, #072ac8, #6006c7 65%, #06a3c7);
    background-size: 100% 100%;
    transition: background-size .35s;
}

#header .right a.button.global-bg-button:hover,
a.global-bg-button:hover {
    animation: backgroundZoom 3.15s infinite ease-in-out;
}

@keyframes backgroundZoom {
    0% {
        background-size: 100% 100%;
    }
    25% {
        background-size: 100% 200%;
    }
    50% {
        background-size: 200% 300%;
    }
    75% {
        background-size: 100% 200%;
    }
    100% {
        background-size: 100% 100%;
    }
}

a.button {
	font-weight: 500
}

a.button.slide-hover {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size .35s;
}

a.button.slide-hover {
  background-image: linear-gradient(#ed367a, #ed367a);
}

a.button.slide-hover:hover {
  background-size: 100% 100%;
}

a.button.with-icon {
	column-gap: 7px;
}

.section-margin-top {
	margin-top: var(--sectionMargin)
}

.section-margin-bottom {
	margin-bottom: var(--sectionMargin)
}

.large-margin-top {
	margin-top: calc(15px + 2.5vw)
}

.margin-top {
	margin-top: 1.25em
}

.small-margin-top {
	margin-top: .65em
}

.global-gap {
	gap: calc(20px + .5vw);
}

.small-gap {
	gap: calc(8px + .5vw);
}

.very-small-gap {
	gap: calc(5px + .25vw);
}

.brand-color {
	color: var(--brandColor)
}

.gradient-text-01 {
	background-image: linear-gradient(180deg, #fff, #4b4e5f);
    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

h2 {
    letter-spacing: -.25px;
	line-height: 1.25;
}

.svg-underline:after {
	content: ''
}

.svg-underline:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.svg-underline:after {
	width: 100%;
	height: 100%;
}

.svg-underline:after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1418 125" fill="%23d49245"><path d="M1412.29 72.17c-11.04-5.78-20.07-14.33-85.46-25.24-22.37-3.63-44.69-7.56-67.07-11.04-167.11-22.06-181.65-21.24-304.94-30.56C888.78 1.39 822.57 1.1 756.44 0c-46.63-.11-93.27 1.56-139.89 2.5C365.5 13.55 452.86 7.68 277.94 23.15 202.57 33.32 127.38 45.01 52.07 55.69c-11.23 2.41-22.63 4.17-33.71 7.22C6.1 66.33 5.64 66.19 3.89 67.79c-7.99 5.78-2.98 20.14 8.72 17.5 33.99-9.47 32.28-8.57 178.06-29.66 4.26 4.48 7.29 3.38 18.42 3.11 13.19-.32 26.38-.53 39.56-1.12 53.51-3.81 106.88-9.62 160.36-13.95 18.41-1.3 36.8-3.12 55.21-4.7 23.21-1.16 46.43-2.29 69.65-3.4 120.28-2.16 85.46-3.13 234.65-1.52 23.42.99 1.57-.18 125.72 6.9 96.61 8.88 200.92 27.94 295.42 46.12 40.87 7.91 116.67 23.2 156.31 36.78 3.81 1.05 8.28-.27 10.51-3.58 3.17-3.72 2.66-9.7-.78-13.13-3.25-3.12-8.14-3.44-12.18-5.08-17.89-5.85-44.19-12.09-63.67-16.56l26.16 3.28c23.02 3.13 46.28 3.92 69.34 6.75 10.8.96 25.43 1.81 34.34-4.39 2.26-1.54 4.86-2.75 6.21-5.27 2.76-4.59 1.13-11.06-3.59-13.68ZM925.4 23.77c37.64 1.4 153.99 10.85 196.64 14.94 45.95 5.51 91.89 11.03 137.76 17.19 24.25 4.77 74.13 11.21 101.72 18.14-11.87-1.15-23.77-1.97-35.65-3.06-133.46-15.9-266.8-33.02-400.47-47.21Z"></path></svg>');
	transform: translate(calc(6px + (10 - 6) * ((100vw - 375px) / (1920 - 375))), 0) rotate(357deg);
	background-repeat: no-repeat;
    background-position: bottom;
    height: -webkit-fill-available;
    bottom: -10px;
    z-index: -1;
}


.hoverable-text-color span {
	transition: all 0.335s ease;
}

/* Define hover styles for each character */
.hoverable-text-color span:hover {
	color: var(--white);
}

.brand .gb-highlight span:hover,
.hoverable-text-color.brand mark.gb-highlight span:hover {
	-webkit-text-stroke-color: var(--white);
}

.hoverable-text-color.gradient-text-01 span:hover {
	background-image: linear-gradient(180deg, #fff, #fff);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

/* accordion */

.wk-toggle-item {
	padding: 30px 25px;
	display: flex!important;
	flex-direction: column!important;
	will-change: height;
}
/*
.wk-toggle-item.active {
	row-gap: calc(6px + .25vw);
}
*/
.wk-toggle-label {
    cursor: pointer;
}

.wk-toggle-label h3 {
	flex-direction: row-reverse;
	margin-bottom: calc(1px + .05vw);
}

.wk-toggle-label svg {
    width: 1.365em;
    height: auto;
    aspect-ratio: 1 / 1;
    fill: currentColor;
    /* transition: .165s transform ease; */
	transition: transform .165s ease, color .3s;
}

.wk-toggle-item.active .wk-toggle-label svg {
   /*  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(45deg) skew(0deg, 0deg); */
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(225deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
	color: #d49245;
}

.wk-toggle-content-container {
	grid-template-rows: 0fr;
	will-change: height, grid-template-rows;
    transition: .235s grid-template-rows cubic-bezier(.16,.68,.43,.99), margin-top .25s;
}

.wk-toggle-content {
	row-gap: calc(5.5px + .2vw);
	overflow: hidden
}

.wk-toggle-item.active .wk-toggle-content-container {
	margin-top: calc(6.25px + .2vw);
	grid-template-rows: 1fr;
}

/* footer */

.site-footer {
	padding: calc(39px + (70.5 - 39) * ((100vw - 375px) / (1920 - 375)))  0 calc(18px + (20.5 - 18) * ((100vw - 375px) / (1920 - 375)));
	margin-top: clamp(39px,calc(39px + (60 - 39) * ((100vw - 375px) / (1920 - 375))),60px);
}

.site-footer .inner {	
	font-size: clamp(14.5px,calc(14.5px + (15.5 - 14.5) * ((100vw - 375px) / (1920 - 375))),15.5px);
	/* row-gap: calc(8px + .225vw) */
}

.site-footer .is-logo-img {
	width: calc(30px + .35vw)
}

.site-footer .bottom-row .right,
.site-footer .social-links,
.site-footer .first-row {
	column-gap: calc(8px + .25vw)
}

.site-footer .social-links {
    padding-left: calc(8px + .25vw);
    border-left: 1px solid #e3e8ef;
}

.site-footer .social-links svg {
	width: 1.15em;
	height: auto;
	aspect-ratio: 1/1;
}

.site-footer .inner a:not(:hover) {
	opacity: .96
}

.site-footer .bottom-row {
    border-top: 1px solid #e3e8ef;
    padding-top: calc(11px + .5vw);
}

@media (min-width: 768px) {
	
	#header {
		/*
		background-color: rgba(255,255,255, .55);
		-webkit-backdrop-filter: blur(99px);
		backdrop-filter: blur(99px);
		*/
	}
	
	#simple-live-search.simple-live-search {
		margin-right: -16px
	}
	.simple-live-search .search-modal-actions {
		padding: 0;
	}
	/*
	a.site-logo {
		margin-left: 8px
	}
	
	.site-logo img {
		width: 144px;
	}
	*/
	
	/* footer */
	.site-footer .inner .links-container {
		width: 66%
	}
	
	.site-footer .inner .links-container .links {
		width: -webkit-fill-available;
	}
	
	.site-footer .inner .links-container .links.with-icons svg,
	.site-footer .inner .links-container .links .icon svg {
		width: 1.02em;
	}
	.site-footer .inner .links-container .links.with-icons .linkedin svg,
	.site-footer .inner .links-container .links .icon .linkedin svg {
    	padding-top: 1px;
		width: 1.35em;
	}
	
}

@media (min-width: 3540px) {
	
	
}

@media (min-width: 1025px) and (max-width: 1366px) {
	
	
}

@media (min-width: 768px) and (max-width: 1024px) {

	
	
}

@media (max-width: 767px) {
	
	:root {
		--gp-slideout-width: 310px!important;
	}
	
	#header {
		
	}
	
	.main-navigation .menu-toggle {
		aspect-ratio: 1 / 1;
		padding: 0;
		height: 49px;
		margin-right: -7px;
		justify-items: center;
	}
	

	/*
	.site-logo img {
		max-width: 125px
	}
	*/
	
	#header .main-navigation {
		order: 3;
		position: unset;
	}
	
	.mobile-menu-open #header {
		overflow: visible
	}
	
	.main-navigation .inside-navigation {
		min-height: 0;
   		transition: min-height .215s cubic-bezier(.16,.68,.43,.99), display .15s, padding .15s, justify-content .2s;
	}
	
	.mobile-menu-open #header .main-navigation .inside-navigation {
		width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: var(--white);
        padding: 20px 15px;
        z-index: 999;
        min-height: 445px;
        background-image: linear-gradient(180deg, #fff 80%, rgba(255, 255, 255, .5));
	}
	
	.mobile-menu-open .site-branding-container {
		display: none
	}
	
	.mobile-menu-open #header .main-navigation {
		/* transition: all .25s */
	}
	
	.mobile-menu-open .main-navigation .inside-navigation {
		display: grid;
		height: 100%;
		justify-content: center;
	}
	
	.mobile-menu-open #header .menu-toggle {
		position: absolute;
		top: .9em;
        right: 1.2em;
	}
	
	button.menu-toggle .mobile-menu {
		content-visibility: hidden;
		display: none;
	}
	
	.main-navigation .main-nav>ul {
		display: grid;
		height: 100px;
		justify-items: center;
		gap: 2px;
        column-gap: 10px;
		grid-template-columns: repeat(2, 1fr);
	}
	
	#header .right {
		margin-left: auto
	}
	
	#generate-slideout-menu {
		background-color: rgba(0, 0, 0, .88);
	}
	
	/* footer */
	.site-footer .inner {
		align-items: center;
    	text-align: center;
		row-gap: calc(17.5px + .5vw)
	}
	
	.site-footer .bottom-row {
		flex-direction: column;
		flex-direction: column;
		row-gap: calc(2px + .15vw);
		padding-top: calc(14.5px + .5vw);
	}
	
	/* nav */
	
}

@media (max-width: 499px) {
	
	
	
}