/* Custom Newsletter Design — IT Direct Brand Colours */
.custom-itdirect-newsletter {
background-color: #1a1a2e; /* Deep navy, matching the site's dark header/footer */
padding: 40px 20px; /* Adds space inside the box so it isn't cramped */
border-radius: 8px; /* Softens the edges with rounded corners */
text-align: center; /* Centers the form */
margin-top: 20px; /* Adds space above the block */
border: 1px solid #e8750a; /* Subtle orange border to tie in the brand accent */
}
/* Make the text inside white so it's readable on the dark background */
.custom-itdirect-newsletter label,
.custom-itdirect-newsletter .title,
.custom-itdirect-newsletter p {
color: #ffffff !important;
}
/* Optional: style any subscribe button to use the brand orange */
.custom-itdirect-newsletter button,
.custom-itdirect-newsletter input[type="submit"] {
background-color: #e8750a;
color: #ffffff;
border: none;
border-radius: 4px;
padding: 10px 24px;
cursor: pointer;
}
.custom-itdirect-newsletter button:hover,
.custom-itdirect-newsletter input[type="submit"]:hover {
background-color: #c9640a; /* Slightly darker orange on hover */
}
