/***** 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: #f68b29; color: #000; text-shadow: none; }
::selection { background: #f68b29; color: #000; 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 { }
.bandg-header {
width: 100%; position: relative; z-index: 1004; height: 120px;
display: flex; flex-direction: column; flex-wrap: wrap;
align-items: flex-end; align-content: space-between; justify-content: center;
padding-left: 2vw; box-sizing: border-box; background: #fdfdfd; border-bottom: 1px solid #ccc;
}
.desktop-header-logo {
display: flex; justify-content: flex-start; align-items: center;
max-height: 100%; box-sizing: border-box; margin: 12px 0;
}
.desktop-header-logo img {
object-fit: contain; object-position: 0% 50%; height: 96px;
}
.topheader {
height: 42px; border-bottom-left-radius: 16px; background: #eee;
display: flex; flex-direction: row; justify-content: flex-end; align-items: stretch;
padding: 0 20px; box-sizing: border-box;
}
.topheader a { padding: 0 20px; font-size: 16px; }
.nav-div {
display: flex; justify-content: flex-end; align-items: stretch;
height: calc(100% - 42px); padding-top: 6px; padding-right: 2vw; box-sizing: border-box;
}
.mobile-header-logo {
display: flex; justify-content: center; align-items: center;
width: min(90%, 350px); margin: 0 calc(50% - 175px) 16px calc(50% - 175px);
}
.mobile-header-logo img { object-fit: contain; object-position: center; width: 100%; }
/* Site Colors:
Lighter Orange: #f68b29; (NOT compliant on white)
Darker Orange: #bd5b00; (compliant on white)
Shades of White/Gray:
#fdfdfd; (.bandg-header bg)
#fbfbfb; (support cta boxes bg)
#f8f8f8; (footer bg)
#f0f0f0; (homepage > used eq imgs bg)
#e5e5e5; (.foot-foot bg)
#eee; (.topheader bg)
#ccc; (.bandg-header underline)
*/
/*---BODY--------------------------------*/
/* paragraphs / / titles / headings /