/***** 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: #3c90e6; color: #210f04; text-shadow: none; }
::selection { background: #3c90e6; color: #210f04; 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 { }
.flock-header {
width: 100%; position: relative; z-index: 1004; background: #f9f8f8;
display: flex; flex-direction: column; align-items: center; box-sizing: border-box;
}
.header-top {
display: flex; justify-content: space-between; align-items: stretch;
box-sizing: border-box; width: min(1850px, 100%); height: 120px;
}
.header-logo-div {
position: relative; display: flex; justify-content: center; align-items: stretch;
padding: 16px 66px 16px 24px; box-sizing: border-box;
}
.header-logo-div:before {
position: absolute; content: ""; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff;
clip-path: polygon(0% 0%, calc(100% - 50px) 0%, 100% 50%, calc(100% - 50px) 100%, 0 100%);
}
.header-logo {
position: relative; z-index: 2;
display: flex; justify-content: center; align-items: center;
}
.header-logo img {
max-width: 100%; max-height: 70px; object-fit: contain; object-position: center;
}
.header-right {
display: flex; flex-direction: column; align-items: flex-end; justify-content: space-around;
padding-right: 24px; box-sizing: border-box;
}
.header-row { display: flex; justify-content: flex-end; align-items: stretch; }
.header-row a { height: 100%; font-size: 15px; }
.header-contact a { padding: 0 20px; align-items: center; }
.header-contact a i { font-size: 14px; margin-right: 6px; }
.header-btns {
height: 54px; column-gap: 32px; padding: 2px 0 12px 0; box-sizing: border-box;
}
.header-btns .btnclass { padding: 0 18px; }
.nav-div {
display: flex; justify-content: center; align-items: stretch;
background: #210f04; width: 100%; height: 48px;
}
/* Site Colors:
--> Red/Rust: #c23815; <--
Orange: #ff9b43;
Blue: #3c90e6;
Not-White: #f9f8f8;
Not-Black: #210f04;
Faux-Low-'pacity Orange: #ffcda0;
Faux-Low-'pacity Not-Black: #e3e0df;
Faux-Med-'pacity Not-Black: #776c66;
*/
/*---BODY--------------------------------*/
/* paragraphs / / titles /