core/skin/p008.yurecnt.ru/scss/theme/_footer.scss

170 lines
2.8 KiB
SCSS
Executable File

/* 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
============================================================================================ */