/***** 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: #282828; color: #fff; text-shadow: none; }
::selection { background: #282828; color: #fff; text-shadow: none; }
/* Clearfix */
.cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }
/*-------- BODY STYLES --------*/
body {
}
html { scroll-behavior: smooth; }
a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: none; }
hr { border:#000 1px solid; }
/*--- HEADER STYLES ---------------------*/
header { }
.csmne-header {
width: 100%; position: relative; z-index: 1004; border-left: 40px solid #e01a17; background: #282828;
display: flex; flex-direction: column; align-items: flex-end; box-sizing: border-box;
}
.header-logo {
position: absolute; z-index: 2; top: 12px; left: min(80px, 2vw);
display: flex; justify-content: flex-start; align-items: flex-start;
}
.header-logo img {
object-fit: contain; object-position: 0% 0%; height: 160px; max-width: 92vw;
}
.topheader {
display: flex; justify-content: flex-end; align-items: center; column-gap: 36px; height: 40px;
padding-right: 24px; box-sizing: border-box;
}
.topheader a {
font-family: 'amplitude-compressed', sans-serif; font-size: 20px; font-weight: 400; color: #ddd;
height: 100%; padding: 0 16px; box-sizing: border-box; min-width: 52px;
display: flex; justify-content: center; align-items: center;
}
.topheader a:hover { color: #fff; }
.nav-div {
position: relative; z-index: 3; padding-right: 18px; box-sizing: border-box;
display: flex; justify-content: flex-end; align-items: center;
}
.header-mobile-br { width: 100%; height: 6px; display: flex; }
/* toggled inventory search */
.topheader a.toggled-search-a { cursor: pointer; }
#toggled-search-sect-parent {
position: relative; width: 100%; display: flex; justify-content: center; align-items: center; background: #282828;
border-left: 40px solid #e01a17; padding-right: 40px; box-sizing: border-box;
}
#toggled-search-sect-parent:before {
position: absolute; z-index: 1; content: ""; bottom: 7px; left: 0; width: 100%; height: 1px; background: #000;
}
div#toggled-search-sect-close-bg { }
a#toggled-search-sect-close {
position: absolute; z-index: 3; content: ""; top: 0; right: 0; width: 50px; height: 50px;
display: flex; justify-content: center; align-items: center;
}
a#toggled-search-sect-close i { color: #fff; font-size: 22px; }
a#toggled-search-sect-close:hover { background: #444; transition: .2s ease all; }
.toggled-search-form-wrapper {
width: 100%; display: flex; justify-content: center; align-items: center;
padding: 40px 0; box-sizing: border-box; position: relative; z-index: 2;
}
.toggled-search-form-wrapper .searchbar-content {
display: flex; justify-content: center; align-items: center; width: 100%; max-width: 1400px;
}
.toggled-search-form-wrapper .searchbar-content .title {
font-size: 32px; color: #fff; text-align: center; margin-right: 32px;
}
.toggled-search-form-wrapper .searchbar-content.search-form-div form {
display: flex; justify-content: center; align-items: center; column-gap: 16px;
}
.toggled-search-form-wrapper .searchbar-content.search-form-div form .search-fields {
display: flex; align-items: center; column-gap: 16px; row-gap: 16px;
}
.toggled-search-form-wrapper .searchbar-content.search-form-div form input:not([type="submit"]) {
width: 200px; height: 42px; color: #000; font-family: 'amplitude', sans-serif; font-size: 17px;
padding: 7px 6px; box-sizing: border-box; background: #fff; border: none; outline: 1px solid #000; border-radius: 0;
}
.toggled-search-form-wrapper .searchbar-content.search-form-div form select {
width: 200px; height: 42px; color: #000; font-family: 'amplitude', sans-serif; font-size: 17px;
padding: 7px 6px; box-sizing: border-box; background: #fff; border: none; border-radius: 0; border-right: 8px solid #fff;
}
.toggled-search-form-wrapper .searchbar-content.search-form-div form input[type="submit"] { cursor: pointer; }
.toggled-search-form-wrapper .searchbar-content.search-form-div form input[type="submit"]:hover { }
/* Site Colors:
--> Red: #e01a17; <--
Darker Red: #b31512;
Light Gray: #ddd;
Not-Black: #282828;
*/
/*---BODY--------------------------------*/
/* text styles: paragraphs / / titles / headings /