/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; } 
ol, ul { list-style: none; } 
table { border-collapse: collapse; width: 100%; } 
td { vertical-align: top; }
/* Make HTML 5 elements display block-level for consistent styling */ 
header, nav, article, footer, address { display: block; } 
/***** END RESET *****/
::-moz-selection { background: #000;  color: #fff; text-shadow: none; } 
::selection { background: #000; color: #fff; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; } 
.cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
body {

}

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

/*--- HEADER STYLES ---------------------*/
header {  }

.kwlouisiana-header {
	position: relative; z-index: 1004; padding: .8125rem calc(1.5rem + 1% + 15px) .8125rem calc(1rem + 1% + 15px); background: #1d2c3f; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; 
	border-bottom: 4px solid #c59754; 
}
.header-logo {
	display: flex; justify-content: flex-start; align-items: center; 
}
.header-logo, .header-logo img {
	width: min(100%, 407px); 
}
.header-logo img {
	object-fit: contain; object-position: 0% 50%; 
}

.nav-div {
	position: relative; width: calc(100% - 410px); 
	display: flex; flex-direction: row; justify-content: flex-end; align-items: center; 
}
.header-right { 
	padding-left: 10px; 
	display: flex; flex-direction: column; align-items: center; 
}
.header-right .img-link img { 
	width: auto; height: auto; 
}

/* Site Colors: 
	
	Blue: #1d2c3f; 
	Lighter Blue: #2d4462; 
	Red: #b8312f; 
	Btn Line Red: #f00; 
	Gold: #c59754; 
*/
/*---BODY--------------------------------*/
/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p, .foot-locs a, .foot-locs .red-divider {
	font-family: 'Work Sans', sans-serif; font-size: 18px; 
	font-weight: 400; line-height: 1.5; 
}

.title {
	font-family: 'Work Sans', sans-serif; font-size: 36px; 
	font-weight: 700; line-height: 1.5; text-align: center; 
	color: #1d2c3f; margin-bottom: 24px; 
}

/* buttons / links / <a> / ctas */
.btnclass {
	position: relative; padding: .375rem .75rem; 
	background: #1d2c3f; color: #fff; border-radius: .25rem; 
	display: flex; justify-content: center; align-items: center; 
	font-family: 'Work Sans', sans-serif; font-size: 1rem; 
	font-weight: 400; line-height: 1.5; text-transform: uppercase; text-align: center; 
}
.btnclass:before {
	position: relative; order: 0; content: "|"; color: #f00; 
	font-family: 'Work Sans', sans-serif; font-size: 1.2rem; 
	padding-right: .25rem; box-sizing: border-box; 
}

.icon-link {
	position: relative; width: 38px; height: 58px; 
	display: flex; justify-content: center; align-items: center; 
	font-size: 2em; text-align: center; 
}

.img-link {
	position: relative; 
	display: flex; justify-content: center; align-items: center; 
}
.img-link img {
	object-fit: contain; object-position: center; 
}

.invisilink {
	font-family: inherit; font-size: inherit; font-weight: inherit; 
	line-height: inherit; letter-spacing: inherit; color: inherit; display: inline; 
}
a.invisilink:hover { text-decoration: underline; }

/* sections */
.content-sect {
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; 
}
.content-sect.center-style { align-items: center; justify-content: center; }

/* Homepage - default.htm */
.homepage { 
	padding: 60px 5vw; 
}

/* recommended styles */
.center-style, .center-style .title, .center-style p, 
.title.center-style, p.center-style { text-align: center; }

/* forced styles */

.force-caps { text-transform: uppercase!important; }

/*--------FORM STYLES--------------------*/


/*-------- FOOTER STYLES ----------------*/
footer {  }

.kwlouisiana-footer {
	position: relative; width: 100%; background: #1d2c3f; 
	display: flex; flex-direction: column; align-items: stretch;  
}
.foot-main {
	padding: 1.5rem 5%; 
	display: flex; flex-direction: column; align-items: stretch; row-gap: 2.5rem; 
}
.foot-main-row, .foot-logo-div, .foot-logo, .foot-foot {
	display: flex; flex-direction: row; align-items: center; 
}
.foot-main-row {
	
}
.foot-logo-soc {
	justify-content: space-between; 
}
.foot-logo-div {
	width: 50%; 
	justify-content: center; 
}
.foot-logo {
	justify-content: center; 
}
.foot-logo, .foot-logo img {
	width: min(100%, 542px); 
}
.foot-logo img {
	object-fit: contain; object-position: center; 
}
.logo-spacer, .foot-soc-media {
	width: 210px; 
	display: flex; flex-direction: row; justify-content: flex-end; align-items: center; 
}
.foot-soc-media .icon-link {
	color: #fff; margin: 0 .5rem;
}
.foot-locs {
	justify-content: center; 
}
.foot-locs a {
	color: #fff; text-transform: uppercase; 
}
.foot-locs a:hover {
	text-decoration: underline; 
}
.foot-locs .red-divider {
	color: #b8312f; margin: 0 .5rem; 
}

.foot-foot {
	width: 100%; padding: 1rem 5%; border-top: 2px solid #fff; 
	display: flex; justify-content: center; align-items: center; 
}
.foot-foot p.foot-copyright { 
	color: #fff; font-size: .5rem; text-align: center; 
}
.foot-foot p.foot-copyright a.invisilink { 
	padding: 0 .5rem; 
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { width: 100%; height: 80px; background: #1d2c3f; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1410px) {
	.header-right .img-link img.login-img {
		width: 159px; 
	}
	.header-right .img-link img.app-img {
		width: 180px; 
	}
}

@media only screen and (max-width: 1400px) {
	.header-logo, .header-logo img { 
		width: min(100%, 400px); 
	}
}

@media only screen and (max-width: 1380px) {
	.kwlouisiana-header { 
		padding-right: calc(1rem + 1%);
	}
}

@media only screen and (max-width: 1320px) {
	.header-right .img-link img.login-img {
		width: 145px; 
	}
	.header-right .img-link img.app-img {
		width: 164px; 
	}
}

@media only screen and (max-width: 1270px) {
	.kwlouisiana-header { 
		padding-right: calc(1rem + .5%);
	}
}

@media only screen and (max-width: 1256px) {
	.kwlouisiana-header { 
		padding-right: 1rem;
	}
}

@media only screen and (max-width: 1250px) {
	.header-right .img-link img.login-img {
		width: 133px; 
	}
	.header-right .img-link img.app-img {
		width: 150px; 
	}
}

@media only screen and (max-width: 1200px) {
	.kwlouisiana-header, .nav-div {
		flex-direction: column; 
		padding-left: calc(1% + 1rem); 
		padding-right: calc(1% + 1rem); 
		padding-bottom: 0; 
	}
	.header-logo { 
		margin-right: auto; margin-bottom: .8125rem; 
	}
	.nav-div { 
		width: 100%; 
		padding: 0; 
	}
	.header-right .img-link img.login-img, .header-right .img-link img.app-img {
		width: auto!important; 
	}
	
	.logo-spacer, .foot-locs .red-divider { 
		display: none!important; 
	}
	
	.foot-main-row, .foot-locs {
		flex-direction: column; 
	}
	.foot-logo-div, .foot-soc-media {
		width: 100%; 
	}
	.foot-logo-div {
		margin-bottom: 1.5rem; 
	}
	.foot-soc-media {
		margin: 3rem 0; 
		justify-content: center; 
	}
}

@media only screen and (max-width: 990px) {
	.foot-main {
		row-gap: 1rem; 
	}
	.foot-logo-div { 
		margin-bottom: 1rem; 
	}
	.foot-soc-media {
		margin: 0; 
	}
}

@media only screen and (max-width: 767px) {
	.foot-logo, .foot-logo img {
		width: min(100%, 510px); 
	}
}

@media only screen and (max-width: 300px) {
	.foot-soc-media {
		flex-wrap: wrap; 
	}
}