/***** 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: #a10808; color: #fff; text-shadow: none; }
::selection { background: #a10808; color: #fff; text-shadow: none; }
/* Clearfix */
.cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }
/*-------- BODY STYLES --------*/
body {
}
a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: none; }
hr { border:#000 1px solid; }
/*--- HEADER STYLES ---------------------*/
header { }
.king-header {
position: relative; z-index: 1004; width: 100%; display: flex; justify-content: center;
background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, .4); box-sizing: border-box;
}
.topheader {
position: absolute; top: 0; left: 50%; transform: translateX(-50%);
width: min(calc(100% - calc(min(8vw, 240px) + 530px)), 1150px); height: 42px;
display: flex; justify-content: center; align-items: stretch; column-gap: 16px;
padding: 0 24px; box-sizing: border-box; background: #a10808;
border-bottom-left-radius: 60px; border-bottom-right-radius: 60px;
}
.topheader .listed { color: #fff; font-size: 16px; padding: 0 20px; }
.topheader .listed:hover { color: #fff; opacity: .85; }
.header-main {
width: min(100%, 2050px); display: flex; justify-content: space-between; align-items: flex-end;
padding: 0 0 0 min(4vw, 120px); box-sizing: border-box;
}
.header-logo { padding: 0; margin: 0; display: flex; box-sizing: border-box; }
.header-logo img {
object-fit: contain; object-position: 0% 100%; height: 132px; padding: 12px 0 16px 0; box-sizing: border-box;
}
.nav-div {
display: flex; justify-content: flex-end; align-items: stretch; height: calc(100% - 50px);
padding-right: calc(min(4vw, 120px) - 20px); box-sizing: border-box;
}
/* Site Colors:
--> Logo Red: #d70000; <--
Darker Red #a10808;
*/
/*---BODY--------------------------------*/
/* paragraphs / / titles /