/* --- GLOBAL STYLES & RESET --- */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background-color: #594C49; font-size: 10px; font-family: 'questrial', "poppins-semibold", "Poppins", sans-serif; color: #FFF; -webkit-font-smoothing: antialiased; }

/* --- FRAME BAR FRAMEWORK --- */
.frame-bar { width: 100%; position: relative; display: flex; justify-content: center; background-position: center; background-size: cover; background-repeat: no-repeat; }
.fb-content { width: 84%; display: flex; flex-direction: column; }

/* Width Caps By Type */
.type-ui .fb-content { max-width: 100%; }
.type-content .fb-content { max-width: 1350px; padding: 5rem 0; }
.type-form .fb-content { max-width: 1120px; }

/* --- TYPOGRAPHY DEFAULTS --- */
.type-content, .type-content p, .type-content li, .type-content ul { font-size: 1.4em; line-height: 1.4; }
.type-content li, .type-content ul { font-size: 1.2em; }
.type-content a, .type-content a:visited { color: #CA7029; text-decoration: none; }
.type-content a:hover, .type-content a:active { color: #81d742; }

/* Form Bar Fonts */
.type-form { color: #000; font-size: 1.8em; }
.type-form a, .type-form a:visited { color: #CA7029; text-decoration: none; }
.type-form a:hover, .type-form a:active { color: #81d742; }

/* UI Bar Fonts */
.type-ui { font-family: "poppins-semibold", "Poppins", sans-serif; font-size: 1.6em; color: #FFF; }
.type-ui a, .type-ui a:visited { color: #FFF; text-decoration: none; }
.type-ui a:hover, .type-ui a:active { color: #CA7029; text-decoration: underline; }
.highlight { color: #CA7029;}
.dehighlight { color: #bbb;}

/* Headings */
p { padding: 0 0 0 0; margin: 0 0 1.2em 0;}
ul { padding: 0 0 0 0; margin: 0 0 1.2em 1.6em;}
li { padding: 0 0 0 0; margin: 0 0 0.6em 0;}
h1 { font-size: 2.8em; font-weight: 400; border-left: 0.3rem solid #CA7029; padding-left: 1.2rem; line-height: 1.2; margin-bottom: 2rem; display: inline-block; }
h2 { font-size: 2.0em; font-weight: 400; color: #CA7029; margin: 1.5rem 0 1.5rem 0; }
h3 { font-size: 1.8em; font-weight: 200; color: #CA7029; margin-bottom: 1.5rem; }
h4 { font-size: 2.0em; font-weight: 300; color: #FFF; margin-bottom: 1.5rem; }

/* --- REUSABLE COMPONENTS --- */
/* Gavel Icon Link (.auction-link) */
.auction-link { display: inline-flex; align-items: center; color: #81d742 !important; font-size: 1.2em; font-family: "poppins-semibold", "Poppins", sans-serif; font-weight: 600; text-decoration: none !important; }
.auction-link::before { content: ""; display: inline-block; width: 1.2em; height: 1.2em; margin-right: 0.6em; flex-shrink: 0; background-color: currentColor; -webkit-mask: url('images/gavel-solid.svg') no-repeat center / contain; mask: url('images/gavel-solid.svg') no-repeat center / contain; }
.auction-link:hover, .auction-link:active { color: #FFF !important; text-decoration: none !important; }

/* --- SPECIFIC ROW MODIFIERS --- */
/* Top Utility Bar */
.top-utility { padding: 1.5rem 0; }
.top-utility .fb-content { flex-direction: row; justify-content: flex-end; align-items: center; }

/* Header Logo Bar */
.header-bar { background-color: #332925; padding: 4px 0px; }
.header-bar .fb-content { flex-direction: row; justify-content: space-between; align-items: center; }
.header-bar img { display: block; max-height: 100%; width: auto; }

/* Hero Section */
.hero-bar { background-image: url('images/bg_Collage.jpeg'); height: 35rem; align-items: stretch; }
.hero-bar .fb-content { justify-content: flex-start; position: relative; }
.hero-box { position: absolute; left: 0; top: 13.5rem; width: 35rem; height: 15rem; background-color: rgba(51, 41, 37, 0.9); border-left: 0.3rem solid #CA7029; padding: 1.5rem 1.8rem 2.0rem 1.8rem; display: flex; flex-direction: column; justify-content: space-between; }
.hero-box h2 { font-size: 2.8em; font-weight: normal; color: #FFF; margin: 0; }
.hero-box p { font-size: 1.2em; color: #FFF; font-weight: normal; line-height: 1.4; }

/* Dark Content Frame Bar Override */
.bg-dark-content { background-color: #332925; }
.bg-dark-content .fb-content { padding: 3.2rem 0 2.0rem 0; }

/* Smaller margins Frame Bar Override */
.smaller-margins { padding: 0; margin: 0; }

/* Gun Translucent Form Frame Bar */
.gun-bar { background-image: url('images/bg_Remington870.jpeg'); align-items: stretch; }
.gun-bar .fb-content { align-items: center; }
.gun-box { width: 100%; background-color: rgba(0, 0, 0, 0.8); border-left: 0.3rem solid #CA7029; padding: 2.0rem 5.6rem 3.0rem 5.6rem; color: #FFF; }

/* Footer Bar */
.footer-bar { padding: 1.2rem 0 0.6rem 0; text-align: center; }
.footer-bar .fb-content { align-items: center; justify-content: center; gap: 0.5rem; }