Files
Globaly-CSS-Practice/style/about_us/_email-form-au.scss
2024-06-05 16:57:33 +02:00

86 lines
1.6 KiB
SCSS

.email-form-au {
padding: 30px 15px;
background-color: #15c1cb;
.email-title {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 1.38462;
font-family: Merriweather, serif;
letter-spacing: 0px;
text-align: inherit;
color: #ffffff;
}
.email-text {
padding: 0 10px;
text-align: center;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
color: #ffffff;
}
.subscribe {
@include button;
background-color: white;
color: #15c1cb !important;
margin-top: 20px;
}
.subscribe:hover {
color: white !important;
background-color: transparent;
border: solid 2px white;
transition: 0.2s;
}
.input-text {
padding: 18px 20px;
border: none;
background-color: #f6f6f6;
margin: 0 0 20px;
color: #777777 !important;
width: 93%;
font-family: MerriweatherSans;
}
.input-text::placeholder {
color: #31353d !important;
}
}
@media only screen and (min-width:768px) {
.email-form-au {
.email-text {
padding: 0 40px;
}
.input-text {
width: 55%;
}
}
}
@media only screen and (min-width:992px) {
.email-form-au {
.email-title{
font-size: 29px;
}
.email-text {
padding: 0 40px;
}
.input-text {
width: 25%;
}
}
}