/* =========================
   DESKTOP / LAPTOP
========================= */
@media (min-width: 1024px) {

.jetpack_subscription_widget form{
    display:flex;
    justify-content:center !important;
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;
}

.jetpack_subscription_widget input[type="email"]{
    flex:1;
    height:50px;
    width:40vw !important;
    margin:0 !important;
}

.jetpack_subscription_widget input[type="submit"]{
    height:50px;
    white-space:nowrap;
}

.wp-block-jetpack-subscriptions__subscount{
    display:block;
    margin-top:10px;
    text-align:center;
}

}


/* =========================
   MOBILE / TABLET
========================= */
@media (max-width: 1023px) {

.jetpack_subscription_widget form{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.jetpack_subscription_widget input[type="email"]{
    height:50px;
    width:100%;
    border:1px solid #d0d0d0;
    border-radius:6px;
    padding:0 14px;
}

.jetpack_subscription_widget input[type="submit"]{
    height:50px;
    margin-top:10px !important;
    margin-bottom:10px !important;
}

}


/* =========================
   GLOBAL INPUT STYLING
========================= */

/* border + base style (all devices) */
.jetpack_subscription_widget input[type="email"]{
    border:1px solid #d0d0d0;
    outline:none;
    transition:0.2s ease;
    border-radius:6px;
}

/* focus indicator color */
.jetpack_subscription_widget input[type="email"]:focus{
    border-color:#4f46e5; /* change this to your brand color */
    box-shadow:0 0 0 3px rgba(79,70,229,0.15);
}

/* subscriber count */
.wp-block-jetpack-subscriptions__subscount{
    display:block;
    margin-top:10px;
    text-align:center;
		color: white;
}


#masthead,
#masthead .container,
#masthead .nv-navbar,
#masthead .builder-item,
#masthead .hfg-grid,
#masthead .header--row-inner,
#masthead .elementor-location-header {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}#masthead .container {
    margin: 0 !important;
}


#colophon,
#colophon .container,
#colophon .nv-footer,
#colophon .builder-item,
#colophon .hfg-grid,
#colophon .footer--row-inner,
#colophon .elementor-location-footer {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#colophon .container {
    margin: 0 !important;
}
html, body {
    overflow-x: hidden;
}