/*
Theme Name: Challenge
Theme URI: https://www.challenge.walkme.com/
Author: WalkMe
Author URI: https://www.walkme.com/
Description: Welcome to the WalkMe Challenge! What if two employees were given identical tasks, on identical software. Would they finish at the same time? They might... unless one secretly had the WalkMe advantage.
*/

/**
 * Custom Styles for Challenge Theme
 * This file can be used for any additional custom CSS
 * Most styling should be done through theme.json
 */
 *, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* Base styles - theme.json handles most styling */
body {
	font-family: var(--wp--preset--font-family--poppins-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	-webkit-tap-highlight-color: transparent;
}

/* Ensure proper alignment for wide and full width blocks */
.wp-block-group.alignfull,
.wp-block-cover.alignfull {
	margin-left: auto;
	margin-right: auto;
}

/* Accessibility improvements */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Skip to content link */
.skip-link {
	left: -9999em;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline;
}

.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto;
}
h1,h2,h3,h4,h5,h6 {font-weight: 500;}

.wpml-ls-legacy-dropdown ul{
	width:max-content;
	margin-left:auto !important;
}
.wpml-ls-legacy-dropdown p:empty{
	display: none;
}
.wpml-ls-legacy-dropdown ul a.wpml-ls-item-toggle{
	background-color: transparent !important;
	border: none;
	font-size: 14px;
	font-family: "Poppins Regular", sans-serif;
	color: #a8a8a8 !important;
	padding-right: calc(7px + 1.4em);
}
.wpml-ls-legacy-dropdown ul a.wpml-ls-item-toggle:after{
	width: 8px;
	height: 8px;
	border-right: 2px solid #a8a8a8;
	border-bottom: 2px solid #a8a8a8;
	transform: rotate(45deg);
	border-top: none;
	border-left: none;
	top:7px;
}
.wpml-ls-legacy-dropdown ul a.wpml-ls-item-toggle:hover, .wpml-ls-legacy-dropdown ul a.wpml-ls-item-toggle:focus{
	color:inherit;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
	background: #fff;
		filter: drop-shadow(0 9.5px 21px rgba(168, 181, 205, .35));
		padding: 26px 16px 21px;
		border: 1px solid #EBEFF7;
		border-radius: 12px;
		font-size: 16px;
		top: 169%;
			right: -12px;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{
	font-family: "Poppins Regular", sans-serif;
	font-size: 14px;
	border: none;
	padding:10px 5px
}
.wpml-ls-display,.wpml-ls-legacy-dropdown br{display: none;}
.wpml-ls-sub-menu::before{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCA2MCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwIDIuNjY3ODFlLTA2TDYwIDI3TC0zLjgxNDdlLTA2IDI3TDMwIDIuNjY3ODFlLTA2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		position: absolute;
		top: -16px;
		width: 60px;
		height: 27px;
		left: 0;
		right: 0;
		margin: 0 auto;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:focus,.wpml-ls-legacy-dropdown ul a.wpml-ls-item-toggle:hover,
.wpml-ls-legacy-dropdown ul a.wpml-ls-item-toggle:focus{
	background-color: transparent;
}
.is-layout-constrained.alignfull:has(>.wp-block-wme-wm-walkme-menu.fixed-scroll-only.is-style-dark-theme) {
	padding-top: 20px;
}

.is-layout-constrained:has(>.wpml-ls-legacy-dropdown) {
	z-index: 991;
	padding-top: 8px;
	position: fixed;
	width: 100%;
	right: 0;
	top: 0;
}

.wp-block-wme-wm-walkme-menu.wm-menu .wm-menu__inline-nav .wp-block-navigation .current-menu-item a{
	color: #0072F5;
}


.wp-block-social-links li:not(:last-child) {
	margin-right: 15px !important;
}
.wp-block-social-links.has-normal-icon-size {
	font-size: 36px;
}
@media screen and (min-width: 992px) {
	.wp-block-social-links.has-normal-icon-size{font-size: 26px;}
}