JSFiddle - React, Tailwind, and code Playground
by Dejan Munjiza
CSS
#newsletter-form .elementor-field-group {
display: flex !important;
flex-direction: column !important;
height: 30px !important;
margin-bottom: 20px;
align-items: center;
}
#newsletter-form .elementor-field-group label {
width: 15%;
text-align: right;
padding-right: 10px;
box-sizing: border-box;
line-height: 2;
}
#newsletter-form .elementor-field-group input {
width: 85%;
}
#newsletter-form .elementor-field-option label {
width: 84%;
float: left;
text-align: left;
font-size: 12px;
padding: 0 !important;
box-sizing: border-box;
line-height: 18px;
margin-top: 4px;
}
#newsletter-form .elementor-field-option label a {
color: white !important;
text-decoration: underline !important;
}
#newsletter-form .elementor-field-option input {
width: 5%;
padding: 0 !important;
box-sizing: border-box;
margin-top: 7px;
margin-left: 8.4%;
text-align: left;
margin-right: 7px;
float: left;
padding-left: 0;
}
#newsletter-form .elementor-field-type-submit {
margin-top: 20px !important;
font-family: "emigre" !important;
}
/* Test */
ul.header-list {
float: left;
padding: 0;
margin: 0;
}
ul.header-list li {
float: left;
width: auto;
padding: 0 15px 0 0;
text-transform: uppercase;
margin: 0;
color: white;
font-family: "DINPro-Regular", Sans-serif;
font-weight: 900;
font-size: 10px;
}
ul.header-list li:first-child {
list-style: none;
}
/* Header menu */
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-widget-nav-menu .elementor-nav-menu--main * {
font-family: "DINPro-Regular", Sans-serif;
font-weight: 300;
font-size: 17px;
text-decoration: none;
color: white;
border: none !important;
}
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover{
color: white;
}
.elementor-widget-nav-menu...