We use cookies to make your experience better. To comply with the new e-Privacy directive, we need to ask for your consent to set the cookies. Learn more.
Contact Us - Drum Orders
<-- style
body {
color: var(--color-dark);
font-size: 1.7rem !important;
text-wrap: pretty;
}
.img-smaller {
max-width: 60%;
height: auto;
}
.form-instructions {
--max-ch: 60;
max-width: calc(var(--max-ch) * 1ch);
margin: 0 auto; /* Centers the block horizontally */
padding: 0;
text-align: left; /* Default left-align for text; can move to inner div if preferred */
}
@media (max-width: 768px) {
.form-instructions {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.contact-intro-container {
max-width: 100ch;
margin: auto;
text-align: left;
}
.contact-intro-container h3,
.form-instructions h3,
.contact-us h3,
.address-info-container h3 {
text-align: left !important;
}
.contact-intro-container h4,
.form-instructions h4,
.contact-us h4,
.address-info-container h4 {
font-size: 1.7rem;
text-align: left !important;
line-height: 1.1;
}
.contact-intro-container p,
.form-instructions p,
.contact-us p,
.address-info-container p {
font-size: 1.7rem;
}
.address-info-container .fa-border {
background: var(--color-light);
}
.address-info-container .fa {
color: var(--red1) !important; /* color for Font Awesome icons */
}
.address-info-container li {
line-height: 1.2;
}
/**** BORDERS CSS ****/
.cms-contact-us h2 {
font-weight: 800 !important;
color: var(--color-dark) !important;
font-size: 2.7rem;
font-family: var(--website-fonts);
}
h3 {
color: var(--color-dark);
font-size: 2.7rem;
font-weight: normal;
}
.cms-contact-us h2.borders::after {
background-color: var(--green3) !important;
}
h3.borders::after {
background-color: var(--color-dark) !important;
}
.form-info {
font-size: 1.5rem;
font-weight: 500;
color: var(--red1);
line-height: 1.2 !important; /* Fixed from 8px for readability */
}
/** BUTTONS & LINKS CSS **/
.contact-intro-container a:link,
.contact-intro-container a:visited,
.address-info-container a:link,
.address-info-container a:visited,
.form-instructions a:link,
.form-instructions a:visited,
.contact-us a:link,
.contact-us a:visited {
color: var(--color-dark);
text-decoration: underline;
transition: color 0.2s; /* Added for smooth hover */
}
.contact-intro-container a:hover,
.contact-intro-container a:active,
.address-info-container a:hover,
.address-info-container a:active,
.form-instructions a:hover,
.form-instructions a:active,
.contact-us a:hover,
.contact-us a:active {
color: var(--red1);
text-decoration: none;
}
.btn {
min-width: 35%;
border: none;
padding: 2rem 3.2rem !important;
text-align: center;
display: inline-block;
font-size: 2.6rem;
font-weight: 500;
line-height: 1;
border-radius: 0.5rem;
margin: 0.5rem;
border-style: solid;
border-width: 0.3rem;
border-color: transparent;
text-decoration: none; /* Consolidated */
}
.btn:hover {
text-decoration: none;
transition: 0.2s;
}
.yellow:link,
.yellow:visited {
background-color: var(--yellow);
color: var(--color-dark);
}
.yellow:hover,
.yellow:active {
background-color: var(--color-dark);
color: var(--yellow);
border-color: var(--yellow);
}
.dark:link,
.dark:visited {
background-color: var(--color-dark);
color: var(--yellow);
}
.dark:hover,
.dark:active {
background-color: var(--yellow);
color: var(--color-dark);
border-color: var(--color-dark);
}
.btn-info {
margin-top: 0.6rem;
font-size: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
line-height: 1.2 !important;
}
label#label_23 {
height: 10px;
display: block;
}
.image80pc {
max-width: 80%;
height: auto;
margin: auto;
}
/* Media query for mobile - adjust breakpoint as needed */
@media (max-width: 768px) {
.image80pc {
max-width: 100%; /* Full width on mobile */
width: 100%; /* Ensure it takes full container width */
}
}
/* Optional: Shared class for standardization (add to container HTML, e.g., class="address-info-container contact-section") */
.contact-section h3 {
text-align: left !important;
}
.contact-section h4 {
font-size: 1.7rem;
text-align: left !important;
line-height: 1.1;
}
.contact-section p {
font-size: 1.7rem;
}
.contact-section a:link,
.contact-section a:visited {
color: var(--color-dark);
text-decoration: underline;
transition: color 0.2s;
}
.contact-section a:hover,
.contact-section a:active {
color: var(--red1);
text-decoration: none;
}
-->
CONTACT US
If you're a customer or potential customer, please click the Customer Service image below for service.
If you want to supply Jedwards with your products or services, please click the Supplier Application image below.
We look forward to hearing from you!
Contact Us Form for
Vendors, Suppliers & Service Providers
For sellers: Pitch offers or ask purchasing questions directly.
Customers: Call us or use the Customer Service form for quotes and support.
Thanks for connecting with Jedwards!