/*==========================
REPORT A COIN FORM CONTAINER
============================*/

.coin-report-form {
max-width: 1000px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
background-color: #fbeee3;
border: 3.25px solid #a15f2e;
border-radius: 20px;
padding: 20px 24px;
box-sizing: border-box;
filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.9))
drop-shadow(0 0 3px rgba(255, 255, 255, 0.6));
}

/*==============
FORM GRID LAYOUT
===============*/

.coin-report-form form {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}

.form-header-img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
margin-bottom: 8px;
}

/*===============
FORM FIELD LABELS
================*/

.coin-report-form label {
display: block;
font-family: 'Zilla Slab', serif;
font-size: 17px;
font-weight: 300;
color: #a15f2e;
margin-bottom: 4px;
}

/*=======================
INPUT FIELDS + TEXT-AREA
========================*/

.coin-report-form input,
.coin-report-form textarea {
width: 100%;
font-family: 'Zilla Slab', serif;
font-size: 16px;
font-weight: 300;
color: #a15f2e;
background-color: #faf6f1; 
border: 3.25px solid #a15f2e;
border-radius: 10px;
padding: 8px 10px;
box-sizing: border-box;
}

/*================
TEXT-AREA SPECIFIC
==================*/

.coin-report-form textarea {
height: 100px;
resize: vertical;
}

/*====================
BACKSTORY & PHOTO NOTE
SPANS FULL PAGE WIDTH
=====================*/

.coin-report-form .full-width {
grid-column: 1 / -1;
}

/*=============
PHOTO NOTE TEXT
===============*/

.coin-report-form .photo-note {
font-family: 'Zilla Slab', serif;
font-size: 16.5px;
font-weight: 300;
color: #a15f2e;
grid-column: 1 / -1;
margin: 0;
}

.coin-report-form .photo-note a {
color: #a15f2e;
text-decoration: underline;
}

/*=============
FORM DISCLAIMER
===============*/

.form-disclaimer {
font-family: 'Zilla Slab', serif;
font-size: 13px;
font-weight: 300;
color: #a15f2e;
font-style: italic;
grid-column: 1 / -1;
margin: 4px 0;
}

/*===========
SUBMIT BUTTON
=============*/

.coin-report-form button {
grid-column: 1 / -1;
font-family: 'Zilla Slab', serif;
font-size: 18px;
font-weight: 300;
color: #fbeee3;
background-color: #a15f2e;
border: none;
border-radius: 20px;
padding: 10px 20px;
cursor: pointer;
margin-top: 8px;
}

.coin-report-form button:hover {
background-color: #d4edda;
color: #a15f2e;
border: 3.25px solid #a15f2e;
}

.coin-report-form input::placeholder,
.coin-report-form textarea::placeholder {
color: #c4956a;
opacity: 1;
}

/*================
REDEEM A PRIZE BOX
=================*/

.redeem-prize-box {
max-width: 1000px;
margin: 5px auto 4px auto;
background-color: #fbeee3;
border: 3.25px solid #a15f2e;
border-radius: 20px;
padding: 20px 24px;
box-sizing: border-box;
filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 2px rgba(255, 255, 255, 0.6));
}

.redeem-prize-box p {
font-family: 'Zilla Slab', serif;
font-size: 18px;
font-weight: 300;
color: #a15f2e;
text-align: center;
line-height: 1.4;
margin: 10px 0 0 0;
}
 
/*===============
MOBILE RESPONSIVE
=================*/

@media (max-width: 768px) {
 
.coin-report-form form {
grid-template-columns: 1fr;
padding-left: 5px !important;
padding-right: 5px !important;
}

.coin-report-form {
margin-left: 5px !important;
margin-right: 5px !important;
width: auto !important;
box-sizing: border-box !important;
}
}