cite_clasify/public/landing/scss/theme/_footer.scss

151 lines
3.1 KiB
SCSS

/* =================================== */
/* Footer Styles
/* =================================== */
/*-------- start footer Area -------------*/
.footer-area {
background-color: #04091e;
}
.single-footer-widget {
h4{
color: $white;
margin-bottom: 25px;
font-weight: 500;
}
.form-control{
border: none;
width: 80%!important;
font-weight: 300;
background: #f9f9ff;
padding-left: 20px;
border-radius: 0;
font-size: 14px;
line-height: normal!important;
color:$black;
&:focus {
box-shadow: none;
color:$black;
}
}
ul li {
margin-bottom: 10px;
a {
color: $text-color;
@include transition();
&:hover {
color: $primary-color;
}
}
}
.bb-btn {
color: $primary-color;
color: #fff;
font-weight: 300;
border-radius: 0;
z-index: 9999;
cursor: pointer;
}
.info {
margin-top: 25px;
color: #fff;
font-size: 12px;
&.valid {
color: green;
}
&.error {
color: red;
}
}
.btn{
font-size: 1.2rem;
border-radius:0;
background:$primary-color;
color:$white;
.lnr{
line-height:inherit;
font-size:13px;
padding: 0px 4px;
}
}
::-moz-selection {
/* Code for Firefox */
background-color: #191919!important;
color: $text-color;
}
::selection {
background-color: #191919!important;
color: $text-color;
}
::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: $text-color;
font-weight: 300;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: $text-color;
opacity: 1;
font-weight: 300;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: $text-color;
opacity: 1;
font-weight: 300;
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: $text-color;
font-weight: 300;
}
::-ms-input-placeholder {
/* Microsoft Edge */
color: $text-color;
font-weight: 300;
}
@include media-breakpoint-down(md) {
margin-bottom: 30px;
}
}
.footer-bottom{
padding-top:50px;
.footer-social{
text-align: right;
@media(max-width: 991px){
text-align:left;
margin-top:30px;
}
}
.lnr,a{
color:$primary-color;
}
.footer-social{
a{
background: rgba(255, 255, 255, 0.1);
color: #fff;
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
@include transition();
i{
vertical-align: bottom;
}
&:hover{
background-color:$primary-color;
}
}
}
}
/*-------- end footer Area -------------*/