@text: #fafafa;
@bg: #000;
@feature: #523302;
@secondary: #dfbda3;
@link: #ff9507;

@lightest: #1e1d09;

@mid: fade(@bg, 30%);
@mid-dark: fade(@bg, 50%);


@light-feature: lighten(@secondary, 50%);
@dark-feature: lighten(@secondary, 20%);

@dark: #333;


@pad: 22px;
@box-shadow: 1px 1px 3px;

@font-face {
    font-family: Replica;
    src: url(../font/Replica-Light.eot);
    src: url(../font/Replica-Light.eot?#iefix) format("embedded-opentype"),url(../font/Replica-Light.woff) format("woff"),url(../font/Replica-Light.ttf) format("truetype"),url(../font/Replica-Light.svg#Replica-Light) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Replica;
    src: url(../font/Replica-Regular.eot);
    src: url(../font/Replica-Regular.eot?#iefix) format("embedded-opentype"),url(../font/Replica-Regular.woff) format("woff"),url(../font/Replica-Regular.ttf) format("truetype"),url(../font/Replica-Regular.svg#Replica-Regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Replica;
    src: url(../font/Replica-Bold.eot);
    src: url(../font/Replica-Bold.eot?#iefix) format("embedded-opentype"),url(../font/Replica-Bold.woff) format("woff"),url(../font/Replica-Bold.ttf) format("truetype"),url(../font/Replica-Bold.svg#Replica-Bold) format("svg");
    font-weight: 700;
    font-style: normal
}

* {
  box-sizing: border-box;
}

img[alt='www.000webhost.com']{
	display: none;
}

html {
    font-family: Replica,sans-serif;
    font-size: 100%;
    line-height: 1.8rem;
	font-weight: 200;
	background: black;
	body {
		margin: 0;
		padding: 0;
		height: 100vh;
		#wrapper {
			display: grid;
			min-height: 100%;
			color: @text;
		}
	}
}

a.btn {
	text-decoration: none;
}

.lastnext {
	font-size: 90%;
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-auto-flow: dense;
	margin-bottom: 22px;
	.nextop {
		grid-column-start: 3;
	}
}

.op_image {
	max-width: 100%;
	img {
		max-width: 100%;
	}
}

.longform {
	grid-column-start: 1;
	grid-column-end: -1;
	background: #d8d8b1b6 !important;
	color: #223;
	position: relative;
	font-weight: bold;
	&:after {
		content: "";
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-repeat: repeat;
	  background-image: url("data:image/jpeg;base64,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");
	  mix-blend-mode: multiply;
	  pointer-events: none;
	}
	&.archdaughter {
		font-family: "Architects Daughter", Replica, sans-serif;
	}
	&.gloria {
		font-family: "Gloria Hallelujah", Replica, sans-serif;
	}	
	&.glory {
		font-family: "Give You Glory", Replica, sans-serif;
	}	
	&.ptmono {
		font-family: "PT Mono", Replica, sans-serif;
	}	
	&.handlee {
		font-family: "Handlee", Replica, sans-serif;
	}
	&.patrick {
		font-family: "Patrick Hand", Replica, sans-serif;
	}
	&.cprime {
		font-family: "Courier Prime", Replica, sans-serif;
	}
}

@media print {
	font-size: 50%;
	#wrapper {
		#nav, #foot, .kiaribbon {
			display: none !important;
		}
		color: #000 !important;
		.jacket_holder {
			grid-template-columns: 1fr;
			color: #333;
		}
		#main>h2 {
			margin-top: -@pad;
		}
	}
}

a, a:visited {
	color: @secondary;
}

a:active, a:hover, a:focus {
	color: @dark-feature;
}

#wrapper {
	grid-template-rows: auto auto 8fr auto;
	grid-template-areas:	"head"
							"nav"
							"main"
							"foot";
background-color: #444;
background-image: linear-gradient(315deg, fade(#d0a2a2,90%), fade(#6a6537,90%), fade(#260d07,90%)), url(/public_html/public/assets/images/afghan.jpg);

	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#head {
	grid-area: head;
	display: flex;
	align-items: center;
	color: @secondary;
	h1 {
		margin: 0;
		padding: @pad/2 @pad;
		a {
			color: inherit;
			text-decoration: none;
		}
	}
}

h1, h2, h3 {
	text-transform: capitalize;
	font-weight: inherit;
	margin: 0 0 22px 0;	
}

h2 {
	background: linear-gradient(90deg, @lightest, @mid, @lightest);
	margin-left: -@pad*2;
	margin-right: -@pad*2;
	padding: @pad @pad*2;
}

#main {
	grid-area: main;
	padding: @pad;
	@media screen and (min-width: 500px) {
		padding: @pad 2*@pad;
	}
}

form {
	.grid {
		display:grid;
		grid-template-columns: auto 1fr;
	}
}

form.col2 {
		max-width: calc(100vw - (@pad*2));
		border-radius: @pad/5;
		margin: auto;
		display: grid;
		background: fade(@feature, 30%);
		box-shadow: @box-shadow @mid;
		grid-template-columns: auto 5fr;
		grid-gap: @pad;
		padding: @pad;
		h2 {
			margin-top: 0;
			margin-bottom: 0;
			grid-column-end: -1;
			grid-column-start: 1;
		}
	}
label {
	grid-column-start: 1;
	grid-column-end: 2;
	text-align: right;
	padding-right: @pad/2;
	&:after {
		content: ":";
	}
	&+ * {
		grid-column-start: -2;
		grid-column-end: -1;
	}

}	
input {
			&:not(.btn){
				padding: @pad/4 @pad/2;
				border: 0;
				outline: 0;
				min-width: 0;
				box-shadow: inset @box-shadow @mid;
			}
			&.btn {
				justify-self: flex-start;
			}
		}
		
table {
			border-collapse: collapse;
			padding: @pad;
			thead {
				tr {
					border-bottom: 2px solid @feature;
				}
			}	
			td, th {
				padding: @pad/2 @pad/4;
			}			
			td + td, th + th  {
					border-left: 1px solid @mid;
				}
			tbody {
				tr {
					td {
						border-top: 1px solid @mid;
					}
					text-align: center;

				}
			}
		}

input + button.btn, textarea + button.btn {
	margin-left: @pad;
}
input[type='file']{
	max-width: 100%;
}

.error {
	color: red;
	font-weight: bold;
}

#nav {
	grid-area: nav;
	background: @lightest;
	box-shadow: @box-shadow @mid;
	display: grid;
	place-items: flex-start;
	grid-template-columns: 1fr auto;
	grid-auto-flow: dense;
	font-size: 50%;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.2em;
	>div {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
			&.login {
				grid-column-start: -2;
				
			}
	}
		& a {

				display: flex;
				flex-direction: column;	
				align-items: center;
				justify-content: center;

			padding: 2px 10px;
			max-width: 3*@pad;
			text-decoration: none;
			border-bottom: 2px solid transparent;
			box-shadow: @box-shadow transparent;
			&:hover, &:focus, &:active {
				background: fade(@bg, 30%);
				box-shadow: @box-shadow @mid;
				border-radius: 6px;
			}
			&#login {
				grid-column-start: -2;
			}
			.material-icons {
				font-size: 300%;
			}
			&.active {
				border-bottom: 2px solid @light-feature;
				color: @feature;
			}
		}

}

&:focus, &:focus-visible {
	outline: 1px solid @feature;
}

.full-width {
	grid-column-start: 1;
	grid-column-end: -1;
	width: 100%;
}

.squash-top {
	margin-top: -@pad;
}

.center {
	text-align: center;
}

.small {
	font-size: 85%;
}

#foot {
	grid-area: foot;
	background: @mid;
	display: grid;
	place-items: center;	
}

.btn {
	border-radius: @pad;
	border: 1px solid @mid;
	padding: @pad/4 @pad/2;
	background: @feature;
	color: @text;
	cursor: pointer;
	box-shadow: @box-shadow @mid;
	&.btn-small {
		border-radius: @pad/2;
		padding: @pad/8 @pad/2;
	}
	&.btn-tiny {
		border-radius: @pad/4;
		padding: @pad/16 @pad/4;
		font-size: 80%;
	}
	&.disabled {
		background: @mid;
		cursor: not-allowed;
	}
	&:hover {
		background: lighten(saturate(@feature,20%),10%);
		border-color: @link;
		box-shadow: @box-shadow @mid;
		&.disabled {
			background: @mid-dark;
		}
	}
	&.btn-danger {
		border-color: maroon;
		color: white;
		background: red;
	}
	&.btn-invert {
		border-color: @dark;
		color: @dark;
		background: @lightest;
		&:hover {
			box-shadow: @box-shadow transparent;
			background: @text;
			border-color: @mid-dark;
		}
	}
}

.small {
	font-size: 0.7em;
}

.alert {
	background: @feature;
	border: 1px solid @feature;
	padding: @pad;
	position: relative;
	min-height: @pad*4;
	display: grid;
	place-items: center;
}

.hide {
	display: none !important;
}

.margin-top {
	margin-top: @pad;
}

.margin-bottom {
	margin-bottom: @pad;
}

section {
	margin-bottom: @pad;
}

.class_holder {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(~"min(18rem, 100%)", 1fr));
    grid-gap: @pad/5;
	.class {
		background: @mid-dark;
		padding: @pad/2;
		border-radius: @pad/5;
		display: grid;
		grid-template-columns: auto 1fr auto;
		grid-gap: @pad/5;
	}
	
}

.players_holder {
	display: grid;
	grid-gap: @pad/5;
	.buttons {
		text-align: right;
	}
}


.toon_holder {
	display: grid;
	grid-gap: @pad/2;
					@media (max-width: 400px){
						grid-gap: 0;
						font-size: 80%;
						.rank_image, .service{
							display: none;
						}
					}	
	.toons {
		thead {
			tr {
				th {
					border-left-color: transparent;
					border-right-color: transparent;
					&.class  {
						text-align: left;
					}
				}
			}
		}
		.dead {
			h4 {
				margin-bottom: -@pad/2;
				background: @mid-dark;
			}
		}
		.toon {
			td:not(.m_holder) {
				border-color: transparent;
				padding: @pad/5;
				@media screen and (min-width: 400px){
					white-space: nowrap;
					width: 1%;
				}
				&.rank_image, &.service{
					img {
						max-width: 56px;
						margin: auto;
						max-height: 45px;
					}
				}
				&.abbr {
					text-align: right;
				}
				&.callsign, &.class {
					text-align: left;
				}
				&:last-child {
					width: 100%;
				}
				a {
					text-decoration: none;
					color: @text !important;
					white-space: nowrap;
				}
			}
		}
	}
}

.section .toon {
	max-width: 100%;
	.rank_image, .service{
		img {
			max-width: 56px;
			margin: auto;
			max-height: 45px;
		}
	}
}

.section h3 {
	margin-top: 20px;
	border-top: 1px solid black;
}

.section > .sections > .section {
	margin-left: 20px;
}

.service_holder {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(~"min(50rem, 100%)", 1fr));
    grid-gap: @pad;
	.service {
		border-radius: @pad/5;
		box-shadow: @box-shadow @mid;
		padding: @pad;
		background: @mid-dark;
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-template-areas:
			"title ranks"
			"picture ranks"
			"picture buttons";
		grid-gap: @pad;
		.title {
			grid-area: title;
		}
		.ranks {
			grid-area: ranks;
			display: grid;
			grid-template-rows: repeat(12, auto);
			grid-template-columns: 1fr 1fr;
			grid-auto-flow: column;
			grid-gap: @pad/5;
			.rank {
				display: grid;
				grid-template-columns: 40px 100px 40px auto;
				grid-column-gap: @pad/5;
				padding: @pad/5;
				.rank_image {
					max-width: 100%;
					display: grid;
					img {
						max-width: 100%;
						place-self: center;
						max-height: 56px;
					}
				}
			}
		}
		.picture {
			grid-area: picture;
			img {
				max-width: 100%;
			}
		}
		.buttons {
			grid-area: buttons;
		}
	}
}

.operations_holder {
	display: grid;
    grid-gap: @pad;
	a.operation {
		background: @mid;
		padding: @pad;
		border-radius: @pad/5;
		display: grid;
		grid-template-columns: 1fr 2fr 3fr;
		grid-gap: @pad/2;
		grid-template-areas: "details blurb aar";
		.details {
			grid-area: details;
			.date {
				font-size: 80%;
			}
		}
		.blurb {
			grid-area: blurb;
		}
		.aar {
			grid-area: aar;
			.commendations {
				display: grid;
				grid-gap: @pad/2;
				grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
				.commendation {
					background: @mid;
					border-radius: @pad/4;
					padding: @pad/4 @pad/2;
					font-size: 80%;
					.for {
					font-weight: bold;
					}
					.by {
					text-align: right;
					}
				}
			}
			.ts {
				background: black;
				color: #eee;
				padding: @pad/4 @pad/2;
				&.WIA {
					background: maroon;
				}
			}
		}

		text-decoration: none;
		color: @text !important;

	}
}

.aar_holder {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(~"min(35rem, 100%)", 1fr)) !important;
	grid-gap: @pad;
	grid-auto-flow: dense;
	.buttons {
		display: grid;
		grid-gap: @pad/2;
		grid-template-columns: 200px 1fr auto;
		align-items: flex-start;
		label + * {
			grid-column-start: initial;
			grid-column-end: initial;
		}
		.btn {
			align-self: flex-start;
		}
		textarea {
			height: 12rem;
		}
	}
	.media {
		background: @mid;
		border-radius: @pad/4;
		position: relative;
		padding: @pad/2 @pad;
		order: 3;
		&.longform {
			padding: @pad @pad*2;
			border-radius: 0;
		}
		&.screenshot {
			display: grid;
			place-items: center;
			order: 2;
			a {
				text-decoration: none;
			}
			img {
				object-fit: contain;
				max-width: 100%;
				max-height: 400px;
			}
		}
		&.video {
			order: 1;
			display: grid;
			place-items: center;
			object {
				width: 100%;
				min-height: 350px;
			}
		}
	}
}

.comms {
	display: grid;
	grid-gap: @pad;
	grid-template-columns: repeat(auto-fill, minmax(30em, 1fr));
	.commendation {
		background: @mid;
		border-radius: @pad/4;
		padding: @pad @pad*2;
		h4 {
			margin: 0;
		}
		quote {
			.small {
				display: block;
				text-align: right;
				&:before {
					content: "- ";
				}
			}
		}
	}
}

.op2 {
	.minirank {
		width: 20px;
		height: 20px;
		object-fit: contain;
		align-items: center;
		justify-content: center;
	}
	.roster:not(.showstatus) {
		.toon .btn-tiny {
			display: none;
		}
	}
}

.op {
	display: grid;
	grid-gap: @pad;
	margin-bottom: 22px;
	.blurb {
		color: @light-feature;
		font-style: italic;
		font-size: 120%;
		padding: @pad @pad*2;
		background: @mid;
		border-radius: @pad/4;
	}
	&>*{
		display: grid;
		grid-template-columns: 	200px 1fr;
		textarea {
			height: 4rem;
		}
	}
	.op_toon_holder {
		column-count: 1;
		@media (min-width: 760px) {
			column-count: 1;
		}
		@media (min-width: 1050px) {
			column-count: 2;
		}
		@media (min-width: 1360px) {
			column-count: 3;
		}
		@media (min-width: 1650px) {
			column-count: 4;
		}
		padding: @pad @pad*2;
		grid-column-start: 1;
		grid-column-end: -1;
		width: 100%;
			.service {
				img {
					width: 80px;
					height: 80px;
					object-fit: contain;
					text-align: center;
				}
			}
		.toon {
			img {
				width: 20px;
				height: 20px;
				object-fit: contain;
			}
			a {
				text-decoration: none;
				color: @text !important;
			}
		}
	}
	.coc_holder {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(~"min(15rem, 100%)", 1fr));
		grid-gap: @pad;
			.service {
				background: @mid;
				padding: @pad;
				img {
					width: 80px;
					height: 80px;
					object-fit: contain;
					text-align: center;
				}
			}
		a.toon {
			display: block;
			text-decoration: none;
			color: @text !important;
			img {
				width: 20px;
				height: 20px;
				object-fit: contain;
			}
			.class {
				background: @mid;
				font-size: 70%;
				border-radius: @pad;
				padding: @pad/8 @pad/4;
				border: 1px solid @mid-dark;
			}
		}
	}

	.award {
	padding-left: @pad*2;
		a {
			text-decoration: none;
			color: @text !important;
		}
	}
}

.campaign_holder {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(~"min(15rem, 100%)", 1fr));
	grid-auto-flow: dense;
    grid-gap: @pad;
	&.current {
		grid-template-columns: 1fr;
		.campaign {
			color: @text;
			grid-template-areas: "title picture"
								 "blurb picture"
								 "credits picture";
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto 1fr auto;
			.blurb, .credits {
				padding: 0 @pad;
				display: block;
			}
			h2.title {
				margin-bottom: 0;
			}
			img {
				border-radius: @pad/5;
				height: 80vh;
				object-fit: cover;
			}
			&.active {
				border-color: transparent;
				background: transparent;
				box-shadow: none;
				grid-column-start: 1;
				grid-column-end: -1;
				grid-row-start: 1;
			}
		}
	}
	.campaign {
		box-shadow: @box-shadow @mid;
		grid-row-gap: @pad;
		background: @mid;
		display: grid;
		color: darken(@text, 30%);
		grid-template-areas: "picture picture picture"
							 ". title ."
							 ". blurb ."
							 ". credits ."
							 ". codeword ."
							 ". building ."
							 ". archived ."
							 ". button .";
		grid-template-columns: @pad auto @pad;
		grid-template-rows: ~"min(25rem, 35vh)" @pad auto auto;	
		border: 1px solid @mid-dark;
		border-radius: @pad/5;
		&.active {
			color: @text;
			border-color: @link;			
			background: @mid-dark;
				grid-column-start: 1;
				grid-column-end: -1;
				grid-row-start: 1;			
			.image {
				opacity: 1;
				filter: none;
				-webkit-filter: grayscale(0%);
				-moz-filter:    grayscale(0%);
				-ms-filter:     grayscale(0%);
				-o-filter:      grayscale(0%);
			}
			.blurb, .credits {
				display: block;
			}
		}
		img {
			object-fit: cover;
			object-position: center;
			height: 100%;
			border-top-left-radius: @pad/5;
			border-top-right-radius: @pad/5;
			opacity: 0.7;
			-webkit-filter: grayscale(100%) brightness(80%);
			-moz-filter:    grayscale(100%) brightness(80%);
			-ms-filter:     grayscale(100%) brightness(80%);
			-o-filter:      grayscale(100%) brightness(80%);
			filter: grayscale(100%) brightness(80%); 			
		}
		textarea {
			width: 100%;
			min-height: 100px;
		}
		.image {
			grid-area: picture;
			display: grid;
			place-content: center;
			width: 100%;
			position: relative;
			.btn {
				z-index: 1;
			}
			input[type='file']{
				position: absolute;
				bottom: 0;
				left: 0;
				background: @mid-dark;
			}
		}
		.title {
			grid-area: title;
		}
		.blurb {
			grid-area: blurb;
			display: none;
		}
		.credits {
			grid-area: credits;
			display: none;
		}
		.button {
			grid-area: button;
			margin-bottom: @pad;
		}
		.codeword {
			grid-area: codeword;
		}
		.building {
			grid-area: building;
		}
		.archived {
			grid-area: archived;
		}
	}
}
.building_blocks_edit {
	padding: @pad 2*@pad;
	border-radius: @pad/5;
	border: 1px solid @secondary;
	margin-bottom: @pad;
	margin-top: @pad;
	.nomgn {
		margin-bottom: 0;
	}
	.btns {
		margin-top: @pad;
		margin-bottom: @pad;
	}
	textarea {
		width: 100%;
		height: 4rem;
	}
	.img {
		position: relative;
		input[type='file']{
			position: absolute;
			bottom: 0;
			left: 0;
		}
		img {
			object-fit: contain;
			width: 100%;
		}
	}
}
.building_blocks_holder {
	.building {
		position: relative;
		color: white;
		.bname {
			display: inline;
			.material-icons.md-18 {
				position: relative;
				bottom: -5px;
			}
		}
		&.built {
			color: gold;
			&:before {
				content: 'BUILT';
				background: gold;
				color: black;
				font-size: 80%;
				padding: 3px 6px;
			}
		}
		&.cant {
			color: red;
		}
		margin-left: 2*@pad;
		.prereq, .prf {
			margin-top: -10px;
			margin-left: @pad;
			&:before {
				content: "Requires: ";
				text-transform: uppercase;
				letter-spacing: 0.2rem;
				font-size: 75%;
			}
		}
		.prf{ color: grey;}
		.prf:before {
			content: "Prereq for: ";
		}
		.building:before {
			content: "\2ba1";
			margin-right: @pad/2;
		}
		.building.built:before {
			content: "\2ba1 \00a0 \00a0 BUILT";
		}
		.tt {
			display:none;
			position: absolute;
			background: black;
			border: 1px solid grey;
			padding: @pad/4 @pad/2;
			font-size: 90%;
			color: lightgrey;
			top: -5px;
			left: @pad*4;
			z-index: 999;
			img {
				max-width: 100%;
				max-height: 400px;
				object-fit: contain;
			}
		}
		.tt.active {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
	}
	.btn {
		position: relative;
		z-index: 1;
	}

}

img[src="https://tacd.online/public_html/public/assets/images/"] {
   visibility: hidden;
}


.jacket_medal {
	place-self: center;
	width: 70px;
	height: 22px;
	object-fit: contain;
	}

.jacket_holder {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: @pad;
	
	.kia {
		text-align: center;
		background: @mid-dark;
		font-size: 200%;
		padding: @pad @pad*2;
	}
	
	.kiaribbon {
		position: absolute;
		top: 0;
		left: 0;
		width: 400px;
		height: 400px;
		background: linear-gradient(
	135deg, transparent 35%, black 35%, black 50%, transparent 50%);
		margin-left: -220px;
		margin-top: -22px;
	}
	
	.jacket {
		z-index: 1;
		.award {
			&+.award {
				padding-top: @pad/2;
			}
			margin-left: 3rem;
			>* {
				grid-area: blurb;
				place-self: center flex-start;
			}
			.jacket_medal {
				place-self: center;
				width: 70px;
				height: 22px;
				object-fit: contain;
				grid-area: jacket_medal;
			}
			.jacket_promotion {
				place-self: center;
				height: 70px;
				width: 70px;
				object-fit: contain;
				grid-area: jacket_medal;
			}
			display: grid;
			grid-template-columns: 100px 1fr;
			grid-template-areas: "jacket_medal blurb";
		}
		.operation {
			border-top: 1px solid @feature;
			padding: @pad/4 @pad/2;
			text-indent: -3rem;
			padding-left: calc(3em + @pad/2);
			a {
				text-decoration: none;
				font-weight: 400;
			}
			.de {
				font-size: 80%;
				color: darken(@text, 20%);
			}
		}
		.commendation {
			margin-left: calc(@pad/2 + 3rem);
			margin-bottom: @pad/8;
			background: @mid;
			border-radius: @pad/4;
			padding: @pad/4 @pad/2;
			font-size: 80%;
			.for {
			font-weight: bold;
			}
			.by {
			text-align: right;
			}

		}
	}
	
	.h {
		position: relative;
		display: grid;
		place-items: center;
	}
	
	.medals_holder {
		position: absolute;
		display: flex;
		flex-direction: row;
		transform: rotate(180deg);
		flex-wrap: wrap;
		width: 88px;
		justify-content: center;
		bottom: 617px;
		margin-right: -145px;
		.medal {
			position: relative;
			display: grid;
			place-items: center;
			width: 22px;
			height: 6px;
			transform: rotate(180deg);
			img.award_image {
				width: 22px;
				height: 6px;
			}
			.star_holder {
				width: 22px;
				height: 6px;
				align-items: center;
				justify-content: center;
				display: flex;
				position: absolute;
				img.star {
					width: 5px;
					height: 5px;
				}
			}
		}
	}
	
	.image {
		.service_image {
			position: absolute;
			opacity: 0.1;
			mix-blend-mode: hard-light;
			top: 0;
			left: 30%;
			img {
				width: 500px;
				height: 500px;
				object-fit: contain;
			}
		}
	
		.blank {
			filter: drop-shadow(@pad/2 -@pad/3 @pad/4 @mid-dark);
		}
		display: grid;
		place-items: flex-start;
		position: relative;
		.rank_r_arm {
			position: absolute;
			margin-top: -250px;
			margin-left: -355px;
			img {
				width: 70px;
				clip-path: polygon(50% 0, 100% 0, 100% 100%, 55% 100%, 50% 95%);
				transform: rotate(20deg);
			}
		}
		.rank_l_arm {
			position: absolute;
			margin-top: -250px;
			margin-left: 355px;

			img {
				width: 70px;
				clip-path: polygon(0 0, 50% 0, 50% 100%, 50% 95%, 45% 100%, 0% 100%);
				transform: rotate(-20deg);
			}	
			&.USN {
				img {
					mix-blend-mode: screen;
					transform: rotate(-18deg);
				}
			}
			&.USN.cpo {
				margin-left: 360px;
				img {
					transform: rotate(-16deg);
					clip-path: polygon(0 0, 50% 0, 55% 70%, 50% 100%, 0% 100%);
				}
			}
		}
		.rank_l_sleeve {
			position: absolute;
			margin-top: -10px;
			margin-left: 305px;

			img {
				width: 70px;
				clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
				transform: rotate(55deg);
				mix-blend-mode: screen;
			}
		}
		
		.rank_l_shoulder {
			position: absolute;
			margin-top: -446px;
			margin-left: 250px;
			&.BritA {
				margin-top: -458px;
				margin-left: 190px;
				img {
					width: 35px;
					height: 100px;
				}
			}
			img {
				width: 20px;
				height: 10px;
				clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
				transform: rotate(-75deg);
				&[alt='Maj (O-4)'] {
					width: 10px;
					height: 20px;
					margin-top: 8px;
				}
			}
			&.rotate {
				margin-top: -442px;
				img {
					height: 16px;
					width: auto;
					transform: rotate(-165deg);
					clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
				}
			}
		}

		.rank_r_shoulder {
			position: absolute;
			margin-top: -446px;
			margin-left: -250px;
			&.BritA {
				margin-top: -458px;
				margin-left: -190px;
				img {
					width: 35px;
					height: 100px;
				}				
			}
			img {
				width: 20px;
				height: 10px;
				clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
				transform: rotate(75deg);
				&[alt='Maj (O-4)'] {
					width: 10px;
					height: 20px;
					margin-top: 12px;
				}
			}
			&.rotate {
				img {
					transform: rotate(165deg);
					height: 16px;
					width: auto;
					clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
				}
				margin-top: -442px;
			}			
			
		}
	}
}

.awards_holder {

	.award {
		display: grid;
		grid-template-columns: auto 1fr auto auto 80px auto auto auto auto;
		align-items: center;
		grid-gap: @pad/2;
		.award_image {
			img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
		}
	}

}

.toons .toon .m_holder {
		border-color: transparent;
		padding: @pad/5;
		justify-content: center;
		align-items: center;
	.medals_holder {	
		display: flex;
		flex-direction: row;
		transform: rotate(180deg);
		flex-wrap: wrap;
		width: 98px;
		justify-content: center;
		.medal {
			position: relative;
			display: grid;
			place-items: center;
			width: 22px;
			height: 6px;
			transform: rotate(180deg);
			img.award_image {
				width: 22px;
				height: 6px;
			}
			.star_holder {
				width: 22px;
				height: 6px;
				align-items: center;
				justify-content: center;
				display: flex;
				position: absolute;
				img.star {
					width: 5px;
					height: 5px;
				}
			}
		}
	}
}

#training_grid {
	&>div {
		background: @mid;
		padding: @pad/2 @pad;
		margin-bottom: @pad;
		table {
			width: 100%;
			table-layout: fixed;
			td, th {
				text-align: left;
			}
		}
	}
}

.campaign_holder:not(.showarchive) .archive {
	display: none;
}

.pname {
	font-size: 80%;
	opacity: 0.8;
}