/* Dark-theme compatibility layer for legacy Bootstrap markup inside .ma-content */

.ma-content {
	color: rgb(212 212 212);
}

.ma-content h1,
.ma-content h2,
.ma-content h3,
.ma-content h4,
.ma-content .profile_heading {
	color: #fff;
	font-weight: 300;
	letter-spacing: -0.02em;
	margin-bottom: 0.75rem;
}

.ma-content h1 { font-size: 1.875rem; }
.ma-content h2 { font-size: 1.5rem; }
.ma-content h3 { font-size: 1.25rem; }

.ma-content p,
.ma-content li,
.ma-content td,
.ma-content th {
	color: rgb(212 212 212);
}

.ma-content a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.ma-content a:hover {
	color: rgb(212 212 212);
}

.ma-content a.bg-white {
	color: #000;
	text-decoration: none;
}

.ma-content a.bg-white:hover {
	color: #000;
}

.ma-content .container,
.ma-content .container-fluid {
	width: 100%;
	max-width: none;
	padding: 0;
	margin: 0;
}

.ma-content .row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

.ma-content .row > [class*="col-"],
.ma-content .row > .span12 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-bottom: 1rem;
	box-sizing: border-box;
}

.ma-content .col-xs-6,
.ma-content .col-xs-12 { width: 100%; }
@media (min-width: 480px) {
	.ma-content .col-xs-3 { width: 25%; }
	.ma-content .col-xs-6 { width: 50%; }
}
.ma-content .col-sm-4 { width: 100%; }
@media (min-width: 640px) {
	.ma-content .col-sm-4 { width: 33.333%; }
	.ma-content .col-sm-10 { width: 83.333%; }
	.ma-content .col-sm-2 { width: 16.667%; }
}
.ma-content .col-md-3 { width: 100%; }
@media (min-width: 768px) {
	.ma-content .col-md-3 { width: 25%; }
	.ma-content .col-md-1 { width: 8.333%; }
	.ma-content .col-md-10 { width: 83.333%; }
	.ma-content .col-md-12 { width: 100%; }
}
@media (min-width: 640px) {
	.ma-content .col-sm-2 { width: 16.666%; }
}
.ma-content .col-lg-2 { width: 100%; }
@media (min-width: 1024px) {
	.ma-content .col-lg-2 { width: 16.666%; }
	.ma-content .col-lg-5 { width: 41.666%; }
	.ma-content .col-lg-10 { width: 83.333%; }
	.ma-content .col-lg-12 { width: 100%; }
}

.ma-content .form-group {
	margin-bottom: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}

.ma-content .control-label,
.ma-content label {
	color: rgb(163 163 163);
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.ma-content .col-sm-2.control-label,
.ma-content .col-sm-2 > label,
.ma-content .col-sm-10 {
	flex: none;
	width: 100%;
	min-width: 0;
}

.ma-content .form-control,
.ma-content select,
.ma-content textarea,
.ma-content input[type="text"],
.ma-content input[type="email"],
.ma-content input[type="tel"],
.ma-content input[type="password"],
.ma-content input[type="number"],
.ma-content input[type="file"] {
	width: 100%;
	background: rgb(10 10 10);
	border: 1px solid rgb(64 64 64);
	color: #fff;
	padding: 0.625rem 0.875rem;
	font-size: 0.875rem;
	border-radius: 0;
}

.ma-content .form-control:focus,
.ma-content select:focus,
.ma-content textarea:focus,
.ma-content input:focus {
	outline: none;
	border-color: rgb(163 163 163);
}

.ma-content .btn,
.ma-content button[type="submit"],
.ma-content input[type="submit"] {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 0.625rem 1.25rem;
	border: none;
	cursor: pointer;
	transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

.ma-content button[type="submit"]:not([class*="btn"]),
.ma-content input[type="submit"]:not([class*="btn"]) {
	background: #fff;
	color: #000;
}

.ma-content button[type="submit"]:not([class*="btn"]):hover,
.ma-content input[type="submit"]:not([class*="btn"]):hover {
	background: rgb(229 229 229);
}

.ma-content .btn-primary,
.ma-content .btn-success {
	background: #fff;
	color: #000;
}

.ma-content .btn-primary:hover,
.ma-content .btn-success:hover {
	background: rgb(229 229 229);
}

.ma-content .btn-default,
.ma-content .btn-secondary {
	background: transparent;
	color: #fff;
	border: 1px solid rgb(64 64 64);
}

.ma-content .btn-default:hover,
.ma-content .btn-secondary:hover {
	border-color: #fff;
}

.ma-content .btn-danger {
	background: rgb(127 29 29);
	color: #fff;
}

.ma-content .help-block {
	color: rgb(115 115 115);
	font-size: 0.8125rem;
	margin-top: 0.25rem;
}

.ma-content .thumbnail {
	display: block;
	border: 1px solid rgb(38 38 38);
	background: rgb(23 23 23);
	padding: 0;
	overflow: hidden;
	transition: border-color 0.2s;
}

.ma-content .thumbnail:hover {
	border-color: rgb(115 115 115);
}

.ma-content .thumbnail img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	aspect-ratio: 6 / 7;
}

.ma-content .profile_name {
	text-align: center;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgb(163 163 163);
	margin-top: 0.5rem;
}

.ma-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1rem 0;
}

.ma-content th,
.ma-content td {
	border: 1px solid rgb(38 38 38);
	padding: 0.625rem 0.75rem;
	text-align: left;
	vertical-align: top;
}

.ma-content th {
	background: rgb(23 23 23);
	color: rgb(163 163 163);
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.ma-content hr {
	border: none;
	border-top: 1px solid rgb(38 38 38);
	margin: 1.5rem 0;
}

.ma-content .bg-content {
	background: transparent;
	padding: 0;
}

.ma-content .filters select {
	width: 100%;
	min-width: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.ma-content .radio-inline,
.ma-content .checkbox-inline {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
	font-size: 0.875rem;
	text-transform: none;
	letter-spacing: normal;
	color: rgb(212 212 212);
}

.ma-content .glyphicon,
.ma-content .glyphicon-print {
	font-family: inherit;
}

.ma-content .glyphicon-print::before {
	content: "⎙";
}

/* Slick carousel — dark profile pages */
.ma-content .slick-prev,
.ma-content .slick-next {
	z-index: 10;
}

.ma-content .slick-prev:before,
.ma-content .slick-next:before {
	color: #fff;
	opacity: 0.7;
}

.ma-content .images img {
	max-height: 70vh;
	width: auto;
}

.ma-content .profile_measurements p {
	text-align: center;
	font-size: 0.875rem;
	color: rgb(163 163 163);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.ma-content .form-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.ma-content .search-form {
	display: block;
	width: 100%;
}

.ma-content .photo-crop-target {
	max-width: 28rem;
	cursor: crosshair;
	-webkit-user-drag: none;
	user-select: none;
	touch-action: none;
}

.imgareaselect-outer,
.imgareaselect-selection,
.imgareaselect-border1,
.imgareaselect-border2,
.imgareaselect-border3,
.imgareaselect-border4,
.imgareaselect-handle {
	z-index: 30 !important;
}

/* jQuery UI datepicker — dark theme */
.ui-datepicker {
	background: rgb(23 23 23);
	border: 1px solid rgb(64 64 64);
	color: #fff;
}
.ui-datepicker-header {
	background: rgb(38 38 38);
	border-color: rgb(64 64 64);
	color: #fff;
}
.ui-datepicker td a,
.ui-datepicker td span {
	background: rgb(10 10 10);
	border-color: rgb(38 38 38);
	color: rgb(212 212 212);
}
.ui-datepicker td a.ui-state-active,
.ui-datepicker td a:hover {
	background: #fff;
	color: #000;
}

.ma-roster-image {
	filter: grayscale(100%);
}