/**** TEMPLATE ****/
@media (min-width: 280px){ /* DEFAULT */
	
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */

}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */

}
@media (min-width: 1024px){

}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ TEMPLATE ^^^*/


body {
    font-family: Verdana, Calibri, serif;
}

.center-text {
	text-align: center;
}

.navbar-css {
	/* add custom navbar colouring here */
}

/**** NAVBAR ****/
@media (min-width: 280px){ /* DEFAULT */
	.login-links-wrapper {
		margin-left: auto;
	}
	.fromelles-navbar {
		margin:auto;
	}
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */

}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */

}
@media (min-width: 1024px){

}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */
}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */
	.extended-navbar-wrapper {
		height: 300px;
	}
	.extended-navbar-wrapper .container.w-100.navigation {
		padding: 0px;
	}
	.extended-navbar-wrapper img {
		margin: 0px 10px;
	}
}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ NAVBAR ^^^*/

/* template @medias
@media (min-width: 576px){

}
@media (min-width: 768px){

}
@media (min-width: 992px){

}
@media (min-width: 1200px){

}
*/

/* CONTENT WALL */
div#cultural-popup h2 {
	border-left: solid;
	border-bottom: solid;
	padding-left: 10px;
	padding-bottom: 2px;
}

div.under-construction{
	text-align: center;
}
div.row.under-construction-wrapper{
	margin-top: 60px;
}
div.under-construction > div > h2{
	font-size: 40px;
}
img.under-construction {
	width: 40%	
}
div.under-construction-img-wrapper {
	margin: 30px auto;
}

/* #content div.under-construction-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}*/

/* Guide */
div.article-body > div.block-text {
	display: grid;
}

img.guide-small {
	width: 200px !important;
}
/**** ARTICLES ****/
@media (min-width: 280px){ /* DEFAULT */
	.codered-article .article-body {
		margin: 1rem auto 3rem auto;
	}
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */

}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */
	.codered-article.has-img .container {
		padding: 1vw 5vw;
		margin-top: 1vw;
		box-shadow: none;
	}
}
@media (min-width: 1024px){
	.codered-article.has-img .container {
		box-shadow: 0 0 10px rgb(0 0 0 / 25%)
	}
	.codered-article .article-body {
		margin: 1rem auto 8rem auto;
	}
	
}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ ARTICLES ^^^*/

/* IMAGES */

@media (min-width: 320px){
	.general-logo-centre {
		max-width: 100%;
		margin: auto;
		display: block;
		padding: 10px 0;
	}
}
@media (min-width: 768px){
	.general-logo-centre {
		max-width: 90%;
		margin: auto;
		display: block;
		padding: 30px 0;
	}
}
@media (min-width: 1366px){
	.general-logo-centre {
		max-width: 70%;
		margin: auto;
		display: block;
		padding: 50px 0;
	}
}

/* center the images if they're left aligned because wtf codered */
div.article-body > div.block-image > img {
	margin: 3em auto;
	display: block;
	max-width: 94%;
	max-height: 540px;
	width: auto !important;
	height: auto;
}

div.article-body > div.block-image > img.cap-pic-h300 {
	max-height: 300px;
}




/*
div.under-construction-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
}

div.block-row {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
}
*/

/**** SOURCED IMAGES / FIGURE ****/
@media (min-width: 280px){
	div.row.flex-center {
		align-items: center;
	}
	.story-quote.photo-aside, .photo-aside {
		margin: auto;
	}
	/* add some space for paragraphs now that photos have lost them */
	.col-md-12 + .story-text.p {
		margin-top: 1rem;
	}
	span.source-descriptor {
		color: #00000088;
		padding-right: 5px;
		font-size: smaller;
	}
	figure, .col-md-12 figure {
		width:100%;
		background-color: white;
		box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
		margin: 1rem auto;
	}
	figure>a>img {
		border: 0.7em solid #FFF;
		margin-bottom: 10px;
	}
	figcaption {
		font-size:10px;
		line-height: 1.3;
		text-align: right;
		border-top: 1px solid #CFCFCF;
	}
	figcaption.caption {
		padding: 30px 10px;
		line-height: 2;
		text-align:center;
		font-size:12px;
		white-space: pre-wrap;
	}
	.photo-gallery-block figcaption.caption {
		height: 140px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	figcaption.source{
		padding: 10px;
		line-break: auto;
		/* border-top: 3px double #CFCFCF; */
	}
	figcaption>div.img-source {
		font-style: italic;
		padding: 0px 10px;
		color: #6D6D6D;
	}
	figcaption>div.img-source-url {
		padding: 0px 10px;
	}

}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */

}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */
	/* figure, .col-md-12 figure {
		max-width: 512px;
	} */
}
@media (min-width: 1024px){
}
@media (min-width: 1280px){
	
}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */
	
}
@media (min-width: 1536px){ /* important + include 1600px */
	
}
@media (min-width: 1920px){ /* IMPORTANT */
	figure, .col-md-12 figure {
		max-width: 580px;
	}
	div.landscape figure {
		max-width: 680px;
	}
}
@media (min-width: 2560px){ /* important */
	figure, .col-md-12 figure {
		max-width: 820px;
	}
	
}
@media (min-width: 3840px){ /* important */
	figure, .col-md-12 figure {
		max-width: none;
	}
}

/*^^^ SOURCED IMAGES ^^^*/

/**** BLOCKQUOTES ****/
@media (min-width: 280px){ /* DEFAULT */
	/* .story-quote .block-quote:before, .story-quote .block-quote p:last-child::after {
		content: "\201C";
		font-size: 40px;
		float:left;
		text-align:left;
		display:block;
		margin: 0px 4px;
	}
	.story-quote .block-quote p:last-child::after {
		content: "\201D";
		float:right;
		text-align:right;
		margin: -0.8rem -0.9rem;
	} */
	
	div.poem, blockquote.blockquote.poem {
		white-space: pre-wrap;
		margin: 10px auto;
		width: fit-content;
	}
	
	div.quote, blockquote.blockquote {
		padding: 30px 20px 0px 20px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	
	div.quote footer, blockquote footer.blockquote-footer {
		text-align: right;
		padding: 25px;
	}

	/* .col, .col-1, .col-10, .col-11, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		margin: 2rem auto;
	} */
	.story-aside > figure {
		margin-top: 0;
	}
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	/* .story-quote .block-quote:before {
		margin: 0 0.5rem;
	}
	.story-quote .block-quote p:last-child::after {
		margin: -1rem -0.5rem;
	} */
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */
	/* .story-quote .block-quote p:last-child::after {
		margin: -0.7rem -0.9rem;
		
	} */
}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */
	/* .story-quote .block-quote p:last-child::after {
		margin: 0.5rem -0.8rem;
		
	} */
}
@media (min-width: 1024px){

}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */
	/* .story-quote .block-quote:before {
		margin: 0;
	}
	.story-quote .block-quote p:last-child::after {
		margin: 0.5rem -1.5rem;
	} */
}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}

/*^^^ BLOCKQUOTES ^^^*/

/**** TABLES ****/

.clear-table {
	text-align: center;
	border: none;
	margin: auto;
	width: 50%;
}
.clear-table tr, .clear-table td, .clear-table th {
	border: none;
}

.all-soldiers-identified-page h4 {
	text-align: center;
}
.identified-soldiers-table {
	margin-top: 2rem;
}
.identified-soldiers-table thead th{
	border-top: 3px solid #dee2e6;
	border-bottom: 3px solid #dee2e6;
	padding: 0.75rem 0.1rem;;
}

@media (min-width: 280px){ /* DEFAULT */
	#soldier-index_wrapper > div.ui.stackable.grid > div.row.dt-table > div.sixteen.wide.column {
		padding: 1rem 0rem!important;
	}
	div.md-table table {
		margin: 20px 0px;
	}
	div.md-table td, div.md-table th {
		padding: 10px 0px;
		
	}
	div.md-table td strong {
		margin-left: -10px;
		padding-right: 10px;
	}
	#soldier-index {
		max-width: 280px;
		margin:auto;
	}
	#soldier-index th.sorting:last-child, #soldier-index tr>td:last-child {
		display: none;

	}
	#soldier-index tr td:first-child span.index-name {
		text-align: center;
	}
	#soldier-index tr td:first-child {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	span.index-thumbnail {
		padding: 10px;
	}

}
@media (min-width: 320px){ /* MINIMUM */
	.soldier-index-wrapper {
		margin-top: 1rem;
	}
	#soldier-index {
		max-width: 320px;
		margin:auto;
	}
	#soldier-index th:last-child {
		max-width: 500px;
	}

	.table.contact-table tr {
		display: inline-flex;
		flex-direction: column;
		flex-wrap: wrap;
		min-width: 51%;
		margin-bottom: 20px;
	}
	.table.contact-table tr>td {
		display: table;
		border-top: unset;
		margin-left: 20px;
	}
	.table.contact-table tr>td:first-child {
		font-weight: 600;
		margin-left: 0;
	}
    
}
@media (min-width: 360px){ /* IMPORTANT */
	#soldier-index {
		max-width: 360px;
		margin:auto;
	}
}
@media (min-width: 375px){ /* important */
	#soldier-index th.sorting:last-child, #soldier-index tr>td:last-child {
		display: revert;

	}
}
@media (min-width: 414px){ /* important */
	.table.contact-table tr {
		min-width: 50%;
	}
	#soldier-index {
		max-width: 100%;
		margin:auto;
	}
}
@media (min-width: 600px){
}
@media (min-width: 768px){ /* important + includes 800px */
	.table.contact-table tr {
		min-width: 33%;
	}	
	div.md-table td strong {
		margin-left: 0px;
		padding-right: 20px;
	}
}
@media (min-width: 1024px){
	
}
@media (min-width: 1280px){
	
}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */
	.table.contact-table tr {
		min-width: 26%;
	}	

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ TABLES ^^^*/

/**** FORMS ****/
pre {
	white-space: pre-wrap;
}
/**** CONTACT FORM ****/
@media (min-width: 280px){ /* DEFAULT */
	#contact-form div.form-group.row {
		width: 100%;
		margin: 2% auto;
	}
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	#contact-form div.form-group.row {
		width: 95%;
	}
	
}
@media (min-width: 375px){ /* important */
	
}
@media (min-width: 414px){ /* important */
	#contact-form div.form-group.row {
		width: 90%;
	}
}
@media (min-width: 600px){
	
}
@media (min-width: 768px){ /* important + includes 800px */
	
}
@media (min-width: 1024px){
	#contact-form div.form-group.row {
		width: 70%;
	}
}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */
	#contact-form div.form-group.row {
		width: 64%;
		margin: 2% 5%;
	}
}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ CONTACT FORM ^^^*/

/**** SOLDIER UPLOAD FORM ****/
div.upload-feedback-section {
	display: block;
	margin: 30px 0px;
}

div.upload-feedback-section div.section-key  {
	width: 10%;
	float: left;

}
div.upload-feedback-section div.section-value {
	width: 90%;
	display: inline-block;
}
div.section-value.soldier div.content-type {
	width: 20%;
	float: left;
}
div.section-value.soldier div.content-value {
	width: 80%;
	display: inline-block;
}

div.section-value div.content-type {
	width: 13%;
	float: left;
}
div.section-value div.content-value {
	width: 87%;
	display:inline-block;
}

div.section-value div.subcontent-type {
	width: 15%;
	float: left;
}
div.section-warnings>.section-value {
	color: rgb(255, 174, 0);
}
.warning {
	color: rgb(255, 174, 0);
}
.error {
	color: red;
}
.info {
	color: blue;
}
.success {
	color: green;
}

div.section-value.soldier > div.section-content > div.content-row {
	padding: 5px;
}
div.section-value > div.section-content > div.content-row {
	padding: 20px 0px;
}

.subcontent-subrow {
	line-height: 2em;
}

.img-key {
	width: 10%;
	float: left;
}
.img-value {
	width: 90%;
	display: inline-block;
}
/*^^^ SOLDIER UPLOAD FORM ^^^*/


/*^^^ FORMS ^^^*/

/**** CONSTITUTION ****/
.constitution, .constitution-contents {
	max-width: 800px;
	margin: auto;
}
/* .constitution {
	margin-bottom: 200px;
} */
.constitution ol {
	counter-reset: list;
}
.constitution ol > li {
	list-style: none;
	margin-left: -1rem;
	margin-top: 0.4rem;
}
.constitution>ol>li:before {
	content: "(" counter(list) ") ";
	counter-increment: list;
	margin-left: -1.5rem;
}
.constitution>ol:nth-of-type(4)>li:before, .constitution>ol:nth-of-type(5)>li:before, .constitution>ol:nth-of-type(12)>li:before, .constitution>ol:nth-of-type(16)>li:before, .constitution>ol:nth-of-type(33)>li:before, .constitution>ol:nth-of-type(35)>li:before {
	content: '';	
}
.constitution>ol>li>ol>li:before, .constitution>ol:first-of-type>li>ol>li>ol>li:before {
	content: "(" counter(list, lower-alpha) ") ";
	counter-increment: list;
	margin-left: -1.5rem;
}
.constitution>ol:first-of-type>li>ol>li:before{
	content: '';
	margin-left: 0;
}
.constitution>ol:first-of-type>li>ol {
	padding-left: 0px;
}
.constitution>ol:first-of-type>li>ol>li {
	margin-left: 0;
}
/* .constitution>ol:first-of-type>li>ol>li>ol>li:before {
	list-style: lower-alpha;
} */

/*
.btn-primary, .btn-primary:hover {
	color: #ffffff !important;
}

.btn-primary:hover {
	background-color: #472d11 !important;
}


.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #ad6716;
    border-color: #8d5a1f;
    box-shadow: 0 0 0 0.2rem rgb(141 90 31);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
    background-color: #ad6716;
    border-color: #8d5a1f;
}
*/

.constitution-card .card-body {
	padding: 1.25rem 1.25rem 0 1.25rem;
}

.constitution-card .card-footer, .faq-cards .card-footer, .no-card-footer .card-footer {
	background-color: unset;
	border-top: unset;
	margin-bottom: 1.25rem;
}
.constitution-card .card-text, .bold-card-text .card-text {
	margin-top: 30px;
	font-weight: 600;
}

.constitution-contents ol:first-of-type {
	counter-reset: contents-counter;
}
.constitution-contents ol>li {
	list-style: none;
}

.constitution-contents ol li:before, .constitution-contents ol li:before {
	content: counter(contents-counter) ". ";
	counter-increment: contents-counter;
}

.constitution-contents h2 {
	/* text-align: center; */
	font-size: 2rem;
}
.constitution-contents h2:last-of-type {
	margin: 40px 0px 50px 0px;
}
/*^^^ CONSTITUTION ^^^*/


/**** Battle of Fromelles ****/


@media (min-width: 280px){ /* DEFAULT */
	div.battle-of-fromelles h2 {
		font-size: 2rem;
		font-weight: 500;
		margin-top: 4rem;
		margin-bottom: 2.0rem;
	}
	div.battle-of-fromelles h3, div.battle-of-fromelles h4 {
		text-align: center;
	}
	
	.row.battle-of-fromelles {
		justify-content: center;
		margin: 3rem auto;
	}
	
	.row.battle-of-fromelles-links {
		text-align: center;
		padding: 20px;
	}
	.row.battle-of-fromelles-links a {
		padding: 1rem;
		margin: 6px;
		max-width: 170px;
		width: 100%;
	}
	.row.battle-of-fromelles-links h2 {
		text-align: center;
		font-size: 32px;
	}
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */

}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */

}
@media (min-width: 1024px){
	.row.battle-of-fromelles-links {
		text-align: center;
		padding: 40px;
	}


}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}


	
table.table.fighting-units-table td {
	border: none;
	padding: 0.3rem;
}

table.table.fighting-units-table, table.table.additional-units-table {
	margin-bottom: 2.6rem;
}

table.table.fighting-units-table thead th:nth-child(2), table.table.fighting-units-table tbody td:nth-child(2){
	border-right: 2px solid #dee2e6;
}

/* brigade selector */
.fighting-units-table tr:nth-of-type(1) td:nth-of-type(2n+1), 
.fighting-units-table tr:nth-of-type(9) td:nth-of-type(2n+1), 
.fighting-units-table tr:nth-of-type(15) td:nth-of-type(2n+1) {
	font-weight: 600;
	padding-left: 13px;
	padding-top: 13px;
}

/* brigade row selector (excluding first) */
.fighting-units-table tr:nth-of-type(9),
.fighting-units-table tr:nth-of-type(15) {
	border-top: 1px solid #dee2e6;
	padding-top: 20px;
}

/* brigade bottom row selector */
.fighting-units-table tr:nth-of-type(8) td,
.fighting-units-table tr:nth-of-type(14) td {
	padding-bottom: 20px;
}

/* table.table.fighting-units-table tr:nth-of-type(3n+1) {
	border-top: 1px solid #dee2e6;
	padding-top: 20px;
} */
/* assaulting/reserve all-tds selector */
.fighting-units-table tr:nth-of-type(2) td,
.fighting-units-table tr:nth-of-type(6) td,
.fighting-units-table tr:nth-of-type(10) td,
.fighting-units-table tr:nth-of-type(13) td,
.fighting-units-table tr:nth-of-type(16) td,
.fighting-units-table tr:nth-of-type(19) td {
	padding-top: 13px;
}


/* assaulting/reserve titles selector */
.fighting-units-table tr:nth-of-type(2) td:nth-of-type(2n+1),
.fighting-units-table tr:nth-of-type(6) td:nth-of-type(2n+1),
.fighting-units-table tr:nth-of-type(10) td:nth-of-type(2n+1),
.fighting-units-table tr:nth-of-type(13) td:nth-of-type(2n+1),
.fighting-units-table tr:nth-of-type(16) td:nth-of-type(2n+1),
.fighting-units-table tr:nth-of-type(19) td:nth-of-type(2n+1) {
	text-align: right;
	padding-right: 20px;
}

/* table.table.fighting-units-table tr:nth-of-type(3n+3) td:nth-of-type(2n+1) {
	padding-bottom: 13px;
} */

table.table.additional-units-table {
	width: 75%;
	margin-left: 3%;
}
table.table.additional-units-table td, table.table.additional-units-table th{
	border: none;
	padding: 0.2rem;
}

/* select all lone units at bottom */
.additional-units-table tr:nth-of-type(n+33) td {
	font-weight: 600;
	padding-left: 2rem;
}

.additional-units-table.aut2 tr:nth-of-type(n+33) td {
	padding-left: 0;
}

.bof-excerpt.story-quote {
	margin-top: unset;
	margin-bottom: unset;
	padding: 13px 50px;
}
/*^^^ Battle of Fromelles ^^^*/



/**** FOOTER ****/
footer {
	width: 100%;
	background-color: #292929!important;
}

@media (min-width: 280px){ 
	div#fa-footer-id{
		width: 100%;
		margin: auto;
		background-color: #292929;
	}
	
}
@media (min-width: 576px){
	div#fa-footer-id{
		max-width: 540px;
		margin: auto;
	}
}
@media (min-width: 768px){
	div#fa-footer-id{
		max-width: 720px;
	}
}
@media (min-width: 992px){
	div#fa-footer-id{
		max-width: 960px;
	}
}
@media (min-width: 1200px){ 
	div#fa-footer-id{
		max-width: 1140px;
	}

}


/*^^^ FOOTER ^^^*/

/**** CONTACT BOX ****/
div.contacts h4 {
	color: red;
}
div.img-contact {
	text-align: center;
	margin: 10px 0px 40px 0px;
}

/*^^^ CONTACT BOX ^^^*/

/**** NEWS AND EVENTS ****/
@media (min-width: 280px){ /* DEFAULT */
	.latest-news-wrapper .col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.latest-news-wrapper .col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */

}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */

}
@media (min-width: 1024px){

}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}

/*^^^ NEWS AND EVENTS ^^^*/

/**** Newsletters ****/
@media (min-width: 280px){ /* DEFAULT */
	
}
@media (min-width: 320px){ /* MINIMUM */
    .newsletters>a {
		margin: 6px 10px;
		width: 240px;
	}
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */

}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */

}
@media (min-width: 1024px){

}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ Newsletters ^^^*/

/**** SOLDIER BIO ****/
@media (min-width: 280px){ /* DEFAULT */
	.soldier-official-links div.soldier-link {
		padding: 10px 20px;
	}
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */

}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */

}
@media (min-width: 1024px){

}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ SOLDIER BIO ^^^*/

/**** SEARCH ****/
@media (min-width: 280px){ /* DEFAULT */
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		background-color: transparent;
	}
	.search-extra-wrapper .form-inline{
		padding: 0;
	}
	.search-extra {
		color: #ffe6ce !important;
		font-size: 12px;
	}
	div#content>div.container>div.mb-5>div.row>div.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	div.search-extra-wrapper {
		display: flex;
		flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		margin-top: 10px;
	}
	button.navbar-toggler {
		margin-left: 13px;
	}
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */

}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */
	button.navbar-toggler {
		margin-left: 2px;
	}
}
@media (min-width: 1024px){

}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ SEARCH ^^^*/

/**** FONTAWESOME ICONS ****/
@media (min-width: 280px){ /* DEFAULT */
	svg.svg-inline--fa.fa-check, svg.svg-inline--fa.fa-check-circle {
		color: green;
	}
	svg.svg-inline--fa.fa-times {
		color: red;
	}
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */

}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */

}
@media (min-width: 1024px){

}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ FONTAWESOME ICONS ^^^*/

/**** BUTTONS ****/
@media (min-width: 280px){ /* DEFAULT */
	div.even-buttons a.btn {
		width: 90%;
		margin: 10px auto;
	}
	.row.even-buttons>div:not(.col-md-12) {
		text-align: center;		
	}
	
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */
	div.even-buttons a.btn {
		width: 70%;
	}
}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */
	div.even-buttons a.btn {
		width: 100%;
	}
}
@media (min-width: 1024px){

}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */
	div.even-buttons a.btn {
		width: 80%;
	}
}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */
	div.even-buttons a.btn {
		width: 66%;
	}
}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ BUTTONS ^^^*/


/**** Pheasant Wood 2011 Table ****/
@media (min-width: 280px){ /* DEFAULT */
	table.pheasant-wood-2011-table th:nth-child(1)::before {
		content: 'R.N.';
	}
	
	table.pheasant-wood-2011-table th:nth-child(2)::before {
		content: 'Rank';
	}
	table.pheasant-wood-2011-table th:nth-child(3)::before {
		content: 'Surname';
	}
	table.pheasant-wood-2011-table th:nth-child(4)::before {
		content: 'Name(s)';
	}
	table.pheasant-wood-2011-table th:nth-child(5)::before {
		content: 'Bn.';
	}
	table.pheasant-wood-2011-table th:nth-child(6)::before {
		content: 'Co.';
	}
	table.table.pheasant-wood-2011-table th, table.table.pheasant-wood-2011-table td {
		padding: 1rem 2px;
	}
	table.table.pheasant-wood-2011-table {
		margin: -15px;
	}

	/* line breaks */
	table.table.pheasant-wood-2011-table td:nth-child(5), table.table.pheasant-wood-2011-table td:nth-child(6) {
		line-break: anywhere;
	}
	
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	table.table.pheasant-wood-2011-table {
		margin: -2px;
	}
	table.table.pheasant-wood-2011-table th, table.table.pheasant-wood-2011-table td {
		padding: 1rem 3px;
	}
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */
	table.table.pheasant-wood-2011-table {
		margin: auto;
	}
	table.table.pheasant-wood-2011-table th, table.table.pheasant-wood-2011-table td {
		padding: 1rem 7px;
	}
}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */

}
@media (min-width: 1024px){
	table.pheasant-wood-2011-table th:nth-child(1)::before {
		content: 'Regimental No';
	}
	
	table.pheasant-wood-2011-table th:nth-child(2)::before {
		content: 'Rank';
	}
	table.pheasant-wood-2011-table th:nth-child(3)::before {
		content: 'Surname';
	}
	table.pheasant-wood-2011-table th:nth-child(4)::before {
		content: 'First and Middle Names';
	}
	table.pheasant-wood-2011-table th:nth-child(5)::before {
		content: 'Battalion';
	}
	table.pheasant-wood-2011-table th:nth-child(6)::before {
		content: 'Company';
	}
}
@media (min-width: 1280px){
						
}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ Pheasant Wood 2011 Table ^^^*/

/**** Search For Missing Table ****/
@media (min-width: 280px){ /* DEFAULT */
	table.search-for-missing-table th:nth-child(1)::before {
		content: 'R.N.';
	}
	
	table.search-for-missing-table th:nth-child(2)::before {
		content: 'Rank';
	}
	table.search-for-missing-table th:nth-child(3)::before {
		content: 'Name';
	}
	table.search-for-missing-table th:nth-child(4)::before {
		content: 'Bn.';
	}
	table.search-for-missing-table th:nth-child(5)::before {
		content: 'Co.';
	}
	table.table.search-for-missing-table th, table.table.search-for-missing-table td {
		padding: 1rem 2px;
	}
	table.table.search-for-missing-table {
		margin: -15px;
	}
	
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	table.table.search-for-missing-table {
		margin: -2px;
	}
	table.table.search-for-missing-table th, table.table.search-for-missing-table td {
		padding: 1rem 3px;
	}
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */
	table.table.search-for-missing-table {
		margin: auto;
	}
	table.table.search-for-missing-table th, table.table.search-for-missing-table td {
		padding: 1rem 7px;
	}
}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */

}
@media (min-width: 1024px){
	table.search-for-missing-table th:nth-child(1)::before {
		content: 'Regimental No';
	}
	
	table.search-for-missing-table th:nth-child(2)::before {
		content: 'Rank';
	}
	table.search-for-missing-table th:nth-child(3)::before {
		content: 'Name';
	}
	table.search-for-missing-table th:nth-child(4)::before {
		content: 'Battalion';
	}
	table.search-for-missing-table th:nth-child(5)::before {
		content: 'Company';
	}
}
@media (min-width: 1280px){
						
}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ Search For Missing Table ^^^*/

/**** ASSOCIATIONS: KINDRED, ... ****/
@media (min-width: 280px){ /* DEFAULT */
	.kindred-links {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		flex-wrap: wrap;
		margin: 1rem;
	}
	.kindred-links p {
		padding: 10px;
		width: 290px;
	}
}
@media (min-width: 320px){ /* MINIMUM */
    
}
@media (min-width: 360px){ /* IMPORTANT */
	
}
@media (min-width: 375px){ /* important */

}
@media (min-width: 414px){ /* important */

}
@media (min-width: 600px){

}
@media (min-width: 768px){ /* important + includes 800px */

}
@media (min-width: 1024px){

}
@media (min-width: 1280px){

}
@media (min-width: 1366px){ /* IMPORTANT + includes 1440px */

}
@media (min-width: 1536px){ /* important + include 1600px */

}
@media (min-width: 1920px){ /* IMPORTANT */

}
@media (min-width: 2560px){ /* important */

}
@media (min-width: 3840px){ /* important */

}
/*^^^ ASSOCIATIONS: KINDRED, ...  ^^^*/