/* TLC top-bar account dropdown */
.tlc-cpd-login,
.tlc-cpd-account__toggle {
	color: inherit;
	font-family: inherit;
	font-size: 18px;
	font-weight: inherit;
	line-height: inherit;
	text-decoration: none;
}

.tlc-cpd-login:hover,
.tlc-cpd-login:focus,
.tlc-cpd-account__toggle:hover,
.tlc-cpd-account__toggle:focus {
	color: inherit;
}

.tlc-cpd-account {
	position: relative;
	display: inline-block;
	z-index: 1001;
}

.tlc-cpd-account__toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 7px 14px;
	background: #ffffff !important;
	border: 1px solid #d8dde3;
	border-radius: 4px;
	box-shadow: none;
	color: #043259 !important;
	font-weight: 500;
	line-height: 1.3;
	white-space: nowrap;
	cursor: pointer;
}

.tlc-cpd-account__toggle:hover,
.tlc-cpd-account__toggle:focus {
	background: #04c4d9 !important;
	border-color: #04c4d9;
	color: #032844 !important;
}

.tlc-cpd-account__toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

.tlc-cpd-account__chevron {
	font-size: 13px;
	line-height: 1;
}

.tlc-cpd-account__menu {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 220px;
	padding: 6px 0;
	background: #ffffff;
	border: 1px solid #d8dde3;
	border-radius: 0;
	box-shadow: 0 10px 24px rgba(4, 50, 89, 0.16);
	text-align: left;
}

.tlc-cpd-account__menu[hidden] {
	display: none !important;
}

.tlc-cpd-account__menu a {
	display: block;
	padding: 10px 18px;
	color: #333333 !important;
	font-family: Poppins, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	text-decoration: none !important;
}

.tlc-cpd-account__menu a:hover,
.tlc-cpd-account__menu a:focus {
	background: rgba(4, 50, 89, 0.06);
	color: #043259 !important;
	outline: none;
}

.tlc-cpd-account__menu a:focus-visible {
	box-shadow: inset 3px 0 0 #043259;
}

.tlc-cpd-account__menu .tlc-cpd-account__logout {
	margin-top: 6px;
	border-top: 1px solid #d8dde3;
}

@media (min-width: 1200px) {
	#toolbar {
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.elementor-9335 .elementor-element-c2a6874 > .e-con-inner {
		gap: 14px;
	}

	.elementor-9335 #topbar-left {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
	}

	.elementor-9335 #topbar-left .header-info-swapper,
	.elementor-9335 #topbar-left .thim-header-info {
		width: max-content;
		max-width: none;
	}

	.elementor-9335 #topbar-left .thim-header-info {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 14px;
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}

	.elementor-9335 #topbar-left .thim-header-info > * {
		flex: 0 0 auto;
		margin-right: 0 !important;
		white-space: nowrap;
	}

	.elementor-9335 #topbar-left .thim-header-info a {
		font-size: 14px;
		line-height: 1.3;
	}

	.elementor-9335 .elementor-element-ced8a78 .thim-header-info {
		gap: 18px;
	}

	.elementor-9335 .elementor-element-3457ac2 {
		flex: 0 0 auto !important;
		width: auto !important;
	}

	.elementor-9335 .elementor-element-ced8a78 .thim-header-info > * {
		white-space: nowrap;
	}

	.elementor-9335 .elementor-element-ced8a78 .thim-header-info a {
		font-size: 16px;
		line-height: 1.3;
	}

	.elementor-9335 .tlc-cpd-account__toggle {
		gap: 5px;
		padding: 6px 10px;
		font-size: 16px;
	}

	.elementor-9335 .elementor-element-614c0c4 {
		flex: 0 0 auto !important;
		width: auto !important;
	}

	.elementor-9335 .elementor-element-614c0c4 .thim-social-media {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		column-gap: 3px;
		row-gap: 3px;
		width: max-content;
	}

	.elementor-9335 .elementor-element-614c0c4 .thim-social-media::before {
		flex: 0 0 100%;
		margin-bottom: 0;
		font-size: 12px;
	}

	.elementor-9335 .elementor-element-614c0c4 .thim-social-media > li {
		flex: 0 0 auto;
	}

	.elementor-9335 .elementor-element-614c0c4 .thim-social-media > li > a {
		width: 23px;
		height: 23px;
		font-size: 12px;
		line-height: 23px;
	}
}

@media (max-width: 767px) {
	.tlc-cpd-login,
	.tlc-cpd-account__toggle {
		font-size: 16px;
	}

	.tlc-cpd-account__menu {
		top: calc(100% + 8px);
		right: 0;
		width: min(220px, calc(100vw - 28px));
	}
}

/* TLC WordPress login page */
body.login {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	padding: 28px 16px;
	background: #043259;
	color: #333333;
	font-family: Poppins, sans-serif;
}

body.login * {
	box-sizing: border-box;
}

body.login #login {
	width: 400px;
	max-width: 100%;
	margin: 0;
	padding: 28px;
	background: #ffffff;
	border: 1px solid #d8dde3;
	border-radius: 0;
	box-shadow: 0 18px 44px rgba(3, 40, 68, 0.35);
}

body.login h1 {
	margin: 0 0 20px;
}

body.login h1 a {
	width: 190px;
	height: 106px;
	margin: 0 auto;
	background-position: center;
	background-size: contain;
}

body.login form {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

body.login label {
	color: #333333;
	font-size: 14px;
	font-weight: 500;
}

body.login form .input,
body.login input[type="text"],
body.login input[type="email"],
body.login input[type="password"] {
	min-height: 46px;
	margin-top: 6px;
	padding: 8px 12px;
	background: #ffffff;
	border: 1px solid #b9c2cb;
	border-radius: 0;
	box-shadow: none;
	color: #333333;
	font-family: Poppins, sans-serif;
	font-size: 16px;
}

body.login form .input:focus,
body.login input[type="text"]:focus,
body.login input[type="email"]:focus,
body.login input[type="password"]:focus {
	border-color: #043259;
	box-shadow: 0 0 0 1px #043259;
	outline: none;
}

body.login .wp-pwd button {
	color: #043259;
}

body.login .forgetmenot {
	margin-top: 4px;
}

body.login .submit {
	margin-top: 18px;
}

body.login.wp-core-ui .button-primary {
	min-height: 42px;
	padding: 0 20px;
	background: #043259;
	border-color: #043259;
	border-radius: 0;
	box-shadow: none;
	color: #ffffff;
	font-family: Poppins, sans-serif;
	font-weight: 500;
	text-shadow: none;
}

body.login.wp-core-ui .button-primary:hover,
body.login.wp-core-ui .button-primary:focus {
	background: #032844;
	border-color: #032844;
}

body.login.wp-core-ui .button-primary:focus-visible {
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #043259;
}

body.login #nav,
body.login #backtoblog {
	margin: 18px 0 0;
	padding: 0;
	text-align: center;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
	color: #043259;
}

body.login #nav a:hover,
body.login #nav a:focus,
body.login #backtoblog a:hover,
body.login #backtoblog a:focus,
body.login .privacy-policy-page-link a:hover,
body.login .privacy-policy-page-link a:focus {
	color: #032844;
}

body.login .message,
body.login .notice,
body.login #login_error {
	margin: 0 0 18px;
	padding: 12px 14px;
	border-width: 0 0 0 4px;
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	line-height: 1.5;
}

body.login #login_error {
	border-left-color: #a12622;
}

body.login .language-switcher {
	position: static;
	width: 400px;
	max-width: 100%;
	margin: 14px 0 0;
	padding: 0;
	color: #ffffff;
}

body.login .language-switcher select,
body.login .language-switcher .button {
	border-radius: 0;
}

@media (max-width: 480px) {
	body.login {
		align-items: flex-start;
		padding: 18px 12px;
	}

	body.login #login {
		padding: 22px 18px;
	}

	body.login h1 a {
		width: 160px;
		height: 90px;
	}

	body.login .submit,
	body.login.wp-core-ui .button-primary {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tlc-cpd-account__menu,
	body.login .button {
		scroll-behavior: auto;
	}
}
