170 lines
2.8 KiB
SCSS
170 lines
2.8 KiB
SCSS
|
/* Footer Area css
|
||
|
============================================================================================ */
|
||
|
.footer-area {
|
||
|
background: #000000;
|
||
|
h6 {
|
||
|
color: #fff;
|
||
|
margin-bottom: 25px;
|
||
|
font-size: 18px;
|
||
|
font-weight: 600;
|
||
|
@media (max-width: 767px) {
|
||
|
margin-bottom: 15px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.copy-right-text {
|
||
|
i,
|
||
|
a {
|
||
|
color: $primary-color;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.instafeed {
|
||
|
margin: -5px;
|
||
|
li {
|
||
|
overflow: hidden;
|
||
|
width: 25%;
|
||
|
img {
|
||
|
margin: 5px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.footer-social {
|
||
|
i {
|
||
|
color: #555555;
|
||
|
@include transition();
|
||
|
}
|
||
|
a {
|
||
|
padding-right: 25px;
|
||
|
@include transition();
|
||
|
&:hover {
|
||
|
i {
|
||
|
color: $primary-color;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.single-footer-widget {
|
||
|
@media (max-width: 991px) {
|
||
|
margin-bottom: 40px;
|
||
|
}
|
||
|
.form-inline {
|
||
|
display: inline-block;
|
||
|
width: 100%;
|
||
|
}
|
||
|
input {
|
||
|
border: none;
|
||
|
width: 80% !important;
|
||
|
font-weight: 300;
|
||
|
background: #191919;
|
||
|
color: #555555;
|
||
|
padding-left: 20px;
|
||
|
border-radius: 0;
|
||
|
font-size: 14px;
|
||
|
&:focus {
|
||
|
outline: none;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
@include placeholder {
|
||
|
color: #555555;
|
||
|
font-size: 12px;
|
||
|
text-transform: capitalize;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.bb-btn {
|
||
|
color: #fff;
|
||
|
font-weight: 300;
|
||
|
border-radius: 0;
|
||
|
z-index: 9999;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.info {
|
||
|
position: absolute;
|
||
|
margin-top: 5%;
|
||
|
color: #fff;
|
||
|
font-size: 12px;
|
||
|
&.valid {
|
||
|
color: green;
|
||
|
}
|
||
|
&.error {
|
||
|
margin: 0;
|
||
|
color: $primary-color;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.click-btn {
|
||
|
background: $primary-color;
|
||
|
color: $black;
|
||
|
border-radius: 0;
|
||
|
border-top-left-radius: 0px;
|
||
|
border-bottom-left-radius: 0px;
|
||
|
padding: 6px 12px;
|
||
|
border: 0;
|
||
|
|
||
|
i,span{
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
&:focus {
|
||
|
outline: none;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
::-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;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.footer-text {
|
||
|
padding-top: 80px;
|
||
|
font-size: 14px;
|
||
|
@media (max-width: 991px) {
|
||
|
padding-top: 0px;
|
||
|
}
|
||
|
a,
|
||
|
i {
|
||
|
color: $primary-color;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* End Footer Area css
|
||
|
============================================================================================ */
|