File: /home/clinicamaciel/www/wp-content/themes/bedentist/assets/sass/widgets/_tm-widget-subscribe.scss
.sidebar-primary .widget.widget-subscribe {
padding: 10px 30px 15px;
h6 {
margin: 12px 0 16px;
}
.subscribe-block__input-group {
@include media-breakpoint-only(md) {
flex-wrap: wrap;
.subscribe-block__btn_wr {
flex: 1 0 100%;
.subscribe-block__submit {
margin-left: 0;
width: 100%;
margin-top: 5px;
}
}
}
}
}
.follow-block {
padding: 0 0 27px;
}
.subscribe-block {
padding: 0 0 20px;
.follow-block + & {
border-top: 1px solid;
padding: 10px 0;
@include media-breakpoint-up(lg) {
padding: 12px 0 17px;
}
.sidebar-primary &,
.sidebar-secondary & {
margin: 0 -10px 0;
padding-left: 10px;
padding-right: 10px;
@include media-breakpoint-up(lg) {
margin: 0 -30px 0;
padding-left: 30px;
padding-right: 30px;
}
}
.footer-area & {
border-top: 1px solid rgba(255, 255, 255, .2);
}
}
&__error {
margin-top: 10px;
text-align: center;
color: #ff7b7b;
}
&__input-group {
display: -webkit-flex;
display: flex;
.footer-area & {
@include media-breakpoint-up(lg) {
margin-left: auto;
margin-right: auto;
width: 100%
}
}
.subscribe-block__input_wr {
-webkit-flex: 1 1 100%;
-moz-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.subscribe-block__btn_wr {
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
}
&__input[type="email"] {
font-style: italic;
border: none;
&.error {
box-shadow: none;
border: none;
}
width: 100%;
border-radius: $border__radius;
padding: 13px 20px;
box-sizing: border-box;
.footer-area & {
&:focus {
box-shadow: none;
background: #fff;
}
}
.sidebar-1-4 & {
max-width: calc(100% - 50px);
}
}
&__submit {
border-radius: $border__radius;
padding: 14px 30px;
box-sizing: border-box;
font-size: 20px;
margin-left: 8px;
.footer-area & {
padding: 14px 25px;
}
.sidebar-1-4 & {
font-size: 0;
&:before {
display: inline-block;
}
}
}
&__message {
padding: 0 0 22px;
.footer-area & {
padding-bottom: 20px;
}
}
}
.subscribe-block__input.error[type="email"] {
-webkit-box-shadow: inset 0 0 0 1px rgba(255,0,0,0.5);
box-shadow: inset 0 0 0 3px rgba(255,0,0,0.5);
}