/**
 * LPH Theme - Uncode Theme Overwrites
 * 
 * Custom styles that override or extend the Uncode parent theme
 * All styles migrated from original style.css
 */

/* ==========================================================================
   Typography & Base Styles
   ========================================================================== */

body {
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	font-synthesis: none;
}

/* Links in text columns should be underlined */
.uncode_text_column p a {
	text-decoration: underline;
}

/* Bold text uses Brandon-Text-Bold font */
.uncode_text_column strong,
.heading-text strong {
	font-family: var(--lph-font-bold);
}

/* ==========================================================================
   Main Navigation
   ========================================================================== */

@media (min-width: 960px) {
	.drop-menu {
		display: none !important;
	}
}

/* Profile Navigation */
#menu-profil li.current-menu-item a {
	color: rgba(0, 0, 0, 0.5);
}

#menu-profil li a:hover {
	color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 960px) {
	#menu-profil .menu-item:last-child a {
		padding: 0 !important;
		margin: 0 !important;
	}
}

/* ==========================================================================
   Team Member Colors
   Individual background colors for team member thumbnails
   ========================================================================== */

.tmb-id-212 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-212)) !important;
	opacity: 1.0 !important;
}

.tmb-id-222 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-222)) !important;
	opacity: 1.0 !important;
}

.tmb-id-225 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-225)) !important;
	opacity: 1.0 !important;
}

.tmb-id-230 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-230)) !important;
	opacity: 1.0 !important;
}

.tmb-id-350 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-350)) !important;
	opacity: 1.0 !important;
}

.tmb-id-231 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-231)) !important;
	opacity: 1.0 !important;
}

.tmb-id-232 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-232)) !important;
	opacity: 1.0 !important;
}

.tmb-id-234 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-234)) !important;
	opacity: 1.0 !important;
}

.tmb-id-235 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-235)) !important;
	opacity: 1.0 !important;
}

.tmb-id-236 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-236)) !important;
	opacity: 1.0 !important;
}

.tmb-id-237 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-237)) !important;
	opacity: 1.0 !important;
}

.tmb-id-238 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-238)) !important;
	opacity: 1.0 !important;
}

.tmb-id-239 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-239)) !important;
	opacity: 1.0 !important;
}

.tmb-id-240 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-240)) !important;
	opacity: 1.0 !important;
}

.tmb-id-241 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-241)) !important;
	opacity: 1.0 !important;
}

.tmb-id-242 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-242)) !important;
	opacity: 1.0 !important;
}

.tmb-id-243 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-243)) !important;
	opacity: 1.0 !important;
}

.tmb-id-244 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-244)) !important;
	opacity: 1.0 !important;
}

.tmb-id-245 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-245)) !important;
	opacity: 1.0 !important;
}

/* Job Application Tile (Bewerben) */
.tmb-id-978 .style-dark-bg {
	background-color: rgb(var(--lph-color-team-978)) !important;
	opacity: 1.0 !important;
}

.tmb.tmb-id-978 .t-entry-visual-overlay-in.style-dark-bg {
	background-color: rgb(var(--lph-color-team-978)) !important;
	opacity: 1 !important;
}

/* ==========================================================================
   Ninja Forms Styling
   ========================================================================== */

/* Hide required fields notice */
.nf-form-fields-required {
	display: none;
}

/* Submit Button - Black/White Style */
.nf-form-content input[type="submit"],
.nf-form-content .nf-element[type="submit"] {
	background-color: rgb(var(--lph-color-black));
	color: rgb(var(--lph-color-white));
	border: none;
	padding: 14px 28px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color var(--lph-transition-base), color var(--lph-transition-base);
}

/* Submit Button Hover State */
.nf-form-content input[type="submit"]:hover,
.nf-form-content .nf-element[type="submit"]:hover {
	background-color: rgba(var(--lph-color-black), 0.8);
	color: rgb(var(--lph-color-white));
}

/* Submit Button Focus State */
.nf-form-content input[type="submit"]:focus {
	outline: 2px solid rgb(var(--lph-color-black));
	outline-offset: 2px;
}

/* Checkbox Styling */
.nf-form-content input[type="checkbox"] {
	appearance: checkbox;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	width: 18px;
	height: 18px;
	border: 1px solid rgb(var(--lph-color-black));
	border-radius: 3px;
	background-color: rgb(var(--lph-color-white));
	cursor: pointer;
	margin: 0;
	vertical-align: middle;
	accent-color: rgb(var(--lph-color-black));
}

/* Checkbox Focus State */
.nf-form-content input[type="checkbox"]:focus {
	outline: 2px solid rgb(var(--lph-color-black));
	outline-offset: 2px;
}

/* Checkbox + Label Wrapper */
.nf-form-content .checkbox-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
}

/* Label Right Alignment */
.label-right .nf-field-label {
	padding-left: 0px !important;
}

/* File Upload Button Styling */
#nf-field-11-container .nf-fu-fileinput-button,
.nf-field-container .nf-fu-fileinput-button {
	background-color: rgb(var(--lph-color-black)) !important;
	background-image: none !important;
	color: rgb(var(--lph-color-white)) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 50px !important;
	padding: 0 35px !important;
	width: auto !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	letter-spacing: 1px !important;
	border: none !important;
	border-radius: 0px !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* File Upload Button Text */
#nf-field-11-container .nf-fu-fileinput-button span,
.nf-field-container .nf-fu-fileinput-button span {
	color: rgb(var(--lph-color-white)) !important;
	opacity: 1 !important;
}

/* File Upload Button Hover/Focus/Active States */
#nf-field-11-container .nf-fu-fileinput-button:hover,
#nf-field-11-container .nf-fu-fileinput-button:focus,
#nf-field-11-container .nf-fu-fileinput-button:active,
.nf-field-container .nf-fu-fileinput-button:hover {
	background-color: rgba(var(--lph-color-black), 0.8) !important;
	background: rgba(var(--lph-color-black), 0.8) !important;
	color: rgb(var(--lph-color-white)) !important;
	opacity: 1 !important;
	filter: none !important;
}

/* File Upload Button Hover Text */
#nf-field-11-container .nf-fu-fileinput-button:hover span,
.nf-field-container .nf-fu-fileinput-button:hover span {
	color: rgb(var(--lph-color-white)) !important;
	opacity: 1 !important;
	display: block !important;
}