/*====================
OVERRIDE ALL BREVO FONTS
====================*/

#sib-container,
#sib-container p,
#sib-container label,
#sib-container input,
#sib-container button,
#sib-container span {
font-family: 'Zilla Slab', serif !important;
}

/*=============
BREVO CONTAINER
===============*/

#sib-container {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
background-color: #fbeee3 !important;
border: 3.25px solid #a15f2e !important;
border-radius: 20px !important;
margin: 0 !important;
padding: 8px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}

/*===================
HIDE BREVO TITLE ONLY
====================*/

#sib-form > div:nth-child(1) {
display: none !important;
}

/*==============
DESCRIPTION TEXT
================*/

#sib-container .sib-text-form-block {
display: block !important;
visibility: visible !important;
}

#sib-container .sib-text-form-block p {
font-family: 'Zilla Slab', serif !important;
font-size: 18px !important;
color: #a15f2e !important;
margin: 0 !important;
display: block !important;
visibility: visible !important;
}

#sib-container .sib-form-block .sib-text-form-block p {
font-size: 18px !important;
}

/*===================
VERTICAL STACK LAYOUT
=====================*/

#sib-form {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
width: 100% !important;
box-sizing: border-box !important;
}

/*==============
FORM BLOCK ORDER
================*/

#sib-form > div:nth-child(2) {
order: 1 !important;
padding: 2px 0 !important;
}

#sib-form > div:nth-child(3) {
order: 2 !important;
padding: 2px 0 !important;
}

#sib-form > div:nth-child(4) {
order: 3 !important;
padding: 2px 0 !important;
}

#sib-form > div:nth-child(5) {
order: 4 !important;
padding: 2px 0 !important;
}

#sib-form > div:nth-child(6) {
order: 5 !important;
padding: 2px 0 !important;
}

#sib-form > div:nth-child(7) {
order: 6 !important;
padding: 2px 0 !important;
}

#sib-form > div:nth-child(8) {
order: 7 !important;
padding: 2px 0 !important;
}

#sib-container .entry__field {
border-radius: 10px !important;
overflow: hidden !important;
background-color: #fdfaf7 !important;
}

#sib-container .form__entry {
border-radius: 10px !important;
overflow: hidden !important;
}

#sib-container .sib-input {
border-radius: 10px !important;
overflow: hidden !important;
}

/*===========
INPUT FIELDS
============*/

#sib-container .input {
font-family: 'Zilla Slab', serif !important;
font-size: 13px !important;
font-weight: 300 !important;
color: #a15f2e !important;
background-color: #fdfaf7 !important;
border: 3.25px solid #a15f2e !important;
border-radius: 10px !important;
padding: 4px 8px !important;
width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
background-clip: padding-box !important;
}

/*==============
PLACEHOLDER TEXT
===============*/

#sib-container input::placeholder {
font-family: 'Zilla Slab', serif !important;
color: #c4956a !important;
opacity: 1 !important;
}

/*====
LABELS
=====*/

#sib-container .entry__label {
font-family: 'Zilla Slab', serif !important;
font-size: 15px !important;
font-weight: 300 !important;
color: #a15f2e !important;
}

/*==============
DESCRIPTION TEXT
===============*/

#sib-container .sib-form-block p {
font-family: 'Zilla Slab', serif !important;
font-size: 13px !important;
color: #a15f2e !important;
margin: 0 !important;
}

/*==========
CONSENT TEXT
===========*/

#sib-container .sib-optin span p {
font-family: 'Zilla Slab', serif !important;
font-size: 14px !important;
color: #a15f2e !important;
}

#sib-container .sib-checkbox-group .checkbox__label span:not([class]) {
color: #a15f2e !important;
font-size: 14px !important;
}

#sib-container .form__entry.entry_mcq {
border-radius: 0 !important;
overflow: visible !important;
}

#sib-container .sib-captcha .form__entry {
border-radius: 0 !important;
overflow: visible !important;
}

/*==============
SUBSCRIBE BUTTON
================*/

#sib-container .sib-form-block__button {
font-family: 'Zilla Slab', serif !important;
font-size: 16px !important;
font-weight: 300 !important;
color: #fbeee3 !important;
background-color: #a15f2e !important;
border-radius: 20px !important;
border: none !important;
padding: 6px 20px !important;
width: 100% !important;
cursor: pointer !important;
}

#sib-container .sib-form-block__button:hover {
background-color: #c8e6c0 !important;
color: #a15f2e !important;
border: 3.25px solid #a15f2e !important;
}

/*=================
RECAPTCHA NOTE TEXT
==================*/

#sib-container .entry__specification {
font-family: 'Zilla Slab', serif !important;
font-size: 11px !important;
color: #a15f2e !important;
}

/*=======================
MAILING LIST HERO SECTION
========================*/

.mailing-hero {
max-width: 1000px;
height: auto;
margin: 5px auto 4px auto;
display: flex;
align-items: stretch;
gap: 10px;
}

/*========================
LEFT SIDE - TITLE AND FORM
=========================*/

.mailing-hero-left {
flex: 0 0 490px;
display: flex;
flex-direction: column;
gap: 6px;
overflow: visible;
}

/*=======
TITLE PNG
=========*/

.mailing-hero-title img {
width: 100%;
height: auto;
display: block;
border: 3.25px solid #a15f2e;
border-radius: 20px;
overflow: hidden;
margin-bottom: 6px;
filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 2px rgba(255, 255, 255, 0.6));
}

/*============
FORM CONTAINER
=============*/

.mailing-hero-form {
flex: 1 1 auto;
overflow: visible;
display: flex;
flex-direction: column;
}

.mailing-hero-form .sib-form {
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

.mailing-hero-form #sib-form-container {
flex: 1 1 auto !important;
height: 100% !important;
}

.mailing-hero-form #sib-container {
height: 100% !important;
}

#sib-form-container {
margin: 0 !important;
padding: 0 !important;
filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 2px rgba(255, 255, 255, 0.6));
}

/*================
RIGHT SIDE - IMAGE
==================*/

.mailing-hero-image {
flex: 0 0 500px;
height: auto;
}

.mailing-hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border: 3.25px solid #a15f2e;
border-radius: 20px;
filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 2px rgba(255, 255, 255, 0.6));
}

/*===============
MOBILE RESPONSIVE
================*/

@media (max-width: 768px) {
#sib-form {
width: 100% !important;
padding-left: 5px !important;
padding-right: 5px !important;
}

.mailing-hero {
flex-direction: column;
height: auto;
padding-left: 5px;
padding-right: 5px;
box-sizing: border-box;
width: 100%;
}

.mailing-hero-image {
width: 100%;
height: auto;
flex: 0 0 100%;
}

.mailing-hero-image img {
width: 100%;
height: auto;
object-fit: contain;
}

.mailing-hero-left {
width: 100%;
flex: 0 0 100%;
}

.mailing-hero-title img {
width: 100%;
height: auto;
}
}