189 lines
4.2 KiB
SCSS
189 lines
4.2 KiB
SCSS
//
|
|
// footer
|
|
//
|
|
|
|
// agency-footer
|
|
|
|
.agency-footer {
|
|
background-color: $gray-900;
|
|
.footer-heading {
|
|
letter-spacing: 4px;
|
|
position: relative;
|
|
color: rgba($light, 0.8);
|
|
}
|
|
.footer-link {
|
|
li {
|
|
a {
|
|
color: rgba($light, 0.7);
|
|
line-height: 38px;
|
|
font-size: 14px;
|
|
transition: all 0.5s;
|
|
&:hover {
|
|
color: $white;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.subscribe-desc {
|
|
color: rgba($light, 0.7);
|
|
}
|
|
.agency-footer-subcribe {
|
|
form {
|
|
position: relative;
|
|
max-width: 400px;
|
|
input {
|
|
padding: 12px 20px;
|
|
width: 100%;
|
|
font-size: 15px;
|
|
color: $white;
|
|
border: none;
|
|
outline: none !important;
|
|
padding-right: 75px;
|
|
padding-left: 15px;
|
|
background-color: $primary;
|
|
border-radius: 5px;
|
|
}
|
|
button {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
outline: none !important;
|
|
border-radius: 0px 5px 5px 0px;
|
|
font-size: 14px;
|
|
padding: 11px 20px;
|
|
}
|
|
}
|
|
}
|
|
.copy-right {
|
|
color: rgba($light, 0.7);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.footer-heading {
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
|
|
/*------ blog-bg-footer ------*/
|
|
|
|
.blog-bg-footer {
|
|
background-color: $gray-900;
|
|
.footer-heading {
|
|
letter-spacing: 4px;
|
|
position: relative;
|
|
color: $gray-200;
|
|
}
|
|
.footer-link {
|
|
a {
|
|
color: rgba($light, 0.7);
|
|
line-height: 38px;
|
|
font-size: 14px;
|
|
transition: all 0.5s;
|
|
&:hover {
|
|
color: $white;
|
|
}
|
|
}
|
|
}
|
|
.left-recent-content {
|
|
padding-bottom: 5px;
|
|
.left-recent-img {
|
|
img {
|
|
max-width: 80px;
|
|
height: 46px;
|
|
border-radius: 3px;
|
|
}
|
|
}
|
|
.left-recent-title {
|
|
color: rgba($light, 0.7) !important;
|
|
}
|
|
}
|
|
.copy-right {
|
|
color: rgba($light, 0.7);
|
|
}
|
|
}
|
|
|
|
/*------ BOOK FOOTER ------*/
|
|
|
|
.book-bg-footer {
|
|
background-color: $gray-900;
|
|
.book-footer-box {
|
|
.book-footer-icon i {
|
|
font-size: 50px;
|
|
}
|
|
.book-footer-social {
|
|
a {
|
|
color: $gray-400;
|
|
font-size: 18px;
|
|
transition: all 0.5s;
|
|
width: 39px;
|
|
height: 39px;
|
|
background-color: $gray-700;
|
|
display: inherit;
|
|
line-height: 39px;
|
|
&:hover {
|
|
color: $white;
|
|
background-color: $warning;
|
|
}
|
|
}
|
|
}
|
|
.copy-right {
|
|
color: rgba($light, 0.7);
|
|
}
|
|
}
|
|
}
|
|
|
|
/*------ GYM-FOOTER ------*/
|
|
|
|
.gym-bg-footer {
|
|
background: rgba($black, 0.9);
|
|
.gym-footer-terms {
|
|
li {
|
|
&::after {
|
|
content: "|";
|
|
margin: 0 20px;
|
|
color: rgba($light, 0.7);
|
|
}
|
|
a {
|
|
color: rgba($light, 0.7) !important;
|
|
transition: all 0.5s;
|
|
&:hover {
|
|
color: $white !important;
|
|
transition: all 0.5s;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.gym-footer-alt {
|
|
p {
|
|
letter-spacing: 2px;
|
|
}
|
|
.copy-right {
|
|
color: rgba($light, 0.7);
|
|
}
|
|
}
|
|
}
|
|
|
|
/*------ PHOTOGRAPHER FOOTER ------*/
|
|
|
|
.photographer-instagram {
|
|
position: relative;
|
|
left: -70px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.photographer-instagram {
|
|
left: 0px;
|
|
}
|
|
}
|
|
|
|
/*------ SOFTWERE-FOOTER ------*/
|
|
|
|
.bg-softwere-footer {
|
|
background-color: $black;
|
|
}
|
|
|
|
.softwere-footer-icon i {
|
|
font-size: 30px;
|
|
}
|