.motors-socials-head .motors-socials-head-text {
text-align: center;
font-size: 14px;
color: var(--motors-text-alpha-color);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
margin-top: 5px;
}
.motors-socials-head .motors-socials-head-text:before, .motors-socials-head .motors-socials-head-text:after {
content: "";
flex-grow: 1;
height: 1px;
background-color: var(--motors-border-color);
}
.motors-socials-head .motors-socials-head-text:before {
margin-right: 10px;
}
.motors-socials-head .motors-socials-head-text:after {
margin-left: 10px;
}
.motors-socials-inner {
display: flex;
justify-content: space-between;
min-width: 100%;
margin: -7px;
}
@media (max-width: 767px) {
.motors-socials-inner {
flex-wrap: wrap;
}
}
.motors-socials-inner .stm-social-providers {
margin-bottom: 10px;
width: auto;
flex: 1;
padding: 7px;
}
@media (max-width: 540px) {
.motors-socials-inner .stm-social-providers {
width: 100%;
}
}
.motors-socials-inner .stm-social-providers a.motors-facebook-sl,
.motors-socials-inner .stm-social-providers a.motors-google-sl {
color: var(--motors-text-color);
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 600;
padding: 10px 15px 10px 12px;
border-radius: 5px;
border: 1px solid var(--motors-border-color);
background-color: var(--motors-filter-inputs-color);
text-decoration: none;
}
.motors-socials-inner .stm-social-providers a.motors-facebook-sl:hover,
.motors-socials-inner .stm-social-providers a.motors-google-sl:hover {
transition: all 0.3s ease;
background-color: var(--motors-bg-color);
}
.motors-socials-inner .stm-social-providers a.motors-facebook-sl img,
.motors-socials-inner .stm-social-providers a.motors-google-sl img {
width: 22px;
margin-right: 5px;
}
.stm-login-form-unregistered .motors-socials-inner {
margin-top: 10px;
}
.stm-login-form-unregistered .motors-socials-inner .stm-social-providers {
margin-top: 10px;
}
.stm-login-form-unregistered .motors-socials-inner .stm-social-providers a {
align-items: center;
}
.woocommerce .motors-socials-inner {
display: flex;
justify-content: flex-start;
margin-top: 20px;
}
.woocommerce .motors-socials-inner .stm-social-providers {
margin-right: 10px;
}