/home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/sass
Edit: /home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/sass/_footer.scss (4469B)
.site-footer {
background-color: #0c2139;
background-image: url(../images/backgrounds/footer-bg-1-1.jpg);
background-position: top left;
background-size: cover;
padding-top: 100px;
padding-bottom: 70px;
}
.footer-widget {
margin-bottom: 30px;
&__title {
margin: 0;
color: #fff;
font-size: 18px;
font-weight: 500;
margin: 0;
}
}
.footer-widget__about {
p {
color: #8e96a0;
font-size: 16px;
line-height: 34px;
margin-bottom: 0;
margin-top: 20px;
border-bottom: 1px solid rgba(#fff, 0.1);
padding-bottom: 20px;
margin-bottom: 30px;
}
}
.footer-widget__about-phone {
display: flex;
align-items: flex-start;
> i {
font-size: 32px;
color: $thm-base;
}
&-content {
margin-left: 20px;
span {
display: block;
color: $thm-text-dark;
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
line-height: 1;
letter-spacing: 0.1em;
margin-bottom: 7px;
}
h3 {
font-size: 16px;
font-weight: 500;
margin: 0;
line-height: 1;
color: #fff;
a {
color: inherit;
transition: all 500ms ease;
&:hover {
color: $thm-base;
}
}
}
}
}
.footer-widget__link {
@media(min-width: 1200px) {
margin-left: 40px;
}
}
.footer-widget__link-list {
margin-top: 15px;
margin-bottom: 0;
li {
a {
display: block;
line-height: 40px;
color: #8e96a0;
font-size: 16px;
transition: all 500ms ease;
&:hover {
color: $thm-base;
}
}
}
}
.footer-widget__contact {
background-color: #09192c;
padding: 40px 30px;
padding-bottom: 33px;
@media (min-width: 1200px) {
margin-left: 70px;
}
h3 {
margin: 0;
color: #fff;
font-size: 18px;
font-weight: 500;
margin: 0;
line-height: 1;
margin-bottom: 20px;
}
&-list {
margin: 0;
li {
+ li {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 15px;
margin-top: 15px;
}
a {
display: block;
position: relative;
color: $thm-text-dark;
font-size: 14px;
line-height: 24px;
padding-left: 25px;
transition: all 500ms ease;
&:hover {
color: #fff;
> i {
color: #fff;
}
}
> i {
position: absolute;
top: 6px;
font-size: 14px;
color: $thm-base;
left: 0;
transition: all 500ms ease;
}
}
}
}
}
.footer-widget__post {
@media (min-width: 1200px) {
margin-left: 32px;
}
}
.footer-widget__post-list {
margin-bottom: 0;
margin-top: 26px;
li {
display: flex;
align-items: flex-start;
+ li {
margin-top: 40px;
}
> img {
flex-shrink: 0;
}
}
&-content {
margin-left: 20px;
span {
font-size: 12px;
font-weight: bold;
color: $thm-base;
line-height: 1;
display: block;
margin-bottom: 14px;
}
h3 {
font-size: 16px;
line-height: 28px;
color: $thm-text-dark;
margin-bottom: 0;
a {
color: inherit;
&:hover {
color: $thm-base;
}
}
}
}
}
.bottom-footer {
background-color: #09192c;
padding-top: 27.5px;
padding-bottom: 27.5px;
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
@media (max-width: 667px) {
flex-direction: column;
justify-content: center;
}
}
p {
font-size: 16px;
color: $thm-text-dark;
margin: 0;
@media (max-width: 667px) {
margin-bottom: 10px;
}
}
&__social {
display: flex;
flex-wrap: wrap;
a {
display: flex;
justify-content: center;
border-radius: 50%;
align-items: center;
width: 41px;
height: 41px;
background-color: #ffffff;
color: #0c2139;
font-size: 12px;
transition: all 500ms ease;
&:hover {
background-color: $thm-base;
color: #fff;
}
+ a {
margin-left: 10px;
}
}
}
}